@keyframes ec-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes ec-spin{to{transform:rotate(360deg)}}.ec-folio{flex-direction:column;gap:18px;padding:28px 34px;display:flex}.ec-eyebrow{font-family:var(--font-caps);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:11px}.ec-eyebrow.is-faint{color:var(--faint);font-size:10px}.ec-mic{color:var(--faint);border-style:dashed}.ec-mic:disabled{opacity:1}.ec-soon{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:3px;padding:2px 6px;font-size:9.5px}.ec-panel{border:1px solid var(--line);background:color-mix(in oklab, var(--bg-2) 60%, transparent);border-radius:3px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;margin-top:18px;padding:18px 20px;display:grid}.ec-group{flex-direction:column;gap:7px;display:flex}.ec-group .vl-tab{min-height:44px;padding:7px 12px}.ec-hint{font-family:var(--font-alt);color:var(--muted);font-size:15px;font-style:italic;line-height:1.25}.ec-stagehead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;display:flex}.ec-qmeta{align-items:center;gap:14px;display:flex}.ec-badge{font-family:var(--font-mono);color:var(--gold);border:1px solid var(--gold);border-radius:3px;padding:2px 8px;font-size:11px}.ec-progress{font-family:var(--font-mono);color:var(--muted);font-size:13px}.ec-live{border:1px solid var(--line-soft);border-radius:3px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;padding:12px 16px;transition:border-color .2s,background .2s;display:flex}.ec-live.is-on{border-color:color-mix(in oklab, var(--accent) 55%, transparent);background:color-mix(in oklab, var(--accent) 8%, transparent)}.ec-live-main{align-items:center;gap:14px;min-width:0;display:flex}.ec-bars{align-items:flex-end;gap:3px;width:26px;height:22px;display:flex}.ec-bars i{background:color-mix(in oklab, var(--line) 150%, transparent);transform-origin:bottom;border-radius:2px;width:4px;height:22px;transform:scaleY(.3)}.ec-bars i:nth-child(2){transform:scaleY(.5)}.ec-bars i:nth-child(3){transform:scaleY(.35)}.ec-bars i:nth-child(4){transform:scaleY(.25)}.ec-live.is-on .ec-bars i{background:var(--accent-bright);animation:.8s ease-in-out infinite ec-bar}.ec-live.is-on .ec-bars i:nth-child(2){animation-delay:.12s}.ec-live.is-on .ec-bars i:nth-child(3){animation-delay:.24s}.ec-live.is-on .ec-bars i:nth-child(4){animation-delay:.36s}.ec-live-text{flex-direction:column;gap:2px;display:flex}.ec-live-head{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:10.5px}.ec-live.is-on .ec-live-head{color:var(--accent-bright)}.ec-live-sub{font-family:var(--font-alt);color:var(--muted);font-size:17px;font-style:italic}.ec-live-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ec-live-tools .vl-btn{min-height:44px;padding:9px 14px;font-size:15px;font-weight:400}.ec-target{border-color:var(--accent);color:var(--accent-bright)}.ec-target kbd{font-family:var(--font-mono);border:1px solid var(--line);color:var(--muted);border-radius:3px;padding:1px 6px;font-size:10px}.ec-tries{align-items:center;gap:8px;margin-right:8px;display:flex}.ec-tries>span{font-family:var(--font-mono);color:var(--muted);font-size:11px}.ec-diamond{border:1.5px solid color-mix(in oklab, var(--line) 200%, transparent);width:12px;height:12px;transform:rotate(45deg)}.ec-diamond.is-bad{border-color:var(--bad);background:var(--bad)}.ec-diamond.is-ok{border-color:var(--ok);background:var(--ok)}.ec-msgrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;min-height:56px;display:flex}.ec-msg{flex:1;align-items:center;gap:14px;min-width:min(320px,100%);display:flex}.ec-msg-icon{border:1px solid var(--muted);width:44px;height:44px;color:var(--muted);font-family:var(--font-mono);border-radius:50%;flex:none;place-items:center;font-size:18px;display:grid}.ec-msg-icon.is-bad{border-color:var(--bad);color:var(--bad)}.ec-msg-icon.is-ok{border-color:var(--ok);color:var(--ok)}.ec-msg-text{font-family:var(--font-alt);color:var(--muted);font-size:22px;font-style:italic;line-height:1.25}.ec-msg-text.is-bad{color:var(--bad)}.ec-msg-text.is-ok{color:var(--ok)}.ec-msg-sub{font-family:var(--font-mono);color:var(--muted);font-size:11px}.ec-msgrow .vl-btn{white-space:nowrap;min-height:48px;padding:12px 22px;font-size:16px}.ec-board-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;padding-bottom:10px;display:flex}.ec-board-head span:first-child{font-family:var(--font-alt);color:var(--muted);font-size:17px;font-style:italic}.ec-board-head span:last-child{font-family:var(--font-mono);color:var(--faint);font-size:10px}.ec-legend{border-top:1px solid var(--line-soft);font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 18px;padding-top:12px;font-size:11px;display:flex}.ec-legend>span{align-items:center;gap:6px;display:inline-flex}.ec-legend-title{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:10px}.ec-key{border:1px solid var(--line);border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;display:inline-grid}.ec-key.is-here{border:3px double var(--accent-bright);background:color-mix(in oklab, var(--accent-bright) 18%, transparent)}.ec-key.is-playing{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 35%, transparent)}.ec-key.is-bad{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.ec-key.is-ok{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.ec-key.is-fix{border:1px dashed var(--gold)}.ec-plate{background:var(--bg-2);border:1px solid var(--line-soft);padding:4px 8px;box-shadow:inset 0 1px 18px #00000024;box-shadow:inset 0 1px 18px lab(0% 0 0/.14)}.ec-staff{width:100%;max-width:520px;height:auto;color:var(--text);margin:0 auto;display:block}.ec-lines line{stroke:currentColor;stroke-width:1.1px;opacity:.75}.ec-clef{font-family:var(--font-music), serif;font-size:64px}.ec-note{color:var(--accent-bright)}.ec-note.is-ok{color:var(--ok)}.ec-note.is-fix{color:var(--gold)}.ec-note ellipse{fill:none;stroke:currentColor;stroke-width:3px}.ec-ledger{stroke:var(--text);stroke-width:1.5px;opacity:.75}.ec-q{font-family:var(--font-display);text-anchor:middle;fill:var(--accent-bright);font-size:28px}.ec-note-label{font-family:var(--font-mono);text-anchor:middle;fill:currentColor;font-size:10px}.ec-trail{flex-direction:column;gap:10px;display:flex}.ec-trail-row{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;display:grid}.ec-trail-cell{box-sizing:border-box;border:1px dashed var(--line-soft);text-align:center;border-radius:3px;flex-direction:column;align-items:center;gap:4px;min-height:62px;padding:8px 4px;display:flex}.ec-trail-cell b{font-family:var(--font-display);color:var(--text);font-size:22px;font-weight:400;line-height:1}.ec-trail-cap,.ec-trail-sub{font-family:var(--font-mono);color:var(--faint);font-size:9.5px}.ec-trail-cell:not(.is-idle),.ec-trail-cell.is-idle:first-child{border-style:solid;border-color:var(--line)}.ec-trail-cell.is-now{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 10%, transparent)}.ec-trail-cell.is-now b,.ec-trail-cell.is-now .ec-trail-sub{color:var(--accent-bright)}.ec-trail-cell.is-first .ec-trail-sub{color:var(--ok)}.ec-trail-cell.is-tries .ec-trail-sub{color:var(--gold)}.ec-trail-cell.is-revealed .ec-trail-sub{color:var(--bad)}.ec-sum{flex-direction:column;gap:22px;display:flex}.ec-sum-stats{border:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ec-sum-stats>div{flex-direction:column;gap:4px;padding:16px 20px;display:flex}.ec-sum-stats>div+div{border-left:1px solid var(--line-soft)}.ec-sum-stats b{font-family:var(--font-display);color:var(--accent-bright);font-size:40px;font-weight:400;line-height:1}.ec-sum-stats i{font-family:var(--font-alt);color:var(--muted);font-size:15.5px}.ec-sum-block{flex-direction:column;gap:10px;display:flex}.ec-sum-notes{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.ec-sum-note{border:1px solid var(--line);text-align:center;border-radius:3px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;display:flex}.ec-sum-note.is-gold{border-color:color-mix(in oklab, var(--gold) 55%, transparent)}.ec-sum-note.is-bad{border-color:color-mix(in oklab, var(--bad) 55%, transparent);background:color-mix(in oklab, var(--bad) 6%, transparent)}.ec-sum-note b{font-family:var(--font-display);font-size:28px;font-weight:400;line-height:1}.ec-sum-jump,.ec-sum-status{font-family:var(--font-mono);font-size:10px}.ec-sum-jump{color:var(--faint)}.ec-sum-note.is-ok .ec-sum-status{color:var(--ok)}.ec-sum-note.is-gold .ec-sum-status{color:var(--gold)}.ec-sum-note.is-bad .ec-sum-status{color:var(--bad)}.ec-marks{gap:5px;display:flex}.ec-marks i{border:1.2px solid;width:8px;height:8px;transform:rotate(45deg)}.ec-marks i.is-bad{border-color:var(--bad);background:var(--bad)}.ec-marks i.is-ok{border-color:var(--ok);background:var(--ok)}.ec-sum-boxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ec-sum-boxes>div{border:1px dashed color-mix(in oklab, var(--gold) 60%, transparent);border-radius:3px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.ec-sum-boxes p{font-size:17px;line-height:1.4}.ec-sum-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.ec-sum-actions .vl-btn{min-height:48px;padding:12px 22px;font-size:16px}.ec-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:560px;padding:40px 20px;display:flex}.ec-gate-ring{border:1px solid var(--accent-bright);width:88px;height:88px;color:var(--accent-bright);border-radius:50%;place-items:center;display:grid}.ec-gate-ring.is-error{border-color:var(--bad);color:var(--bad)}.ec-spin{border:3px solid var(--line);border-top-color:var(--accent-bright);border-radius:50%;width:40px;height:40px;animation:.9s linear infinite ec-spin}.ec-gate-title{font-family:var(--font-display);font-size:36px;font-weight:400;line-height:1.1}.ec-gate-text{max-width:52ch;color:var(--muted);font-size:17.5px;line-height:1.45}.ec-gate-btn{min-height:52px;margin-top:6px;padding:12px 26px;font-size:17px}.ec-gate-hint{font-family:var(--font-mono);color:var(--faint);font-size:11px}@media (max-width:920px){.ec-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-sum-notes{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:560px){.ec-folio{gap:12px;padding:14px 10px 12px}.ec-panel{grid-template-columns:1fr}.ec-stagehead .vl-q{font-size:21px}.ec-live{padding:8px 10px}.ec-live-sub{font-size:15px}.ec-live-tools{width:100%}.ec-live-tools .vl-btn{flex:40%;justify-content:center}.ec-tries{width:100%;margin:0}.ec-msg-icon{width:36px;height:36px;font-size:15px}.ec-msg-text{font-size:19px}.ec-msgrow .vl-btn{justify-content:center;width:100%}.ec-board-head span:last-child,.ec-legend-title{display:none}.ec-trail-row{gap:3px}.ec-trail-cell{min-height:40px;padding:4px 1px}.ec-trail-cell b{font-size:14px}.ec-trail-cap,.ec-trail-sub{display:none}.ec-sum-stats{grid-template-columns:1fr}.ec-sum-stats>div+div{border-left:0;border-top:1px solid var(--line-soft)}.ec-sum-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-sum-boxes{grid-template-columns:1fr}.ec-gate{min-height:420px}.ec-gate-title{font-size:28px}}@media (prefers-reduced-motion:reduce){.ec *,.ec :before,.ec :after{transition:none!important;animation:none!important}}