:root{color-scheme:dark;--bg: #0a0a0f;--fg: #e6e6ec;--fg-dim: #6b6b78;--accent: #1db954;--accent-glow: rgba(29, 185, 84, .4)}@property --theme-primary{syntax: "<color>"; inherits: true; initial-value: #0a0a0f;}@property --theme-secondary{syntax: "<color>"; inherits: true; initial-value: #0a0a0f;}@property --theme-accent{syntax: "<color>"; inherits: true; initial-value: #0a0a0f;}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(ellipse 80% 60% at 50% 0%,color-mix(in srgb,var(--theme-primary) 45%,transparent),transparent 70%),radial-gradient(ellipse 90% 70% at 50% 100%,color-mix(in srgb,var(--theme-secondary) 35%,transparent),transparent 70%);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-feature-settings:"ss01","cv11";overflow:hidden;transition:--theme-primary .7s ease,--theme-secondary .7s ease,--theme-accent .7s ease}button{font:inherit;color:inherit;background:transparent;border:1px solid var(--fg-dim);border-radius:999px;padding:.5rem 1.25rem;cursor:pointer;transition:background .12s ease,border-color .12s ease}button:hover{background:#ffffff0f;border-color:var(--fg)}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;text-align:center;padding:2rem}.login h1{font-size:3rem;margin:0;letter-spacing:-.02em}.login p{color:var(--fg-dim);max-width:28rem;margin:0}.login__button{background:var(--accent);color:#000;border:none;padding:.75rem 2rem;font-weight:600;margin-top:1rem;box-shadow:0 0 24px var(--accent-glow)}.login__button:hover{background:#1ed760;border:none}.app{display:flex;flex-direction:column;height:100%}.app__header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}.app__title{font-weight:600;letter-spacing:-.01em;color:var(--accent)}.app__now{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-dim)}.app__track{color:var(--fg);font-weight:500}.app__logout{font-size:.85rem;padding:.35rem .9rem}.app__main{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}.status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;padding:2rem}.status__title{font-size:1.5rem;color:var(--fg)}.status__detail{color:var(--fg-dim);white-space:pre-wrap;max-width:48rem}.karaoke{width:100%;height:100%;overflow:hidden;position:relative;display:flex;justify-content:center;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%)}.karaoke__lines{list-style:none;padding:40vh 1.5rem;margin:0;overflow-y:auto;scrollbar-width:none;max-width:48rem;width:100%}.karaoke__lines::-webkit-scrollbar{display:none}.karaoke__line{font-size:1.75rem;line-height:1.4;text-align:center;padding:.4rem 0;transition:color .22s ease,transform .22s ease,opacity .22s ease,font-size .22s ease}.karaoke__line--past{color:var(--fg-dim);opacity:.6}.karaoke__line--current{color:var(--fg);font-size:2.75rem;font-weight:600;text-shadow:0 0 32px var(--accent-glow)}.karaoke__line--next{color:var(--fg);opacity:.92;font-size:2.1rem;font-weight:500}.karaoke__line--next2{color:var(--fg);opacity:.8;font-size:1.9rem}.karaoke__line--future{color:var(--fg-dim);opacity:.75}.karaoke__progress{margin:.4rem auto 0;width:min(28rem,55%);height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.karaoke__progress-fill{height:100%;background:var(--accent);transform-origin:right center;will-change:transform}.app__car-toggle{font-size:.85rem;padding:.35rem .9rem}.karaoke--car{-webkit-mask-image:none;mask-image:none;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--theme-primary) 22%,#000),#000 75%);transition:--theme-primary .7s ease,--theme-secondary .7s ease}.karaoke--car .karaoke__lines{padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;height:100%;gap:1.5rem}.karaoke--car .karaoke__line{display:none}.karaoke--car .karaoke__line:has(+.karaoke__line--current),.karaoke--car .karaoke__line--next{display:block;color:#fff6;font-size:clamp(1.25rem,4.5vw,3rem);font-weight:500;line-height:1.2;text-shadow:none;padding:0 1rem;text-align:center}.karaoke--car .karaoke__line--current{display:block;color:#fff;font-size:clamp(3rem,11vw,9rem);font-weight:700;line-height:1.1;text-shadow:none;padding:0 1rem}.karaoke--car .karaoke__progress{margin-top:1.25rem;width:min(40rem,70%);height:6px}