:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;font-synthesis:none;background:#0c0b1d;font-family:Inter,ui-rounded,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}body{background:#0c0b1d}.stage{padding:max(22px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));isolation:isolate;background:radial-gradient(circle at 50% 38%,#7959eb33,#0000 43%),linear-gradient(145deg,#0b0b1c 0%,#12102b 48%,#091523 100%);grid-template-rows:auto 1fr auto;gap:clamp(18px,3vh,36px);display:grid;position:relative}.ambient{z-index:-1;aspect-ratio:1;filter:blur(100px);opacity:.22;border-radius:50%;width:min(48vw,640px);animation:7s ease-in-out infinite alternate breathe;position:absolute}.ambient-one{background:#8b5cf6;top:-30%;left:-12%}.ambient-two{background:#20c9b0;animation-delay:-3s;bottom:-35%;right:-10%}.topbar,.track-card{width:min(1180px,100%);margin-inline:auto}.topbar{justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-icon{background:#ffffff14;border:1px solid #ffffff24;border-radius:15px;place-items:center;width:46px;height:46px;font-size:23px;display:grid;box-shadow:inset 0 1px #ffffff1f}.brand div{gap:2px;display:grid}.brand strong{letter-spacing:.01em;font-size:clamp(15px,2vw,18px)}.brand div span{color:#aaa8c4;font-size:13px}.status-pill{color:#d9d7eb;letter-spacing:.13em;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;font-weight:800;display:flex}.status-dot{background:#a7a4bc;border-radius:50%;width:8px;height:8px}.status-pill.live .status-dot{background:#4df2bd;animation:1.2s ease-in-out infinite pulse;box-shadow:0 0 15px #4df2bd}.status-pill.live{color:#98ffdf;background:#14795b2e;border-color:#4df2bd47}.status-pill.paused{color:#ffd68a}.status-pill.paused .status-dot{background:#ffc765}.status-pill.error{color:#faa}.status-pill.error .status-dot{background:#ff6e78}.lyrics-screen{text-align:center;align-self:center;gap:clamp(15px,3vh,32px);width:min(1200px,94vw);margin-inline:auto;display:grid}.lyric{text-wrap:balance;margin:0}.lyric.current{color:#fff;letter-spacing:-.035em;text-shadow:0 8px 55px #836aff40;font-size:clamp(34px,6.2vw,92px);font-weight:850;line-height:1.06}.lyric.previous,.lyric.next{color:#e2e0f466;min-height:1.35em;font-size:clamp(18px,2.6vw,35px);font-weight:600;line-height:1.25}.lyric.next{color:#e2e0f499}.line-change{animation:.32s ease-out lyric-in}.track-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr);align-items:end;gap:clamp(24px,5vw,70px);padding:18px 22px;display:grid;box-shadow:inset 0 1px #ffffff0f,0 18px 60px #0000002e}.track-copy{gap:3px;min-width:0;display:grid}.eyebrow{color:#8d89ad;letter-spacing:.15em;font-size:10px;font-weight:800}.track-copy strong,.track-copy>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-copy strong{font-size:clamp(15px,2vw,20px)}.track-copy>span:last-child{color:#aaa8c1;font-size:12px}.timeline{gap:8px;display:grid}.progress-track{background:#ffffff1f;border-radius:999px;height:7px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg,#7c5cf2,#42ddbd);width:0;height:100%;box-shadow:0 0 16px #42ddbd61}.times{color:#8d8aa7;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.fatal-message{color:#ffc8cc;text-align:center;background:#50101cb8;border:1px solid #ff646e40;border-radius:12px;max-width:min(90vw,720px);padding:12px 18px;font-size:13px;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}@keyframes lyric-in{0%{opacity:.25;filter:blur(3px);transform:translateY(13px)scale(.985)}}@keyframes pulse{50%{opacity:.45;transform:scale(.78)}}@keyframes breathe{to{opacity:.32;transform:translate(6%,4%)scale(1.12)}}@media (width<=680px),(height<=600px){.stage{padding:max(14px, env(safe-area-inset-top)) max(15px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(15px, env(safe-area-inset-left));gap:12px}.brand-icon{border-radius:12px;width:38px;height:38px;font-size:19px}.track-card{grid-template-columns:1fr;gap:12px;padding:13px 15px}.lyric.current{font-size:clamp(28px,8vw,52px)}.lyric.previous,.lyric.next{font-size:clamp(15px,4vw,23px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}