:root{--bg-deep: #0a0604;--bg-mid: #1a0f0a;--gold: #d4a84b;--gold-soft: #e8c97a;--gold-dim: #8a6a2e;--cream: #f3e6c8;--burgundy: #6b1e2a;--navy: #1a2744;--muted: #a89478;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Instrument Sans", system-ui, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg-deep);color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body{min-height:100dvh;background:radial-gradient(ellipse 90% 60% at 70% -10%,rgba(212,168,75,.18),transparent 55%),radial-gradient(ellipse 70% 50% at 10% 100%,rgba(107,30,42,.35),transparent 50%),radial-gradient(ellipse 50% 40% at 90% 80%,rgba(26,39,68,.45),transparent 45%),var(--bg-deep)}#app{min-height:100dvh}.wait{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1.25rem 2rem;position:relative}.wait__stage{width:min(86vw,380px);aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none}.wait__glow{position:absolute;top:8%;right:2%;bottom:8%;left:2%;background:radial-gradient(circle at 50% 38%,rgba(255,220,140,.18),transparent 55%),radial-gradient(circle at 50% 45%,rgba(212,168,75,.16),transparent 70%);pointer-events:none;filter:blur(24px);animation:glow-pulse 5.5s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:.9;transform:scale(1.04)}}.cover-card{width:100%;height:100%;position:relative;border-radius:8px;transform-style:preserve-3d;box-shadow:0 28px 60px #000000a6,0 0 28px #d4a84b2e,0 0 0 1px #e8c97a52;will-change:transform,box-shadow}.cover-card__img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.cover-card__shine,.cover-card__glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;pointer-events:none;z-index:2}.cover-card__shine{mix-blend-mode:soft-light;opacity:.85}.cover-card__glare{mix-blend-mode:soft-light;opacity:.7}.wait__hint{margin:2rem 0 0;font-family:var(--font-display);font-style:italic;font-size:1.15rem;color:var(--muted);letter-spacing:.04em;animation:hint-fade 2.8s ease-in-out infinite}@keyframes hint-fade{0%,to{opacity:.45}50%{opacity:.95}}html.karaoke-lock,body.karaoke-lock{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}.karaoke{height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);box-sizing:border-box}.karaoke__head{display:flex;justify-content:space-between;align-items:baseline;padding:1rem max(1.5rem,env(safe-area-inset-right)) 1rem max(1.5rem,env(safe-area-inset-left));flex-shrink:0;z-index:3}.karaoke__brand{font-family:var(--font-display);font-weight:600;font-size:1.35rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.karaoke__status{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.karaoke__viewport{flex:1;position:relative;overflow:hidden;min-height:0;height:100%}.karaoke__fade{position:absolute;left:0;right:0;z-index:2;pointer-events:none;height:28%}.karaoke__fade--top{top:0;background:linear-gradient(to bottom,var(--bg-deep) 0%,rgba(10,6,4,.75) 45%,transparent 100%)}.karaoke__fade--bottom{bottom:0;background:linear-gradient(to top,var(--bg-deep) 0%,rgba(10,6,4,.75) 45%,transparent 100%)}.karaoke__track{position:absolute;left:0;right:0;top:50%;width:100%;padding:0 max(1.5rem,env(safe-area-inset-right)) 0 max(1.5rem,env(safe-area-inset-left));display:flex;flex-direction:column;gap:1.6rem;box-sizing:border-box;will-change:transform;transition:transform .55s cubic-bezier(.22,1,.36,1)}.lyric{margin:0;text-align:center;font-family:var(--font-display);font-size:clamp(1.6rem,7vw,2.4rem);font-weight:500;line-height:1.3;padding:0 .5rem;color:#f3e6c859;transition:color .4s ease,transform .4s ease,opacity .4s ease;transform:scale(.92);opacity:.45}.lyric.is-far{opacity:.3;color:#f3e6c847}.lyric.is-near{opacity:.7;color:#f3e6c8a6;transform:scale(.96)}.lyric.is-active{color:#f5e6c0;transform:scale(1.1);opacity:1;text-shadow:0 0 36px rgba(212,168,75,.45);font-weight:600}.lyric.is-active span{color:#f0d78a}.lyric--blank{opacity:0!important;min-height:1.3em;pointer-events:none}.remote{min-height:100dvh;display:flex;flex-direction:column;padding:2rem 1.25rem;max-width:420px;margin:0 auto}.remote__head h1{margin:0;font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--gold)}.remote__sub{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.remote__panel{margin-top:2.5rem;display:flex;flex-direction:column;gap:1rem}.remote__state{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:var(--gold-soft)}.remote__time{margin:0;font-family:var(--font-display);font-size:3.5rem;font-weight:600;line-height:1;color:var(--cream)}.remote__actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.remote__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(212,168,75,.35);background:#1a0f0acc;color:var(--cream);font-family:var(--font-body);font-size:1rem;font-weight:500;padding:1.1rem 1rem;border-radius:4px;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}.remote__btn:active{transform:scale(.97)}.remote__btn:disabled{opacity:.5}.remote__btn--play{grid-column:1 / -1;background:linear-gradient(135deg,#8a6a2e,#d4a84b);color:#1a0f0a;border-color:transparent;font-weight:600;font-size:1.15rem}.remote__btn--restart{border-color:#6b1e2a99;color:#e8b4bc}.remote__note{margin:1.5rem 0 0;font-size:.85rem;color:var(--muted);line-height:1.5}@media(prefers-reduced-motion:reduce){.wait__glow,.wait__hint,.lyric,.cover-card{animation:none!important;transition:none!important}}