@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Poppins:wght@400;500;600;700;800&display=swap";:root{--bg:#040405;--text:#ffffffeb;--muted:#ffffff9e;--soft:#ffffff29;--line:#ffffff24;--card:#ffffff1a;--card-strong:#ffffff26;--shadow:0 32px 120px #00000073;--glow:#ffffff57;--glow-bright:#fff3;--glow-cool:var(--accent-soft);--glow-warm:var(--accent-soft);--online:#66f0ae;--idle:#ffcb67;--dnd:#ff6b7e;--offline:#ffffff57;--sans:"Poppins", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:22px;--space-6:32px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:28px;--radius-pill:999px;--blur-sm:10px;--blur-md:16px;--blur-lg:22px;--fs-2xs:.64rem;--fs-xs:.72rem;--fs-sm:.82rem;--fs-md:.94rem;--fs-lg:1.12rem;--fs-name:clamp(2.1rem, 6vw, 3.4rem);--stroke:#ffffff1a;--stroke-strong:#ffffff2e;--surface:#0a0a0e6b;--surface-strong:#0a0a0e9e;--accent:#b18cff;--accent-soft:#b18cff38;--edge-highlight:inset 0 1px 0 #ffffff12;--elev-1:0 12px 34px #00000052;--elev-2:0 26px 72px #0000006b;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.22, 1, .36, 1);--hover-shadow:0 34px 96px #00000057;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}[hidden]{display:none!important}html,body{overscroll-behavior:none;width:100%;min-height:100%}html.gate-active,body.gate-active{overscroll-behavior:none;height:100svh;overflow:hidden}body{font-family:var(--sans);background:radial-gradient(circle at top,#ffffff1f,#0000 35%),radial-gradient(circle at 15% 20%,#ffffff0f,#0000 28%),linear-gradient(#101013 0%,#060607 48%,#020203 100%);margin:0}button,a{font:inherit}button{cursor:pointer;border:0}a{color:inherit}button,a,input[type=range],.glass-card,.platform-pill,.social-pill,.avatar-wrap,.hero-name,.hero-tagline,.enter-title,.enter-caption{transition:transform .26s var(--ease-smooth), background-color .22s ease, border-color .22s ease, box-shadow .26s var(--ease-smooth), color .22s ease, opacity .22s ease, filter .26s var(--ease-smooth), text-shadow .26s var(--ease-smooth)}#app{width:100%;min-height:100svh}.page-shell{isolation:isolate;width:100%;min-height:100svh;position:relative;overflow-x:clip}.background-ambient,.background-media-layer,.background-vignette,.background-grain{height:100svh;position:fixed;inset:0}.background-ambient{filter:blur(40px)grayscale();opacity:.38;background:radial-gradient(circle at 50% 24%,#ffffff21,#0000 18%),radial-gradient(circle at 50% 58%,#ffffff1c,#0000 14%),radial-gradient(circle at 52% 70%,#ffffff29,#0000 10%),radial-gradient(circle at 20% 55%,#ffffff14,#0000 28%),radial-gradient(circle at 82% 40%,#ffffff12,#0000 22%);animation:18s ease-in-out infinite alternate ambient-drift;transform:scale(1.08)}.background-media-layer{opacity:.18;filter:grayscale();will-change:transform, opacity;backface-visibility:hidden;animation:24s ease-in-out infinite alternate media-drift;transform:scale(1.05)}.page-shell.has-video-background .background-media-layer{opacity:.68;filter:grayscale(.08)brightness(1.12)contrast(1.04);transform:scale(1.01)}.background-image,.background-video{object-fit:cover;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.background-image{filter:blur(6px)grayscale();background-size:cover}.background-video{filter:blur(5px)grayscale();will-change:transform, opacity;transform:translateZ(0)scale(1.01)}.page-shell.has-video-background .background-video{filter:blur(.75px)grayscale(.08)brightness(1.12)contrast(1.08)}.page-shell.has-video-background.is-entered .background-media-layer{opacity:.82;filter:none;animation:none;transform:translateZ(0)scale(1.01)}.page-shell.has-video-background.is-entered .background-video{filter:none;transform:translateZ(0)scale(1.01)}.page-shell.has-video-background .background-ambient{opacity:.16;filter:blur(24px)grayscale(.2)}.page-shell.has-video-background.is-entered .background-ambient{opacity:.06;filter:blur(14px)grayscale(.08);animation:none}.background-vignette{background:radial-gradient(circle,#0000 0%,#0000002e 48%,#000000d1 100%),linear-gradient(#000000ad,#0000008c);animation:11s ease-in-out infinite alternate vignette-pulse}.page-shell.has-video-background .background-vignette{background:radial-gradient(circle,#0000 0%,#0000000a 44%,#00000070 100%),linear-gradient(#0000003d,#0000002e)}.page-shell.has-video-background.is-entered .background-vignette{background:radial-gradient(circle,#0000 0%,#0000001a 52%,#00000061 100%),linear-gradient(#0000001f,#00000029);animation:none}.page-shell.has-video-background .background-grain{opacity:.08}.page-shell.has-video-background.is-entered .background-grain{opacity:.03;animation:none}.background-grain{opacity:.18;mix-blend-mode:soft-light;background-image:linear-gradient(#0000 0%,#ffffff0f 100%),radial-gradient(circle,#ffffff80 .7px,#0000 .7px);background-size:auto,11px 11px;animation:10s steps(5,end) infinite grain-shift}.hud-bar{z-index:3;opacity:0;justify-content:flex-start;width:100%;padding:24px;display:flex;position:fixed;top:0;left:0;transform:translateY(-18px)}.hud-chip{border-radius:var(--radius-lg);background:linear-gradient(180deg, #ffffff0f, #ffffff08), var(--surface);color:var(--text);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));box-shadow:var(--elev-1), var(--edge-highlight);contain:paint;align-items:center;gap:10px;padding:12px 16px;display:inline-flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.audio-widget{min-height:62px;transition:background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .22s var(--ease-smooth);border-radius:20px;gap:0;padding:6px;overflow:hidden}.audio-widget:hover{background:#ffffff24;border-color:#fff3;transform:translateY(-3px);box-shadow:0 24px 56px #00000047,inset 0 0 0 1px #ffffff0a}.audio-widget:has(:focus-visible){background:#ffffff24;border-color:#fff3;transform:translateY(-3px);box-shadow:0 24px 56px #00000047,inset 0 0 0 1px #ffffff0a}.audio-widget[data-available=false]{opacity:.78}.audio-toggle{color:#fffffff5;width:48px;height:48px;transition:background .18s ease, border-color .18s ease, opacity .18s ease, transform .22s var(--ease-smooth), box-shadow .22s var(--ease-smooth);background:#ffffff14;border-radius:14px;justify-content:center;align-items:center;padding:0;display:inline-flex}.audio-toggle:hover{background:#ffffff24;transform:scale(1.05)rotate(-3deg);box-shadow:0 10px 24px #0000003d}.audio-toggle:disabled{cursor:not-allowed;opacity:.86}.audio-glyph{justify-content:center;align-items:center;width:28px;height:28px;line-height:1;display:inline-flex}.audio-glyph svg{stroke:currentColor;stroke-width:1.85px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px;transition:transform .22s var(--ease-smooth), filter .22s var(--ease-smooth)}.audio-toggle:hover .audio-glyph svg{filter:drop-shadow(0 8px 16px #ffffff29);transform:scale(1.08)}.audio-toggle:focus-visible,.music-control:focus-visible,.social-pill:focus-visible,.platform-pill:focus-visible,.enter-gate:focus-visible,.presence-card:focus-visible,.profile-detail-close:focus-visible{outline:none;box-shadow:0 0 0 1px #ffffffdb,0 0 0 5px #ffffff1f}.audio-toggle[data-muted=true] .audio-wave{opacity:.25}.audio-slash{opacity:0;transform-origin:50%;transition:opacity .18s}.audio-toggle[data-muted=true] .audio-slash{opacity:1}.audio-volume-panel{opacity:0;align-items:center;width:0;margin-left:0;transition:width .22s,opacity .18s,margin-left .22s;display:flex;overflow:hidden}.audio-widget:hover .audio-volume-panel{opacity:1;width:124px;margin-left:12px}.audio-widget:has(:focus-visible) .audio-volume-panel{opacity:1;width:124px;margin-left:12px}.audio-volume-slider{--audio-fill:40%;appearance:none;background:linear-gradient(90deg, #fffffff5 0%, #fffffff5 var(--audio-fill), #ffffff38 var(--audio-fill), #ffffff38 100%);cursor:ew-resize;border-radius:999px;outline:none;width:112px;height:8px;margin:0}.audio-volume-slider::-webkit-slider-runnable-track{background:0 0;height:8px}.audio-volume-slider::-webkit-slider-thumb{appearance:none;opacity:0;border-radius:50%;width:12px;height:12px;margin-top:-2px}.audio-volume-slider::-moz-range-track{background:0 0;border:0;height:8px}.audio-volume-slider::-moz-range-thumb{opacity:0;border:0;border-radius:50%;width:12px;height:12px}.profile-stage{z-index:2;width:min(94vw,960px);min-height:100svh;padding:clamp(18px, 3svh, 36px) 20px max(clamp(18px, 4svh, 34px), env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;margin:0 auto;transition:opacity .42s,transform .52s;display:flex;position:relative}.profile-hero{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,2svh,16px);width:100%;height:auto;min-height:0;padding-top:0;display:flex;position:relative}.profile-hero:before{content:"";z-index:0;aspect-ratio:1;opacity:0;filter:blur(28px);pointer-events:none;background:radial-gradient(circle at 50% 38%,#ffffff24,#ffffff0a 28%,#fff0 64%),radial-gradient(circle at 50% 62%,#8adcff14,#8adcff00 56%);border-radius:50%;width:min(74vw,560px);position:absolute;transform:translateY(12px)scale(.9)}.hero-card{--card-tilt-x:0deg;--card-tilt-y:0deg;--card-lift:0px;--z-avatar:0px;--z-name:0px;--z-badges:0px;--z-tagline:0px;--z-socials:0px;align-items:center;gap:inherit;transform:perspective(1100px) rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y)) translate3d(0, var(--card-lift), 0);transform-origin:50%;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;transition:transform .42s var(--ease-smooth);flex-direction:column;display:flex;position:relative}.hero-card.is-tilting{--card-lift:-4px;--z-avatar:68px;--z-name:46px;--z-badges:34px;--z-tagline:24px;--z-socials:16px;transition:transform 90ms linear}.hero-copy{transform-style:preserve-3d;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.page-shell:not(.is-entered) .hero-copy{opacity:0;transform:translateY(26px)scale(.985)}.page-shell:not(.is-entered) .profile-stage{opacity:0;pointer-events:none;transform:scale(.985)translateY(18px)}.eyebrow{display:none}.hero-heading{transform:translate3d(0, 0, var(--z-name,0px));transition:transform .26s var(--ease-smooth);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:visible}.hero-pfp-wrap{z-index:1;aspect-ratio:1;isolation:isolate;width:clamp(102px,15vw,146px);transform:translate3d(0, 0, var(--z-avatar,0px));background:0 0;border-radius:50%;transition:transform .26s,filter .26s;position:relative;overflow:visible}.hero-pfp{z-index:1;border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block;position:relative;box-shadow:0 14px 34px #00000057}.hero-pfp-decoration{z-index:2;object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 22px #00000047);width:160%;height:160%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-copy:hover .hero-pfp-wrap{transform:translate3d(0, -3px, var(--z-avatar,0px)) scale(1.02);filter:brightness(1.02)}.hero-name{z-index:1;letter-spacing:-.075em;color:#fffffffa;text-shadow:0 0 12px #fff6,0 0 28px #ffffff2e,0 0 56px #ffffff1a;isolation:isolate;margin:0;font-size:clamp(2.2rem,6.3vw,3.7rem);font-weight:800;line-height:.9;display:inline-block;position:relative}.hero-name:hover{text-shadow:0 0 14px #ffffff85, 0 0 32px var(--accent-soft), 0 0 68px var(--accent-soft);transform:translateY(-2px)scale(1.01)}.hero-copy:hover .hero-name,.hero-name:hover{--hover-glow-text-base:0 0 18px #ffffffb8, 0 0 42px var(--accent-soft), 0 0 82px var(--accent-soft), 0 0 120px #ffffff1f;--hover-glow-text-active:0 0 24px #fffffff5, 0 0 54px var(--accent-soft), 0 0 104px var(--accent-soft), 0 0 144px #ffffff2e;text-shadow:var(--hover-glow-text-base);animation:2.35s ease-in-out infinite hover-glow-text;transform:translateY(-2px)scale(1.01)}.hero-name::selection{background:#ffffff38}.hero-tagline{z-index:1;color:#fff;text-align:left;white-space:nowrap;text-wrap:nowrap;width:auto;max-width:none;transform:translate3d(0, 0, var(--z-tagline,0px));transition:transform .26s var(--ease-smooth);text-shadow:0 0 8px #ffffffbf,0 0 18px #ffffff73,0 0 38px #ffffff40;margin:0;font-size:clamp(.82rem,1.48vw,1.12rem);font-weight:800;line-height:1.28;position:relative}.hero-copy:hover .hero-tagline,.hero-tagline:hover{--hover-glow-text-base:0 0 18px #ffffff52, 0 0 34px var(--accent-soft), 0 0 62px var(--accent-soft), 0 0 96px #ffffff14;--hover-glow-text-active:0 0 24px #ffffff80, 0 0 44px var(--accent-soft), 0 0 78px var(--accent-soft), 0 0 112px #ffffff24;text-shadow:var(--hover-glow-text-base);transform:translate3d(0, -1px, var(--z-tagline,0px));animation:2.45s ease-in-out infinite hover-glow-text}.glass-card{border-radius:var(--radius-xl);background:linear-gradient(180deg, #ffffff0f, #ffffff08), var(--surface);border:1px solid var(--stroke);width:min(100%,560px);box-shadow:var(--elev-2), var(--edge-highlight);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));isolation:isolate;contain:paint;text-align:left;align-items:center;gap:18px;padding:18px;display:flex;position:relative;overflow:hidden}.glass-card:hover,.glass-card:focus-within{--hover-glow-shadow-base:var(--hover-shadow), 0 0 0 #fff0, 0 0 0 var(--accent-soft), 0 0 0 1px #ffffff0a inset;--hover-glow-shadow-active:var(--hover-shadow), 0 0 24px var(--glow-bright), 0 0 56px var(--glow-cool), 0 0 0 1px #ffffff14 inset;box-shadow:var(--hover-glow-shadow-base);background:linear-gradient(#ffffff2e,#ffffff14),#ffffff14;border-color:#ffffff3d;animation:2.75s ease-in-out infinite hover-glow-shadow;transform:translateY(-6px)}.presence-card{--card-tilt-x:0deg;--card-tilt-y:0deg;--card-glow-x:50%;--card-glow-y:50%;--card-lift:0px;isolation:isolate;border-radius:var(--radius-xl);background:linear-gradient(180deg, #ffffff0f, #ffffff08), var(--surface);border:1px solid var(--stroke);width:min(100%,402px);box-shadow:var(--elev-1), var(--edge-highlight);-webkit-backdrop-filter:blur(36px)saturate(145%);backdrop-filter:blur(36px)saturate(145%);transform:perspective(1200px) rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y)) translate3d(0, var(--card-lift), 0);transform-origin:50%;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;transition:transform .14s ease-out, box-shadow .26s var(--ease-smooth), border-color .22s ease, background .22s ease;cursor:pointer;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;padding:14px 16px;display:grid;position:relative;overflow:hidden}.presence-card:focus-visible{outline:none}.page-shell.has-video-background.is-entered .hud-chip,.page-shell.has-video-background.is-entered .glass-card,.page-shell.has-video-background.is-entered .presence-card{background:linear-gradient(180deg, #ffffff0f, #ffffff08), var(--surface-strong);-webkit-backdrop-filter:none;backdrop-filter:none}.presence-card:before{content:"";z-index:-2;background:linear-gradient(180deg, #ffffff2e, #ffffff05), radial-gradient(circle at var(--card-glow-x) var(--card-glow-y), #ffffff2e, #ffffff0a 26%, #fff0 56%), radial-gradient(circle at 82% 120%, #fff3, transparent 36%);opacity:.76;transition:opacity .26s ease, transform .32s var(--ease-smooth), background .32s ease;position:absolute;inset:0}.presence-card:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff0f,#ffffff03);position:absolute;inset:1px}.presence-card:hover:before,.presence-card.is-tilting:before,.presence-card:focus-within:before,.presence-card:focus-visible:before{opacity:1;animation:2.35s ease-in-out infinite hover-surface-glow;transform:scale(1.03)}.presence-card:hover,.presence-card.is-tilting,.presence-card:focus-within,.presence-card:focus-visible{--hover-glow-shadow-base:0 30px 78px #00000052, 0 0 0 #fff0, 0 0 0 var(--accent-soft), 0 0 0 1px #ffffff0a inset;--hover-glow-shadow-active:0 30px 78px #00000052, 0 0 22px #ffffff2e, 0 0 58px var(--accent-soft), 0 0 0 1px #ffffff14 inset;--card-lift:-6px;transform:perspective(1200px) rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y)) translate3d(0, var(--card-lift), 0);box-shadow:var(--hover-glow-shadow-base);border-color:#ffffff38;animation:2.35s ease-in-out infinite hover-glow-shadow}.avatar-wrap{isolation:isolate;flex:none;grid-area:1/1;width:72px;height:72px;position:relative;overflow:visible;transform:translateZ(26px)}.avatar-image,.avatar-fallback{width:100%;height:100%;transition:transform .28s var(--ease-smooth), filter .28s var(--ease-smooth), border-color .22s ease;z-index:1;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;position:absolute;inset:0}.avatar-image{object-fit:cover}.presence-card:hover .avatar-wrap,.presence-card.is-tilting .avatar-wrap,.presence-card:focus-within .avatar-wrap,.presence-card:focus-visible .avatar-wrap{transform:translate3d(0,-2px,26px)scale(1.04)}.presence-card:hover .avatar-image,.presence-card:hover .avatar-fallback,.presence-card:focus-within .avatar-image,.presence-card:focus-within .avatar-fallback,.presence-card:focus-visible .avatar-image,.presence-card:focus-visible .avatar-fallback{filter:saturate(1.08)brightness(1.06);border-color:#ffffff3d;transform:scale(1.04)}.avatar-fallback{letter-spacing:-.08em;color:#ffffffd9;place-items:center;font-size:1.8rem;font-weight:800;display:grid}.avatar-status-dot{z-index:3;background:#80848e;border:2.5px solid #121214f5;border-radius:999px;width:16px;height:16px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 0 1px #ffffff14}.avatar-status-dot:not([data-status=offline]){animation:2.8s ease-in-out infinite status-pulse}.avatar-status-dot[data-status=online]{background:#23a55a}.avatar-status-dot[data-status=idle]{background:#f0b232}.avatar-status-dot[data-status=dnd]{background:#f23f43}.avatar-status-dot:before{content:"";border-radius:inherit;position:absolute;inset:0}.avatar-status-dot[data-status=idle]:before{background:#121214f5;border-radius:999px;width:7px;height:7px;inset:0 0 auto auto}.avatar-status-dot[data-status=dnd]:before{background:#fffffff5;border-radius:999px;width:8px;height:3px;top:50%;left:50%;transform:translate(-50%,-50%)}.avatar-status-dot[data-status=offline]:before{background:#121214c7;border-radius:999px;width:8px;height:8px;top:50%;left:50%;transform:translate(-50%,-50%)}.presence-rpc{background:linear-gradient(#ffffff12,#ffffff06),#00000024;border:1px solid #ffffff1a;border-radius:16px;grid-area:2/1/auto/-1;align-items:center;gap:10px;min-width:0;margin-top:12px;padding:10px;display:flex;transform:translateZ(16px)}.presence-rpc[data-kind=spotify] .rpc-artwork-fallback{background:linear-gradient(135deg,#1ed76057,#ffffff1a),#ffffff14}.rpc-artwork-wrap{isolation:isolate;border-radius:13px;flex:none;width:46px;height:46px;position:relative;overflow:hidden;transform:translateZ(24px)}.rpc-artwork,.rpc-artwork-fallback{border-radius:inherit;width:100%;height:100%;transition:transform .26s var(--ease-smooth), filter .26s var(--ease-smooth), border-color .22s ease;border:1px solid #ffffff26;position:absolute;inset:0}.rpc-artwork{object-fit:cover;background:#ffffff14}.rpc-artwork-fallback{color:#ffffffe6;font-family:var(--mono);background:linear-gradient(135deg,#0099ff57,#ffffff1a),#ffffff14;place-items:center;font-size:.8rem;font-weight:500;display:grid}.presence-card:hover .rpc-artwork-wrap,.presence-card.is-tilting .rpc-artwork-wrap,.presence-card:focus-within .rpc-artwork-wrap,.presence-card:focus-visible .rpc-artwork-wrap{transform:translate3d(0,-2px,24px)scale(1.03)}.presence-card:hover .rpc-artwork,.presence-card:hover .rpc-artwork-fallback,.presence-card:focus-within .rpc-artwork,.presence-card:focus-within .rpc-artwork-fallback,.presence-card:focus-visible .rpc-artwork,.presence-card:focus-visible .rpc-artwork-fallback{filter:saturate(1.08)brightness(1.06);border-color:#ffffff3d;transform:scale(1.03)}.presence-copy,.music-copy,.rpc-copy{flex:auto;min-width:0}.presence-copy{transform-style:preserve-3d;grid-area:1/2;transform:translateZ(18px)}.rpc-copy{transform:translateZ(18px)}.rpc-heading-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.rpc-label,.rpc-name,.rpc-details,.rpc-state,.rpc-time{margin:0}.rpc-label{color:#ffffff9e;align-items:center;gap:5px;margin-bottom:4px;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex}.rpc-more{color:#ffffffb8;min-height:18px;font-family:var(--mono);background:#ffffff1a;border-radius:999px;flex:none;padding:3px 6px;font-size:.62rem;line-height:1}.rpc-label svg{color:#1ed760;flex:none;width:12px;height:12px}.rpc-name{color:#fffffff0;white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:800;line-height:1.12;overflow:hidden}.rpc-details,.rpc-state{color:#ffffffb8;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:.82rem;font-weight:500;line-height:1.24;overflow:hidden}.rpc-state{color:#ffffff94}.rpc-progress{gap:5px;margin-top:8px;display:grid}.rpc-progress-track{background:#ffffff21;border-radius:999px;width:100%;height:4px;display:block;position:relative;overflow:hidden}.rpc-progress-fill{border-radius:inherit;background:#ffffffb8;width:0;position:absolute;inset:0 auto 0 0}.rpc-progress-times{color:#ffffffb3;font-family:var(--mono);justify-content:space-between;gap:12px;font-size:.68rem;line-height:1;display:flex}.rpc-time{color:#66f0aeeb;font-family:var(--mono);white-space:nowrap;margin-top:6px;padding-left:14px;font-size:.74rem;line-height:1;position:relative}.rpc-time:before{content:"";background:#66f0aef5;border-radius:999px;width:7px;height:7px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 10px #66f0ae5c}.presence-topline{justify-content:flex-start;align-items:center;gap:9px;margin-bottom:6px;display:flex}.presence-identity{min-width:0}.discord-name{letter-spacing:-.04em;margin:0;font-size:1.08rem;font-weight:800;line-height:1}.discord-handle,.discord-status,.discord-activity,.presence-meta{color:var(--muted);margin:0}.discord-handle{display:none}.discord-status{color:#ffffffc7;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:500;overflow:hidden}.discord-activity,.presence-meta{display:none}.platform-list,.social-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.platform-list{flex-shrink:0;justify-content:flex-start;gap:6px}.platform-pill,.social-pill{color:#ffffffd6;min-height:34px;font-family:var(--mono);letter-spacing:.08em;text-transform:lowercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:.72rem;text-decoration:none;display:inline-flex}.platform-pill{letter-spacing:.08em;color:#fffffff5;background:#ffffff1a;border-color:#ffffff24;border-radius:10px;min-height:28px;padding:0 11px;font-size:.66rem}.platform-pill:hover,.platform-pill:focus-visible{--hover-glow-shadow-base:0 14px 34px #00000038, 0 0 0 #fff0, 0 0 0 var(--accent-soft);--hover-glow-shadow-active:0 14px 34px #00000038, 0 0 18px #ffffff24, 0 0 36px var(--accent-soft);box-shadow:var(--hover-glow-shadow-base);background:#ffffff29;border-color:#ffffff42;animation:2.4s ease-in-out infinite hover-glow-shadow;transform:translateY(-2px)}.server-pill{align-items:center;gap:6px;min-width:54px;display:inline-flex}.server-pill-icon{object-fit:cover;border-radius:4px;width:14px;height:14px}.profile-detail-backdrop{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000007a;place-items:center;width:100vw;height:100svh;padding:18px;animation:.18s both detail-backdrop-in;display:grid;position:fixed;inset:0}.profile-detail-panel{color:#f2f3f5;width:min(100%,390px);max-height:min(680px,100svh - 28px);animation:detail-panel-in .24s var(--ease-out) both;scrollbar-width:thin;scrollbar-color:#ffffff3d transparent;isolation:isolate;background:#313338;border:1px solid #ffffff14;border-radius:8px;outline:none;position:relative;overflow:auto;box-shadow:0 30px 110px #0000008f}.profile-detail-panel::-webkit-scrollbar{width:8px}.profile-detail-panel::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.profile-detail-close{z-index:11;color:#ffffffd6;background:#00000042;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:transform .18s,background .18s,color .18s;display:inline-flex;position:absolute;top:12px;right:12px}.profile-detail-close:hover,.profile-detail-close:focus-visible{color:#fffffffa;background:#0000006b;transform:scale(1.04)}.profile-detail-close svg,.profile-detail-platform-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.profile-detail-effect{z-index:10;pointer-events:none;opacity:1;position:absolute;inset:0;overflow:hidden}.profile-detail-effect-media.is-spent{opacity:0;transition:opacity .6s}.profile-detail-effect-media{object-fit:cover;object-position:center top;width:450px;max-width:none;height:880px;position:absolute;top:0;left:50%;transform:translate(-50%)}.profile-detail-banner{z-index:0;background-color:#0000;background-image:radial-gradient(circle at 68% 10%,#ffffff29,#0000 30%),linear-gradient(135deg,#9600a8 0%,#b000bc 50%,#a100ba 100%);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:134px;position:relative;overflow:hidden}.profile-detail-banner:after{content:"";background:linear-gradient(#ffffff14,#0000000a);position:absolute;inset:0}.profile-detail-content{z-index:3;padding:0 22px 24px;position:relative}.profile-detail-content>:not(.profile-detail-effect){z-index:4;position:relative}.profile-detail-avatar-row{align-items:flex-start;gap:12px;min-height:72px;display:flex;position:relative}.detail-avatar-wrap{isolation:isolate;background:#313338;border-radius:999px;flex:none;width:128px;height:128px;margin-top:-68px;padding:7px;position:relative;overflow:visible}.detail-avatar-image,.detail-avatar-fallback{border-radius:inherit;z-index:1;background:#ffffff14;border:1px solid #ffffff1a;width:calc(100% - 14px);height:calc(100% - 14px);position:absolute;inset:7px}.detail-avatar-image{object-fit:cover}.detail-avatar-fallback{color:#ffffffe0;place-items:center;font-size:2.8rem;font-weight:800;display:grid}.detail-avatar-decoration{z-index:5;object-fit:contain;pointer-events:none;width:calc(120% - 16.8px);max-width:none;height:calc(120% - 16.8px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.detail-avatar-status-dot{z-index:4;background:#80848e;border:7px solid #313338;border-radius:999px;width:34px;height:34px;position:absolute;bottom:8px;right:8px}.detail-avatar-status-dot[data-status=online]{background:#23a55a}.detail-avatar-status-dot[data-status=idle]{background:#f0b232}.detail-avatar-status-dot[data-status=dnd]{background:#f23f43}.detail-avatar-status-dot:before{content:"";border-radius:inherit;position:absolute}.detail-avatar-status-dot[data-status=idle]:before{background:#313338;width:12px;height:12px;top:-1px;right:-1px}.detail-avatar-status-dot[data-status=dnd]:before{background:#fff;border-radius:999px;width:14px;height:5px;top:50%;left:50%;transform:translate(-50%,-50%)}.detail-avatar-status-dot[data-status=offline]:before{background:#313338;width:14px;height:14px;top:50%;left:50%;transform:translate(-50%,-50%)}.detail-class-bubble{color:#c4c7d0;background:#3f4148;border:1px solid #ffffff12;border-radius:16px;align-items:flex-start;gap:6px;max-width:182px;margin-top:-18px;padding:12px 14px 13px;font-size:.84rem;font-style:italic;line-height:1.32;display:flex;position:relative;box-shadow:0 12px 28px #00000029}.detail-class-bubble:before{content:"";background:#3f4148;border-radius:999px;width:8px;height:8px;margin-right:5px;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.detail-class-plus{color:#41434a;background:#c5c8d1;border-radius:999px;flex:none;place-items:center;width:14px;height:14px;margin-top:1px;font-size:.84rem;font-style:normal;font-weight:800;line-height:1;display:inline-grid}.profile-detail-identity{margin-top:10px}.profile-detail-name{color:#fff;letter-spacing:0;margin:0 0 5px;font-size:1.46rem;font-weight:800;line-height:1.08}.profile-detail-subline{color:#f0f1f4;flex-wrap:wrap;align-items:center;gap:6px;min-height:22px;font-size:.78rem;font-weight:800;line-height:1.2;display:flex}.profile-detail-server-badge{color:#fff;background:#41434c;border-radius:5px;align-items:center;gap:4px;min-height:20px;padding:0 7px;font-size:.68rem;font-weight:800;display:inline-flex}.profile-detail-server-badge-icon{object-fit:cover;border-radius:4px;width:14px;height:14px}.profile-detail-platform-icons{align-items:center;gap:5px;display:inline-flex}.profile-detail-platform-icon{color:#9498a3;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.profile-detail-platform-icon svg{stroke-width:2.1px;width:19px;height:19px}.profile-detail-platform-leaf{color:#55c971}.profile-detail-pronouns,.profile-detail-age{color:#dfe2ea;background:#41434c;border-radius:5px;align-items:center;min-height:20px;padding:2px 7px;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex}.profile-detail-bio{color:#dcdee5;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:.86rem;font-weight:500;line-height:1.42}.profile-detail-bio a{color:#66a7ff;text-decoration:none}.profile-detail-bio a:hover,.profile-detail-bio a:focus-visible{color:#8dbdff;text-decoration:underline}.profile-detail-activity-list{gap:8px;display:grid}.profile-detail-activity{background:#2b2d31;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.profile-detail-activity[data-kind=spotify]{border-color:#1ed76033}.profile-detail-activity-artwork-wrap{background:#3a3c43;border-radius:10px;flex:none;width:48px;height:48px;position:relative;overflow:hidden}.profile-detail-activity-artwork,.profile-detail-activity-fallback{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.profile-detail-activity-artwork{object-fit:cover}.profile-detail-activity-fallback{color:#f4f5f8;font-family:var(--mono);background:linear-gradient(135deg,#5865f270,#ffffff14),#3a3c43;place-items:center;font-size:.72rem;font-weight:700;display:grid}.profile-detail-activity-copy{flex:auto;min-width:0}.profile-detail-activity-label,.profile-detail-activity-name,.profile-detail-activity-details,.profile-detail-activity-state,.profile-detail-activity-time{margin:0}.profile-detail-activity-label{color:#9498a3;margin-bottom:4px;font-size:.68rem;font-weight:800;line-height:1}.profile-detail-activity-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:800;line-height:1.16;overflow:hidden}.profile-detail-activity-details,.profile-detail-activity-state{color:#c8ccd4;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.76rem;font-weight:500;line-height:1.25;overflow:hidden}.profile-detail-activity-state{color:#aeb2bd}.profile-detail-activity-time{color:#67d98f;font-family:var(--mono);margin-top:6px;font-size:.68rem;line-height:1}.profile-detail-activity-progress{gap:5px;margin-top:7px;display:grid}.profile-detail-activity-progress-track{background:#ffffff21;border-radius:999px;height:4px;display:block;position:relative;overflow:hidden}.profile-detail-activity-progress-fill{border-radius:inherit;background:#67d98f;width:0;position:absolute;inset:0 auto 0 0}.profile-detail-activity-progress-times{color:#b9bec8;font-family:var(--mono);justify-content:space-between;gap:12px;font-size:.66rem;line-height:1;display:flex}.profile-detail-section{margin-top:24px}.profile-detail-section h3{color:#fff;margin:0 0 12px;font-size:.74rem;font-weight:800;line-height:1}.profile-detail-member-since{color:#f4f5f8;font-size:.9rem;font-weight:500;line-height:1;display:block}.social-links{transform-style:preserve-3d;gap:18px;margin-top:8px}.page-shell:not(.is-entered) .social-links{opacity:0;transform:translateY(22px)scale(.985)}.social-pill{transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .22s var(--ease-smooth), color .18s ease;padding-inline:16px}.social-pill:hover{--hover-glow-shadow-base:0 18px 40px #0000003d, 0 0 0 #fff0, 0 0 0 1px #ffffff0a inset;--hover-glow-shadow-active:0 18px 40px #0000003d, 0 0 24px #ffffff29, 0 0 0 1px #ffffff14 inset;box-shadow:var(--hover-glow-shadow-base);background:#ffffff1f;border-color:#ffffff38;animation:2.3s ease-in-out infinite hover-glow-shadow;transform:translateY(-1px)}.social-icon-link{isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none;width:52px;min-width:52px;height:52px;min-height:52px;box-shadow:none;color:#fffffffa;filter:drop-shadow(0 8px 16px #00000047);transform:translate3d(0, 0, var(--z-socials,0px));transition:transform .22s var(--ease-smooth), filter .22s var(--ease-smooth), color .22s ease;background:0 0;border:0;padding:0;position:relative;overflow:visible}.social-icon-link:before{content:none}.social-icon-link:hover,.social-icon-link:focus-visible{transform:translate3d(0, -2px, var(--z-socials,0px)) scale(1.04);filter:drop-shadow(0 10px 18px #00000052);background:0 0;border-color:#0000}.social-icon-link:hover:before,.social-icon-link:focus-visible:before{content:none}.social-icon-link svg{z-index:1;--hover-glow-filter-base:drop-shadow(0 0 8px #fffffffa) drop-shadow(0 0 18px #ffffffe0) drop-shadow(0 0 36px #ffffff9e);--hover-glow-filter-active:drop-shadow(0 0 10px #fff) drop-shadow(0 0 22px #fffffff0) drop-shadow(0 0 42px #ffffffb3);width:46px;height:46px;filter:var(--hover-glow-filter-base);transition:transform .22s var(--ease-smooth), filter .22s var(--ease-smooth);animation:2.2s ease-in-out infinite hover-glow-filter;display:block;position:relative}.social-icon-link:hover svg,.social-icon-link:focus-visible svg{filter:drop-shadow(0 0 10px #fff)drop-shadow(0 0 22px #fffffff0)drop-shadow(0 0 42px #ffffffb3);transform:scale(1.08)rotate(-4deg)}.enter-gate{z-index:4;width:100vw;height:100svh;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030304b8;place-items:center;gap:10px;padding:20px;transition:opacity .32s,visibility .32s,background .22s,-webkit-backdrop-filter .22s,backdrop-filter .22s;display:grid;position:fixed;inset:0;overflow:hidden}.enter-gate:before{content:"";filter:blur(22px);opacity:.42;pointer-events:none;background:radial-gradient(circle,#ffffff1f,#fff0 58%);animation:4.8s ease-in-out infinite gate-breathe;position:absolute;inset:12%}.enter-gate:hover{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0303049e}.enter-gate:hover:before{opacity:.56;animation:4.8s ease-in-out infinite gate-breathe,2.8s ease-in-out infinite gate-hover-glow}.enter-gate.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.enter-title,.enter-caption{display:block}.enter-title{font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;z-index:1;font-size:.82rem;position:relative}.enter-caption{color:#ffffff94;z-index:1;font-size:.94rem;position:relative}.enter-gate:hover .enter-title{--hover-glow-text-base:0 0 10px #ffffff29, 0 0 24px var(--accent-soft), 0 0 44px var(--accent-soft);--hover-glow-text-active:0 0 12px #ffffff4d, 0 0 28px var(--accent-soft), 0 0 52px var(--accent-soft);letter-spacing:.32em;text-shadow:var(--hover-glow-text-base);animation:2.45s ease-in-out infinite hover-glow-text;transform:translateY(-2px)}.enter-gate:hover .enter-caption{--hover-glow-text-base:0 0 12px #ffffff1f, 0 0 24px var(--accent-soft), 0 0 0 var(--accent-soft);--hover-glow-text-active:0 0 16px #ffffff3d, 0 0 28px var(--accent-soft), 0 0 36px var(--accent-soft);color:#fffc;text-shadow:var(--hover-glow-text-base);animation:2.55s ease-in-out infinite hover-glow-text;transform:translateY(-1px)}.page-shell.is-entered .hud-bar{animation:reveal-down .76s var(--ease-out) both .1s}.page-shell.is-entered .profile-hero:before{animation:hero-halo-enter 1.15s var(--ease-out) both .18s, hero-halo-float 12s ease-in-out infinite 1.33s}.page-shell.has-video-background.is-entered .profile-hero:before{animation:hero-halo-enter .64s var(--ease-out) both .12s;opacity:.28}.page-shell.is-entered .hero-copy{animation:reveal-up .9s var(--ease-out) backwards .18s}.page-shell.is-entered .hero-name{animation:5.6s ease-in-out 1.15s infinite hero-breathe}.page-shell.has-video-background.is-entered .hero-name{animation:none!important}.page-shell.has-video-background.is-entered .hero-copy:hover .hero-name,.page-shell.has-video-background.is-entered .hero-name:hover{animation:2.35s ease-in-out infinite hover-glow-text!important}.page-shell.has-video-background.is-entered .hero-copy:hover .hero-tagline,.page-shell.has-video-background.is-entered .hero-tagline:hover{animation:2.45s ease-in-out infinite hover-glow-text}.page-shell.is-entered .social-links{animation:reveal-up .86s var(--ease-out) backwards .36s}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.86)}}@keyframes detail-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes detail-panel-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes media-drift{0%{transform:scale(1.05)translate(0,0)}to{transform:scale(1.1)translate(-1.5%,1.5%)}}@keyframes vignette-pulse{0%{opacity:.92}to{opacity:1}}@keyframes grain-shift{0%{transform:translate(0,0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(.6%,.8%)}to{transform:translate(-.8%,-.6%)}}@keyframes reveal-down{0%{opacity:0;transform:translateY(-18px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes hero-halo-enter{0%{opacity:0;transform:translateY(18px)scale(.86)}to{opacity:.46;transform:translate(0,0)scale(1)}}@keyframes hero-halo-float{0%{transform:translate(0,0)scale(1)}50%{opacity:.52;transform:translateY(-10px)scale(1.03)}to{transform:translate(0,0)scale(1)}}@keyframes ambient-drift{0%{transform:scale(1.08)translate(0,0)}to{transform:scale(1.13)translate(2.5%,-1.4%)}}@keyframes hero-breathe{0%,to{filter:brightness();text-shadow:0 0 12px #ffffff61,0 0 26px #ffffff29,0 0 54px #ffffff14}50%{filter:brightness(1.04);text-shadow:0 0 15px #ffffff80, 0 0 34px var(--accent-soft), 0 0 66px var(--accent-soft)}}@keyframes hover-glow-shadow{0%,to{box-shadow:var(--hover-glow-shadow-base);filter:brightness()}50%{box-shadow:var(--hover-glow-shadow-active);filter:brightness(1.05)}}@keyframes hover-glow-filter{0%,to{filter:var(--hover-glow-filter-base)}50%{filter:var(--hover-glow-filter-active)}}@keyframes hover-glow-text{0%,to{text-shadow:var(--hover-glow-text-base);filter:brightness()}50%{text-shadow:var(--hover-glow-text-active);filter:brightness(1.08)}}@keyframes hover-surface-glow{0%,to{opacity:1;transform:scale(1.03)}50%{opacity:1;transform:scale(1.065)}}@keyframes gate-hover-glow{0%,to{filter:blur(22px)brightness()}50%{filter:blur(28px)brightness(1.16)}}@keyframes icon-halo-glow{0%,to{opacity:.82;transform:scale(1.02)}50%{opacity:1;transform:scale(1.14)}}@keyframes status-pulse{0%,to{box-shadow:0 0 0 1px #ffffff14,0 0 #ffffff2e}50%{box-shadow:0 0 0 1px #ffffff1a,0 0 0 8px #fff0}}@keyframes gate-breathe{0%,to{opacity:.32;transform:scale(.96)}50%{opacity:.52;transform:scale(1.04)}}@media (width<=720px){.hud-bar{padding:12px}.hud-chip{padding:9px 12px}.audio-widget{min-height:54px;padding:5px}.audio-toggle{border-radius:13px;width:44px;height:44px}.audio-glyph,.audio-glyph svg{width:24px;height:24px}.profile-stage{width:min(100%,560px);padding:10px 12px}.profile-hero{gap:10px}.hero-copy{gap:8px}.hero-pfp-wrap{width:clamp(78px,22vw,104px)}.glass-card{width:100%;padding:12px}.avatar-wrap{width:58px;height:58px}.hero-name{letter-spacing:0;font-size:2.24rem}.hero-tagline{text-align:center;white-space:normal;text-wrap:balance;width:min(100%,30ch);max-width:30ch;font-size:.78rem;line-height:1.18}.presence-card{border-radius:var(--radius-lg);grid-template-columns:58px minmax(0,1fr);gap:10px;width:min(100%,340px);padding:10px 12px}.presence-rpc{border-radius:14px;gap:8px;margin-top:10px;padding:9px}.rpc-artwork-wrap{border-radius:12px;width:46px;height:46px}.discord-name{letter-spacing:0;font-size:.98rem}.discord-status,.rpc-details,.rpc-state{font-size:.76rem}.rpc-name{font-size:.9rem}.rpc-label,.rpc-time{font-size:.66rem}.platform-pill{border-radius:8px;min-height:24px;padding:0 9px;font-size:.6rem}.presence-meta{flex-direction:column;align-items:flex-start;width:100%}.platform-list{justify-content:flex-end}.profile-detail-backdrop{padding:10px}.profile-detail-panel{width:min(100%,390px);max-height:calc(100svh - 20px)}.profile-detail-banner{height:118px}.profile-detail-content{padding:0 18px 22px}.detail-avatar-wrap{width:106px;height:106px;margin-top:-56px;padding:6px}.detail-avatar-image,.detail-avatar-fallback{width:calc(100% - 12px);height:calc(100% - 12px);inset:6px}.detail-avatar-fallback{font-size:2.1rem}.detail-avatar-status-dot{border-width:6px;width:30px;height:30px;bottom:6px;right:6px}.detail-avatar-decoration{width:calc(120% - 14.4px);height:calc(120% - 14.4px)}.detail-orbit-dot{margin-top:-18px}.detail-class-bubble{max-width:min(180px,100vw - 170px);margin-top:-12px;padding:10px 12px;font-size:.78rem}.profile-detail-name{font-size:1.34rem}.social-links{gap:12px;margin-top:2px}.social-icon-link{width:40px;min-width:40px;height:40px;min-height:40px}.social-icon-link svg{width:34px;height:34px}.music-player{gap:8px;width:min(100%,340px);min-height:54px;padding:4px 6px 4px 4px}.music-cover{border-radius:7px;flex-basis:48px;width:48px;height:48px}.music-panel{gap:5px}.music-title{font-size:.82rem}.music-artist-line{font-size:.68rem}.music-row{grid-template-columns:auto minmax(42px,1fr) auto auto;gap:4px}.music-current-time,.music-duration{font-size:.62rem}.music-controls{gap:0;margin-left:2px}.music-control{width:24px;height:28px}.music-control svg{width:22px;height:22px}.music-play{width:32px}.music-play svg{width:31px;height:31px}}@media (width<=380px),(height<=640px){.profile-stage{padding:8px 10px}.profile-hero{gap:8px}.hero-copy{gap:6px}.hero-pfp-wrap{width:clamp(66px,16svh,84px)}.hero-name{font-size:1.88rem}.hero-tagline{max-width:34ch;font-size:.68rem;line-height:1.14}.presence-card{border-radius:var(--radius-lg);grid-template-columns:50px minmax(0,1fr);gap:8px;width:min(100%,316px);padding:8px 10px}.avatar-wrap{width:50px;height:50px}.profile-detail-banner{height:100px}.detail-avatar-wrap{width:88px;height:88px;margin-top:-46px}.profile-detail-avatar-row{gap:8px;min-height:56px}.detail-class-bubble{max-width:min(178px,100vw - 142px);font-size:.72rem}.presence-rpc{border-radius:13px;gap:7px;margin-top:8px;padding:8px}.rpc-artwork-wrap{width:42px;height:42px}.social-icon-link{width:36px;min-width:36px;height:36px;min-height:36px}.social-icon-link svg{width:30px;height:30px}.music-player{width:min(100%,316px);min-height:48px}.music-cover{flex-basis:42px;width:42px;height:42px}.profile-detail-close{top:14px;right:14px}}@media (hover:none){.audio-volume-panel{opacity:1;width:84px;margin-left:8px}.audio-volume-slider{width:78px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.profile-stats{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.profile-stat{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--stroke);border-radius:var(--radius-pill);background:var(--surface);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));box-shadow:var(--edge-highlight);font-family:var(--mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;display:inline-flex}.profile-stat-value{color:var(--text);letter-spacing:.04em;font-weight:700}.hero-tagline{justify-items:center;display:grid}.hero-tagline-ghost,.hero-tagline-typed{grid-area:1/1}.hero-tagline-ghost{visibility:hidden}.hero-tagline[data-caret=on] .hero-tagline-typed:after{content:"";vertical-align:-.14em;background:#fff;width:2px;height:1em;margin-left:2px;animation:1.05s step-end infinite caret-blink;display:inline-block;box-shadow:0 0 6px #ffffffe6,0 0 14px #ffffff8c}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.hero-tagline[data-caret=on] .hero-tagline-typed:after{display:none}}.profile-badges{z-index:3;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));box-shadow:var(--edge-highlight), var(--elev-1);transform:translate3d(0, 0, var(--z-badges,0px));transition:transform .26s var(--ease-smooth);flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;padding:5px 14px;display:inline-flex;position:relative}.profile-badge{color:#fff;transition:transform .22s var(--ease-smooth);justify-content:center;align-items:center;display:inline-flex;position:relative}.profile-badge svg{fill:currentColor;filter:drop-shadow(0 0 7px #fffffff2)drop-shadow(0 0 16px #fffc)drop-shadow(0 0 32px #ffffff8c);width:24px;height:24px;transition:filter .22s;display:block}.profile-badge:hover svg,.profile-badge:focus-visible svg{filter:drop-shadow(0 0 8px #fff)drop-shadow(0 0 20px #ffffffeb)drop-shadow(0 0 42px #ffffffb3)}.profile-badge:hover,.profile-badge:focus-visible{transform:translateY(-2px)scale(1.06)}.profile-badge:after{content:attr(data-label);z-index:6;border:1px solid var(--stroke-strong);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));box-shadow:var(--elev-2), 0 0 18px #ffffff17;color:#fff;font-size:var(--fs-sm);letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease, translate .2s var(--ease-smooth);background:#08080ceb;padding:7px 12px;font-weight:600;position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50% 4px}.profile-badge:hover:after,.profile-badge:focus-visible:after{opacity:1;translate:-50%}.stats-bar{left:var(--space-5);bottom:max(var(--space-5), env(safe-area-inset-bottom));z-index:3;align-items:center;gap:var(--space-3);font-size:var(--fs-sm);color:var(--text);pointer-events:none;font-weight:500;display:flex;position:fixed}.stats-item{align-items:center;gap:6px;display:inline-flex}.stats-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px;display:block}.scroll-cue{left:50%;bottom:max(var(--space-4), env(safe-area-inset-bottom));z-index:3;padding:var(--space-2);color:var(--text);font-family:var(--sans);font-size:var(--fs-sm);cursor:pointer;transition:opacity .26s ease, transform .26s var(--ease-smooth);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;font-weight:600;display:flex;position:fixed;transform:translate(-50%)}.scroll-cue-arrow svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;animation:scroll-cue-bob 1.9s var(--ease-smooth) infinite}@keyframes scroll-cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.section-dots{right:var(--space-5);z-index:3;align-items:center;gap:var(--space-2);flex-direction:column;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.section-dot{border-radius:var(--radius-pill);cursor:pointer;width:5px;height:5px;transition:background .2s ease, transform .22s var(--ease-smooth);background:#ffffff47;border:0;padding:0}.section-dot.is-active{background:var(--text);transform:scale(1.9)}.page-shell:not(.is-entered) .stats-bar,.page-shell:not(.is-entered) .scroll-cue,.page-shell:not(.is-entered) .section-dots{opacity:0;pointer-events:none}.scroll-cue.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(8px)}.profile-sections{z-index:2;flex-direction:column;width:100%;display:flex;position:relative}.profile-section{justify-content:center;gap:var(--space-4);text-align:left;flex-direction:column;width:min(94vw,1180px);min-height:100svh;margin:0 auto;padding:clamp(64px,12svh,120px) 20px;display:flex}.section-heading{margin:0 0 var(--space-2);letter-spacing:-.02em;color:var(--text);font-size:clamp(1.7rem,4vw,2.5rem);font-weight:700}.about-card{width:100%;padding:var(--space-5) var(--space-6);border-radius:var(--radius-2xl);display:block}.about-body{font-size:var(--fs-md);color:var(--text);margin:0;line-height:1.7}.about-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));width:100%;display:grid}.about-grid .presence-card{width:100%;max-width:none;padding:var(--space-4) var(--space-5);border-radius:var(--radius-2xl)}.clock-card{--card-tilt-x:0deg;--card-tilt-y:0deg;--card-glow-x:50%;--card-glow-y:50%;--card-lift:0px;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-2xl);contain:none;isolation:auto;-webkit-backdrop-filter:none;backdrop-filter:none;transform:perspective(900px) rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y)) translate3d(0, var(--card-lift), 0);transform-origin:50%;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;transition:transform .14s ease-out, box-shadow .26s var(--ease-smooth), border-color .22s ease;display:flex;position:relative;overflow:visible}.clock-card:after{content:"";z-index:0;border-radius:inherit;background:radial-gradient(260px circle at var(--card-glow-x) var(--card-glow-y), #ffffff24, #fff0 62%);opacity:0;pointer-events:none;transition:opacity .24s;position:absolute;inset:0}.clock-card.is-tilting:after,.clock-card:hover:after{opacity:1}.clock-card.is-tilting,.clock-card:hover{--card-lift:-5px;transform:perspective(900px) rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y)) translate3d(0, var(--card-lift), 0);border-color:#ffffff38;box-shadow:0 26px 66px #00000057,0 0 22px #ffffff1a,inset 0 0 0 1px #ffffff12}.clock-card>.clock-face{transform:translateZ(34px)}.clock-card>.clock-copy{transform:translateZ(18px)}.clock-card>.clock-face,.clock-card>.clock-copy{z-index:1;transition:transform .2s var(--ease-smooth);position:relative}.clock-face{--dial:78px;width:var(--dial);height:var(--dial);transform-style:preserve-3d;background:radial-gradient(circle at 50% 44%,#24262c,#0c0d10 76%);border-radius:50%;flex:none;position:relative;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 6px 16px #0009,0 6px 18px #00000073}.clock-face:before,.clock-face:after{content:"";inset:calc(var(--dial) * .052);pointer-events:none;border-radius:50%;position:absolute}.clock-face:before{background:repeating-conic-gradient(from -1.3deg,#ffffff9e 0deg 2.6deg,#0000 2.6deg 30deg);-webkit-mask:radial-gradient(circle,#0000 0 68%,#000 68%);mask:radial-gradient(circle,#0000 0 68%,#000 68%)}.clock-face:after{background:repeating-conic-gradient(from -1.95deg,#fffffff5 0deg 3.9deg,#0000 3.9deg 90deg);-webkit-mask:radial-gradient(circle,#0000 0 58%,#000 58%);mask:radial-gradient(circle,#0000 0 58%,#000 58%)}.clock-hand{z-index:2;transform-origin:50% 100%;border-radius:var(--radius-pill);background:#f3f4f7;position:absolute;bottom:50%;left:50%}.clock-hand-hour{width:calc(var(--dial) * .052);height:calc(var(--dial) * .259);margin-left:calc(var(--dial) * -.026);transform:rotate(var(--hand-hour,0deg))}.clock-hand-minute{width:calc(var(--dial) * .034);height:calc(var(--dial) * .362);margin-left:calc(var(--dial) * -.017);transform:rotate(var(--hand-minute,0deg))}.clock-hand-second{width:calc(var(--dial) * .024);height:calc(var(--dial) * .397);margin-left:calc(var(--dial) * -.012);transform:rotate(var(--hand-second,0deg));background:#e5404c}.clock-pin{z-index:3;width:calc(var(--dial) * .086);height:calc(var(--dial) * .086);margin:calc(var(--dial) * -.043) 0 0 calc(var(--dial) * -.043);background:#f3f4f7;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #0c0d10e6}.clock-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.clock-time{font-size:var(--fs-lg);font-variant-numeric:tabular-nums;color:var(--text);margin:0;font-weight:600}.clock-meta{font-size:var(--fs-sm);color:var(--text);align-items:center;gap:6px;margin:0;font-weight:600;display:inline-flex}.clock-visitor{font-size:var(--fs-sm);color:var(--muted);margin:0}.tech-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.tech-chip{align-items:center;gap:var(--space-2);padding:9px var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--stroke);font-size:var(--fs-sm);color:var(--text);transition:border-color .18s ease, transform .22s var(--ease-smooth);background:#ffffff0f;font-weight:500;display:inline-flex}.tech-chip:hover{border-color:var(--accent-soft);transform:translateY(-2px)}.tech-chip-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;color:#fff;filter:drop-shadow(0 0 5px #ffffffe6)drop-shadow(0 0 12px #fff9)drop-shadow(0 0 24px #ffffff59);width:17px;height:17px;display:block}.project-list{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));width:100%;display:grid}.project-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-2xl);text-align:left;color:inherit;transition:transform .24s var(--ease-smooth), border-color .2s ease;flex-direction:column;text-decoration:none;display:flex;position:relative}.project-card:hover,.project-card:focus-visible,.project-card:focus-within{--hover-glow-shadow-base:var(--hover-shadow), 0 0 0 #fff0, 0 0 0 #fff0, 0 0 0 1px #ffffff0a inset;--hover-glow-shadow-active:var(--hover-shadow), 0 0 24px #ffffff80, 0 0 58px #ffffff42, 0 0 0 1px #ffffff14 inset;border-color:#ffffff6b;transform:translateY(-4px)}.project-language{align-items:center;gap:var(--space-2);padding:5px var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--stroke);font-size:var(--fs-2xs);letter-spacing:.02em;color:#fff;background:#ffffff14;font-weight:600;display:inline-flex}.project-language-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;color:#fff;filter:drop-shadow(0 0 5px #ffffffe6)drop-shadow(0 0 12px #fff9)drop-shadow(0 0 24px #ffffff59);width:15px;height:15px;display:block}.project-language-label{text-shadow:0 0 6px #fff9,0 0 15px #ffffff52}.project-icon{aspect-ratio:1;width:clamp(56px,9vw,72px);margin-top:var(--space-3);border-radius:var(--radius-lg);object-fit:cover;border:1px solid var(--stroke);display:block;box-shadow:0 10px 26px #00000057}.project-name{margin:var(--space-4) 0 0;letter-spacing:-.02em;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700}.project-description{font-size:var(--fs-sm);color:var(--muted);margin:0;line-height:1.6}.project-icon+.project-name{margin-top:var(--space-3)}.project-cta{margin-top:var(--space-2);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:#fff;font-weight:600}.project-card:hover .project-cta,.project-card:focus-visible .project-cta{text-shadow:0 0 8px #ffffffb3,0 0 20px #ffffff61}@media (width<=720px){.section-dots{display:none}.stats-bar{left:var(--space-4);font-size:var(--fs-2xs)}.profile-section{min-height:auto;padding:clamp(48px,9svh,80px) 18px}}@media (prefers-reduced-motion:reduce){.scroll-cue-arrow svg{animation:none}}.music-art-backdrop{z-index:0;filter:blur(58px)saturate(165%);opacity:.85;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:-20%;transform:scale(1.25)}@media (width<=720px){.music-body{min-height:0;padding:var(--space-4);gap:var(--space-4)}.music-section .music-cover{width:46px;height:46px}}.reveal{opacity:0;transition:opacity .62s var(--ease-out) var(--reveal-delay,0s), transform .72s var(--ease-out) var(--reveal-delay,0s);transform:translateY(26px)}.reveal.is-revealed{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}.cursor-code-layer{--code-green:#35ff6d;--code-green-bright:#c7ffdb;z-index:60;pointer-events:none;position:fixed;inset:0}.cursor-code{left:var(--code-x);top:var(--code-y);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--code-size);white-space:pre;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--code-tone);text-shadow:0 0 6px #35ff6de6,0 0 15px #35ff6d8c,0 0 32px #35ff6d47;will-change:transform, opacity;animation:cursor-code-out var(--code-life) var(--ease-out) forwards;font-weight:600;line-height:1;position:absolute;translate:-50% -50%}@keyframes cursor-code-out{0%{opacity:0;transform:translateY(-4px)scale(.7)}16%{opacity:1;transform:translate3d(calc(var(--code-drift) * .16), 0, 0) scale(1)}to{opacity:0;transform:translate3d(var(--code-drift), 34px, 0) scale(.82)}}@media (prefers-reduced-motion:reduce){.cursor-code-layer{display:none}}@media (width<=720px){.hud-bar{padding-top:max(12px, env(safe-area-inset-top));padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}}body.detail-open{top:var(--detail-scroll,0px);overscroll-behavior:none;width:100%;position:fixed;left:0;right:0;overflow:hidden}.profile-detail-panel{overscroll-behavior:contain}@media (hover:none){a,button,[role=button],input{-webkit-tap-highlight-color:transparent}.profile-detail-close{width:44px;height:44px}.audio-volume-slider{box-sizing:border-box;background-clip:content-box;height:40px;padding:16px 0}}@media (width<=720px){.profile-section{padding:max(clamp(48px,9svh,80px),88px) 18px max(clamp(48px,9svh,80px),64px)}}@media (hover:none){.section-dots{display:none}.social-icon-link{width:44px;min-width:44px;height:44px;min-height:44px}}