.arban-room{--ab-bg:#f7f1e3;--ab-ink:#24180c;--ab-muted:#5d4a35;--ab-line:#cdbb98;--ab-panel:#fbf7ee;--ab-sheet:#fffdf7;--ab-accent:#8c2f24;--ab-accent-ink:#fff8ef;--ab-now:#c0392b;--ab-loop:#b8893d2e;--ab-hover:#8c2f240f;--ab-ok:#2f7a4f;--ab-near:#a26a09;--ab-off:#b3261e;--ab-chord:#6b3e12;--walnut-900:var(--ab-ink);--walnut-700:var(--ab-muted);background:var(--ab-bg);color:var(--ab-ink);min-height:100vh}@media (prefers-color-scheme:dark){.arban-room{--ab-bg:#15110c;--ab-ink:#f1e6d0;--ab-muted:#c2b092;--ab-line:#4a3d2b;--ab-panel:#1d1811;--ab-sheet:#1a150f;--ab-accent:#e0866f;--ab-accent-ink:#1a0f08;--ab-now:#ff8a6b;--ab-loop:#d4a84b33;--ab-hover:#e0866f14;--ab-ok:#6fcf97;--ab-near:#f2c14e;--ab-off:#ff7b72;--ab-chord:#f0c987}}.arban-room h1,.arban-room h2{color:var(--ab-ink)}.arban-room .eyebrow{color:var(--ab-muted)}.arban-room .ab-accent-text{color:var(--ab-accent)}.arban-room .ab-muted{color:var(--ab-muted)}.arban-room .ab-warn{color:var(--ab-off);font-weight:500}.arban-room .ab-link:hover{color:var(--ab-accent)}.ab-btn{border:1px solid var(--ab-line);background:var(--ab-panel);min-height:40px;color:var(--ab-ink);border-radius:6px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.9rem;display:inline-flex}.ab-btn:hover:not(:disabled){border-color:var(--ab-accent)}.ab-btn:disabled{opacity:.4;cursor:default}.ab-btn.ab-on{background:var(--ab-accent);color:var(--ab-accent-ink);border-color:var(--ab-accent)}.ab-mini{color:var(--ab-muted);padding:0 .2rem;font-size:.75rem;text-decoration:underline}.ab-panel{border:1px solid var(--ab-line);background:var(--ab-panel);border-radius:8px;padding:1rem}.ab-field{flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.ab-field>span{letter-spacing:.16em;text-transform:uppercase;color:var(--ab-muted);font-size:.68rem;font-weight:600}.ab-field select,.ab-transport select{border:1px solid var(--ab-line);background:var(--ab-sheet);min-height:38px;color:var(--ab-ink);border-radius:6px;max-width:100%;padding:.3rem .5rem}.ab-check{align-items:center;gap:.4rem;min-height:30px;font-size:.88rem;display:inline-flex}.ab-check input{accent-color:var(--ab-accent);width:16px;height:16px}.ab-shelf{border:1px solid var(--ab-line);background:var(--ab-panel);border-radius:8px;max-height:calc(100vh - 2rem);padding:.9rem .7rem;overflow:auto}.ab-sec summary{cursor:pointer;border-radius:4px;justify-content:space-between;gap:.5rem;padding:.35rem .4rem;font-size:.9rem;font-weight:600;list-style:none;display:flex}.ab-sec summary::-webkit-details-marker{display:none}.ab-sec summary:hover{background:var(--ab-hover)}.ab-sec[open] summary{color:var(--ab-accent)}.ab-count{color:var(--ab-muted);font-size:.72rem;font-weight:500}.ab-secnote{color:var(--ab-muted);padding:0 .4rem .3rem;font-size:.78rem;line-height:1.4}.ab-pieces{padding:0 0 .4rem .4rem}.ab-piece{text-align:left;border-left:2px solid #0000;border-radius:4px;justify-content:space-between;gap:.5rem;width:100%;padding:.32rem .5rem;font-size:.85rem;display:flex}.ab-piece:hover{background:var(--ab-hover)}.ab-piece[aria-current=true]{border-left-color:var(--ab-accent);background:var(--ab-hover);font-weight:600}.ab-page{color:var(--ab-muted);white-space:nowrap;font-size:.72rem}.ab-sec-empty{color:var(--ab-muted);opacity:.75;justify-content:space-between;gap:.5rem;padding:.35rem .4rem;font-size:.85rem;display:flex}.ab-soon{white-space:nowrap;font-size:.68rem;font-style:italic}.ab-original{color:#3a2a17;background:#f6efdc;border:1px solid #cdbb98;border-radius:6px;padding:.6rem;box-shadow:0 1px #0000000a,0 10px 24px -18px #3c280a73}.ab-original img{mix-blend-mode:multiply;width:100%;height:auto;display:block}.ab-original img+img{margin-top:.4rem}.ab-original figcaption{opacity:.8;padding-top:.4rem;font-size:.75rem;font-style:italic}.ab-sheet{background:var(--ab-sheet);border:1px solid var(--ab-line);border-radius:8px;padding:.8rem .6rem}.ab-score{color:var(--ab-ink)}.ab-score svg{display:block;overflow:visible}.ab-score [stroke=black],.ab-score [stroke=\#000],.ab-score [stroke=\#000000]{stroke:currentColor}.ab-score [fill=black],.ab-score [fill=\#000],.ab-score [fill=\#000000]{fill:currentColor}.ab-score .ab-bar{fill:#0000;cursor:pointer}.ab-score .ab-bar:hover{fill:var(--ab-hover)}.ab-score .ab-bar.ab-loop{fill:var(--ab-loop)}.ab-score .ab-now path,.ab-score .ab-now text,.ab-score .ab-now rect{fill:var(--ab-now);stroke:var(--ab-now)}.ab-score .ab-chord{fill:var(--ab-chord)}.ab-score .ab-trig,.ab-score .ab-partlabel{fill:var(--ab-muted)}.ab-score .ab-c-ok{fill:var(--ab-ok)}.ab-score .ab-c-near{fill:var(--ab-near)}.ab-score .ab-c-off{fill:var(--ab-off)}.ab-doubts{color:var(--ab-muted);font-size:.85rem}.ab-doubts summary{cursor:pointer;font-weight:600}.ab-doubts ul{padding:.4rem 0 0 1.2rem;line-height:1.5;list-style:outside}.ab-needle{grid-template-columns:auto 180px auto;align-items:center;gap:.8rem;display:grid}.ab-needle-name{font-family:var(--font-serif), Georgia, serif;text-align:center;min-width:2.4ch;font-size:2.2rem}.ab-needle-track{background:linear-gradient(to right, var(--ab-off), var(--ab-near) 35%, var(--ab-ok) 45% 55%, var(--ab-near) 65%, var(--ab-off));opacity:.85;border-radius:5px;height:10px;position:relative}.ab-needle-track span{background:var(--ab-ink);border-radius:2px;width:3px;height:20px;margin-left:-1.5px;transition:left 80ms linear;position:absolute;top:-5px}.ab-needle-cents{min-width:11ch;font-family:ui-monospace,monospace;font-size:.85rem}.ab-transport{z-index:40;background:color-mix(in srgb, var(--ab-panel) 94%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--ab-line);color:var(--ab-ink);position:sticky;bottom:0}.ab-play{background:var(--ab-accent);min-width:110px;min-height:44px;color:var(--ab-accent-ink);border-radius:999px;padding:.5rem 1.2rem;font-weight:600}.ab-play:disabled{opacity:.6}.ab-tempo{font-variant-numeric:tabular-nums;align-items:center;gap:.6rem;font-size:.95rem;display:flex}.ab-tempo small{color:var(--ab-muted);font-size:.72rem}.ab-tempo input{width:150px;accent-color:var(--ab-accent)}.ab-loop{align-items:center;gap:.4rem;font-size:.85rem;display:flex}.ab-loop>span{color:var(--ab-muted)}@media (max-width:640px){.ab-tempo input{width:110px}.ab-needle{grid-template-columns:auto 1fr}.ab-needle-cents{grid-column:1/-1}}body:has(.arban-room) .atlas-quick-kit{display:none!important}