.score{position:relative;overflow:hidden;width:100%}.score .strip{position:absolute;top:0;left:0;display:flex;will-change:transform}.score .strip .cross-ties{position:absolute;left:0;top:0;pointer-events:none}.score .strip .bar svg{display:block}.score .head{position:absolute;top:0;left:0;background:#fffdf7;box-shadow:8px 0 12px -8px #00000026;z-index:1}.score .head svg{display:block}.score .focus-line{position:absolute;top:6%;bottom:6%;width:28px;border-radius:14px;background:#ff9f1c1f;pointer-events:none}.score .done text,.score .done path{fill:#2a9d8f;stroke:#2a9d8f}.score .current text,.score .current path{fill:#ff9f1c;stroke:#ff9f1c}.score .current{animation:bob 1.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.score .current.flash{animation:flash .25s ease-in-out 4}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes flash{50%{transform:scale(1.5);opacity:.4}}.keys{display:flex;justify-content:center;height:140px}.white-wrap{position:relative;flex:0 1 64px}.keys button{padding:0;min-height:0;border-radius:0 0 10px 10px}.keys button:disabled{opacity:1}.keys .white{width:100%;height:100%;background:#fff;border:2px solid #d8cfbf}.keys .white.middle{box-shadow:inset 0 -8px #ffd166}.keys .black{position:absolute;top:0;right:-18px;width:36px;height:60%;z-index:1;background:#2d2a26;border:none}.keys .lit{background:#ff9f1c!important;animation:glow .8s ease-in-out infinite alternate}@keyframes glow{to{filter:brightness(1.25)}}.play{min-height:100vh;display:flex;flex-direction:column;padding:12px 16px 20px;gap:12px}.play header{display:flex;align-items:center;justify-content:space-between}.corner{min-height:44px;font-size:22px;opacity:.5}.corner-r{display:flex;gap:8px;align-items:center;min-width:44px;justify-content:flex-end}.mic{animation:glow 1.5s ease-in-out infinite alternate}.progress{display:flex;gap:2px}.sections{flex:1;margin:0 12px;display:flex;flex-direction:column;gap:6px}.sections .bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.sections .fill{height:100%;background:var(--accent)}.chips{display:flex;gap:6px;overflow-x:auto;align-items:center}.chip-btn{min-height:36px;padding:0 12px;font-size:14px;white-space:nowrap;border-radius:18px}.chip-btn.cur{background:var(--accent);border-color:var(--accent);color:#fff}.chips .count{font-size:13px;color:var(--muted);white-space:nowrap;margin-left:4px}.dot-btn{min-height:44px;min-width:44px;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center}.dot{width:18px;height:18px;border-radius:50%;background:var(--line)}.dot.on{background:var(--ok)}.dot.cur{background:var(--accent);transform:scale(1.25)}.gate{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.song-emoji{font-size:120px}.go{width:160px;height:160px;border-radius:50%;font-size:72px;background:var(--accent);border:none;color:#fff}.sheet{background:#fffdf7;border-radius:20px;padding:8px 0;transition:opacity .2s}.sheet.dim{opacity:.5}.play footer{display:flex;justify-content:center;gap:32px}.big-btn.active{background:var(--accent);border-color:var(--accent)}.big-btn{width:96px;height:96px;border-radius:24px;font-size:44px}.banner{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:120px;pointer-events:none;animation:pop .4s ease-out}.banner span{font-size:28px;color:var(--muted)}.done{position:fixed;inset:0;z-index:10;background:color-mix(in srgb,var(--bg) 92%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.party{font-size:140px;animation:pop .6s ease-out}.stars{font-size:40px}.done .row{display:flex;gap:32px}@keyframes pop{0%{transform:scale(.3);opacity:0}}.pick{flex:1;display:flex;flex-direction:column;align-items:center;gap:24px}.pick header{width:100%}.song-label{font-size:56px;font-weight:700;letter-spacing:1px}.mini-stars.big{font-size:32px;min-height:40px}.song-emoji.small{font-size:72px}.lengths{display:flex;gap:20px}.len-card{width:170px;height:180px;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-width:3px}.len-card .icon{font-size:72px}.len-card .label{font-size:18px;color:var(--muted)}.len-card .mini-stars{min-height:20px;font-size:16px}.len-card.on,.seg button.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--panel))}.toggles{display:flex;flex-direction:column;gap:12px;align-items:center}.seg{display:flex;gap:8px}.seg button{min-height:56px;padding:0 18px;border-radius:16px;border-width:2px;font-size:16px;display:flex;align-items:center;gap:6px}.seg .icon{font-size:26px}h1 small{color:var(--muted);font-size:.5em}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:16px}button{font:inherit;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}button:disabled{opacity:.4}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.big{min-height:64px;font-size:1.3em;width:100%}button.small{min-height:28px;padding:0 8px;font-size:.85em}.error{color:var(--bad)}.muted{color:var(--muted)}.tag{font-size:.8em;padding:2px 8px;border-radius:999px;background:var(--line)}.tag.ok{background:var(--ok);color:#fff}.now{text-align:center;margin:16px 0}.note{font-size:72px;font-weight:700;line-height:1.1}.note small{display:block;font-size:24px;color:var(--muted);font-weight:400}.meter{position:relative;height:12px;background:var(--line);border-radius:6px;overflow:hidden;margin:12px 0 6px}.meter .bar{height:100%;background:var(--ok)}.meter .gate{position:absolute;top:0;bottom:0;width:2px;background:var(--bad)}.stats{font-size:.85em;color:var(--muted)}.keyboard{display:flex;position:relative;height:120px;margin:8px 0;overflow-x:auto}.key{padding:0;border-radius:0 0 6px 6px;min-height:0}.key.white{flex:1 0 32px;height:120px;display:flex;align-items:flex-end;justify-content:center;font-size:11px;color:var(--muted);background:#fff;border:1px solid #ccc}.key.black{flex:0 0 20px;height:72px;margin:0 -10px;z-index:1;background:#222;border:none}.key.middle{box-shadow:inset 0 -6px 0 var(--accent)}.key.hit{background:var(--ok)!important;color:#fff}.history{display:flex;flex-wrap:wrap;gap:6px;min-height:32px;align-items:center}.chip{padding:4px 10px;border-radius:8px;background:var(--line);font-variant-numeric:tabular-nums}.gate-ctl{display:block;margin-top:12px;font-size:.9em}.gate-ctl input{width:100%}.fx{border-top:1px solid var(--line);padding:12px 0}.fx.pass{border-left:4px solid var(--ok);padding-left:10px}.fx.fail{border-left:4px solid var(--bad);padding-left:10px}.fx-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spacer{flex:1}.fx p{margin:6px 0}.result{font-size:.9em}.seq{font-family:ui-monospace,monospace;font-size:.85em;word-break:break-all;color:var(--muted)}.home{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.cards{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.card{width:200px;height:220px;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.card .emoji{font-size:100px}.card .label{font-size:40px;font-weight:700}.card-stars{min-height:28px;font-size:22px}.parent{display:flex;gap:16px;color:var(--muted);opacity:.5;font-size:13px}.parent a{color:inherit}.update{position:fixed;top:16px;min-height:52px;padding:0 24px;border-radius:26px;background:var(--accent);border-color:var(--accent);color:#fff;font-size:18px}:root{--bg: #fff8e7;--panel: #ffffff;--ink: #2d2a26;--muted: #8a8278;--accent: #ff9f1c;--ok: #2a9d8f;--bad: #e76f51;--line: #eadfca}@media(prefers-color-scheme:dark){:root{--bg: #1f1d1a;--panel: #2a2723;--ink: #f2ede4;--muted: #a39b8f;--line: #3d3832}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,PingFang SC,sans-serif}main{max-width:960px;margin:0 auto;padding:16px}header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}