@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;600&display=swap";:root{--bg-base: #030304;--text: #cfcfcf;--text-strong: #fdfdfd;--muted: rgba(207, 207, 207, .82);--cyan: rgba(215, 215, 215, .85);--glass: rgba(15, 15, 20, .65);--border: rgba(255, 255, 255, .08);--shadow: 0 40px 90px rgba(0, 0, 0, .8);--glow-accent: rgba(138, 43, 226, .35);--line-soft: rgba(255, 255, 255, .35);--bg-texture: url(/background/background.jpg);--status-halo-color: 138, 43, 226;--spectrum-base: rgba(3, 3, 4, .25);--spectrum-color: rgba(255, 255, 255, .25)}:root[data-theme=light]{--bg-base: #f6f7fb;--text: #2c2f3f;--text-strong: #0b1120;--muted: rgba(13, 19, 33, .65);--cyan: rgba(18, 32, 55, .7);--glass: rgba(255, 255, 255, .88);--border: rgba(15, 23, 42, .12);--shadow: 0 35px 90px rgba(15, 23, 42, .12);--glow-accent: rgba(255, 214, 153, .45);--line-soft: rgba(32, 41, 61, .25);--bg-texture: url(/background/background2.jpg);--status-halo-color: 249, 181, 120;--spectrum-base: rgba(255, 255, 255, .5);--spectrum-color: rgba(20, 27, 45, .45)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:300;color:var(--text);background-color:var(--bg-base);background-image:var(--bg-texture);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;cursor:none;transition:background-color .5s ease,color .4s ease}button,.ghost-button,.track-pill,.entry-button,input,select,textarea{cursor:none}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4.5rem 1.5rem 3rem;position:relative;overflow:hidden}.background-moonlight,.background-pixel-overlay,.film-grain,.orb{position:absolute;inset:0;pointer-events:none;z-index:0}.background-moonlight{background:radial-gradient(circle at 45% -20%,rgba(255,255,255,.08),transparent 65%),radial-gradient(circle at 15% 20%,rgba(90,90,90,.2),transparent 45%);filter:blur(45px)}.background-pixel-overlay{background-image:repeating-linear-gradient(120deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 6px),repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 2px,transparent 2px,transparent 7px);mix-blend-mode:soft-light;opacity:.35}.film-grain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");mix-blend-mode:screen;opacity:.35}.pixelated-layer{position:absolute;inset:0;pointer-events:none;background-image:var(--bg-texture);background-position:center;background-size:cover;background-attachment:fixed;image-rendering:pixelated;opacity:.18;mix-blend-mode:soft-light;filter:contrast(120%) saturate(110%)}.vhs-overlay{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 1px,transparent 1px,transparent 3px);opacity:.22;animation:vhsFlicker 6s steps(2,end) infinite}.vhs-overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.03),transparent 60%);mix-blend-mode:screen;opacity:.4;pointer-events:none;animation:vhsGlow 8s ease-in-out infinite}.vhs-overlay:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 3px,transparent 3px,transparent 6px);opacity:.25;mix-blend-mode:screen;pointer-events:none}.theme-transition-overlay{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.55),rgba(255,194,120,.18),transparent 75%);mix-blend-mode:screen;animation:themeBloom 1.05s ease forwards}.theme-transition-overlay.to-dark{background:radial-gradient(circle at 50% 50%,rgba(16,20,34,.7),rgba(3,4,8,.9) 50%,transparent 90%);mix-blend-mode:multiply}.orb{inset:auto;width:420px;height:420px;border-radius:999px;filter:blur(50px);opacity:.4}.orb-cyan{right:-120px;top:-80px;background:radial-gradient(circle,rgba(255,255,255,.4),transparent 60%)}.orb-crimson{left:-90px;bottom:-60px;background:radial-gradient(circle,rgba(140,140,140,.4),transparent 60%)}.cards-grid{position:relative;z-index:2;width:min(640px,100%);display:grid;gap:1rem;justify-items:center;perspective:1600px;transition:transform .18s ease,filter .22s ease,margin-left .22s ease;margin-left:0;transform:translateY(calc(var(--beat-intensity, 0) * -15px)) rotate(calc(var(--beat-intensity, 0) * .6deg));filter:drop-shadow(0 25px 60px rgba(0,0,0,.65))}.cards-grid.is-shifted{margin-left:-2rem}.cards-stage{position:relative;z-index:2;width:min(1200px,100%);margin:0 auto;display:flex;justify-content:center;gap:0;align-items:flex-start;transition:width .22s ease}.cards-stage.clips-open{gap:1.5rem;justify-content:flex-start}.cards-stage.is-bursting{animation:burstShake .65s cubic-bezier(.2,.65,.25,1) both}.clips-panel{--clip-count: 1;flex:0 0 0;width:0;opacity:0;pointer-events:none;transform:translate(40px);transition:opacity .24s ease,transform .24s ease,flex-basis .24s ease,width .24s ease,max-height .24s ease,padding .2s ease,border-width .2s ease;border-radius:32px;border:0 solid rgba(255,255,255,.08);background:#080809ad;padding:0;display:flex;flex-direction:column;max-height:0;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);overflow:hidden}.clips-panel.is-visible{flex:1 1 clamp(360px,calc(260px + 40px * var(--clip-count, 1)),620px);width:clamp(360px,calc(260px + 40px * var(--clip-count, 1)),620px);max-height:clamp(420px,calc(320px + 140px * var(--clip-count, 1)),calc(100vh - 120px));opacity:1;pointer-events:auto;transform:translate(0);padding:1.5rem;border-width:1px;overflow:visible}.clips-panel__header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.clips-panel__body{margin-top:1rem;overflow-y:auto;padding-right:.35rem;display:flex;flex-direction:column;gap:1rem}.clip-embed{display:flex;flex-direction:column;gap:.45rem}.clip-embed iframe{width:100%;aspect-ratio:16 / 9;border:none;border-radius:1rem;background:#0006;box-shadow:0 18px 45px #0000008c}.clip-embed__link{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:#ffffffa6;text-decoration:none;transition:color .16s ease}.clip-embed__link:hover{color:var(--text-strong)}.clips-panel__empty{font-size:.85rem;color:#ffffffa6;line-height:1.5}.clips-toggle{width:100%;justify-content:center}.hero-actions{width:100%;display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.65rem;justify-content:center}.hero-actions .ghost-button{flex:1 1 180px;justify-content:center}.hero-actions .clips-toggle{width:auto}.theme-toggle{position:relative;overflow:hidden}.theme-toggle:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.25),transparent 55%);opacity:0;transition:opacity .18s ease;pointer-events:none}.theme-toggle:hover:after,.theme-toggle[aria-pressed=true]:after{opacity:1}.theme-toggle[aria-pressed=true]{border-color:#ffb74dcc;background:#ffffff1f;box-shadow:0 15px 30px #ffb74d38;color:var(--text-strong)}.clips-toggle[aria-pressed=true]{border-color:#ffffff59;background:#ffffff14}.audio-spectrum{position:fixed;left:0;right:0;bottom:0;height:160px;pointer-events:none;z-index:1;opacity:.3;mix-blend-mode:screen}.glass-card{position:relative;padding:2.8rem 3rem;border-radius:28px;background:linear-gradient(145deg,rgba(8,8,10,.9),var(--glass));border:1px solid var(--border);box-shadow:var(--shadow),0 0 calc(120px * var(--card-glow, .25)) var(--glow-accent);overflow:hidden;transform-style:preserve-3d;transition:border-color .22s ease,box-shadow .22s ease;width:100%;max-width:640px}.glass-card:hover{border-color:#ffffff2e;box-shadow:0 40px 120px #000000d9}.card-glare{position:absolute;inset:0;opacity:.9;mix-blend-mode:screen;transition:opacity .2s ease;pointer-events:none}.hero-card{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:2rem 2.1rem;text-align:center}.hero-stack{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.55rem;width:100%}.pfp-stack{position:relative;padding-bottom:1rem;display:flex;flex-direction:column;align-items:center;width:100%}.pfp-presence-hover{position:absolute;bottom:-20px;left:50%;transform:translate(-50%,6px);display:flex;align-items:center;gap:.45rem;padding:.35rem .95rem;border-radius:999px;background:#06060ee6;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 20px #00000059,inset 0 1px 5px #ffffff14;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.pfp-ring:hover .pfp-presence-hover,.pfp-ring:focus-visible .pfp-presence-hover{opacity:1;transform:translate(-50%)}.pfp-presence-hover__dot{width:10px;height:10px;border-radius:50%;background:#7a7d91;box-shadow:0 0 12px #7a7d9199}.pfp-presence-hover__icon{width:20px;height:20px;border-radius:6px;object-fit:cover;box-shadow:0 6px 12px #00000059}.pfp-presence-hover__text{display:flex;flex-direction:column;gap:.05rem;line-height:1.25}.pfp-presence-hover__label{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#f8f8fba6}.pfp-presence-hover__activity{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#f8f8fbe6}.pfp-presence-hover.presence-online .pfp-presence-hover__dot{background:#4df6a6;box-shadow:0 0 14px #4df6a6cc}.pfp-presence-hover.presence-idle .pfp-presence-hover__dot{background:#f8c76e;box-shadow:0 0 12px #f8c76eb3}.pfp-presence-hover.presence-dnd .pfp-presence-hover__dot{background:#ff6b6b;box-shadow:0 0 12px #ff6b6bbf}.pfp-presence-hover.presence-invisible .pfp-presence-hover__dot{background:#7a7d91;box-shadow:0 0 12px #7a7d91a6}.pfp-stack:before{content:"";position:absolute;inset:auto 0 12px;margin:auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(150,150,150,.25),transparent 70%);filter:blur(24px);z-index:0}.pfp-ring{width:230px;height:230px;border-radius:50%;padding:5px;position:relative;background:radial-gradient(circle,#dcdcdc73,#040404d9);box-shadow:0 0 35px #dcdcdc52;border:none;cursor:copy;display:block;outline:none;touch-action:manipulation}.pfp-ring:focus-visible{outline:2px solid rgba(255,255,255,.45);outline-offset:6px}.pfp-ring:after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(255,255,255,.35);opacity:.3}.pfp-tooltip{position:absolute;top:50%;right:-150px;transform:translate(12px,-50%);background:#000000d9;color:#fffc;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.3rem .9rem;letter-spacing:.35em;font-size:.7rem;text-transform:uppercase;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.pfp-ring:hover .pfp-tooltip{opacity:1;transform:translate(4px,-50%)}.pfp-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid rgba(6,6,6,.95);filter:grayscale(35%) contrast(115%)}.pfp-glow{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:180px;height:14px;background:radial-gradient(circle,rgba(255,255,255,.25),transparent 65%);filter:blur(8px);opacity:.75}.username-toast{--toast-translate-x: 0;position:fixed;top:32px;right:32px;padding:.85rem 1.35rem;border-radius:999px;background:linear-gradient(135deg,#181818e6,#3a3a3ad9);border:1px solid rgba(255,255,255,.1);color:#ffffffe6;text-transform:uppercase;letter-spacing:.25em;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.6rem;line-height:1.4;pointer-events:none;z-index:25;box-shadow:0 18px 45px #0000008c,inset 0 0 12px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translate3d(var(--toast-translate-x),-18px,0) scale(.92);transition:opacity .32s ease,transform .32s cubic-bezier(.16,1,.3,1)}.username-toast.is-active{opacity:1;transform:translate3d(var(--toast-translate-x),0,0) scale(1)}.username-toast__pulse{width:12px;height:12px;border-radius:999px;background:radial-gradient(circle,#ffffffe6,#ffffff0d);box-shadow:0 0 10px #dcdcdc66,0 0 22px #dcdcdc40;animation:toastPulse 1.4s ease-in-out infinite}:root[data-theme=light] .app-shell{color:var(--text)}:root[data-theme=light] .cards-grid{filter:drop-shadow(0 25px 60px rgba(15,23,42,.18))}:root[data-theme=light] .background-moonlight{background:radial-gradient(circle at 60% -10%,rgba(255,255,255,.45),transparent 60%),radial-gradient(circle at 20% 30%,rgba(255,214,153,.35),transparent 55%);filter:blur(70px);opacity:.85}:root[data-theme=light] .background-pixel-overlay{opacity:.2;mix-blend-mode:multiply;background-image:repeating-linear-gradient(120deg,rgba(15,23,42,.03) 0px,rgba(15,23,42,.03) 1px,transparent 1px,transparent 6px),repeating-linear-gradient(0deg,rgba(15,23,42,.02) 0px,rgba(15,23,42,.02) 2px,transparent 2px,transparent 7px)}:root[data-theme=light] .film-grain{opacity:.18;mix-blend-mode:multiply}:root[data-theme=light] .pixelated-layer{opacity:.12;mix-blend-mode:multiply;filter:contrast(105%) saturate(120%)}:root[data-theme=light] .vhs-overlay{opacity:.15;mix-blend-mode:soft-light}:root[data-theme=light] .orb-cyan{background:radial-gradient(circle,rgba(255,224,186,.6),transparent 60%)}:root[data-theme=light] .orb-crimson{background:radial-gradient(circle,rgba(180,198,255,.55),transparent 60%)}:root[data-theme=light] .glass-card{background:linear-gradient(145deg,#fffffff2,#f4f6fbe0);border-color:#0f172a14;box-shadow:0 25px 80px #0f172a26,0 0 calc(120px * var(--card-glow, .25)) #ffd09659}:root[data-theme=light] .glass-card:hover{border-color:#0f172a33;box-shadow:0 35px 90px #1e293b38}:root[data-theme=light] .track-heading{border-bottom-color:#0f172a1f}:root[data-theme=light] .track-icon{box-shadow:0 8px 25px #0f172a2e}:root[data-theme=light] .audio-card{opacity:.95}:root[data-theme=light] .audio-card:after{background:repeating-linear-gradient(90deg,rgba(255,194,120,.45) 0,rgba(255,194,120,.45) 4px,transparent 4px,transparent 6px)}:root[data-theme=light] .audio-accent-line{background:linear-gradient(90deg,#fff0,#ffc278cc,#fff0)}:root[data-theme=light] .pfp-stack:before{background:radial-gradient(circle,rgba(255,214,153,.35),transparent 70%)}:root[data-theme=light] .pfp-ring{background:radial-gradient(circle,#fffffff2,#eceefacc);box-shadow:0 20px 40px #0f172a26}:root[data-theme=light] .pfp-ring:after{border-color:#0f172a14}:root[data-theme=light] .pfp-ring:focus-visible{outline-color:#f9b578cc}:root[data-theme=light] .pfp-image{border:3px solid rgba(255,255,255,.9);filter:saturate(110%) contrast(105%)}:root[data-theme=light] .pfp-tooltip{background:#fffffff2;color:#121826d9;border-color:#0f172a1f}:root[data-theme=light] .pfp-presence-hover{background:#ffffffe6;border-color:#0f172a1f;color:#121826cc;box-shadow:0 12px 25px #0f172a26}:root[data-theme=light] .pfp-presence-hover__label,:root[data-theme=light] .pfp-presence-hover__activity{color:#121826b3}:root[data-theme=light] .pfp-glow{background:radial-gradient(circle,rgba(255,208,150,.6),transparent 70%)}:root[data-theme=light] .eyebrow{color:#181f3380}:root[data-theme=light] .nameplate{color:var(--text-strong)}:root[data-theme=light] .ghost-button{border-color:#0f172a2e;background:#ffffffd9;color:#111827d9;box-shadow:0 15px 30px #0f172a14}:root[data-theme=light] .ghost-button:hover{border-color:#f9b578a6;background:#fffffff2;color:#0d1321f2}:root[data-theme=light] .ghost-button:disabled{background:#f4f5f8b3;color:#7a7d91a6}:root[data-theme=light] .theme-toggle[aria-pressed=true]{background:#fff9ecf2;border-color:#f9b578d9;color:#8e460cd9}:root[data-theme=light] .clips-toggle[aria-pressed=true]{border-color:#f9b578cc;background:#fff9ece6;color:#0f172acc;box-shadow:0 12px 25px #f9b57859}:root[data-theme=light] .track-pill{border-color:#0f172a1f;background:#ffffffd9;color:#121826a6}:root[data-theme=light] .track-pill.active{border-color:#f9b578d9;background:#fff6e9e6;color:#0f172af2}:root[data-theme=light] .volume-rail{color:#141b2d99}:root[data-theme=light] input[type=range]{background:#0f172a2e}:root[data-theme=light] input[type=range]::-webkit-slider-thumb{background:#fff;border-color:#0f172a40;box-shadow:0 0 10px #f9b57873}:root[data-theme=light] input[type=range]::-moz-range-thumb{background:#fff;border-color:#0f172a40;box-shadow:0 0 10px #f9b57873}:root[data-theme=light] .clips-panel{background:#ffffffe6;border-color:#0f172a14;box-shadow:0 25px 60px #0f172a14}:root[data-theme=light] .clip-embed iframe{background:#f3f4f6e6;box-shadow:0 18px 35px #0f172a26}:root[data-theme=light] .clip-embed__link{color:#22324abf}:root[data-theme=light] .clip-embed__link:hover{color:#e6944af2}:root[data-theme=light] .clips-panel__empty{color:#22324ab3}:root[data-theme=light] .audio-spectrum{mix-blend-mode:normal;opacity:.6;filter:drop-shadow(0 -8px 20px rgba(21,27,44,.25))}:root[data-theme=light] .username-toast{background:linear-gradient(135deg,#fffffff2,#fff4e5eb);border-color:#0f172a1f;color:#111827d9;box-shadow:0 20px 40px #0f172a14}:root[data-theme=light] .username-toast__pulse{background:radial-gradient(circle,#ffba7873,#ffffff1a)}:root[data-theme=light] .cursor-dot{background:#0f172acc;mix-blend-mode:multiply}:root[data-theme=light] .cursor-particle{background:#0f172a33}:root[data-theme=light] .entry-overlay{background:#ffffffc7}:root[data-theme=light] .entry-content{color:#0f172ad9}:root[data-theme=light] .entry-button{border-color:#0f172a66;color:#0f172ad9}:root[data-theme=light] .entry-button:hover{background:#0f172a14;color:#0f172a}.status-shell{position:relative;width:min(420px,100%);margin-inline:auto}.status-halo{position:absolute;inset:-28px;border-radius:999px;background:radial-gradient(circle,rgba(var(--status-halo-color, 255, 30, 30),var(--status-halo-strength, .12)),transparent 70%);filter:blur(28px);opacity:.4;animation:haloPulse var(--status-halo-speed, 5s) ease-in-out infinite}.status-shell .status-text{position:relative;z-index:1}.status-text{margin-top:1.4rem;font-size:.92rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);width:100%;text-align:center;margin-inline:auto;white-space:normal;min-height:2.6rem;position:relative;overflow:hidden;transition:opacity .26s ease,filter .26s ease}.status-text:after{content:"";display:inline-block;width:2px;height:1.2em;background:var(--text-strong);margin-left:6px;animation:caretBlink 1s steps(1) infinite;vertical-align:baseline}.status-text.is-silence{opacity:0;filter:grayscale(1)}.status-text.status-glitch:before{animation:glitchSlice 5s steps(2) infinite}.status-text.status-glitch:after{clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);animation:glitchSlice 3s steps(2) infinite reverse}.status-text.status-glow{animation:glowLock 5s ease-in-out infinite;text-shadow:0 0 20px rgba(138,43,226,.45)}.status-text.status-ripple:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(138,43,226,.35),transparent 70%);opacity:0;animation:rippleWave 4s ease-out infinite}.status-text.status-heartbeat:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(75,0,130,.3),transparent 65%);opacity:0;animation:heartbeatPulse 3.2s ease-in-out infinite}.status-text.status-order{animation:orderLock 2.4s ease forwards;animation-fill-mode:forwards}.status-text.status-vanish:before{content:attr(data-text);position:absolute;inset:0;color:#ffffff80;animation:vanishTrace 4.5s ease-in-out forwards;animation-fill-mode:forwards}.status-text.status-binary:before{content:"0101010011001010";color:#0ff6;position:absolute;inset:0;opacity:0;letter-spacing:.2em;animation:binaryFlash 3s steps(2) forwards;animation-fill-mode:forwards}.status-text.status-power-surge{animation:powerSurge 3.5s ease-out forwards;animation-fill-mode:forwards}.status-text.status-mask{animation:maskShift 3.5s ease-in-out infinite alternate}.status-text.status-reflection:before{content:attr(data-text);position:absolute;top:100%;left:0;width:100%;transform:scaleY(-1);opacity:.12;-webkit-mask-image:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);color:#ff000040;animation:reflectionWave 5s ease-in-out infinite}.status-text.status-sunburst:before{content:"";position:absolute;inset:-25%;border-radius:50%;background:conic-gradient(from 90deg,#fff8ea33,#ffc37d40,#fff9,#ffc37d40,#fff8ea33);filter:blur(10px);opacity:.2;animation:sunburstSpin 7s linear infinite;pointer-events:none}.status-text.status-aura{animation:auraPulseLight 5s ease-in-out infinite;text-shadow:0 0 12px rgba(255,255,255,.4)}.status-text.status-bloom:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%);opacity:.5;animation:bloomRise 4.5s ease-in-out infinite}.status-text.status-prism{background:linear-gradient(120deg,#ffffff26,#b4c6ff99,#ffbf84a6,#fff3);background-size:200% 200%;-webkit-background-clip:text;color:transparent;animation:prismShift 6s ease-in-out infinite}.status-text.status-haze:before{content:"";position:absolute;inset:-10%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);opacity:.35;filter:blur(8px);animation:hazeDrift 5.5s ease-in-out infinite}.status-text.status-fade{animation:fadeGlow 5s ease-in-out infinite}.status-text.status-radiance{text-shadow:0 0 18px rgba(255,255,255,.35),0 0 38px rgba(255,182,102,.35);animation:radiancePulseLight 4s ease-in-out infinite}.status-text.status-unfold{animation:unfoldWave 4.5s ease-in-out infinite}.status-text.status-harmony{animation:harmonyAlign 5.5s ease-in-out infinite}.status-text.status-clarity:before{content:attr(data-text);position:absolute;inset:0;opacity:.1;transform:translateY(8px);filter:blur(2px);animation:clarityRipple 5s ease-in-out infinite}.eyebrow{text-transform:uppercase;font-size:.78rem;letter-spacing:.5em;margin:0;color:#b7bcc08a}.pfp-tooltip-icon{width:12px;height:12px;object-fit:contain}.nameplate{font-weight:600;letter-spacing:.35em;text-align:center;margin-top:.85rem;position:relative;display:inline-flex;align-items:center;justify-content:center;padding-inline:1.2rem}.name-particles{position:absolute;inset:-6px;pointer-events:none}.name-particles span{position:absolute;width:5px;height:5px;border-radius:999px;background:#ffffff73;box-shadow:0 0 8px #ffffff59;animation:nameParticleFloat 3s ease-in-out infinite}.name-particles span:nth-child(1){left:10%;bottom:0;animation-delay:0s}.name-particles span:nth-child(2){left:50%;top:-4px;animation-delay:.9s}.name-particles span:nth-child(3){right:8%;bottom:-2px;animation-delay:1.7s}h1{margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:600;letter-spacing:.05em;color:var(--text-strong)}.audio-card{padding:2.25rem 2.5rem;opacity:.7;position:relative}.audio-card header{text-align:left}.audio-card h2{margin:.35rem 0 1.2rem;font-size:1.05rem;letter-spacing:.25em;font-weight:600;color:var(--text)}.track-heading{display:flex;align-items:center;gap:1.1rem;padding-bottom:.25rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1rem}.track-icon{width:48px;height:48px;border-radius:8px;object-fit:cover;box-shadow:0 8px 25px #0006}.ambient-controls{margin:0 0 1.25rem;padding:.9rem 1rem;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(120deg,#ffffff0a,#ffffff05);display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 15px 35px #00000059}.ambient-controls__meta{display:grid;gap:.25rem}.ambient-controls__title{display:inline-flex;align-items:center;gap:.55rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--text-strong)}.ambient-controls__status{margin:0;color:var(--muted);letter-spacing:.24em;text-transform:uppercase;font-size:.75rem}.ambient-dot{width:12px;height:12px;border-radius:999px;background:#ffffff47;box-shadow:0 0 #4df6a666;transition:box-shadow .18s ease,background .18s ease}.ambient-dot.is-live{background:#4df6a6;box-shadow:0 0 16px 2px #4df6a666}.ambient-controls__actions{display:flex;align-items:center;gap:1rem;justify-content:flex-end;flex-wrap:wrap}.chip-button{border:1px solid rgba(255,255,255,.22);background:#ffffff0d;color:var(--text);text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;padding:.55rem 1.1rem;border-radius:999px;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.chip-button:hover{color:var(--text-strong);border-color:#ffffff73;box-shadow:0 12px 30px #00000059}.chip-button.is-active{background:linear-gradient(90deg,#4df6a638,#4df6a614);border-color:#4df6a699;color:var(--text-strong)}.ambient-volume{display:inline-flex;align-items:center;gap:.6rem;letter-spacing:.18em;color:var(--muted);font-size:.75rem}.ambient-volume input[type=range]{width:150px}.ambient-volume__value{min-width:3ch;text-align:right;color:var(--text-strong)}.audio-card:after{content:"";position:absolute;right:2rem;bottom:1.5rem;width:54px;height:16px;background:repeating-linear-gradient(90deg,rgba(220,220,220,.35) 0,rgba(220,220,220,.35) 4px,transparent 4px,transparent 6px);opacity:0;animation:barPulse 1.8s ease-in-out infinite;animation-play-state:paused}.audio-accent-line{position:absolute;top:.85rem;left:2.5rem;right:2.5rem;height:1px;background:linear-gradient(90deg,#fff0,#d8e6ff80,#fff0);opacity:.8}.track-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.track-pill{border:1px solid rgba(255,255,255,.18);background:#ffffff05;color:var(--text);text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;padding:.4rem .85rem;border-radius:999px;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease;display:inline-flex;align-items:center;gap:.4rem}.track-pill.active{border-color:#ffffff73;background:#ffffff14;color:var(--text-strong)}.pill-icon{width:20px;height:20px;border-radius:4px;object-fit:cover;box-shadow:0 4px 10px #00000059}.audio-card.is-playing:after{opacity:.4;animation-play-state:running}.audio-controls{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center}.ghost-button{border:1px solid rgba(255,255,255,.18);background:#ffffff05;color:var(--text);text-transform:uppercase;letter-spacing:.35em;font-weight:300;padding:.65rem 1.6rem;border-radius:999px;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease;min-width:150px}.ghost-button:hover{color:var(--text-strong);border-color:#fff6;background:#ffffff14}.ghost-button.full-width{width:100%;justify-content:center}.ghost-button.tertiary{min-width:0;padding:.45rem 1rem;letter-spacing:.25em}.nav-button{width:42px;justify-content:center;padding:.45rem;font-size:.8rem}.ghost-button:disabled{opacity:.35;cursor:not-allowed}.timeline{width:100%;display:grid;grid-template-columns:4.5ch 1fr 4.5ch;gap:.65rem;align-items:center;font-feature-settings:"tnum";font-size:.8rem;color:var(--muted);grid-column:span 3;margin-top:.5rem}.volume-rail{position:absolute;right:-30px;top:50%;height:170px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:1.2rem;font-size:.75rem;letter-spacing:.4em;text-transform:uppercase;color:#fff9;pointer-events:auto}.volume-rail label{writing-mode:vertical-rl;transform:rotate(180deg);transition:opacity .16s ease}.volume-rail input[type=range]{transform:rotate(-90deg);width:150px;margin-top:-20px}.volume-rail .volume-value{font-size:.6rem;letter-spacing:.45em;opacity:0;transition:opacity .16s ease}.volume-rail.is-hovered .volume-value,.volume-rail.is-hovered label{opacity:.6}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:999px;background:#fff3;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#e6e6e6f2;border:1px solid rgba(8,8,8,.9);box-shadow:0 0 10px #e6e6e673}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#e6e6e6f2;border:1px solid rgba(8,8,8,.9);box-shadow:0 0 10px #e6e6e673}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:#fff3}@keyframes themeBloom{0%{opacity:0;transform:scale(.92)}40%{opacity:.65}to{opacity:0;transform:scale(1.2)}}@keyframes sunburstSpin{0%{transform:rotate(0) scale(.9);opacity:.15}50%{opacity:.35}to{transform:rotate(360deg) scale(1.05);opacity:.15}}@keyframes auraPulseLight{0%,to{text-shadow:0 0 12px rgba(255,255,255,.4)}50%{text-shadow:0 0 24px rgba(255,214,153,.65)}}@keyframes bloomRise{0%,to{transform:scale(.95);opacity:.35}50%{transform:scale(1.05);opacity:.7}}@keyframes prismShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes hazeDrift{0%{transform:translate(-20%)}50%{transform:translate(15%)}to{transform:translate(-20%)}}@keyframes fadeGlow{0%,to{opacity:.5;letter-spacing:.2em}50%{opacity:1;letter-spacing:.3em}}@keyframes radiancePulseLight{0%,to{text-shadow:0 0 10px rgba(255,255,255,.25)}50%{text-shadow:0 0 32px rgba(255,197,143,.8)}}@keyframes unfoldWave{0%,to{letter-spacing:.25em}50%{letter-spacing:.4em}}@keyframes harmonyAlign{0%,to{opacity:.7;letter-spacing:.3em}50%{opacity:1;letter-spacing:.2em}}@keyframes clarityRipple{0%{opacity:.05;transform:translateY(12px)}50%{opacity:.18;transform:translateY(6px)}to{opacity:.05;transform:translateY(12px)}}@keyframes toastPulse{0%,to{opacity:.55;transform:scale(.78)}50%{opacity:1;transform:scale(1.15)}}@keyframes barPulse{0%,to{transform:scaleY(.9);opacity:.2}50%{transform:scaleY(1.05);opacity:.4}}@keyframes caretBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes vhsFlicker{0%{opacity:.35;transform:translate(0)}20%{opacity:.15;transform:translate(-1px)}40%{opacity:.3;transform:translate(1px)}60%{opacity:.2;transform:translate(-.5px)}80%{opacity:.32;transform:translate(.5px)}to{opacity:.25;transform:translate(0)}}@media(max-width:1024px){.cards-stage{flex-direction:column;width:100%;gap:1rem}.cards-grid.is-shifted{margin-left:0}.clips-panel{transform:translate(0)}.clips-panel.is-visible{flex:1 1 auto;width:100%;max-height:none}}@media(max-width:720px){.app-shell{padding:2.5rem 1.1rem}.glass-card{padding:2rem 1.75rem}.pfp-ring{width:200px;height:200px}.cards-grid{gap:1.25rem}.quote-line{flex-wrap:wrap;letter-spacing:.25em}.ambient-controls{flex-direction:column;align-items:flex-start}.ambient-controls__actions,.ambient-volume{width:100%;justify-content:space-between}.ambient-volume input[type=range]{width:100%}.username-toast{left:50%;right:auto;width:calc(100% - 2.5rem);max-width:320px;--toast-translate-x: -50%}}@media(max-width:480px){.glass-card{border-radius:20px}.pfp-ring{width:170px;height:170px}.pfp-stack:before{width:240px;height:240px}.username-toast{top:20px;width:calc(100% - 2rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.username-toast{transition-duration:.001ms!important}.username-toast__pulse{animation:none!important}}.cursor-dot{position:fixed;width:14px;height:14px;border-radius:999px;background:#ffffffd9;mix-blend-mode:difference;pointer-events:none;transform:translate(-50%,-50%);z-index:10;transition:transform 60ms linear}.cards-grid.is-hidden{opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .2s ease,transform .2s ease}@keyframes statusGlitch{0%,to{filter:none}10%,20%{filter:hue-rotate(10deg)}15%,25%{filter:blur(1px) hue-rotate(45deg);transform:translate(1px)}}.particle-field{position:fixed;inset:0;pointer-events:none;z-index:9}.cursor-particle{position:absolute;width:4px;height:4px;border-radius:999px;background:#ffffff59;transform:translate(-50%,-50%);animation:particleFade .45s ease-out forwards}.entry-overlay{position:fixed;inset:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.entry-content{text-align:center;display:flex;flex-direction:column;gap:1rem;letter-spacing:.5em;text-transform:uppercase;color:#ffffffbf}.entry-label{font-size:.85rem}.entry-button{border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;letter-spacing:.45em;padding:.75rem 1.5rem;cursor:pointer;text-transform:uppercase;transition:background .16s ease,color .16s ease}.entry-button:hover{background:#ffffff14}@keyframes particleFade{0%{opacity:.45;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@keyframes vhsGlow{0%,to{opacity:.2}50%{opacity:.45}}@keyframes nameParticleFloat{0%{opacity:0;transform:translateZ(0) scale(.5)}30%{opacity:.8}to{opacity:0;transform:translate3d(0,-14px,0) scale(1.4)}}@keyframes haloPulse{0%,to{opacity:.35;transform:scale(.95)}50%{opacity:.65;transform:scale(1.05)}}@keyframes reflectionWave{0%{opacity:.15;transform:scaleY(-1) translateY(0)}50%{opacity:.25;transform:scaleY(-1) translateY(4px)}to{opacity:.15;transform:scaleY(-1) translateY(0)}}@keyframes statusGlitch{0%,to{filter:none}10%,20%{filter:hue-rotate(10deg)}15%,25%{filter:blur(1px) hue-rotate(45deg);transform:translate(1px)}50%{filter:hue-rotate(-15deg)}}@keyframes glitchSlice{0%,to{opacity:0;transform:translate(0)}20%{opacity:.35;transform:translate(-2px,-1px)}22%{opacity:0}60%{opacity:.25;transform:translate(2px,1px)}62%{opacity:0}}@keyframes glowLock{0%,to{text-shadow:0 0 0 rgba(255,255,255,0)}20%{text-shadow:0 0 18px rgba(138,43,226,.55),0 0 30px rgba(138,43,226,.2)}40%,to{text-shadow:none}}@keyframes rippleWave{0%{opacity:0;transform:scale(.8);filter:blur(4px)}30%{opacity:.25}70%,to{opacity:0;transform:scale(1.3)}}@keyframes heartbeatPulse{0%,to{opacity:0;transform:scale(.98)}20%,30%{opacity:.5;transform:scale(1.02)}35%{opacity:0}}@keyframes orderLock{0%{letter-spacing:.5em;opacity:.2}20%{letter-spacing:.25em}40%{letter-spacing:.18em;opacity:1}to{letter-spacing:.18em}}@keyframes vanishTrace{0%{opacity:0}20%{opacity:.5}40%{opacity:.2}60%{opacity:0}}@keyframes binaryFlash{0%,to{opacity:0}15%{opacity:.65;text-shadow:0 0 8px rgba(0,255,255,.4)}30%{opacity:0}}@keyframes powerSurge{0%{filter:brightness(3) blur(2px);opacity:0}15%{filter:brightness(3) blur(0px);opacity:1;color:#fff}40%{color:#8a2be2;filter:brightness(1.2)}to{color:var(--cyan);filter:brightness(1)}}@keyframes maskShift{0%,to{font-weight:600;letter-spacing:.35em}50%{font-weight:300;letter-spacing:.25em}}@keyframes burstShake{0%{transform:translateZ(0) scale(1) rotate(0)}12%{transform:translate3d(-8px,6px,0) scale(1.003) rotate(-.35deg)}26%{transform:translate3d(7px,-9px,0) scale(.998) rotate(.25deg)}40%{transform:translate3d(-6px,7px,0) scale(1.002) rotate(-.2deg)}56%{transform:translate3d(5px,-6px,0) scale(.999) rotate(.15deg)}72%{transform:translate3d(-4px,4px,0) scale(1) rotate(-.1deg)}to{transform:translateZ(0) scale(1) rotate(0)}}.social-links{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center}.social-link{color:var(--muted);transition:color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center}.social-link:hover{color:var(--text-strong);transform:translateY(-2px)}.atomic-overlay{position:fixed;inset:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center;animation:atomicFadeIn .5s ease-out forwards}.atomic-video{width:100%;height:100%;object-fit:contain}@keyframes atomicFadeIn{0%{opacity:0}to{opacity:1}}