:root{--bg:#0f1115;--surface:#171a21;--surface-2:#1e222b;--border:#2a2f3a;--text:#e8eaf0;--muted:#9aa3b2;--accent:#5b8def;--accent-soft:#1d2a45;--chord:#7fb0ff;--good:#3ba776;--check:#d29a3a;--uncertain:#d35f5f}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:940px;margin:0 auto;padding:24px 20px 64px}header.top{border-bottom:1px solid var(--border);background:var(--surface)}header.top .inner{align-items:center;gap:16px;max-width:940px;margin:0 auto;padding:14px 20px;display:flex}header.top .brand{letter-spacing:.01em;font-weight:600}header.top nav{align-items:center;gap:16px;margin-left:auto;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:18px}h1{margin:0 0 4px;font-size:24px}h2{margin:0 0 12px;font-size:17px}.subtitle{color:var(--muted);margin:0 0 20px}label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}input[type=text],input[type=password],textarea{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:7px;padding:9px 11px;font-family:inherit;font-size:14px}textarea{resize:vertical;min-height:220px;line-height:1.55}input:focus,textarea:focus{border-color:var(--accent);outline:none}.field{margin-bottom:14px}button{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:7px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:500}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface-2);border-color:var(--border);color:var(--text)}button.danger{border-color:var(--uncertain);color:var(--uncertain);background:0 0}button.small{padding:5px 10px;font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spacer{flex:1}.error{color:#f0b5bb;background:#3a1f24;border:1px solid #6b3038;border-radius:7px;margin-bottom:14px;padding:10px 13px;font-size:14px}.notice{background:var(--accent-soft);color:#bcd0f5;border:1px solid #2e4271;border-radius:7px;margin-bottom:14px;padding:10px 13px;font-size:14px}.song-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:13px 0;display:flex}.song-row:last-child{border-bottom:none}.song-row .title{font-weight:500}.song-row .meta{color:var(--muted);font-size:13px}.badge{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:20px;padding:2px 8px;font-size:11.5px;display:inline-block}.badge.analyzed{color:var(--good);border-color:#23543d}.badge.analyzing{color:var(--accent);border-color:#2e4271}.badge.failed{color:var(--uncertain);border-color:#6b3038}.progress-track{background:var(--surface-2);border:1px solid var(--border);border-radius:20px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .4s}.sheet{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.sheet .section{margin-bottom:22px}.sheet .section-label{letter-spacing:.08em;color:var(--muted);margin-bottom:8px;font-family:system-ui,sans-serif;font-size:12px;font-weight:600}.sheet .section-label .repeat{border:1px solid var(--border);background:var(--accent-soft);color:var(--chord);letter-spacing:0;border-radius:20px;margin-left:10px;padding:1px 7px;font-size:11px;display:inline-block}.sheet .section-label .repeat.uncertain{border-color:var(--check);color:var(--check);background:0 0}.sheet .line{margin-bottom:12px}.sheet .chord-row{height:1.35em;color:var(--chord);font-size:14.5px;font-weight:600}.sheet .lyric-row{white-space:pre-wrap;font-size:15px}.sheet .chord-row .slot{display:inline-block}.flag-dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:7px;display:inline-block}.flag-dot.good{background:var(--good)}.flag-dot.check{background:var(--check)}.flag-dot.uncertain{background:var(--uncertain)}.legend{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:12.5px;display:flex}.stat-row{flex-wrap:wrap;gap:26px;margin-bottom:4px;display:flex}.stat .label{color:var(--muted);font-size:12px}.stat .value{font-size:19px;font-weight:600}.muted{color:var(--muted)}.small{font-size:13px}.layouts{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.layout{text-align:left;background:var(--surface-2);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:9px;flex-direction:column;gap:3px;padding:13px 14px;font-family:inherit;font-weight:400;display:flex}.layout:hover{border-color:#3d475c}.layout.on{border-color:var(--accent);background:var(--accent-soft)}.layout-title{font-size:15px;font-weight:600}.layout-stems{color:var(--text);opacity:.85;font-size:12.5px}.layout-time{color:var(--accent);font-size:12px}.layout-hint{color:var(--muted);margin-top:3px;font-size:11.5px;line-height:1.45}.transport{align-items:center;gap:16px;margin-bottom:14px;display:flex}.play-big{background:var(--surface-2);border:1px solid var(--border);width:52px;height:52px;color:var(--chord);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.play-big.on{background:var(--accent);border-color:var(--accent);color:#fff}.transport-bar{flex:auto;min-width:0}.transport-bar input[type=range]{width:100%}.metronome{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:9px;margin-bottom:18px;padding:10px 12px;font-size:14px;display:flex}.metronome input{width:16px;height:16px;accent-color:var(--accent)}.channels{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.channel{border:1px solid var(--border);background:var(--surface-2);border-radius:9px;padding:12px 13px}.channel.dimmed{opacity:.45}.channel-head{align-items:center;gap:8px;margin-bottom:9px;display:flex}.channel-name{font-size:14.5px;font-weight:600}.channel-buttons{gap:5px;margin-left:auto;display:flex}.channel input[type=range]{width:100%;accent-color:var(--accent)}.channel-foot{align-items:center;gap:10px;margin-top:7px;display:flex}button.tiny{background:var(--surface);border:1px solid var(--border);width:26px;height:24px;color:var(--muted);border-radius:5px;padding:0;font-size:11.5px;font-weight:700}button.tiny.muted-on{background:var(--uncertain);border-color:var(--uncertain);color:#fff}button.tiny.solo-on{background:var(--check);border-color:var(--check);color:#1b1200}button.secondary.on{background:var(--accent);border-color:var(--accent);color:#fff}.bpm-big{font-size:46px;font-weight:700;line-height:1}.bpm-big span{color:var(--muted);margin-left:6px;font-size:15px;font-weight:400}.bpm-alt{flex-wrap:wrap;align-items:center;gap:8px;display:flex}