:root{--bg:#17110d;--surface:#211912;--line:#3b2f25;--text:#f1e6d2;--muted:#a3927b;--amber:#f0a53a;--amber-glow:#f0a53a33;--needle:#e4553a;--red:#d9573f;--green:#8cb86a;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}button,input{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.app{flex-direction:column;gap:1.5rem;max-width:32rem;margin:0 auto;padding:1.25rem 1rem 2rem;display:flex}.top{justify-content:space-between;align-items:baseline;display:flex}.top h1{letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700}.day{color:var(--muted);font-variant-numeric:tabular-nums;font-size:1.1rem}.muted{color:var(--muted);margin:0}.error{color:var(--red);margin:0}.levels{scrollbar-width:none;gap:.25rem;margin:0 -1rem;padding:0 1rem;display:flex;overflow-x:auto}.levels::-webkit-scrollbar{display:none}.level{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex:1 0 auto;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.9rem;display:inline-flex}.level:not([aria-pressed=true]):hover{color:var(--text);border-color:var(--line)}.level[aria-pressed=true]{background:var(--amber);color:var(--bg);font-weight:600}.level:disabled{cursor:default}.mark.won{color:var(--green)}.mark.lost{color:var(--red)}.level[aria-pressed=true] .mark{color:inherit}.dial{border-bottom:2px solid var(--line);height:4.5rem;margin:.5rem .9rem 1.6rem;position:relative}.dial-lit{background:linear-gradient(to top, var(--amber-glow), transparent 85%);border-bottom:2px solid var(--amber);height:calc(100% + 2px);transition:width .45s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-2px;left:0}.tick{background:var(--line);width:1px;position:absolute;bottom:0;transform:translate(-50%)}.tick.minor{height:.55rem}.tick.major{background:var(--muted);width:2px;height:1.4rem}.tick.major.on{background:var(--amber)}.tick-label{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8rem;position:absolute;top:calc(100% + .45rem);left:50%;transform:translate(-50%)}.tick.major.on .tick-label{color:var(--text)}.needle{background:var(--needle);border-radius:1px;width:2px;position:absolute;top:.2rem;bottom:-.35rem;transform:translate(-50%);box-shadow:0 0 10px #e4553aa6}.transport{flex-direction:column;align-items:center;gap:.6rem;display:flex}.play{background:var(--amber);width:4.5rem;height:4.5rem;color:var(--bg);cursor:pointer;box-shadow:0 0 0 6px var(--amber-glow);border:none;border-radius:50%;place-items:center;display:grid}.play:active:not(:disabled){transform:scale(.96)}.play:disabled{opacity:.35;cursor:default;box-shadow:none}.play svg{width:1.7rem;height:1.7rem}.hint{color:var(--muted);font-variant-numeric:tabular-nums;margin:0}.guessbar{gap:.5rem;display:flex}.search{flex:1;min-width:0;position:relative}.search input{background:var(--surface);border:1px solid var(--line);border-radius:.6rem;width:100%;padding:.75rem .9rem;font-size:1rem}.search input::placeholder{color:var(--muted)}.search input:focus{border-color:var(--amber);outline:none}.options{z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:.6rem;max-height:20rem;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + .3rem);left:0;right:0;overflow-y:auto;box-shadow:0 14px 36px #00000080}.options li{cursor:pointer;border-radius:.4rem;flex-direction:column;padding:.55rem .65rem;display:flex}.options li[aria-selected=true]{background:var(--line)}.opt-artist{color:var(--muted);font-size:.85rem}.nomatch{color:var(--muted);padding:.65rem .8rem;font-size:.9rem}.skip{border:1px solid var(--line);color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border-radius:.6rem;padding:0 .9rem}.skip:hover:not(:disabled){color:var(--text);border-color:var(--muted)}.attempts{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.attempt{background:var(--surface);border:1px solid #0000;border-left-width:3px;border-radius:.5rem;align-items:center;gap:.75rem;min-height:2.75rem;padding:.5rem .8rem;display:flex}.attempt .n{width:1ch;color:var(--muted);font-variant-numeric:tabular-nums}.attempt .label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.attempt .tag{color:var(--amber);white-space:nowrap;font-size:.75rem}.attempt.is-empty{border:1px dashed var(--line);background:0 0}.attempt.is-skip .label{color:var(--muted)}.attempt.is-wrong{border-left-color:var(--red)}.attempt.is-wrong .icon{color:var(--red)}.attempt.is-artist{border-left-color:var(--amber)}.attempt.is-artist .icon{color:var(--amber)}.attempt.is-correct{border-left-color:var(--green)}.attempt.is-correct .icon{color:var(--green)}.result{flex-direction:column;gap:1rem;display:flex}.verdict{letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700}.verdict.won{color:var(--green)}.verdict.lost{color:var(--text)}.song{align-items:center;gap:1rem;display:flex}.song img{object-fit:cover;background:var(--surface);border-radius:.35rem;flex-shrink:0;width:6rem;height:6rem}.song-title{margin:0;font-size:1.35rem;font-weight:700;line-height:1.2}.song-meta{color:var(--muted);margin:.2rem 0 0}.result-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn{background:var(--amber);border:1px solid var(--amber);color:var(--bg);cursor:pointer;border-radius:.6rem;padding:.7rem 1.1rem;font-weight:600;text-decoration:none}.btn-quiet{color:var(--text);border-color:var(--line);background:0 0;font-weight:500}.btn-quiet:hover{border-color:var(--muted)}.stats{flex-direction:column;gap:.3rem;display:flex}.stats-title{color:var(--muted);margin:0 0 .25rem;font-size:.9rem}.stat{font-variant-numeric:tabular-nums;grid-template-columns:1.25rem 1fr 2rem;align-items:center;gap:.5rem;font-size:.85rem;display:grid}.stat-k{color:var(--muted);text-align:center}.stat-track{height:.9rem}.stat-bar{background:var(--line);border-radius:2px;min-width:2px;height:100%;display:block}.stat.mine .stat-bar{background:var(--amber)}.stat.mine .stat-k{color:var(--text)}.stat-v{color:var(--muted);text-align:right}.foot{color:var(--muted);text-align:center;margin-top:.5rem;font-size:.8rem}@media (prefers-reduced-motion:reduce){.dial-lit{transition:none}}.modes{border-bottom:1px solid var(--line);gap:1.5rem;margin-bottom:-.75rem;display:flex}.mode{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 0}.mode:hover{color:var(--text)}.mode[aria-current=page]{color:var(--text);border-bottom-color:var(--amber)}.day-date{color:var(--muted);font-size:.95rem}.back{color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-bottom:-.75rem;padding:0}.back:hover{color:var(--text)}.archive{margin:0;padding:0;list-style:none}.archive-row{border:none;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:3rem 1fr auto;align-items:center;gap:.75rem;width:100%;padding:.85rem .5rem;display:grid}.archive-row:hover{background:var(--surface)}.archive-n{color:var(--muted);font-variant-numeric:tabular-nums}.archive-st{font-variant-numeric:tabular-nums;font-size:.9rem}.archive-st.won{color:var(--green)}.archive-st.lost{color:var(--red)}.archive-st.playing{color:var(--amber)}.streak{color:var(--muted);font-variant-numeric:tabular-nums;gap:1.25rem;margin:0 0 -.75rem;display:flex}.streak strong{color:var(--text);font-weight:600}.stack{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}