body{font-family:var(--theme-font-family, var(--font-sans));color:var(--color-ink-1);min-height:100vh;margin:0;-webkit-font-smoothing:antialiased;background:var(--theme-page-bg, var(--color-bg));background-image:var(--theme-page-bg-image, none);background-size:cover;background-position:center;background-attachment:fixed}.app-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);padding:10px 16px;border-radius:6px;background:var(--color-ink-1);color:var(--color-bg);font-size:14px;opacity:0;transition:opacity .2s,transform .2s;z-index:100;pointer-events:none}.app-toast--show{opacity:1;transform:translate(-50%) translateY(0)}.skip-nav{position:absolute;top:var(--space-3);left:var(--space-3);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-ink-inverse);font-size:var(--text-body-sm);font-weight:500;border-radius:var(--radius-sm);transform:translateY(-200%);transition:transform var(--motion-fast);text-decoration:none}.skip-nav:focus{transform:translateY(0)}.top-bar{position:sticky;top:0;z-index:40;background:transparent;pointer-events:none;border-bottom:1px solid transparent;transition:background var(--motion-fast) ease-out,-webkit-backdrop-filter var(--motion-fast) ease-out,backdrop-filter var(--motion-fast) ease-out,border-color var(--motion-fast) ease-out}.top-bar .share-btn{pointer-events:auto}.top-bar.is-scrolled{background:color-mix(in oklab,var(--color-bg) 72%,transparent);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-bottom-color:color-mix(in srgb,var(--color-border) 60%,transparent);pointer-events:auto}body[data-has-bg-image] .top-bar.is-scrolled{background:color-mix(in oklab,var(--color-bg) 82%,transparent);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%)}@media (prefers-reduced-transparency: reduce){.top-bar.is-scrolled{background:color-mix(in oklab,var(--color-bg) 96%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}}.top-bar-inner{max-width:640px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;justify-content:flex-end}.share-wrap{position:relative}.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 16px;border:1px solid var(--color-border);min-width:124px;border-radius:var(--radius-full);background:color-mix(in oklab,var(--color-bg) 75%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-ink-2);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;font-family:var(--font-sans);box-shadow:var(--shadow-sm);transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast)}.share-btn:hover{background:color-mix(in oklab,var(--color-surface-1) 90%,transparent);border-color:var(--color-border-strong);color:var(--color-ink-1);box-shadow:var(--shadow-md)}.share-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.share-btn.is-copied{color:var(--color-accent);font-weight:600;border-color:color-mix(in oklab,var(--color-accent) 40%,var(--color-border))}.top-bar .topbar-search-trigger{pointer-events:auto}.topbar-search-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-full);background:color-mix(in oklab,var(--color-bg) 75%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-ink-1);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),transform var(--motion-fast),box-shadow var(--motion-fast)}.topbar-search-trigger:hover{background:color-mix(in oklab,var(--color-surface-1) 90%,transparent);border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.topbar-search-trigger:active{transform:scale(.96)}.topbar-search-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.topbar-search-trigger[aria-expanded=true]{background:var(--color-bg);border-color:var(--color-border-strong)}@media (prefers-reduced-motion: reduce){.topbar-search-trigger{transition:none}.topbar-search-trigger:active{transform:none}}@media (prefers-reduced-transparency: reduce){.topbar-search-trigger{background:var(--color-bg);-webkit-backdrop-filter:none;backdrop-filter:none}}.top-bar-inner{gap:var(--space-2);align-items:center}.profile-column{max-width:600px;margin:0 auto;padding:0 var(--space-6) var(--space-16)}.profile-header{text-align:center;padding-top:var(--space-12);margin-bottom:var(--space-12)}.avatar-frame{display:inline-block;position:relative;margin-bottom:var(--space-6)}.avatar-frame:before{content:"";position:absolute;inset:-4px;border-radius:var(--radius-full);background:conic-gradient(from 180deg,color-mix(in oklab,var(--profile-accent) 50%,transparent),color-mix(in oklab,#f4a875 60%,transparent),color-mix(in oklab,var(--profile-accent) 50%,transparent),color-mix(in oklab,#7ed4a2 60%,transparent) 360deg);opacity:.5;filter:blur(3px);transition:opacity var(--motion-base)}.avatar-frame:hover:before{opacity:.85}.avatar-img-wrap{border:2px solid var(--color-bg);border-radius:var(--radius-full);overflow:hidden;position:relative;z-index:1;transition:transform var(--motion-base)}.avatar-frame:hover .avatar-img-wrap{transform:scale(1.02)}.avatar-img{display:block;width:132px;height:132px;object-fit:cover;border-radius:var(--radius-full)}.profile-background{position:fixed;inset:0;z-index:-1;pointer-events:none}.profile-background img{width:100%;height:100%;object-fit:cover;opacity:.35}.avatar-placeholder{width:132px;height:132px;border-radius:var(--radius-full);background:linear-gradient(135deg,color-mix(in oklab,var(--color-accent-soft) 80%,var(--color-surface-2)),color-mix(in oklab,#f3c2cd 60%,var(--color-surface-2)));display:flex;align-items:center;justify-content:center;color:var(--profile-accent);font-size:44px;font-weight:700;letter-spacing:-.02em;user-select:none}.profile-name{font-size:clamp(32px,5vw,42px);font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--color-ink-1);margin:0 0 var(--space-2)}.profile-slug{font-family:var(--font-mono);font-size:var(--text-body-sm);letter-spacing:0;margin:0 0 var(--space-4);display:inline-block}button.profile-slug-copy{background:transparent;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;transition:opacity var(--motion-fast),color var(--motion-fast)}button.profile-slug-copy:hover{opacity:.75}button.profile-slug-copy:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-xs, 4px)}button.profile-slug-copy.is-copied{color:var(--color-accent);font-weight:600}.slug-domain{color:var(--color-ink-3)}.slug-handle{color:var(--color-ink-2);font-weight:500}.slug-sub{color:var(--color-ink-3)}.profile-bio{font-size:var(--text-body-lg);font-weight:400;line-height:1.55;color:var(--color-ink-2);max-width:420px;margin:0 auto;white-space:pre-line}.profile-bio.is-clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.profile-bio-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, 8px)}.profile-bio-toggle{background:none;border:0;padding:10px 16px;min-height:44px;font-size:var(--text-body-sm);font-weight:500;color:var(--color-accent);cursor:pointer;border-radius:var(--radius-xs, 4px)}.profile-bio-toggle:hover{text-decoration:underline}.profile-bio-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.profile-bio-block.bio-expanded{background:#ffffff9e;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(16,24,40,.06);border-radius:14px;padding:20px 24px;max-width:560px;width:100%;box-shadow:0 1px 2px #1018280a,0 8px 24px #1018281a;align-items:flex-start}@supports not (backdrop-filter: blur(1px)){.profile-bio-block.bio-expanded{background:var(--color-surface-1, #fff)}}.profile-bio-block.bio-expanded .profile-bio{text-align:left;margin:0;max-width:none}.profile-bio-block.bio-expanded .profile-bio-toggle{align-self:flex-start;padding-left:0}.profile-bio-block{transition:background .22s cubic-bezier(.2,0,0,1),box-shadow .22s cubic-bezier(.2,0,0,1)}@media (prefers-reduced-motion: reduce){.profile-bio-block{transition:none}}@media (max-width: 480px){.profile-bio-block.bio-expanded{backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-radius:12px;padding:16px 18px}}.links-stack{display:flex;flex-direction:column;gap:var(--theme-gap-stack, var(--space-3))}.public-empty{text-align:center;padding:var(--space-12) var(--space-6)}.public-empty-icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-ink-3);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.public-empty-title{font-size:var(--text-h3);font-weight:600;color:var(--color-ink-1);margin:0 0 var(--space-2)}.public-empty-body{font-size:var(--text-body);color:var(--color-ink-2);max-width:380px;margin:0 auto;line-height:var(--text-body-lh)}.profile-footer{margin-top:var(--space-12);padding-top:var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.footer-caption{font-size:var(--text-caption);letter-spacing:var(--text-caption-ls);color:var(--color-ink-3)}.wordmark-sm{font-weight:600;letter-spacing:-.02em;font-size:var(--text-caption);color:var(--color-ink-3);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color var(--motion-fast)}.wordmark-sm:hover{color:var(--color-ink-2)}.wordmark-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--profile-accent);flex-shrink:0}.profile-footer{padding:var(--space-6) var(--space-4);text-align:center}.footer-cta-pill{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:10px 18px;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:color-mix(in oklab,var(--color-surface-1) 75%,transparent);color:var(--color-ink-1);font-size:var(--text-body-sm);font-weight:500;text-decoration:none;transition:background var(--motion-fast),border-color var(--motion-fast)}.footer-cta-pill:hover{background:var(--color-surface-1);border-color:var(--color-accent)}.footer-cta-pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.footer-cta-label{letter-spacing:.01em}.footer-cta-arrow{flex-shrink:0;opacity:.7}.footer-cta-pill:hover .footer-cta-arrow{opacity:1;transform:translate(2px);transition:transform var(--motion-fast)}.profile-footer-credit-domain{display:block;margin-top:6px;font-size:var(--text-caption, 11px);color:var(--color-ink-3, #9ca3af)}.profile-footer-credit{font-size:var(--text-caption);color:var(--color-ink-3)}.qr-shortcut{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto var(--space-4);border-radius:var(--theme-radius-button, var(--radius-sm));background:var(--profile-accent);border:none;cursor:pointer;color:#fff;box-shadow:var(--shadow-sm);transition:filter var(--motion-fast),transform var(--motion-fast),box-shadow var(--motion-fast)}.qr-shortcut svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.qr-shortcut:hover{filter:brightness(1.1);transform:scale(1.04);box-shadow:var(--shadow-md)}.qr-shortcut:focus-visible{outline:2px solid var(--profile-accent);outline-offset:3px}[x-cloak]{display:none!important}@media (max-width: 480px){.profile-column{padding:0 var(--space-4) var(--space-12)}.profile-header{padding-top:var(--space-8);margin-bottom:var(--space-8)}.avatar-placeholder{width:108px;height:108px;font-size:36px}.avatar-img{width:108px;height:108px}}@media (prefers-reduced-motion: reduce){.avatar-frame:before,.avatar-img-wrap{transition:none!important}.avatar-frame:hover .avatar-img-wrap{transform:none!important}}