@font-face{font-family:Galmuri;src:url(fonts/Galmuri11.woff2)}
:root{color-scheme:dark;--bg:#101211;--panel:#191d1b;--line:#353b35;--text:#eee9dd;--muted:#a0aa9c;--f:#f2ab65;--space:#86dbbd;--j:#b2a4f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Galmuri,system-ui,sans-serif}button,input,select{font:inherit}button,select,input[type=number],.file-button{color:var(--text);background:#242a25;border:1px solid #485045;border-radius:5px;padding:10px 12px}button,.file-button,select{cursor:pointer}button:hover,.file-button:hover{background:#343c32}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--space);outline-offset:3px}a{color:var(--space)}h1{font-size:27px;line-height:1.5;margin:6px 0}h2{font-size:14px;letter-spacing:.02em;margin:0}p{line-height:1.7;color:var(--muted);margin:10px 0}small{color:var(--muted)}.studio{max-width:1240px;padding:30px 28px 24px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:11px;color:var(--f);letter-spacing:3px}.back{white-space:nowrap;text-decoration:none}.songbar{background:#25291f;border:1px solid #424a34;padding:15px 18px;margin:20px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}.songbar strong{margin:0 12px}.songbar small{display:inline-block}.tag{font-size:10px;color:var(--f)}#save-status{font-size:11px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr);gap:20px}.play-panel,.card,.timeline-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}.play-panel{padding:18px;align-self:start;position:sticky;top:16px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-title select{font-size:11px;padding:7px}.stage{position:relative;border:1px solid #3c443c;background:#101813;border-radius:6px;overflow:hidden}.stage canvas{width:100%;display:block}#countdown{position:absolute;inset:0;display:grid;place-items:center;background:#0d130ecf;font-size:48px;color:var(--space)}#countdown[hidden]{display:none}.pads{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:9px 0 17px}.pad{height:64px;border-bottom-width:4px;display:flex;flex-direction:column;align-items:center;gap:8px}.pad kbd{font:bold 17px Galmuri,monospace}.pad span{font-size:10px;color:var(--muted)}.f{color:var(--f)}.space{color:var(--space)}.j{color:var(--j)}.pad.f{border-color:var(--f)}.pad.space{border-color:var(--space)}.pad.j{border-color:var(--j)}.pad.flash{background:#4b5745;transform:translateY(2px)}.transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.transport button{padding:9px 11px}.transport label{font-size:11px;margin-left:auto}.transport select{padding:8px}.primary{background:#d0a36a!important;color:#1a1a13!important;border-color:#eac58f!important}.accent{background:#8dc9af!important;color:#0d261b!important;border-color:#b5e4ca!important}.wide{width:100%;margin-top:12px}.hint{font-size:11px;line-height:1.7}.score{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.score div{text-align:center}.score b{display:block;font-size:23px;color:var(--space)}.score span{display:block;margin-top:7px;font-size:10px;color:var(--muted)}aside{display:grid;gap:14px}.card{padding:18px}.card p{font-size:12px}fieldset{border:0;padding:0;margin:15px 0;display:flex;gap:17px}legend{font-size:11px;color:var(--muted);margin-bottom:8px}input[type=checkbox]{accent-color:var(--space)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row label{display:grid;gap:7px;font-size:11px;color:var(--muted)}.form-row select,.form-row input{width:100%;min-width:0;font-size:12px}.offset{display:block;font-size:11px;margin:15px 0}.offset input{width:75px;padding:7px}.offset small{display:block;margin-top:7px}.counts{display:flex;gap:12px;margin-top:15px;font-size:12px}.counts b{color:var(--space)}#stale{font-size:10px;color:var(--f);margin-left:auto}.edit-card .transport{margin-top:10px}#note-list{max-height:116px;overflow:auto;display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}#note-list button{font-size:10px;padding:6px}#note-list button.selected{border-color:var(--f);background:#493e2e}.timeline-panel{margin-top:20px;padding:18px}#timeline{display:block;width:100%;height:100px;cursor:crosshair}#seek{width:100%;accent-color:var(--space)}#time{font-size:12px;color:var(--space)}footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:20px}footer>div{display:flex;gap:8px;flex-wrap:wrap}footer button,.file-button{font-size:12px;display:inline-block}#status{font-size:12px;min-height:25px}#status.error{color:#ffb5a1}#results{color:var(--space)}@media(max-width:850px){.workspace{grid-template-columns:1fr}.play-panel{position:static}.studio{padding:20px 14px}h1{font-size:22px}.songbar{align-items:start;flex-direction:column}.songbar small{display:block;margin-top:8px}footer{align-items:stretch;flex-direction:column}}
.performance-controls{padding:12px 14px;margin-bottom:12px;background:#222b24;border:1px solid #485342;border-radius:6px;display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px}.performance-controls>label:first-child{display:flex;align-items:center;justify-content:space-between;grid-column:1/-1}.performance-controls output{color:var(--space);font-size:17px}.performance-controls input[type=range]{width:100%;grid-column:1/-1;accent-color:var(--space);cursor:ew-resize}.performance-controls .sound-mode{grid-column:1/-1;color:var(--text)}.performance-controls small{grid-column:1/-1;font-size:10px}.score b{transform-origin:center}.stage{box-shadow:inset 0 -20px 45px #8dc9af0a}
@media(prefers-reduced-motion:reduce){.pad.flash{transform:none}}