.live-level{appearance:none;-webkit-appearance:none;width:100%;height:32px;background:transparent;--live:0%;cursor:pointer}
.live-level::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(to right,#92ddd9 0 var(--live),#274354 var(--live) 100%)}
.live-level::-moz-range-track{height:6px;border-radius:6px;background:linear-gradient(to right,#92ddd9 0 var(--live),#274354 var(--live) 100%)}
.live-level::-moz-range-progress{background:transparent}
.live-level::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border:2px solid #c5f3ec;background:#82cfcc;border-radius:50%;margin-top:-5px}
.live-level::-moz-range-thumb{width:12px;height:12px;border:2px solid #c5f3ec;background:#82cfcc;border-radius:50%}
.spectrum{height:auto!important;display:block!important;margin:8px 0 20px;padding:12px;border:1px solid #31556b;border-radius:22px;background:linear-gradient(140deg,rgba(52,135,160,.16),rgba(13,38,61,.7))}
.spectrum canvas{display:block;width:100%;height:170px}
.spectrum figcaption{font-size:.74rem;color:#9abdc7;line-height:1.4;margin:4px 0 0}
.mode{display:flex;gap:8px}.mode button{border:1px solid #3b5b6d;background:#122f42;color:#d5e9e9;border-radius:999px;padding:9px 13px}
.mode button[aria-pressed=true]{border-color:#94dcd8;background:#215263;color:white}
.back{display:inline-flex;align-items:center;gap:6px}.back svg{width:16px;height:16px;flex:none;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.play:disabled{opacity:.6;cursor:wait}
.main-title{font-size:clamp(1.3rem,5.1vw,2.05rem);line-height:1.17;letter-spacing:-.035em}
.main-title .sleep-words{white-space:nowrap}
[hidden]{display:none!important}
@media(max-width:350px){.main-title .sleep-words{display:block}.component-head{gap:7px}.component-head strong{font-size:.88rem}}