:root{--bg:#07060b;--panel:#12101a;--line:#262233;--text:#f3f0fa;--muted:#8f88a3;--accent:#ff4d6d;--accent-2:#ffb347;--ok:#3ddc97;--radius:14px;font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text)}body{min-height:100dvh;background:radial-gradient(60rem 30rem at 50% -10rem,#ff4d6d22,transparent 70%),var(--bg)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}.shell{max-width:640px;margin:0 auto;padding:16px 16px 64px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.brand{font-size:1.6rem;font-weight:800;letter-spacing:.04em}.stats{display:flex;align-items:center;gap:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}select{padding:8px 10px}.seg,select{background:var(--panel);border:1px solid var(--line);border-radius:10px}.seg{display:flex;padding:3px;flex:1 1 100%}.seg button{flex:1 1;border:0;background:none;padding:6px 4px;border-radius:8px;color:var(--muted);font-size:.9rem}.seg button.on{background:var(--accent);color:#fff;font-weight:700}.seg.small{flex:none;margin-top:6px}.settings{display:grid;grid-gap:12px;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px}.settings label{display:grid;grid-gap:4px;gap:4px;color:var(--muted);font-size:.9rem}.stage{display:grid;justify-items:center;grid-gap:22px;gap:22px;padding:24px 0 18px}.ladder{display:flex;gap:4px;width:100%}.rung{min-width:40px;text-align:center;padding:6px 0;font-size:.8rem;border-radius:8px;background:var(--panel);border:1px solid var(--line);color:var(--muted)}.rung.used{background:#2a1a22;color:#c98a97}.rung.now{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.rung.locked{opacity:.25}.play{--p:0;position:relative;width:168px;height:168px;border-radius:50%;border:0;background:radial-gradient(circle at 50% 50%,var(--panel) 62%,transparent 63%),conic-gradient(var(--accent-2) calc(var(--p) * 1turn),var(--line) 0);display:grid;place-items:center;transition:transform .12s;box-shadow:0 0 60px #ff4d6d33}.play:active{transform:scale(.96)}.play.is-playing{box-shadow:0 0 80px #ffb34766}.tri{width:0;height:0;margin-left:8px;border-style:solid;border-width:22px 0 22px 36px;border-color:transparent transparent transparent var(--text)}.clip{position:absolute;bottom:30px;font-weight:800;font-size:1.05rem;color:var(--accent-2)}.clip small{font-size:.75rem;margin-left:1px}.spin{width:36px;height:36px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.guess{display:grid;grid-gap:10px;gap:10px}.search{position:relative}.search input{width:100%;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);font-size:1.05rem;outline:none}.search input:focus{border-color:var(--accent)}.search ul{position:absolute;z-index:5;left:0;right:0;bottom:calc(100% + 6px);margin:0;padding:4px;list-style:none;background:#1a1724;border:1px solid var(--line);border-radius:var(--radius);max-height:320px;overflow:auto}.search li{padding:10px 12px;border-radius:10px;cursor:pointer}.search li span{color:var(--muted);margin-left:6px;font-size:.9rem}.search li.hl{background:#ff4d6d26}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions>*{flex:1 1;text-align:center;text-decoration:none}.ghost,.primary{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);font-weight:600}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.ghost{color:var(--text)}.stats .ghost{padding:6px 10px;flex:none}.link{background:none;border:0;color:var(--accent-2);text-decoration:underline;padding:0}.attempts{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-gap:6px;gap:6px}.attempts li{padding:10px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line);font-size:.95rem}.attempts li span{display:inline-block;min-width:38px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.attempts li.wrong{border-color:#5a2230}.attempts li.skip{color:var(--muted)}.reveal{display:flex;gap:16px;align-items:flex-start;margin-top:8px;padding:16px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line)}.reveal.won{border-color:var(--ok);box-shadow:0 0 40px #3ddc9722}.reveal img{border-radius:10px;flex:none}.reveal .meta{flex:1 1;min-width:0}.reveal h2{margin:2px 0 4px;font-size:1.5rem}.reveal p{margin:0 0 4px}.reveal audio{width:100%;margin:10px 0}.verdict{font-weight:700;color:var(--muted)}.reveal.won .verdict{color:var(--ok)}.fine{color:var(--muted);font-size:.8rem}.err{color:var(--accent)}.about{margin-top:48px;color:var(--muted);line-height:1.7;font-size:.95rem}.about h2{color:var(--text);font-size:1.1rem}@media (max-width:480px){.reveal{flex-direction:column}.reveal img{width:96px;height:96px}.play{width:148px;height:148px}}.am-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:4px 2px;margin-bottom:4px;border-radius:12px;font-size:.8rem;background:none;border:1px solid transparent;color:var(--muted)}.am-bar.on{padding:10px 12px;font-size:.88rem;border-color:#fa2d48;color:var(--text);background:#fa2d4814}.am-actions{display:flex;gap:12px}.am-signin{border:1px solid var(--line);border-radius:99px;padding:4px 12px;font-size:.8rem;background:none;color:var(--muted)}.am-signin:hover:not(:disabled){color:var(--text);border-color:#fa2d48}.notice{margin:6px 0 0;font-size:.85rem;color:var(--accent-2)}.full-play{width:100%;margin:10px 0}.dots{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 12px}.dots li{flex:1 1;height:6px;border-radius:99px;background:var(--line)}.dots li.now{background:var(--accent-2)}.dots li.hit{background:var(--ok)}.dots li.miss{background:#5a2230}.summary{display:grid;justify-items:center;grid-gap:6px;gap:6px;padding:24px 0 8px;text-align:center}.summary .kicker{margin:0;color:var(--muted);letter-spacing:.1em}.big-score{font-size:4.5rem;font-weight:900;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.big-score small{font-size:1.1rem;color:var(--muted);-webkit-text-fill-color:var(--muted)}.summary .rank{margin:4px 0 0;font-size:1.25rem;font-weight:800}.summary .fine{margin:0 0 10px}.results{list-style:none;padding:0;margin:0 0 14px;width:100%;display:grid;grid-gap:6px;gap:6px;text-align:left}.results li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.results li.miss{opacity:.6}.results img{border-radius:8px;flex:none}.results .meta{flex:1 1;min-width:0;display:grid}.results .meta b,.results .meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .meta span{color:var(--muted);font-size:.85rem}.results .when{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.9rem}.results .pts{min-width:44px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.results li.hit .pts{color:var(--ok)}.summary .actions{width:100%}a.brand{color:inherit;text-decoration:none}.songlist{display:grid;grid-gap:14px;gap:14px}.songlist h2{margin:0 0 6px;font-size:1rem}.songlist h2 span,.songlist li span{color:var(--muted);font-size:.8rem;font-weight:400;margin-left:6px}.songlist ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.songlist li{padding:6px 10px;border-radius:10px;background:var(--panel);border:1px solid var(--line);font-size:.9rem}.songlist li a{color:var(--text);text-decoration:none}.about a{color:var(--accent-2)}.bars{width:34px;height:40px;border-left:12px solid var(--text);border-right:12px solid var(--text)}@keyframes shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-6px)}40%,60%{transform:translateX(6px)}}.ghost.wrong-flash,.ghost.wrong-flash:disabled{opacity:1;color:var(--accent);background:#ff4d6d1a}.ghost.wrong-flash,.ghost.wrong-flash:disabled,.search.wrong-flash input{animation:shake .45s both;border-color:var(--accent)}@media (prefers-reduced-motion:reduce){.ghost.wrong-flash,.search.wrong-flash input{animation:none}}.seg.mode{margin-bottom:12px}.endless-tip{margin:0;color:var(--muted);font-size:.9rem;text-align:center}