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-2) var(--space-5);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;min-height:44px;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))}.share-btn.is-copied.share-btn--bad{color:#b3243f;font-weight:600;border-color:#d13d5a;background:color-mix(in oklab,#d13d5a 14%,var(--color-bg))}html[data-theme=dark] .share-btn.is-copied.share-btn--bad{color:#ffc2cd;border-color:#ff8fa3;background:color-mix(in oklab,#ff8fa3 22%,var(--color-bg))}.top-bar .topbar-search-trigger{pointer-events:auto}.topbar-search-trigger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;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}.top-bar .pp-bookmark{pointer-events:auto}.pp-bookmark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;flex-shrink:0;border:1px solid color-mix(in srgb,var(--theme-text) 28%,transparent);background:color-mix(in srgb,var(--theme-surface) 72%,transparent);color:var(--theme-page-text);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--theme-card-shadow, var(--shadow-sm));cursor:pointer;transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast)}.pp-bookmark--bar{border-radius:var(--radius-full)}.pp-bookmark:hover{border-color:color-mix(in srgb,var(--profile-accent) 55%,transparent);color:var(--profile-accent)}.pp-bookmark:focus-visible{outline:2px solid var(--profile-accent);outline-offset:3px}.pp-bookmark:active{background:color-mix(in srgb,var(--profile-accent) 14%,var(--theme-surface))}.pp-bookmark[aria-pressed=true]{background:var(--profile-accent);border-color:var(--profile-accent);color:#fff}.pp-bookmark[aria-pressed=true]:hover{filter:brightness(1.1)}.pp-bookmark[aria-pressed=true] svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.pp-bookmark .bm-on{display:none}.pp-bookmark[aria-pressed=true] .bm-on{display:block}.pp-bookmark[aria-pressed=true] .bm-off{display:none}@media (prefers-reduced-motion: no-preference){.pp-bookmark[aria-pressed=true] svg{animation:pp-bm-pop .18s cubic-bezier(.2,.7,.3,1)}}@keyframes pp-bm-pop{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}@media (max-width: 359px){.share-btn{min-width:44px;width:44px;padding:0;gap:0}.share-btn__label{display:none}.share-btn.is-copied{width:auto;min-width:0;padding:8px 14px;gap:var(--space-2)}}.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(--theme-page-text, 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;max-width:100%;overflow-wrap:anywhere}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(--theme-page-text-muted, 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))}.link-card{background:var(--theme-card-bg, var(--color-surface-1));border-color:var(--theme-card-border, var(--color-border));box-shadow:var(--theme-card-shadow, var(--shadow-sm));-webkit-backdrop-filter:var(--theme-card-blur, none);backdrop-filter:var(--theme-card-blur, none)}.link-card:hover{transform:var(--theme-hover-transform, none);box-shadow:var(--theme-hover-shadow, var(--shadow-md))}.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(--accent, 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(--accent-hover, var(--color-ink-2))}.wordmark-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent, 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-frame:after,.avatar-img-wrap{transition:none!important}.avatar-frame:hover .avatar-img-wrap{transform:none!important}}body[data-chrome-v2]{--halo-stop-warm: #f4a875;--halo-stop-cool: #7ed4a2;--halo-base: transparent;--halo-accent-strength: 58%;--halo-tint-strength: 42%;--halo-inset: -5px;--halo-blur: 4px;--halo-opacity: .62;--halo-opacity-hover: .92;--halo-bloom-inset: -22px;--halo-bloom-blur: 14px;--halo-bloom-opacity: .3;--halo-bloom-opacity-hover: .46;--halo-accent-a: color-mix(in oklab, var(--theme-accent, var(--profile-accent)) var(--halo-accent-strength), var(--halo-base));--halo-accent-b: color-mix(in oklab, var(--theme-accent, var(--profile-accent)) 34%, var(--halo-base));--halo-warm: color-mix(in oklab, var(--halo-stop-warm) var(--halo-tint-strength), var(--halo-base));--halo-cool: color-mix(in oklab, var(--halo-stop-cool) var(--halo-tint-strength), var(--halo-base))}body[data-chrome-v2] .avatar-frame:before{inset:var(--halo-inset);background:conic-gradient(from 200deg at 50% 50%,var(--halo-accent-a) 0deg,var(--halo-warm) 66deg,var(--halo-accent-a) 138deg,var(--halo-accent-b) 200deg,var(--halo-cool) 266deg,var(--halo-accent-a) 360deg);opacity:var(--halo-opacity);filter:blur(var(--halo-blur));z-index:0;transition:opacity var(--motion-base)}body[data-chrome-v2] .avatar-frame:hover:before{opacity:var(--halo-opacity-hover)}body[data-chrome-v2] .avatar-frame{isolation:isolate}body[data-chrome-v2] .avatar-frame:after{content:"";position:absolute;inset:var(--halo-bloom-inset);border-radius:var(--radius-full);background:radial-gradient(closest-side,color-mix(in oklab,var(--theme-accent, var(--profile-accent)) 52%,transparent) 0%,color-mix(in oklab,var(--theme-accent, var(--profile-accent)) 20%,transparent) 56%,transparent 78%);filter:blur(var(--halo-bloom-blur));opacity:var(--halo-bloom-opacity);z-index:-1;pointer-events:none;transition:opacity var(--motion-base)}body[data-chrome-v2] .avatar-frame:hover:after{opacity:var(--halo-bloom-opacity-hover)}body[data-chrome-v2]{--bio-glass-tint: 76%;--bio-glass-bg: color-mix(in srgb, var(--theme-surface, #fff) var(--bio-glass-tint), transparent);--bio-glass-border: color-mix(in srgb, var(--theme-text, #101828) 12%, transparent);--bio-glass-blur: blur(18px) saturate(140%);--bio-glass-shadow: 0 1px 2px color-mix(in srgb, var(--theme-text, #101828) 6%, transparent), 0 8px 24px color-mix(in srgb, var(--theme-text, #101828) 14%, transparent)}body[data-chrome-v2][data-has-bg-image]{--bio-glass-tint: 88%}body[data-chrome-v2] .profile-bio-block.bio-expanded{background:var(--bio-glass-bg);border-color:var(--bio-glass-border);box-shadow:var(--bio-glass-shadow);-webkit-backdrop-filter:var(--bio-glass-blur);backdrop-filter:var(--bio-glass-blur)}body[data-chrome-v2] .profile-bio-block.bio-expanded .profile-bio{color:var(--theme-text, var(--color-ink-1))}body[data-chrome-v2] .profile-bio-block.bio-expanded .profile-bio-toggle{color:var(--theme-accent, var(--color-accent))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){body[data-chrome-v2]{--bio-glass-tint: 100%}}@media (prefers-reduced-transparency: reduce){body[data-chrome-v2]{--bio-glass-tint: 100%}body[data-chrome-v2] .profile-bio-block.bio-expanded{-webkit-backdrop-filter:none;backdrop-filter:none}body[data-chrome-v2] .avatar-frame:after{opacity:.16}}@media (max-width: 480px){body[data-chrome-v2]{--bio-glass-blur: blur(14px) saturate(140%);--halo-inset: -4px;--halo-bloom-inset: -16px;--halo-bloom-blur: 11px}}
