:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fbff;background:#05060a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--track-a: #ff2bd6;--track-b: #19d7ff;--cover-url: none;--audio-overall: 0;--audio-peak: 0;--stage-title-scale: 1}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{color:inherit}.desktop-shell{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--track-a) 20%,transparent),transparent 30%),radial-gradient(circle at 78% 8%,color-mix(in srgb,var(--track-b) 16%,transparent),transparent 32%),linear-gradient(135deg,#030409,#0a0d13,#05060a)}.cover-atmosphere,.surface-grid{pointer-events:none;position:absolute;inset:0}.cover-atmosphere{background-image:var(--cover-url);background-size:cover;background-position:center;filter:blur(64px) saturate(.95);opacity:calc(.14 + (var(--audio-overall) * .08));transform:scale(1.08);transition:opacity .12s linear}.surface-grid{opacity:.07;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at 48% 44%,black,transparent 72%);mask-image:radial-gradient(circle at 48% 44%,black,transparent 72%)}.app-grid{position:relative;z-index:2;width:100%;height:100%;padding:22px}.stage-title{position:absolute;z-index:1;left:50%;top:49%;width:min(100vw,1320px);padding:0 2vw;transform:translate(-50%,-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:0 .24em;color:#f8fbff0d;font-family:Orbitron,Inter,ui-sans-serif,system-ui,sans-serif;font-size:calc(clamp(7.8rem,17.4vmin,16.8rem) * var(--stage-title-scale));font-weight:900;line-height:.86;letter-spacing:.04em;text-align:center;text-transform:uppercase;pointer-events:none;text-wrap:balance;text-shadow:.035em 0 color-mix(in srgb,var(--track-a) 28%,transparent),-.035em 0 color-mix(in srgb,var(--track-b) 22%,transparent),0 0 calc(34px + (var(--audio-peak) * 28px)) color-mix(in srgb,var(--track-b) 18%,transparent);opacity:calc(.84 + (var(--audio-overall) * .16))}.stage-title__word{display:inline-block}@media(max-width:900px){.stage-title{top:46%;width:100vw;padding:0 1vw;font-size:calc(clamp(6.7rem,19.2vmin,11rem) * var(--stage-title-scale));line-height:.86}}@media(max-width:560px){.stage-title{top:44%;width:100vw;padding:0;gap:0 .16em;font-size:calc(clamp(6.8rem,34vmin,11.2rem) * var(--stage-title-scale));line-height:.82}.stage-title__word{margin-inline:-.03em}}.scene-area{position:absolute;z-index:2;inset:0;overflow:hidden;border:0;border-radius:0;background:transparent}.scene-area canvas{cursor:grab}.scene-loading{position:absolute;left:50%;top:52%;z-index:3;transform:translate(-50%,-50%);color:#f8fbff94;font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.scene-loading p{margin:0}.loading-dot{display:inline-block;opacity:.18;animation:loading-dot-pulse 1.05s infinite ease-in-out}.loading-dot:nth-child(2){animation-delay:.18s}.loading-dot:nth-child(3){animation-delay:.36s}@keyframes loading-dot-pulse{0%,80%,to{opacity:.18}35%{opacity:1}}.info-panel{position:absolute;z-index:4;top:22px;right:22px;width:min(286px,calc(100vw - 44px));display:flex;flex-direction:column;gap:10px}.album-header{border:1px solid rgba(255,255,255,.08);background:#080a0f47;box-shadow:inset 0 1px #ffffff14,0 24px 70px #0003;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.album-header{position:relative;padding:14px;border-radius:16px}.album-header__close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:50%;background:#ffffff14;color:#f8fbffb3;cursor:pointer;opacity:0;transition:opacity .16s ease,background .16s ease}.album-header:hover .album-header__close{opacity:1}.album-header__close:hover{background:#ffffff29}@media(hover:none),(pointer:coarse){.album-header__close{opacity:1}}.eyebrow{margin:0 0 10px;color:#f8fbff8a;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.album-header h1{max-width:12ch;margin:0;font-size:clamp(1.45rem,2.4vw,2.35rem);line-height:.9;letter-spacing:0}.album-copy{max-width:28rem;margin:12px 0 0;color:#f8fbffa8;font-size:.86rem;line-height:1.45}.lyrics-panel{position:absolute;z-index:5;left:50%;bottom:clamp(76px,7.5vh,116px);width:min(780px,calc(100vw - 48px));min-height:106px;transform:translate(-50%);pointer-events:none;text-align:center}.lyric-lines{position:relative;display:grid;place-items:center;min-height:104px}.lyric-line{position:absolute;max-width:min(860px,calc(100vw - 56px));margin:0;border:1px solid rgba(255,255,255,.22);background:#f8fbff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 18px;border:2px solid #10141a;border-radius:5px;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--track-b) 18%,#ffffff)),#fff;color:#10141a;font-size:clamp(1.42rem,3vw,3.15rem);font-weight:900;letter-spacing:0;transform:rotate(-1deg);box-shadow:8px 8px color-mix(in srgb,var(--track-a) 72%,#10141a),0 22px 64px #00000080;text-shadow:1px 1px 0 rgba(255,255,255,.45)}@media(max-width:980px){body{overflow:auto}html,body,#root,.desktop-shell{min-height:100%;height:auto}.app-grid{min-height:100vh;padding:14px}.scene-area{inset:0}.lyrics-panel{bottom:clamp(74px,8vh,108px);width:min(720px,calc(100vw - 36px))}.lyric-line{font-size:clamp(1.32rem,4.7vw,2.65rem)}}@media(max-width:620px){.scene-area{border-radius:22px}.info-panel{position:relative;inset:auto;width:auto;z-index:6}.album-header h1{font-size:2.55rem}.lyrics-panel{bottom:clamp(66px,8vh,92px);width:calc(100vw - 28px);min-height:92px}.lyric-lines{min-height:88px}.lyric-line{padding:10px 13px;font-size:clamp(1.2rem,7.5vw,2.45rem);box-shadow:6px 6px color-mix(in srgb,var(--track-a) 72%,#10141a),0 18px 52px #00000075}}