:root{--bg:#10141a;--panel:#1a212b;--ink:#e8edf2;--mut:#8fa1b3;--acc:#4fc3f7;--tbc:#ef5350}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,sans-serif;min-height:100vh;display:flex;justify-content:center;padding:18px}.stage{width:min(1320px,98vw);background:var(--panel);border-radius:14px;padding:14px;box-shadow:0 6px 24px #00000059}.topbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:2px 6px 10px}.spacer{flex:1 1 auto}.topbar .name{font-size:17px;font-weight:600}.badge{font-size:12px;padding:2px 9px;border-radius:10px;background:#27313e;color:var(--acc);font-weight:600}.badge.sect{margin-left:auto}svg{width:100%;height:auto;display:block}.step{min-height:22px;color:#ffd54f;font-size:14px;font-weight:600;text-align:center;padding:10px 6px 2px}.controls{display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 0 4px;flex-wrap:wrap}button{background:#27313e;color:var(--ink);border:none;border-radius:9px;padding:9px 16px;font-size:14px;cursor:pointer}button:hover{background:#33425a}button.primary{background:var(--acc);color:#06222e;font-weight:700;min-width:96px}label.sel{color:var(--mut);font-size:13px;display:inline-flex;align-items:center;gap:5px}select{background:#27313e;color:var(--ink);border:none;border-radius:7px;padding:6px 8px}input.seek{width:100%;accent-color:var(--acc);margin:6px 0}.chips{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:8px 4px}.chip{font-size:11px;padding:4px 9px;border-radius:9px;background:#222b37;color:var(--mut);border:1px solid transparent}.chip.active{background:#0d3a52;color:#bfe7fb;border-color:var(--acc)}.chip.draft{border-style:dashed;border-color:#5a3338}.legend{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:center;padding:8px 0 0;font-size:11px;color:var(--mut)}.legend span{display:inline-flex;align-items:center;gap:4px}.legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.error{color:var(--tbc);padding:20px;white-space:pre-wrap}.picker{width:min(1320px,98vw);display:flex;justify-content:center;padding:10px 4px 0}.ticker{position:relative;overflow:hidden;height:34px;margin:8px 0 2px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.ticker-strip{position:absolute;top:0;left:0;display:flex;gap:26px;align-items:center;height:34px;white-space:nowrap;transition:none;padding-left:50%}.tstep{font-size:13.5px;font-weight:600;transition:color .5s,opacity .6s,transform .4s}.tstep.future{color:var(--mut);opacity:.5}.tstep.active{color:#ffd54f;opacity:1;transform:scale(1.06)}.tstep.past{color:var(--mut);opacity:.3}.icon{padding:6px 10px}input.vol{width:90px;accent-color:var(--acc)}.sel.chk{gap:6px;cursor:pointer}.sel.chk input{accent-color:var(--acc)}