html,body,#root{height:100%}body{margin:0;background:#0b1020;color:#e9eef5;font-family:system-ui,sans-serif}button{cursor:pointer;padding:8px 12px;border-radius:6px;border:1px solid #334;background:#1b2238;color:#e9eef5}button:disabled{opacity:.5;cursor:not-allowed}.screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;transform:translatez(0)}.toggle{display:inline-flex;align-items:center;gap:8px}.toggle-label{font-size:12px;opacity:.8}.toggle-switch{position:relative;width:42px;height:24px;border:1px solid #2b355f;background:#1a2140;border-radius:999px;padding:0;cursor:pointer}.toggle-switch.is-on{background:#2a3a70;border-color:#3c53a5}.toggle-track{position:absolute;inset:0;border-radius:999px}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#e9eef5;border-radius:50%;transition:left .15s ease}.toggle-switch.is-on .toggle-thumb{left:20px}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.icon{color:#f5f5f5}.rhythm-card{background:#11162a;border:1px solid #2b355f;padding:12px;border-radius:8px;margin:12px 0}.rhythm-card .pulse-badges{margin-top:8px;display:flex;gap:6px;align-items:center}.rhythm-card .pulse-badge{width:24px;height:24px;border-radius:4px;display:grid;place-items:center;color:#aab;font-size:12px;background:#242b49}.rhythm-card .pulse-badge.is-current{background:#4675ff;color:#fff}.rhythm-card .pulse-sep{width:6px;height:28px;background:#9aa5ff;border-radius:2px}.rhythm-card .rhythm-grid{display:grid;column-gap:6px;row-gap:12px;align-items:center}.rhythm-card .header-label{text-align:center;opacity:.7}.rhythm-card .instrument-name{font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-inline-end:.5rem;width:100%}.rhythm-card .inst-side{opacity:.8;min-width:1.25rem}.rhythm-card .grid-cell{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;border:1px solid #334;color:#e9eef5;font-family:monospace;font-size:13px;background:#1a2140}.rhythm-card .grid-cell.is-current{background:#2a3a70}.rhythm-card .grid-cell.is-rest{color:#556}.rhythm-card .grid-sep{background:#9aa5ff;border-radius:2px;width:6px;height:100%}.mixer-card{background:#0f1430;border:1px solid #2b355f;border-radius:8px;padding:10px;margin:12px 0}.mixer-card h2{margin-top:0;margin-bottom:8px}.mixer-card .mixer-grid{display:grid;grid-template-columns:160px 50px 260px 200px 160px;gap:8px;align-items:center}.mixer-card .mixer-header{opacity:.7}.mixer-card .mixer-center{display:flex;justify-content:center}.mixer-card .instrument-name{font-weight:500}.mixer-card .mute-label{display:inline-flex;gap:6px;align-items:center}.mixer-card .vol-row{display:inline-flex;gap:8px;align-items:center}.mixer-card .variant-group{display:inline-flex;gap:8px;align-items:center;flex-wrap:nowrap;white-space:nowrap;border:none;padding:0;margin:0}.mixer-card .vol-range{width:180px}.mixer-card .vol-value{width:40px;text-align:right}.clavistry-dialog{background:#0f1430;border:1px solid #2b355f;border-radius:8px;max-width:640px;width:min(90vw,640px);max-height:90vh;padding:16px;box-shadow:0 10px 30px #00000080;color:#e9eef5;box-sizing:border-box;display:flex;flex-direction:column}.clavistry-dialog h2.title{display:inline-block;margin:0}.clavistry-dialog .sub-title{font-size:1rem;font-style:italic;margin-inline-start:1rem}.clavistry-dialog .dialog-body{overflow:auto;min-height:0;overscroll-behavior:contain}.about-table{border-collapse:collapse}.about-table caption{caption-side:top;text-align:left;font-weight:700;font-size:1.2rem}.about-table th{text-align:left;padding-right:12px;font-weight:600}.about-table td{padding-right:12px}.about-table td:first-child{text-align:center}