.sound-tab{position:fixed;z-index:90;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 13px 10px max(10px,env(safe-area-inset-left));border:1px solid #ff652e66;border-left:0;border-radius:0 7px 7px 0;background:#16191c;color:#f1efe9;box-shadow:0 3px 20px #0004;font:600 11px Manrope,Arial,sans-serif;cursor:pointer;transition:padding .25s,background .25s}.sound-tab:hover{background:#24282c;padding-right:18px}.sound-tab-mark{display:flex;gap:2px;align-items:center;height:16px}.sound-tab-mark i{width:2px;height:9px;background:#ff652e}.sound-tab-mark i:nth-child(2){height:16px}.sound-tab-mark i:nth-child(3){height:12px}
.sound-panel[hidden],.sound-drop[hidden]{display:none}.sound-panel{position:fixed;z-index:200;inset:0;overflow:auto;overscroll-behavior:contain;background:#151719;color:#f1efe9;font-family:Manrope,Arial,sans-serif;line-height:1.5;padding:calc(24px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(30px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));animation:sound-open .35s both}.sound-panel-inner{max-width:900px;margin:auto}.sound-panel-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.sound-panel h2{font:600 clamp(30px,4vw,52px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin:36px 0 32px}.sound-panel h2 em{font-family:Newsreader,Georgia,serif;font-weight:400}.sound-eyebrow{font-size:10px;letter-spacing:.12em;color:#ff8658}.sound-panel button{min-height:44px;border:1px solid #69717a;border-radius:7px;background:none;color:inherit;font:600 13px Manrope,Arial,sans-serif;padding:10px 18px;cursor:pointer;transition:border-color .2s,background .2s,opacity .2s}.sound-panel button:disabled{opacity:.4;cursor:default}.sound-panel button:hover{border-color:#ff652e}.sound-panel .sound-play{background:#ff652e;color:#111;border-color:#ff652e;min-width:96px}.sound-stage{height:clamp(160px,26svh,280px);border-radius:10px;background:#1c2023;overflow:hidden}.sound-panel .sound-drop{width:100%;height:100%;border:1px dashed #7d8287;border-radius:10px;font-size:clamp(17px,3vw,24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.sound-drop span{font-size:12px;font-weight:400;color:#b4bac0}.sound-drop.is-dragging{background:#ff652e18;border-color:#ff652e}.sound-drop.is-loading{opacity:.6}#sound-spectrum{width:100%;height:100%;display:none;padding:16px}#sound-spectrum.is-ready{display:block}.sound-frequency-labels{display:flex;justify-content:space-between;font-size:10px;color:#888;margin:10px 0 24px}.sound-panel label[for=sound-seek]{font-size:10px;letter-spacing:.1em;color:#aaa}.sound-wave-wrap{position:relative;height:64px;margin-top:12px}#sound-wave{width:100%;height:64px}#sound-seek{position:absolute;inset:0;width:100%;height:100%;opacity:.01;cursor:ew-resize;touch-action:pan-y;margin:0}.sound-wave-wrap:focus-within{outline:2px solid #ff652e;outline-offset:4px;border-radius:4px}.sound-time{display:flex;justify-content:space-between;font-size:12px;color:#bfc4c9;margin:10px 0 22px;font-variant-numeric:tabular-nums}.sound-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sound-controls label{display:flex;align-items:center;gap:10px;font-size:12px;margin-left:auto}.sound-controls input{accent-color:#ff652e;width:100px;min-height:44px}.sound-privacy{font-size:12px;color:#929ba3;margin:24px 0 0;max-width:55ch}.sound-panel #sound-status{font-size:13px;color:#ffb091;margin:14px 0 0}.sound-tab:focus-visible,.sound-panel button:focus-visible,.sound-panel input:focus-visible{outline:2px solid #ff652e;outline-offset:3px}@keyframes sound-open{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}@media(max-width:600px){.sound-panel h2{margin:28px 0 24px}.sound-controls label{margin-left:0}.sound-tab{padding-right:10px;font-size:10px}.sound-tab-mark{gap:2px}.sound-privacy{font-size:11px}}@media(prefers-reduced-motion:reduce){.sound-panel{animation:none}.sound-tab,.sound-panel button{transition:none}}

.sound-panel .sound-drop[hidden]{display:none}
/* Reserve the control row within the visible mobile viewport. */
.sound-panel{height:100dvh;padding:calc(16px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.sound-panel-inner{min-height:100%;display:flex;flex-direction:column}.sound-panel h2{font-size:clamp(27px,3.4vw,44px);margin:20px 0}.sound-stage{height:clamp(90px,19dvh,190px);flex-shrink:0}.sound-wave-wrap,#sound-wave{height:44px}.sound-wave-wrap{flex-shrink:0;margin-top:8px}.sound-frequency-labels{margin:6px 0 14px}.sound-time{margin:6px 0 12px}.sound-controls{position:sticky;bottom:0;background:#151719;padding:8px 0;flex-shrink:0;z-index:2}.sound-controls label{margin-left:0}.sound-privacy{margin:12px 0 0;font-size:11px}.sound-panel #sound-status{margin:8px 0 0;font-size:12px}@media(max-width:600px){.sound-panel h2{font-size:27px;margin:16px 0}.sound-controls{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:8px}.sound-controls button{padding:9px 8px;min-width:0;font-size:12px}.sound-controls label{grid-column:1/-1;justify-content:flex-end;min-height:32px}.sound-controls input{min-height:32px}.sound-stage{height:clamp(85px,16dvh,140px)}}@media(max-height:580px){.sound-panel h2{font-size:22px;margin:8px 0}.sound-stage{height:75px}.sound-wave-wrap,#sound-wave{height:28px}.sound-frequency-labels{margin-bottom:6px}.sound-privacy{display:none}.sound-controls label{display:none}}
.sound-panel{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.sound-panel-inner{min-height:0}.sound-controls{position:fixed;left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));bottom:0;width:auto;max-width:900px;margin:0 auto;padding:12px 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid #ffffff20;background:#151719}.sound-panel-top{position:sticky;top:0;background:#151719;z-index:3}@media(max-width:600px){.sound-panel{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.sound-stage{height:clamp(80px,14dvh,120px)}}@media(max-height:580px){.sound-panel{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}

.sound-tab{width:44px;padding:10px!important;font-size:0;justify-content:center;gap:0}.sound-tab-mark{height:18px}.sound-tab-mark i{width:3px}.sound-tab.is-playing{animation:music-glow 2.6s ease-in-out infinite}.sound-tab.is-playing .sound-tab-mark i{animation:music-colour 1.8s ease-in-out infinite alternate}.sound-tab.is-playing .sound-tab-mark i:nth-child(2){animation-delay:-.6s}.sound-tab.is-playing .sound-tab-mark i:nth-child(3){animation-delay:-1.2s}@keyframes music-glow{50%{border-color:#ff9a4a;box-shadow:0 0 14px #ff652e30}}@keyframes music-colour{to{background:#ffb562;box-shadow:0 0 5px #ff7f3b60}}@media(prefers-reduced-motion:reduce){.sound-tab.is-playing,.sound-tab.is-playing .sound-tab-mark i{animation:none}.sound-tab.is-playing{border-color:#ffb562}}

/* Primary controls sit above the visualiser, within easy reach. */
.sound-panel{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.sound-panel .sound-controls{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:100%;margin:0 0 14px;padding:0;border:0}.sound-spectrum-label{font-size:10px;letter-spacing:.12em;color:#aab1b7;margin:4px 0 9px}.sound-play.is-ready-to-play{animation:play-invitation 2.3s ease-in-out infinite}@keyframes play-invitation{0%,100%{box-shadow:0 0 0 0 #ff652e00}50%{box-shadow:0 0 10px 3px #ff652e66,0 0 22px 6px #ff652e26}}@media(prefers-reduced-motion:reduce){.sound-play.is-ready-to-play{animation:none;box-shadow:0 0 8px #ff652e44}}@media(max-height:580px){.sound-panel{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}