:root{color-scheme:dark;--bg:#0c0d0d;--panel:#131414;--text:#eee;--dim:#999;--line:#343636;--accent:#fff}
body{background:#0c0d0d;color:#eee;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;margin:0}main{max-width:1160px;padding:24px;margin:auto}a{color:inherit}h1.jiant-wordmark{display:none}#lang,#mock,.kofi{display:none!important}header{margin:0 0 20px}h2{font-size:14px;letter-spacing:.06em}button,input,select{font:inherit;accent-color:white}button,select,input[type=text],input[type=number],input[type=search]{background:#181a1a;color:#eee;border:1px solid #484a4a;border-radius:0}button{min-height:34px;padding:7px 12px}button:hover,button[aria-pressed=true],button[aria-selected=true]{background:#eee!important;color:#0c0d0d!important}button:disabled{opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid white;outline-offset:3px}.panel,.group{background:transparent;border-color:#343636;border-radius:0}.dim{color:#a2a5a5}#rhythmer-mode{padding-bottom:18px;border-bottom:1px solid #444;margin-bottom:18px}.rhy-title{display:block;font-size:22px;letter-spacing:.1em;text-decoration:none;margin-bottom:18px}#rhythmer-mode a[aria-current=page]{background:#eee;color:#111;padding:6px}#workspace-status{font-size:12px;color:#bbb}#mode-note{max-width:850px;color:#999;line-height:1.6}#machine-tools{margin-bottom:24px;padding:18px;border:1px solid #555}.rhy-machine-knobs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.rhy-machine-knobs label{display:grid;gap:7px}.rhy-machine-knobs input{width:100%}.slots{gap:12px}#steptables{overflow:auto}footer{margin-top:36px;border-top:1px solid #333;padding-top:16px;font-size:11px;color:#888}#tabs{position:static;background:transparent;flex-wrap:wrap}#tabs button{border-radius:0}table input[type=text]{min-width:120px}table input.hits{min-width:95px}
@media(max-width:650px){main{padding:14px}.rhy-machine-knobs{grid-template-columns:repeat(2,1fr)}.groups{grid-template-columns:1fr}.bar{flex-wrap:wrap}.slots{grid-template-columns:24px 55px 1fr 1fr}#tabs{gap:4px}#tabs button{padding:7px}}
.rhy-sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.rhy-sample-card{border:1px solid #555;padding:20px;min-width:0}.rhy-sample-card input[type=file]{width:100%;margin:12px 0}.rhy-sample-card audio{display:block;width:100%;margin:18px 0}.rhy-sample-card a{display:block;font-size:11px;margin-top:16px}.rhy-sample-card p{overflow-wrap:anywhere}.rhy-sample-confirm{max-width:640px;background:#111;color:#eee;border:1px solid #888;padding:28px}.rhy-sample-confirm::backdrop{background:#000b}#p-samples>p{max-width:900px;line-height:1.75}#sample-save-for-play{margin-top:24px}@media(max-width:760px){.rhy-sample-grid{grid-template-columns:1fr}}
.rhy-upload-steps{line-height:1.8;padding-left:22px}.rhy-crop-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rhy-crop-controls label{display:grid;gap:8px;font-size:11px}.rhy-crop-controls input{min-width:0;width:100%;box-sizing:border-box;padding:9px}.rhy-sample-card canvas{width:100%;height:100px;display:block;border:1px solid #444;margin:16px 0}.rhy-sample-checks{display:grid;gap:16px;margin:24px 0;line-height:1.6}.rhy-sample-checks label{display:block}.rhy-sample-card progress{width:100%;height:16px}.rhy-crop-summary{min-height:58px;line-height:1.6}.rhy-project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rhy-project-card{border:1px solid #555;padding:14px}.rhy-project-card[aria-current=true]{border:2px solid #eee}.rhy-project-card h3{margin:0 0 12px}.rhy-project-card p{font-size:11px;line-height:1.8}.rhy-project-card button{width:100%}.rhy-project-state{line-height:1.7;padding:12px 0}@media(max-width:700px){.rhy-project-grid{grid-template-columns:repeat(2,1fr)}}

[hidden]{display:none!important}.rhy-project-confirm{max-width:600px;background:#111;color:#eee;border:1px solid #888;padding:26px}.rhy-project-confirm::backdrop{background:#000b}.rhy-project-confirm p{line-height:1.7}.rhy-project-confirm select{padding:10px;margin:12px 0 20px}

.rhy-build{display:inline-block;font:12px monospace;border:1px solid #555;padding:5px 8px;margin:10px 0 10px 16px;color:#ddd}
/* Keep LFO/MOD quick links clear of the editor's sticky header and track bar. */
#groups h2,#groups h3{scroll-margin-top:11rem}