@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/quicksand-vietnamese-wght-normal-ei70gACF.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/quicksand-latin-ext-wght-normal-CrJ75Ewg.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/quicksand-latin-wght-normal-Buj9m_3d.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pirata One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pirata-one-latin-ext-400-normal-CI_wL8s0.woff2) format("woff2"),url(/assets/pirata-one-latin-ext-400-normal-DS3wEyC3.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pirata One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pirata-one-latin-400-normal-C8jLWNfm.woff2) format("woff2"),url(/assets/pirata-one-latin-400-normal-CiJE7gJH.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Metal Mania;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/metal-mania-latin-ext-400-normal-D_nGxvmU.woff2) format("woff2"),url(/assets/metal-mania-latin-ext-400-normal-Bu-7Ik24.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Metal Mania;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/metal-mania-latin-400-normal-BU9ZNXhH.woff2) format("woff2"),url(/assets/metal-mania-latin-400-normal-D3E4K2OU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-vietnamese-400-normal-BNOj0Qhp.woff2) format("woff2"),url(/assets/space-mono-vietnamese-400-normal-B0PMp_xB.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-ext-400-normal-DTLbW2xa.woff2) format("woff2"),url(/assets/space-mono-latin-ext-400-normal-D4cJI_B-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2) format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IM Fell English;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/im-fell-english-latin-400-normal-BhowGHCQ.woff2) format("woff2"),url(/assets/im-fell-english-latin-400-normal-CxhBQSzl.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IM Fell English;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/im-fell-english-latin-400-italic-DD_ylKHZ.woff2) format("woff2"),url(/assets/im-fell-english-latin-400-italic-hN89MLGX.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans: "Inter Variable", "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, "Cascadia Code", monospace}:root[data-theme=night]{--accent: #ff2d4d;--void: #0d0304;--text: #f5e6e8;--muted: #a8858b;--font-display: "Pirata One", "Metal Mania", "Inter Variable", serif;--font-prose: "IM Fell English", Georgia, "Times New Roman", serif;--title: #fff;--title-glow-a: rgba(255, 45, 77, .75);--title-glow-b: rgba(200, 16, 46, .45);--title-glow-a-strong: rgba(255, 45, 77, .95);--title-glow-b-strong: rgba(200, 16, 46, .7);--panel: rgba(10, 2, 4, .55);--panel-solid: rgba(10, 2, 4, .5);--panel-shadow: 0 10px 30px rgba(0, 0, 0, .4);--panel-shadow-hover: 0 14px 34px rgba(0, 0, 0, .5);--hairline: rgba(255, 45, 77, .2);--hairline-strong: rgba(255, 45, 77, .45);--highlight: rgba(255, 255, 255, .12);--glow: rgba(200, 16, 46, .3);--glow-strong: rgba(200, 16, 46, .45);--media-bg: #1a0507;--icon-ink: rgba(14, 3, 6, .62);--engraved-dark: rgba(0, 0, 0, .7);--engraved-light: rgba(255, 255, 255, .85);--text-shadow-soft: 0 1px 3px rgba(0, 0, 0, .95), 0 0 12px rgba(0, 0, 0, .7);--text-shadow-hard: 0 2px 6px rgba(0, 0, 0, .9);--veil-0: rgba(6, 1, 2, .5);--veil-1: rgba(8, 1, 2, .55);--veil-2: rgba(11, 1, 3, .6);--veil-3: rgba(14, 1, 3, .66);--enter-label: #fff;--enter-label-last: #ffe9ec;--hairline-soft: rgba(255, 45, 77, .22);--hairline-button: rgba(255, 45, 77, .3);--hairline-chip: rgba(255, 45, 77, .35);--hairline-initial: rgba(255, 45, 77, .4);--hairline-portrait: rgba(255, 45, 77, .55);--hairline-chip-hover: rgba(255, 45, 77, .6);--glow-faint: rgba(200, 16, 46, .28);--glow-mid: rgba(200, 16, 46, .4);--glow-bold: rgba(200, 16, 46, .55);--glow-thumb: rgba(255, 45, 77, .7);--glow-icon: rgba(255, 45, 77, .9);--glow-ring: rgba(255, 45, 77, .45);--highlight-faint: rgba(255, 255, 255, .06);--highlight-player: rgba(255, 255, 255, .14);--highlight-strong: rgba(255, 255, 255, .16);--highlight-track-moz: rgba(255, 255, 255, .2);--text-avatar: #f0d9dc;--text-prose: #f0e2e4;--text-chip: #f0dfe1;--text-link: #f4e9ea;--text-bio: #c9aeb2;--text-hint: #a8858b;--media-bg-veil: rgba(26, 5, 7, .9);--icon-ink-strong: rgba(14, 3, 6, .75);--icon-ink-mute: rgba(12, 2, 5, .7);--icon-ink-mute-hover: rgba(255, 255, 255, .42);--engraved-dark-soft: rgba(0, 0, 0, .6);--engraved-light-soft: rgba(255, 255, 255, .75);--engraved-light-mid: rgba(255, 255, 255, .8);--engraved-dark-strong: rgba(0, 0, 0, .75);--engraved-light-strong: rgba(255, 255, 255, .9);--player-outer-shadow: 0 8px 26px rgba(0, 0, 0, .45);--thumb-contact-shadow: rgba(0, 0, 0, .9);--slider-thumb-mid: #d9a2ad;--slider-thumb-end: #7a2130;--groove-dark: rgba(0, 0, 0, .9);--groove-light: rgba(255, 255, 255, .3)}:root[data-theme=day]{--accent: #f0a3b1;--void: #dff0f7;--text: #2f3a33;--day-veil: rgba(255, 255, 255, .6);--muted: #515e53;--font-display: "Quicksand Variable", "Inter Variable", sans-serif;--font-prose: "Quicksand Variable", "Inter Variable", sans-serif;--title: #2f3a33;--title-glow-a: rgba(255, 255, 255, .9);--title-glow-b: rgba(127, 176, 105, .3);--title-glow-a-strong: rgba(255, 255, 255, 1);--title-glow-b-strong: rgba(240, 163, 177, .45);--panel: rgba(255, 255, 255, .58);--panel-solid: rgba(255, 255, 255, .52);--panel-shadow: 0 10px 30px rgba(47, 58, 51, .16);--panel-shadow-hover: 0 14px 34px rgba(47, 58, 51, .22);--hairline: rgba(47, 58, 51, .14);--hairline-strong: rgba(127, 176, 105, .5);--highlight: rgba(255, 255, 255, .7);--glow: rgba(240, 163, 177, .35);--glow-strong: rgba(240, 163, 177, .55);--media-bg: #eef6ef;--icon-ink: rgba(47, 58, 51, .62);--engraved-dark: rgba(47, 58, 51, .3);--engraved-light: rgba(255, 255, 255, .95);--text-shadow-soft: 0 1px 2px rgba(255, 255, 255, .85);--text-shadow-hard: 0 1px 2px rgba(255, 255, 255, .9);--veil-0: rgba(252, 250, 244, .55);--veil-1: rgba(252, 250, 244, .5);--veil-2: rgba(252, 250, 244, .45);--veil-3: rgba(252, 250, 244, .4);--enter-label: #2f3a33;--enter-label-last: #3f5a42;--hairline-soft: rgba(47, 58, 51, .22);--hairline-button: rgba(47, 58, 51, .3);--hairline-chip: rgba(47, 58, 51, .35);--hairline-initial: rgba(127, 176, 105, .4);--hairline-portrait: rgba(127, 176, 105, .55);--hairline-chip-hover: rgba(127, 176, 105, .6);--glow-faint: rgba(240, 163, 177, .3);--glow-mid: rgba(240, 163, 177, .45);--glow-bold: rgba(240, 163, 177, .65);--glow-thumb: rgba(240, 163, 177, .5);--glow-icon: rgba(240, 163, 177, .7);--glow-ring: rgba(240, 163, 177, .45);--highlight-faint: rgba(255, 255, 255, .35);--highlight-player: rgba(255, 255, 255, .6);--highlight-strong: rgba(255, 255, 255, .85);--highlight-track-moz: rgba(47, 58, 51, .22);--text-avatar: #2c362f;--text-prose: #34423a;--text-chip: #32403a;--text-link: #313d36;--text-bio: #4e5d53;--text-hint: #2b322c;--media-bg-veil: rgba(238, 246, 239, .9);--icon-ink-strong: rgba(47, 58, 51, .75);--icon-ink-mute: rgba(47, 58, 51, .7);--icon-ink-mute-hover: rgba(47, 58, 51, .85);--engraved-dark-soft: rgba(47, 58, 51, .2);--engraved-light-soft: rgba(255, 255, 255, .85);--engraved-light-mid: rgba(255, 255, 255, .9);--engraved-dark-strong: rgba(47, 58, 51, .4);--engraved-light-strong: rgba(255, 255, 255, 1);--player-outer-shadow: 0 8px 26px rgba(47, 58, 51, .22);--thumb-contact-shadow: rgba(47, 58, 51, .35);--slider-thumb-mid: #f3b9c3;--slider-thumb-end: #c2748a;--groove-dark: rgba(47, 58, 51, .35);--groove-light: rgba(255, 255, 255, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--void);color:var(--text);font-family:var(--font-sans);overflow-x:hidden;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.enter{position:fixed;inset:0;z-index:10;display:grid;place-items:center;width:100%;cursor:pointer;background:var(--veil-0);backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%);transition:opacity .7s ease,backdrop-filter .7s ease}.enter[data-leaving=true]{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);pointer-events:none}.enter[data-auto=true]{cursor:default;pointer-events:none}.enter[data-step="1"]{background:var(--veil-1);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}.enter[data-step="2"]{background:var(--veil-2);backdrop-filter:blur(8px) saturate(130%);-webkit-backdrop-filter:blur(8px) saturate(130%)}.enter[data-step="3"]{background:var(--veil-3);backdrop-filter:blur(4px) saturate(140%);-webkit-backdrop-filter:blur(4px) saturate(140%)}.enter-label{position:relative;font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2.4rem);letter-spacing:.06em;color:var(--enter-label);animation:pulse-glow 3.4s ease-in-out infinite,label-in .45s ease-out backwards}@keyframes label-in{0%{opacity:0;transform:scale(1.06);filter:blur(5px)}}.enter:hover .enter-label{animation-duration:1.6s,.45s}.enter-label:before,.enter-label:after{content:attr(data-text);position:absolute;inset:0;opacity:0;pointer-events:none}.enter-label:before{color:var(--accent)}.enter-label:after{color:#17d5d5}.enter[data-step="2"] .enter-label:before,.enter[data-step="2"] .enter-label:after{opacity:.5;animation:glitch 2.4s steps(2,end) infinite}.enter[data-step="3"] .enter-label:before,.enter[data-step="3"] .enter-label:after{opacity:.75;animation:glitch .9s steps(2,end) infinite}.enter[data-step="3"] .enter-label{color:var(--enter-label-last)}.enter-label:after{animation-direction:reverse}@keyframes glitch{0%,92%,to{transform:translate(0)}93%{transform:translate(-3px,1px)}95%{transform:translate(2px,-2px)}97%{transform:translate(-2px,-1px)}}@media(prefers-reduced-motion:reduce){.enter-label,.enter-label:before,.enter-label:after{animation:none}}:root[data-theme=day] .enter-label:before,:root[data-theme=day] .enter-label:after{display:none}:root[data-theme=day] .enter-label{animation:label-in .45s ease-out backwards;text-shadow:var(--text-shadow-soft)}@media(prefers-reduced-motion:reduce){:root[data-theme=day] .enter-label{animation:none}}.canvas-layer{position:fixed;inset:0;z-index:0}.canvas-fallback{position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 50% 45%,rgba(200,16,46,.35),transparent 60%),radial-gradient(circle at 20% 80%,rgba(120,8,24,.3),transparent 55%),var(--void)}.day-layer{position:fixed;inset:0;z-index:0;background-color:var(--void);background-image:linear-gradient(var(--day-veil),var(--day-veil)),var(--day-bg, none),linear-gradient(180deg,#cfe9f7,#e8f3e0 54%,#bcd9a2);background-size:cover;background-position:center;background-repeat:no-repeat}.ui-layer{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px 20px calc(96px + env(safe-area-inset-bottom));text-align:center}.scroll-hint{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-hint);opacity:.75;transition:opacity .4s ease}.scroll-hint:hover{opacity:1;color:var(--text)}.scroll-hint svg{width:15px;height:15px;animation:nudge 2.1s ease-in-out infinite}@keyframes nudge{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(5px);opacity:1}}.friends{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:80px 20px calc(110px + env(safe-area-inset-bottom))}.friends-title{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2.4rem);font-weight:400;letter-spacing:.02em;color:var(--title);text-align:center;animation:pulse-glow 3.4s ease-in-out infinite}.friends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;gap:26px;width:min(100%,940px)}@media(max-width:860px){.friends-grid{grid-template-columns:repeat(2,1fr);gap:20px}}.friend{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 18px 22px;border-radius:20px;text-align:center;background:var(--panel-solid);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);box-shadow:inset 0 0 0 1px var(--hairline),inset 0 1px 0 var(--highlight),var(--panel-shadow);transition:box-shadow .25s ease,transform .25s ease}.friend:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--hairline-strong),inset 0 1px 0 var(--highlight-strong),var(--panel-shadow-hover),0 0 22px var(--glow)}.friend-avatar{position:relative;width:72px;height:72px;isolation:isolate}.friend-avatar img{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--media-bg);border:2px solid var(--hairline-strong);box-shadow:0 0 18px var(--glow-mid)}.friend-initial{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;font-family:var(--font-display);font-size:1.9rem;color:var(--text-avatar);background:radial-gradient(circle at 40% 30%,var(--glow-strong),var(--media-bg-veil));border:2px solid var(--hairline-initial)}.friend-deco{position:absolute;top:50%;left:50%;width:90px!important;height:90px!important;border:none!important;box-shadow:none!important;background:none!important;border-radius:0!important;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.friend-status{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;background:var(--void);display:grid;place-items:center;z-index:2}.friend-status svg{width:18px;height:18px}.friend-name{font-family:var(--font-display);font-size:1.15rem;font-weight:400;letter-spacing:.02em;color:var(--title);overflow-wrap:anywhere;text-shadow:var(--text-shadow-hard)}.friend-note{font-family:var(--font-prose);font-style:italic;font-size:1rem;line-height:1.45;color:var(--text-prose);text-shadow:var(--text-shadow-soft);flex:1}:root[data-theme=day] .friend-note{font-style:normal}.friend-links{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.friend-link{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:9px;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.02em;color:var(--text-chip);background:var(--panel);box-shadow:inset 0 0 0 1px var(--hairline-chip);transition:color .2s ease,box-shadow .2s ease,transform .2s ease}.friend-link:hover,.friend-link:focus-visible{outline:none;color:var(--title);transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--hairline-chip-hover),0 0 14px var(--glow-strong)}.friend-link svg{width:13px;height:13px;flex-shrink:0}.avatar{width:116px;height:116px;border-radius:50%;object-fit:cover;border:2px solid var(--hairline-portrait);box-shadow:0 0 22px var(--glow-bold),0 0 60px var(--glow-faint);background:var(--media-bg)}.avatar-wrap{position:relative;isolation:isolate}.avatar-wrap:has(.avatar-deco):after{display:none}.avatar-wrap:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid var(--hairline-soft);animation:halo 4s ease-in-out infinite;pointer-events:none}@keyframes halo{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.07);opacity:.15}}.avatar-deco{position:absolute;top:50%;left:50%;width:145px;height:145px;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.avatar-status{position:absolute;right:0;bottom:0;width:32px;height:32px;border-radius:50%;background:var(--void);display:grid;place-items:center;z-index:2}.avatar-status svg{width:22px;height:22px}.account-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none}.account-badges li{padding:3px 9px;border-radius:7px;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-chip);background:var(--panel);box-shadow:inset 0 0 0 1px var(--hairline-chip)}.username{font-family:var(--font-display);font-size:clamp(2.8rem,10vw,4.8rem);font-weight:400;letter-spacing:.015em;line-height:1.15;padding-bottom:.06em;color:var(--title);animation:pulse-glow 3.4s ease-in-out infinite}@keyframes pulse-glow{0%,to{text-shadow:0 0 12px var(--title-glow-a),0 0 34px var(--title-glow-b)}50%{text-shadow:0 0 18px var(--title-glow-a-strong),0 0 58px var(--title-glow-b-strong)}}.guild-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:13px;font-size:1.05rem;font-weight:600;letter-spacing:.04em;animation:fade-up .7s ease-out backwards;color:var(--text-chip);background:var(--panel);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 0 0 1px var(--hairline-soft),inset 0 1px 0 var(--highlight-player),var(--player-outer-shadow)}.guild-tag img{width:24px;height:24px}.bio{font-family:var(--font-prose);font-style:italic;font-size:1.25rem;color:var(--text-bio);min-height:1.4em;letter-spacing:.03em}:root[data-theme=day] .bio{font-style:normal}.bio .caret{color:var(--accent);font-style:normal;opacity:.75;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.socials{display:flex;gap:40px;margin-top:8px}.social{width:66px;height:66px;display:grid;place-items:center;border-radius:20px;color:var(--text-link);background:var(--panel);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 0 0 1px var(--hairline-soft),inset 0 1px 0 var(--highlight-player),var(--player-outer-shadow);transition:color .22s ease,box-shadow .22s ease,transform .22s ease;will-change:transform}.social:hover,.social:focus-visible{color:var(--title);transform:translateY(-3px);outline:none;filter:drop-shadow(0 0 8px var(--glow-icon))}.social svg{width:28px;height:28px;color:var(--title);transition:color .22s ease}.presence{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:14px;max-width:min(92vw,340px);animation:fade-up .7s ease-out backwards;background:var(--panel);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 0 0 1px var(--hairline-soft),inset 0 1px 0 var(--highlight-player),var(--player-outer-shadow)}.presence-quiet{font-family:var(--font-mono);padding:7px 14px}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}.presence-art-wrap{position:relative;flex-shrink:0;line-height:0}.presence-art{width:38px;height:38px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--media-bg)}.presence-badge{position:absolute;right:-4px;bottom:-4px;width:17px;height:17px;border-radius:50%;object-fit:cover;background:var(--media-bg);box-shadow:0 0 0 2px var(--void)}.presence-faint{font-family:var(--font-mono);font-size:.62rem;font-variant-numeric:tabular-nums;opacity:.75}.presence-emoji{width:19px;height:19px;flex-shrink:0}.presence-emoji-glyph{font-size:1rem;line-height:1;flex-shrink:0}.presence-buttons{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.presence-button{padding:3px 9px;border-radius:7px;font-size:.62rem;color:var(--text-chip);background:var(--highlight-faint);box-shadow:inset 0 0 0 1px var(--hairline-button);transition:color .2s ease,box-shadow .2s ease}a.presence-button:hover{color:var(--title);box-shadow:inset 0 0 0 1px var(--hairline-chip-hover),0 0 12px var(--glow-mid)}.presence-button.is-static{opacity:.7}.presence-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-left:4px}.presence-dot[data-status=online]{background:#23a55a;box-shadow:0 0 8px #23a55a}.presence-dot[data-status=idle]{background:#f0b232;box-shadow:0 0 8px #f0b232}.presence-dot[data-status=dnd]{background:#f23f43;box-shadow:0 0 8px #f23f43}.presence-dot[data-status=offline]{background:#80848e}.presence-text{display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0}.presence-title{font-size:.78rem;font-weight:600;color:var(--text)}.presence-sub{font-size:.7rem;color:var(--muted)}.presence-title,.presence-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presence-bar{height:2px;border-radius:2px;background:var(--highlight);margin-top:3px;overflow:hidden}.presence-bar>span{display:block;height:100%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.player{position:fixed;z-index:2;left:20px;bottom:calc(20px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:18px;padding:12px 18px;border-radius:999px;background:var(--panel);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 0 0 1px var(--hairline-soft),inset 0 1px 0 var(--highlight-player),var(--player-outer-shadow);animation:player-in .9s ease-out 1.2s backwards;transition:gap .32s ease}.player-vol-wrap{display:flex;align-items:center;overflow:hidden;max-width:0;opacity:0;transition:max-width .32s ease,opacity .24s ease}.player:hover .player-vol-wrap,.player:focus-within .player-vol-wrap{max-width:130px;opacity:1}.player:not(:hover):not(:focus-within){gap:0}@keyframes player-in{0%{opacity:0;transform:translateY(14px)}}.player-mute svg{color:var(--icon-ink-mute);filter:drop-shadow(-1.5px -1.5px .9px var(--engraved-dark-strong)) drop-shadow(1.8px 1.8px .9px var(--engraved-light-strong))}.player-mute{width:33px;height:33px;display:grid;place-items:center;flex-shrink:0;color:var(--muted);transition:color .2s ease}.player-mute:hover svg,.player-mute:focus-visible svg{color:var(--icon-ink-mute-hover)}.player-mute:focus-visible{outline:none}.player-mute svg{width:22px;height:22px;transition:color .2s ease}.player-range{appearance:none;-webkit-appearance:none;display:block;width:117px;height:16px;margin:0;background:transparent;cursor:pointer;flex-shrink:0}.player-range::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:linear-gradient(90deg,var(--accent) var(--p, 0%),var(--highlight-player) var(--p, 0%));box-shadow:inset 1px 1px 2px var(--groove-dark),inset -1px -1px 1px var(--groove-light)}.player-range::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--slider-thumb-mid) 60%,var(--slider-thumb-end));box-shadow:0 1px 3px var(--thumb-contact-shadow),0 0 12px var(--glow-thumb);margin-top:-4.5px}.player-range::-moz-range-track{height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent) var(--p, 0%),var(--highlight-track-moz) var(--p, 0%))}.player-range::-moz-range-thumb{width:15px;height:15px;border:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--slider-thumb-mid) 60%,var(--slider-thumb-end));box-shadow:0 1px 3px var(--thumb-contact-shadow),0 0 12px var(--glow-thumb)}.player-range:focus-visible{outline:none}.player-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--glow-ring)}.reveal{opacity:0}@media(prefers-reduced-motion:reduce){.reveal{opacity:1}.username,.avatar-wrap:after,.bio .caret,.player,.presence,.guild-tag{animation:none}}@media(max-width:520px){.player{left:50%;transform:translate(-50%);animation-name:player-in-mobile}}@keyframes player-in-mobile{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}