:root{--bg:#15100a;--ink:#f1e3cd;--ember:#eaa53a;--muted:#9b8a70;--line:#34291d;--field:#211a12;font-family:ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}.mraga{max-width:760px;margin:0 auto;padding:24px}.title-art{letter-spacing:0;white-space:pre;color:var(--ember);text-shadow:0 0 1px color-mix(in srgb, var(--ember) 80%, transparent), 0 0 8px color-mix(in srgb, var(--ember) 32%, transparent), 0 0 16px color-mix(in srgb, var(--ember) 14%, transparent);margin:0;font-family:SF Mono,Menlo,Consolas,monospace;font-size:10px;font-weight:700;line-height:1.15}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.chip{color:var(--muted);font-size:13px}.chip-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.chip-btn:hover{color:var(--ember)}.knobs{grid-template-columns:repeat(5,1fr);gap:16px;margin:24px 0;display:grid}.knob{text-align:center}.knob input{width:100%;accent-color:var(--ember)}.play{background:var(--ember);color:var(--bg);cursor:pointer;border:0;border-radius:999px;padding:10px 22px;font-size:15px;font-weight:700}.tagline{color:var(--muted);letter-spacing:.3px;margin-top:6px;font-size:12px;font-style:italic}.link-field{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:8px;flex:1;padding:8px 12px}.ladder{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:end;height:120px;padding:16px 0;display:grid}.dot-cell{justify-content:center;align-items:flex-end;display:flex}.dot{background:var(--line);border-radius:6px;width:12px;transition:background .12s,box-shadow .12s}.dot.lit{background:var(--ember);box-shadow:0 0 12px var(--ember)}.ladder-labels{margin-top:6px;display:grid}.deg-label{color:var(--muted);text-align:center;font-size:11px}.footer{flex-wrap:wrap;gap:20px}.vol{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.vol input{accent-color:var(--ember);width:90px}.oct{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.oct button{border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:6px;width:22px;height:22px;line-height:1}.oct button:hover{border-color:var(--ember);color:var(--ember)}.sel{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.sel select{font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:2px 6px}.bpm{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.bpm input{width:56px;font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:6px;padding:2px 6px}