body{margin:0;isolation:isolate;color:#e8eef7;min-height:100dvh}
.site-background{z-index:-3}#caustics{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
html[data-renderer=gpu] .site-background__star{will-change:auto}
button{border:1px solid #6fe7ff50;background:#15293b;color:#dcf6ff;padding:10px 16px;border-radius:8px;cursor:pointer;font:inherit}
aside{position:fixed;top:16px;width:260px;padding:16px;background:#081321e8;border:1px solid #6fe7ff35;border-radius:12px;font-size:14px;z-index:5;max-height:calc(100dvh - 64px);overflow:auto;box-sizing:content-box}
#base-panel{left:16px}#audio-panel{right:16px;width:300px}
summary{cursor:pointer;font-weight:bold;font-size:16px}
fieldset{border:0;border-top:1px solid #6fe7ff35;margin:18px 0 0;padding:12px 0 0;min-width:0}fieldset h3{font-size:15px;margin:0;font-weight:bold}
#effect-ranges{border-bottom:1px solid #6fe7ff35;padding-bottom:6px}
.range-caption{display:flex;justify-content:space-between;gap:8px;margin-top:8px}
.dual-track{position:relative;height:30px;margin:4px 8px;background:linear-gradient(#6fe7ff60,#6fe7ff60) center/100% 4px no-repeat}
.spectral-range .dual-track{background:linear-gradient(90deg,#606eff,#61dfff,#60ffb9,#ffd261,#ff6961) center/100% 4px no-repeat}
.dual-track input{position:absolute;inset:0;width:100%;margin:0;background:none;appearance:none;pointer-events:none}
.dual-track input::-webkit-slider-runnable-track{background:transparent;height:4px}
.dual-track input::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:-6px;border:2px solid #dbf6ff;border-radius:50%;background:#1b536a;pointer-events:auto;cursor:ew-resize}
.dual-track input::-moz-range-track{background:transparent}.dual-track input::-moz-range-thumb{pointer-events:auto;background:#1b536a;border:2px solid #dbf6ff;border-radius:50%}
.dual-track input:focus-visible{outline:1px solid #6fe7ff;outline-offset:3px}
.hint{font-size:12px;color:#a4becd;line-height:1.4;margin:10px 0}output{font-variant-numeric:tabular-nums}
label{display:block;margin:12px 0}label span{display:flex;justify-content:space-between}
.effect-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.effect-toggle{display:flex;align-items:center;justify-content:center;margin:0;min-width:28px;min-height:28px;cursor:pointer}
.effect-toggle input{margin:0;width:16px;height:16px;cursor:pointer}
.is-disabled .effect-sliders{opacity:.35;filter:grayscale(1)}
.effect-sliders input:disabled,.effect-sliders input:disabled::-webkit-slider-thumb{cursor:not-allowed}
input[type=range]{width:100%;accent-color:#6fe7ff}input[type=checkbox]{accent-color:#6fe7ff}
#status{color:#87bdcb}aside .background-music-switch{padding:.35rem .2rem;border:0;background:transparent;border-radius:0;font-size:.93rem}
aside .background-music-switch__label{display:inline}.audio-controls{margin-top:12px;padding-top:8px;border-top:1px solid #6fe7ff35}
@media(max-width:760px){aside{top:auto;bottom:8px;padding:12px;max-height:45dvh;width:calc(50vw - 36px)!important}#base-panel{left:8px}#audio-panel{right:8px}summary{font-size:14px}.range-caption{display:block}.range-caption output{display:block}label{margin:10px 0}}