:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;min-height:100%;min-width:320px;background:var(--hub-bg, #fafafa);color:var(--hub-fg, #171717)}html{height:100%}body,#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:2px solid currentColor;outline-offset:2px}:root,[data-theme=light]{--hub-bg: #fafafa;--hub-fg: #171717;--hub-card: #ffffff;--hub-card-fg: #171717;--hub-muted: #f4f4f5;--hub-muted-fg: #71717a;--hub-border: #e4e4e7;--hub-accent: #3b82f6}[data-theme=dark]{--hub-bg: #121212;--hub-fg: #fafafa;--hub-card: #1a1a1a;--hub-card-fg: #fafafa;--hub-muted: #27272a;--hub-muted-fg: #a1a1aa;--hub-border: #27272a;--hub-accent: #60a5fa}[data-theme=coffee]{--hub-bg: #1c1814;--hub-fg: #f5f0eb;--hub-card: #252019;--hub-card-fg: #f5f0eb;--hub-muted: #2d2620;--hub-muted-fg: #b8a898;--hub-border: #3d3329;--hub-accent: #d4a574}[data-theme=gold]{--hub-bg: #141108;--hub-fg: #faf6f0;--hub-card: #1c1810;--hub-card-fg: #faf6f0;--hub-muted: #262218;--hub-muted-fg: #b8a878;--hub-border: #3d3525;--hub-accent: #e8b84a}[data-theme=minimal]{--hub-bg: #ffffff;--hub-fg: #0c0c0c;--hub-card: #fafafa;--hub-card-fg: #0c0c0c;--hub-muted: #f4f4f4;--hub-muted-fg: #737373;--hub-border: #e5e5e5;--hub-accent: #0c0c0c}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=coffee]):not([data-theme=gold]):not([data-theme=minimal]){--hub-bg: #121212;--hub-fg: #fafafa;--hub-card: #1a1a1a;--hub-card-fg: #fafafa;--hub-muted: #27272a;--hub-muted-fg: #a1a1aa;--hub-border: #27272a;--hub-accent: #60a5fa}}.profile-hub{min-height:100vh;color:var(--hub-fg);position:relative;overflow-x:hidden}.profile-hub__bg-gradient{pointer-events:none;position:fixed;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--hub-muted) 30%,transparent),transparent 40%,color-mix(in srgb,var(--hub-muted) 20%,transparent));z-index:0}.profile-hub__bg-orb{pointer-events:none;position:fixed;width:20rem;height:20rem;border-radius:50%;filter:blur(80px);opacity:.2;z-index:0}.profile-hub__bg-orb--top{top:-10rem;right:-10rem;background:var(--hub-muted)}.profile-hub__bg-orb--bottom{bottom:-10rem;left:-10rem;background:var(--hub-muted)}.profile-hub__main{position:relative;z-index:1;width:100%;max-width:32rem;margin:0 auto;padding:2rem 1rem 2.5rem;display:flex;flex-direction:column;align-items:center;min-height:100vh}.profile-hub__theme-wrap{width:100%;max-width:32rem;margin-bottom:1.5rem;display:flex;justify-content:center}.profile-hub__header{text-align:center;margin-bottom:2rem}.profile-hub__avatar-wrap{margin-bottom:1rem}.profile-hub__avatar{width:7rem;height:7rem;border-radius:50%;overflow:hidden;margin:0 auto;border:2px solid var(--hub-border);box-shadow:0 4px 24px #00000026;background:var(--hub-muted)}.profile-hub__avatar img{width:100%;height:100%;object-fit:cover}.profile-hub__avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:var(--hub-muted-fg);letter-spacing:-.02em}.profile-hub__name{font-size:1.5rem;font-weight:600;margin:0 0 .25rem;letter-spacing:-.03em;color:var(--hub-fg)}.profile-hub__bio{font-size:.95rem;color:var(--hub-muted-fg);margin:0 0 1.25rem;line-height:1.5}.profile-hub__contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.profile-hub__quick-link{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--hub-border);background:color-mix(in srgb,var(--hub-muted) 80%,transparent);color:var(--hub-muted-fg);transition:background .2s,color .2s}.profile-hub__quick-link:hover{background:var(--hub-muted);color:var(--hub-fg)}.profile-hub__theme-toggle{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem;padding:.25rem;border-radius:9999px;background:color-mix(in srgb,var(--hub-muted) 60%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-hub__theme-btn{position:relative;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--hub-muted-fg);cursor:pointer;transition:color .2s}.profile-hub__theme-btn:hover,.profile-hub__theme-btn--active{color:var(--hub-fg)}.profile-hub__theme-indicator{position:absolute;inset:0;border-radius:50%;background:var(--hub-card);box-shadow:0 1px 2px #0000001a;border:1px solid var(--hub-border)}.profile-hub__theme-btn-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.profile-hub__links{width:100%;display:flex;flex-direction:column;gap:.75rem}.profile-hub__link-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:1rem;border:1px solid var(--hub-border);background:var(--hub-card);color:var(--hub-fg);text-decoration:none;font-weight:500;font-size:.95rem;box-shadow:0 1px 3px #0000000d;transition:background .2s,border-color .2s,box-shadow .2s}.profile-hub__link-card:hover{background:color-mix(in srgb,var(--hub-muted) 50%,var(--hub-card));border-color:var(--hub-border);box-shadow:0 4px 12px #00000014}.profile-hub__link-card-icon{width:2.75rem;height:2.75rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:color-mix(in srgb,var(--hub-muted) 80%,transparent);color:var(--hub-muted-fg);transition:background .2s,color .2s}.profile-hub__link-card:hover .profile-hub__link-card-icon{background:var(--hub-muted);color:var(--hub-fg)}.profile-hub__link-card-content{flex:1;min-width:0;text-align:left}.profile-hub__link-card-title{display:block;font-weight:500;color:var(--hub-fg)}.profile-hub__link-card-desc{margin:.25rem 0 0;font-size:.875rem;color:var(--hub-muted-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-hub__link-card-arrow{flex-shrink:0;color:var(--hub-muted-fg);opacity:0;transition:opacity .2s}.profile-hub__link-card:hover .profile-hub__link-card-arrow{opacity:1}.profile-hub__content{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-hub__footer{margin-top:auto;padding-top:2rem;text-align:center;font-size:.75rem;color:var(--hub-muted-fg)}
