/* Compact variants reuse the existing sheet chrome, overlay and transitions. */
.compact-backdrop{top:var(--modal-top,0);bottom:auto;height:var(--modal-vh,100dvh);align-items:center;padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left))}
.compact-sheet{border:1px solid #344c62;border-radius:8px;max-height:calc(var(--modal-vh,100dvh) - 24px);box-shadow:0 8px 25px #0009,inset 0 1px #ffffff60}
.compact-sheet .sheet-navbar{--chrome-1:var(--nav-top);--chrome-2:var(--nav-mid);--chrome-3:var(--nav-bot);height:44px}
.compact-sheet .sheet-navbar h2{font-weight:700;text-shadow:0 -1px #0c1f30e6,0 1px #ffffff2e}
.compact-sheet .sheet-content{padding:16px;overscroll-behavior:contain}
.settings-sheet{width:340px}.settings-rows{margin:0}.settings-rows .table-row{background:linear-gradient(#fff,#f0f0f0);padding:12px;font-size:14px;color:#333;text-shadow:inherit;cursor:pointer}
.radio-player{margin-top:17px;color:#e9eef2;text-shadow:0 -1px #0008;min-width:0}
.radio-player h3{font-size:13px;margin:0 0 9px;color:#364555;text-shadow:0 1px #fff9}
.radio-enclosure{border:1px solid #526576;border-radius:6px;overflow:hidden;background:var(--noise),linear-gradient(#d2d9df,#b7c2cb);box-shadow:inset 0 1px #fff9,0 1px #fff6,0 2px 3px #23384b35}.radio-now{display:flex;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #344654;background:var(--noise),linear-gradient(#5d6d7b,#3d4c59);box-shadow:inset 0 1px #ffffff40,0 1px #fff5}
.radio-art{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(#9ab0c0,#42647f);border:1px solid #243b4c;box-shadow:inset 0 1px #fff8,0 1px 2px #0006}.radio-art img{width:100%;height:100%;object-fit:cover}.radio-art>.icon{width:29px;height:29px;filter:drop-shadow(0 1px 1px #0007)}
.radio-identity{min-width:0}.radio-identity strong,.radio-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-identity strong{font-size:13px}.radio-identity small{font-size:11px;color:#cfdae2;margin-top:4px}
.radio-controls{padding:11px 10px 8px;border-bottom:1px solid #8a9ba9;box-shadow:inset 0 1px #ffffff70}.radio-transport{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 9px}.radio-transport .silver-button{width:44px;height:44px}.radio-transport .silver-button.small{width:36px;height:36px}.radio-transport .icon{width:23px;height:23px}
.radio-modes{margin:auto}.radio-modes button{height:32px;width:48px}.radio-modes .icon{width:22px;height:22px}
.radio-progress{display:flex;gap:8px;align-items:center;margin:10px 0 5px;font-size:10px;color:#495b69;text-shadow:0 1px #fff8}.radio-progress-track{height:6px;flex:1;background:#293743;border:1px solid #27333e;border-radius:5px;box-shadow:0 1px #fff8,inset 0 1px 2px #0008;overflow:hidden}.radio-progress-track i{display:block;width:var(--fill,0%);height:100%;background:linear-gradient(#8db9e1,#3673ab)}
.radio-notice{font-size:11px;line-height:1.4;color:#703c30;text-shadow:0 1px #fff8;margin:8px 0 0}
.radio-playlist{padding:0;list-style:none;margin:0;max-height:144px;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:0;background:#f6f6f6;scrollbar-width:none;box-shadow:inset 0 1px #fff}
.radio-playlist::-webkit-scrollbar{display:none}.radio-playlist:focus-visible{outline:2px solid #377db7;outline-offset:-2px}.radio-playlist-scroll{position:relative;background:#f6f6f6}.radio-playlist-scroll[data-overflow="true"] .radio-playlist{padding-right:13px}.radio-scroll-indicator{position:absolute;top:4px;bottom:4px;right:3px;width:7px;border:1px solid #8796a3;border-radius:5px;background:linear-gradient(90deg,#9eacb7,#d3dce2);box-shadow:inset 1px 0 2px #243b4c60,0 1px #fff8;pointer-events:none}.radio-scroll-indicator[hidden]{display:none}.radio-scroll-indicator i{display:block;width:5px;min-height:20px;border:1px solid #647b8e;border-radius:4px;background:linear-gradient(90deg,#e5eef5,#9bb0c0 48%,#7895ac 51%,#bdccd7);box-shadow:inset 0 1px #ffffffbd,0 1px 1px #253c5050;will-change:transform}.radio-playlist li+li{border-top:1px solid #c8cdd2}.radio-playlist button{width:100%;display:flex;align-items:center;gap:9px;min-height:44px;text-align:left;background:linear-gradient(#fff,#e9edf0);color:#344a5d;text-shadow:0 1px #fff;padding:7px 9px;box-shadow:inset 0 1px #fff}.radio-playlist button>span:nth-child(2){flex:1;min-width:0}.radio-playlist strong,.radio-playlist small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-playlist strong{font-size:12px}.radio-playlist small{font-size:10px;color:#6a7680;margin-top:2px}.radio-track-number{font-size:11px;color:#8a959d}.radio-row-speaker{width:16px;height:16px;visibility:hidden}.radio-playlist .is-active{color:white;text-shadow:0 -1px #174565;background:linear-gradient(#72a3c6,#39759f);box-shadow:inset 0 1px #b9d6ed}.radio-playlist .is-active small,.radio-playlist .is-active .radio-track-number{color:#e4eff7}.radio-playlist .is-active .radio-row-speaker{visibility:visible}.radio-empty{padding:12px;color:#526271;font-size:12px;text-shadow:0 1px #fff}.radio-spotify{width:100%;margin-top:10px;font-size:12px;min-height:36px}
/* Keep the shared 76×28 switch and 26px knob, but animate one continuous
   knob. CSS transitions retarget the currently rendered position on reversal. */
.settings-rows .toggle{margin-left:auto;flex-shrink:0;font-size:13px;padding:0;background:linear-gradient(#aaa,#e5e5e5 50%,#fafafa 51%);isolation:isolate}
.settings-rows .toggle::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(var(--toggle-on-1),var(--toggle-on-2));box-shadow:inset 0 1px 3px #0007;opacity:0;transition:opacity 180ms ease-out;z-index:-1}
.settings-rows .toggle::after{left:0;transform:translateX(0);transition:transform 280ms cubic-bezier(.25,.8,.35,1.12)}
.settings-rows .toggle[aria-checked="true"]::before{opacity:1}.settings-rows .toggle[aria-checked="true"]::after{left:0;transform:translateX(48px)}
.settings-rows .toggle>span{position:absolute;top:0;bottom:0;display:grid;place-items:center;pointer-events:none;transition:opacity 140ms ease-out}
.settings-rows .switch-on{left:6px;right:29px;color:#fff;text-shadow:0 -1px #0005;opacity:0}.settings-rows .switch-off{left:28px;right:8px;color:#888;text-shadow:0 1px #fff;opacity:1}
.settings-rows .toggle[aria-checked="true"] .switch-on{opacity:1}.settings-rows .toggle[aria-checked="true"] .switch-off{opacity:0}
@media(prefers-reduced-motion:reduce){.settings-rows .toggle::before,.settings-rows .toggle::after,.settings-rows .toggle>span{transition:none}}
.contact-sheet{width:500px}.contact-composer{display:flex;flex-direction:column;gap:13px;color:#344453;text-shadow:0 1px #fff8}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-composer label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:bold}.contact-composer input,.contact-composer textarea{width:100%;min-width:0;border:1px solid #8a96a2;border-radius:5px;background:linear-gradient(#f3f4f5,#fff 18px);box-shadow:inset 0 1px 3px #24354435,0 1px #fff8;padding:9px;font:14px/1.4 Arial,sans-serif;color:#243443;text-shadow:none}.contact-composer textarea{resize:vertical;min-height:140px;max-height:350px}.contact-composer input:focus-visible,.contact-composer textarea:focus-visible{outline:2px solid #5086b5;outline-offset:1px}.contact-composer small{font-size:11px;line-height:1.4;font-weight:normal;color:#566576}.contact-send{width:100%;font-size:15px}.contact-status{margin:0;line-height:1.45;font-size:12px;min-height:17px}.contact-status[data-kind="error"]{color:#82352f}.contact-status[data-kind="success"]{color:#28533b}.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden}.contact-composer button:disabled{opacity:.65;cursor:default}.contact-turnstile{max-width:100%;min-height:0}
@media(max-width:440px){.compact-sheet .sheet-content{padding:13px}.contact-fields{grid-template-columns:1fr}.contact-composer{gap:11px}.contact-composer textarea{min-height:110px}.contact-composer input,.contact-composer textarea{font-size:16px}.contact-sheet{max-width:100%}}
@media(prefers-reduced-motion:no-preference){.compact-sheet{animation:compact-in 250ms cubic-bezier(.2,.8,.2,1) both}.closing .compact-sheet{animation:compact-out 250ms ease-in both}@keyframes compact-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes compact-out{to{opacity:0;transform:translateY(8px) scale(.98)}}}

.site-media-volume{margin-top:15px;padding:10px 11px;border:1px solid #98a7b3;border-radius:5px;background:linear-gradient(#e8edf1,#d0d9e1);box-shadow:inset 0 1px #fff,0 1px #fff8;color:#344a5c;text-shadow:0 1px #fff8}.site-media-volume label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:bold;margin-bottom:6px}.site-media-volume output{font-size:11px}.site-media-volume input{display:block;width:100%;height:8px;margin:12px 0}.site-media-volume small,.media-volume-warning{display:block;font-size:10px;line-height:1.35;margin:4px 0 0}.media-volume-warning{color:#713e31}.media-volume-warning[hidden]{display:none}