:root{--near-black:#08090c;--amber:#b9a6e8;--amber-dim:#8f7cc4;--cream:#f5f2ff;--glass-bg:#ffffff24;--glass-border:#ffffff52;--font-display:Georgia, "Iowan Old Style", "Palatino Linotype", serif;--font-mono:"Courier New", ui-monospace, SFMono-Regular, monospace;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-panel:26px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--near-black);color:var(--cream);font-family:var(--font-ui);overflow:hidden}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.app-root{width:100vw;height:100dvh;position:relative;overflow:hidden}.loading-screen{z-index:100;background:var(--near-black);justify-content:center;align-items:center;transition:opacity .45s,visibility .45s;display:flex;position:fixed;inset:0}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-content{flex-direction:column;align-items:center;gap:6px;display:flex}.loading-title{font-family:var(--font-display);letter-spacing:.1em;color:var(--amber);font-size:1.9rem}.loading-sub{font-family:var(--font-mono);color:var(--cream);opacity:.65;font-size:.75rem}.loading-freq{font-family:var(--font-mono);color:var(--amber-dim);letter-spacing:.08em;font-size:.9rem}.scene{background-position:50%;background-size:cover;position:absolute;inset:0}.scene-shade{background:linear-gradient(#00000042 0%,#0000 20% 58%,#0000008c 100%);position:absolute;inset:0}.dust{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dust span{opacity:0;background:#f2e6cf80;border-radius:50%;width:3px;height:3px;animation:14s linear infinite dust-float;position:absolute}@keyframes dust-float{0%{opacity:0;transform:translate(0)}10%{opacity:.6}90%{opacity:.4}to{opacity:0;transform:translate(14px,-90px)}}.hud-top{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:16px;right:16px}.hud-brand{font-family:var(--font-display);letter-spacing:.08em;color:var(--cream);opacity:.92;text-shadow:0 1px 3px #0009;font-size:.95rem}.listener-count{pointer-events:auto;font-family:var(--font-mono);letter-spacing:.03em;color:var(--cream);white-space:nowrap;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:.7rem;display:flex}.live-dot{background:var(--amber-dim);border-radius:50%;width:6px;height:6px;display:inline-block}.live-dot.on{background:#7fae74;animation:2s ease-in-out infinite pulse;box-shadow:0 0 6px 1px #7fae74}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.music-player{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(120%);border:1px solid var(--glass-border);border-radius:var(--radius-panel);z-index:10;width:min(60vw,640px);min-width:min(94vw,440px);padding:16px 20px 14px;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #00000073,inset 0 1px #ffffff0f}.player-main-row{align-items:center;gap:16px;display:flex}.disc-wrap{flex-shrink:0;position:relative}.disc{border:1px solid #ffffff2e;border-radius:50%;width:100%;height:100%;transition:box-shadow .4s,transform .4s;animation:none;overflow:hidden;box-shadow:0 6px 16px #00000073,0 0 0 3px #00000040}.disc.spinning{animation:24s linear infinite disc-spin}@keyframes disc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disc.glowing{animation:24s linear infinite disc-spin,3.2s ease-in-out infinite disc-breathe;box-shadow:0 6px 16px #00000073,0 0 0 3px #00000040,0 0 18px 2px #b9a6e859}@keyframes disc-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}.disc-ring{animation:1.1s linear infinite ring-spin;position:absolute;inset:-4px}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disc-error-dot{border:2px solid var(--near-black);background:#c9713f;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.player-center{flex:1;min-width:0}.track-line{align-items:center;gap:8px;min-width:0;display:flex}.track-title{font-family:var(--font-display);color:var(--cream);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:1.15rem;font-weight:700;animation:.4s title-fade-in;overflow:hidden}@keyframes title-fade-in{0%{opacity:0;transform:translateY(3px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.demo-dot{background:var(--amber);cursor:help;vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.track-meta{color:var(--cream);opacity:.65;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.78rem;overflow:hidden}.eq{opacity:.5;flex-shrink:0;align-items:flex-end;gap:2px;width:18px;height:14px;display:flex}.eq span{background:var(--amber);border-radius:1px;flex:1;height:30%}.eq.active span{animation:1s ease-in-out infinite eq-bounce}.eq.active{opacity:1}@keyframes eq-bounce{0%,to{height:20%}50%{height:100%}}.progress-row{align-items:center;gap:8px;margin:10px 0 4px;display:flex}.progress-time{font-family:var(--font-mono);color:var(--cream);opacity:.65;text-align:center;flex-shrink:0;width:34px;font-size:.66rem}.progress-track{cursor:pointer;touch-action:none;flex:1;align-items:center;height:14px;display:flex;position:relative}.progress-track:before{content:"";background:#f2e6cf29;border-radius:2px;height:3px;position:absolute;left:0;right:0}.progress-fill{background:linear-gradient(90deg, var(--amber-dim), var(--amber));border-radius:2px;height:3px;position:absolute;left:0;box-shadow:0 0 8px #b9a6e88c}.progress-thumb{background:var(--cream);opacity:0;border-radius:50%;width:10px;height:10px;transition:opacity .15s;position:absolute;transform:translate(-50%);box-shadow:0 0 6px #b9a6e899}.progress-track:hover .progress-thumb,.progress-track:focus-visible .progress-thumb{opacity:1}.tap-hint{font-family:var(--font-mono);letter-spacing:.06em;color:var(--amber);opacity:.9;margin:2px 0 0;font-size:.64rem}.error-hint{font-family:var(--font-mono);color:#d98c5f;margin:2px 0 0;font-size:.64rem}.player-bottom-row{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.player-controls{align-items:center;gap:4px;display:flex}.icon-btn{color:var(--cream);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:7px;transition:background .18s,transform .18s,color .18s,filter .18s;display:flex}.icon-btn:hover{filter:brightness(1.15);background:#ffffff14;transform:scale(1.05)}.icon-btn:active{transform:scale(.94)}.icon-btn.active{color:var(--amber)}.icon-btn.small{opacity:.85;padding:5px}.play-btn{background:radial-gradient(circle at 35% 30%, #e6dbff, var(--amber) 70%);color:var(--near-black);border-radius:50%;width:42px;height:42px;box-shadow:0 4px 14px #b9a6e859}.play-btn:hover{filter:brightness(1.08);transform:scale(1.06)}.player-bottom-right{align-items:center;gap:8px;display:flex}.volume-control{align-items:center;gap:5px;display:flex}.volume-slider{width:64px;accent-color:var(--amber)}.playlist-btn{border:1px solid var(--glass-border);border-radius:50%}.playlist-btn:hover{background:#ffffff1a}.playlist-overlay{z-index:20;background:#0506098c;justify-content:flex-end;display:flex;position:fixed;inset:0}.playlist-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-left:1px solid var(--glass-border);background:#0e0c0ad9;flex-direction:column;width:min(380px,100vw);height:100%;padding:18px;animation:.28s slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.playlist-header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.playlist-header h3{font-family:var(--font-display);margin:2px 0 0;font-size:1.15rem}.playlist-count{font-family:var(--font-mono);opacity:.55;font-size:.62rem}.category-row{flex-wrap:wrap;gap:6px;margin:12px 0 14px;display:flex}.chip{border:1px solid var(--glass-border);color:var(--cream);letter-spacing:.05em;opacity:.75;background:0 0;border-radius:14px;padding:5px 10px;font-size:.62rem}.chip.active{background:var(--amber);color:var(--near-black);opacity:1;border-color:var(--amber)}.track-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.track-row{width:100%;color:var(--cream);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 6px;display:flex}.track-row:hover{background:#ffffff0f}.track-row.active{color:var(--amber);background:#b9a6e833}.track-number{font-family:var(--font-mono);opacity:.5;flex-shrink:0;width:18px;font-size:.68rem}.track-info{flex-direction:column;flex:1;min-width:0;display:flex}.track-row-title{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.track-row-artist{opacity:.6;font-size:.66rem}.track-year{font-family:var(--font-mono);opacity:.5;flex-shrink:0;font-size:.64rem}@media (width<=720px){.music-player{border-radius:22px;width:calc(100vw - 16px);min-width:0;padding:12px 14px;bottom:12px}.track-title,.track-meta{max-width:46vw}.player-bottom-row{flex-wrap:wrap}.playlist-overlay{align-items:flex-end}.playlist-panel{border-left:none;border-top:1px solid var(--glass-border);border-radius:20px 20px 0 0;width:100%;height:74vh;animation:.28s slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}