/* Compact monochrome controls, following the earlier Sound Lab mixer.
   Chart geometry, axes, contours, data and interaction remain unchanged. */
:root,body,body[data-place]{--ink:#111!important;--muted:#666!important;--line:#ccc!important;--accent:#111!important;--paper:#fff!important;--panel:#fff!important;--wash:#f4f4f4!important;--wash2:#fafafa!important;--bg:#fff!important;--page:#fff!important;--green:#111!important;--purple:#111!important;--recorded:#111!important;--generated:#111!important;--channel:#111!important;--dark:#111!important;--light:#fff!important;--pale:#f6f6f6!important;--soft:#eee!important;--warm:#eee!important}
html{color-scheme:light!important;background:#fff!important}
body{margin:0!important;background:#fff!important;color:#111!important;font:12px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;filter:grayscale(1)}
body *{font-family:inherit!important;letter-spacing:normal!important;box-shadow:none!important;text-shadow:none!important;color:inherit!important}
body main,body main.app,body main.room{max-width:1100px!important;margin:0 auto!important;padding:16px!important;background:#fff!important}
body h1{font-size:23px!important;line-height:1.25!important;font-weight:650!important;margin:0 0 10px!important;font-style:normal!important}
body h1 em{font-style:normal!important}
body h2{font-size:14px!important;line-height:1.35!important;font-weight:650!important;margin:0 0 9px!important}
body h3{font-size:13px!important;font-weight:600!important;line-height:1.35!important}
body p{line-height:1.45!important}
body main>header,body .hero,body section.intro,body header.intro,body .intro-copy{padding:8px 0 12px!important;margin:0 0 12px!important}
body .wordmark{font-size:13px!important;font-weight:650!important;color:#111!important}
body :is(.instrument,.room-panel,.card,.track,.stage,.scene-library,.sleep-panel,.layer,.effect,.source-panel,.global,.listening){background:#fff!important;border-radius:0!important}
body :is(.instrument,.room-panel,.card,.track,.stage,.scene-library,.sleep-panel,.layer,.effect){padding:14px!important;border-color:#ccc!important}
body :is(.colours,.presets,.filter-options,.place-picker,.pills,.comparison,.compare-buttons){gap:6px!important}
body :is(button,input,select,textarea,fieldset,details,.card,.track,.stage,.preset,.colour-card,.source-option,.effect,.sleep-panel,.scene-library){border-radius:0!important}
body button,body a.button{font-size:12px!important;font-weight:500!important;line-height:1.3!important;min-height:27px!important;min-width:0!important;padding:5px 9px!important;border:1px solid #aaa!important;background:#fff!important;color:#111!important;transition:none!important}
body button:hover:enabled{background:#eee!important;border-color:#111!important}
body button:disabled{opacity:.4!important;cursor:default!important}
body :is(button.primary,button.power,button.play,button.play-button,button.sleep-primary,button.save-button,button[aria-pressed=true],button[aria-checked=true],button.selected){background:#111!important;border-color:#111!important;color:#fff!important}
body :is(button.primary,button.power,button.play,button.play-button,button.sleep-primary,button.save-button,button[aria-pressed=true],button[aria-checked=true],button.selected) *{color:#fff!important}
body button[role=switch]{min-width:28px!important;min-height:20px!important}
body :is(input,select,textarea){font-size:12px!important;color:#111!important;accent-color:#111!important}
body :is(select,input[type=number],input[type=text]){background:#fff!important;border:1px solid #aaa!important;padding:5px 7px!important;min-height:27px!important}
body input[type=range]{appearance:none!important;-webkit-appearance:none!important;accent-color:#111!important;height:18px!important;margin:4px 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body input[type=range]::-webkit-slider-runnable-track{height:2px!important;border:0!important;border-radius:0!important;background:#ccc!important}
body input[type=range]::-webkit-slider-thumb{appearance:none!important;-webkit-appearance:none!important;width:8px!important;height:12px!important;margin-top:-5px!important;border:0!important;border-radius:0!important;background:#111!important;box-shadow:none!important}
body input[type=range]::-moz-range-track{height:2px!important;border:0!important;border-radius:0!important;background:#ccc!important}
body input[type=range]::-moz-range-progress{height:2px!important;background:#111!important}
body input[type=range]::-moz-range-thumb{width:8px!important;height:12px!important;border:0!important;border-radius:0!important;background:#111!important}
body :is(input[type=checkbox],input[type=radio]){accent-color:#111!important}
body :focus-visible{outline:2px solid #111!important;outline-offset:2px!important}
body :is(.colour-card,.source-option){background:#fff!important;border:1px solid #ccc!important;padding:12px!important}
body :is(.colour-card:has(input:checked),.source-option:has(input:checked)){border-color:#111!important;background:#f6f6f6!important}
body :is(.swatch,.check,.tiny-dot,.logo,.object-rings){display:none!important}
body :is(.intro,.hero,.number-row,.setting,.transport,.output,.workbench,.grid,.controls,.layers,.main-controls,.treatments,.workspace,.frequency-grid,.listening-state){gap:14px!important}
body .number-row input{font-size:24px!important;width:100px!important}
body output,body .value{font-variant-numeric:tabular-nums!important}
body .instrument{margin-top:14px!important}
body :is(.intro,.hero) .transport{margin-top:0!important}
body .transport{padding-top:10px!important;margin-top:12px!important}
body .section-heading{margin-bottom:12px!important}
body .place-picker{background:#fff!important;border-color:#ccc!important;border-radius:0!important;padding:0!important}
body .place-picker button{font-size:13px!important}
body .sleep-clock output{font-size:30px!important}
body .example-scenes strong{font-size:16px!important}
body .example-scenes button{padding:12px!important}
body .intensity-object{width:100%!important;height:auto!important;margin:15px auto!important;padding:0!important;display:block!important}
body .intensity-control{display:grid!important;grid-template-columns:80px minmax(90px,1fr) 48px!important;gap:10px!important;align-items:center!important;width:100%!important;padding:0!important}
body .intensity-control label{grid-column:1;grid-row:1;text-align:left}
body .intensity-control input{grid-column:2;grid-row:1}
body .intensity-control output{grid-column:3;grid-row:1;font-size:16px!important;margin:0!important;line-height:1.2!important;text-align:right}
body .intensity-control .ends{display:none!important}
body .listening{max-width:680px!important;text-align:left!important;margin:0 auto!important;padding:16px 0!important}
body .movement-control{max-width:none!important;margin:10px 0 16px!important}
body .nearby-controls{padding:0!important;gap:24px!important}
body .listening .transport{justify-content:flex-start!important}
body .mono-output-toolbar{margin-top:15px;padding-top:12px;border-top:1px solid #aaa;display:flex;justify-content:flex-end}
body .mono-output-toolbar .volume{display:flex;align-items:center;gap:10px;max-width:450px}
body .mono-output-toolbar input{min-width:130px}
body .mono-technical-note{font-size:11px;margin-top:12px;color:#666!important}
body .mono-retained-copy{display:none!important}
/* Vertical faders keep their orientation and full travel. */
body[data-experiment="19-console"] .fader input[type=range]{height:170px!important;width:25px!important;writing-mode:vertical-lr!important;direction:rtl!important;cursor:ns-resize!important}
body[data-experiment="19-console"] .fader input[type=range]::-webkit-slider-runnable-track{width:2px!important;height:100%!important;background:#ccc!important}
body[data-experiment="19-console"] .fader input[type=range]::-webkit-slider-thumb{width:20px!important;height:8px!important;margin:0 0 0 -9px!important}
/* Charts retain their original geometry, detail and dynamic rendering. */
body :is(canvas,svg,.atmosphere-map,.map-frame,.map-point,.scope,.field,.room,.spectrum-wrap,.map-readout){filter:grayscale(1)}
body .map-readout h3{font-size:19px!important}
body .map-readout dl{font-size:12px!important}
body .map-point{border-color:#111!important}
body .map-point i{background:#111!important}
body .map-section{background:#fff!important;border-color:#ccc!important}
@media(max-width:620px){body main,body main.app,body main.room{padding:12px!important}body h1{font-size:21px!important}body .intensity-control{grid-template-columns:65px minmax(70px,1fr) 42px!important}body .number-row input{width:80px!important}}

body[data-experiment="13-granular"] :is(.field-top,.field-top *,.field-bottom,.field-bottom *){color:#fff!important}