: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:780px;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,.chip-btn.on{color:var(--ember)}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.brand-mark{align-items:center;gap:12px;display:flex}.masthead-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.tagline{color:var(--muted);letter-spacing:.3px;margin-top:6px;font-size:12px;font-style:italic}.transport{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.link-field{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:8px;flex:200px;padding:8px 12px}.play{background:var(--ember);color:var(--bg);letter-spacing:.5px;cursor:pointer;box-shadow:0 0 0 1px color-mix(in srgb, var(--ember) 40%, transparent), 0 0 18px color-mix(in srgb, var(--ember) 22%, transparent);border:0;border-radius:999px;padding:12px 26px;font-size:16px;font-weight:700}.play:hover{filter:brightness(1.06)}.panel{border-top:1px solid var(--line);margin-top:18px;padding-top:4px}.panel[open]{padding-bottom:4px}.panel-head{align-items:baseline;gap:12px;margin:0;padding:8px 0 6px;display:flex}.panel-title{letter-spacing:3px;text-transform:uppercase;color:var(--ember);font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:700}.panel-hint{letter-spacing:.5px}details.panel>summary.panel-head{cursor:pointer;list-style:none}details.panel>summary.panel-head::-webkit-details-marker{display:none}details.panel>summary.panel-head:after{content:"›";color:var(--muted);margin-left:auto;font-size:15px;line-height:1;transition:transform .14s;transform:rotate(0)}details.panel[open]>summary.panel-head:after{transform:rotate(90deg)}details.panel>summary.panel-head:hover .panel-title{filter:brightness(1.12)}.cluster{flex-wrap:wrap;align-items:center;gap:18px 20px;padding:4px 0 10px;display:flex}.stage{margin-top:8px}.panel.perform .panel-head{justify-content:space-between}.reroll{letter-spacing:.5px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px}.knobs{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:18px 16px;margin:4px 0 8px;display:grid}.knob{text-align:center}.knob input{width:100%;accent-color:var(--ember)}.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{cursor:pointer;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)}.dot.off{opacity:.25}.dot.pulled{outline:1px solid var(--ember);outline-offset:2px}.ladder-labels{margin-top:6px;display:grid}.deg-label{color:var(--muted);text-align:center;font-size:11px}.deg-label.pulled{color:var(--ember)}.taal-meter{margin-top:10px}.taal-meter-label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:10px}.taal-strip{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.taal-vibhag{align-items:center;gap:8px;display:flex}.taal-vibhag+.taal-vibhag{border-left:1px solid var(--line);padding-left:16px}.taal-pip{background:var(--line);border:1px solid #0000;border-radius:50%;width:9px;height:9px;transition:background .12s,box-shadow .12s,transform .12s}.taal-pip.tali{background:color-mix(in srgb, var(--ember) 45%, var(--line))}.taal-pip.khali{border-color:var(--muted);background:0 0}.taal-pip.sam{border:2px solid var(--ember);width:12px;height:12px;box-shadow:0 0 0 2px color-mix(in srgb, var(--ember) 18%, transparent);background:0 0}.taal-pip.now{background:var(--ember);border-color:var(--ember);box-shadow:0 0 10px var(--ember);transform:scale(1.15)}.taal-caption{text-align:left;margin-top:8px}.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:26px;height:26px;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:3px 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:3px 6px}@media (width<=480px){.mraga{padding:16px}.knobs{grid-template-columns:repeat(auto-fit,minmax(76px,1fr))}}@media (pointer:coarse){.play{min-height:44px}.chip-btn,.oct button{align-items:center;min-height:40px;display:inline-flex}.sel select,.bpm input,.link-field{min-height:40px}input[type=range]{height:40px}.dot-cell{min-height:40px}}@media (prefers-reduced-motion:reduce){.taal-pip,details.panel>summary.panel-head:after,.dot{transition:none}}