:root{--layout-space-base: max(.5rem, min(2.2vh, 1.1rem));--device-gap: calc(var(--layout-space-base) * 1.25);--panel-radius: max(1rem, min(2.2vw, 1.8rem));--layout-shell-padding: max(1.25rem, min(3vw, 3rem));--single-strip-max-width: max(320px, min(94vw, 560px));--radio-shell-max: 72rem;--layout-anim-fast: .12s;--layout-anim-medium: .22s;--layout-anim-slow: .36s;--z-bottom: -1;--z-floor: 0;--z-base: 1;--z-above: 2;--z-float: 5;--z-overlay: 6;--z-tooltip: 10;--z-modal: 999;--z-max: 1000}.radio-shell{width:100%;min-height:min(100vh,var(--safe-vh));display:flex;justify-content:center;align-items:center;padding:var(--layout-shell-padding);box-sizing:border-box}.radio-shell__content{width:min(var(--radio-shell-max),100%);max-width:min(100vw,var(--radio-shell-max));display:flex;flex-direction:column;gap:var(--device-gap);min-height:auto;box-sizing:border-box}.radio-console{width:100%;display:flex;flex-direction:column;gap:var(--device-gap);align-items:stretch}.radio-strip{display:flex;flex-direction:column;gap:var(--device-gap);width:100%;min-width:0;max-width:var(--single-strip-max-width);margin:0 auto}.radio-strip--primary{flex:1 1 auto}.radio-strip--aux{flex:1 1 auto;display:none}.radio-strip--primary>.radio-controls{align-self:stretch;width:100%;padding:var(--device-gap) 0}@media(max-width:859.98px){.radio-strip--aux{display:none}}@media(min-width:860px){.radio-console{flex-direction:row;align-items:stretch;justify-content:space-around;gap:max(2rem,min(4vw,4.5rem))}.radio-strip{flex:0 0 max(360px,min(40vw,520px));max-width:max(360px,min(40vw,520px));margin:0}.radio-strip--primary{flex-direction:column}.radio-strip--aux{display:flex}.radio-strip--primary>.radio-controls{padding:var(--device-gap)}}:root{--green-h: 150;--green-s: 100%;--green-l: 68%;--amber-h: 65;--amber-s: 98%;--amber-l: 66%;--current-color: currentcolor;--transparent: transparent;--color-amber: hsl(var(--amber-h) var(--amber-s) var(--amber-l));--color-green: hsl(var(--green-h) var(--green-s) var(--green-l));--color-blue-dark: #05224b;--color-blue-mid: #0b4a8a;--color-blue-light: #1d7ad1;--color-white-soft: #f7fbff;--color-black-deep: #03060d;--color-grey-dark: #222;--color-white: #fff;--color-black: #000;--color-black-a25: color-mix(in srgb, var(--color-black), transparent 75%);--color-black-a35: color-mix(in srgb, var(--color-black), transparent 65%);--color-black-a40: color-mix(in srgb, var(--color-black), transparent 60%);--color-black-a45: color-mix(in srgb, var(--color-black), transparent 55%);--color-black-a65: color-mix(in srgb, var(--color-black), transparent 35%);--color-readout-off-1: #1f4124;--color-readout-off-2: #122518;--color-prism-text: #0e1424;--color-prism-bg-light: #f3f4fb;--color-red-soft: #f56a79;--color-prism-text-dark: #070b16;--color-input-backdrop: rgba(25,25,25,.50196);--color-green-text-light: #b1ffb1;--color-prism-bg-1: #181b29;--color-prism-bg-2: #272c42;--color-prism-base-dark: rgb(24, 27, 41);--color-prism-base-light: rgb(245, 247, 251);--color-modal-bg: rgba(6, 8, 15, .95);--color-tuner-menu-bg: rgba(3, 5, 11, .95);--color-topic-base: rgb(226, 255, 234);--color-topic-text: color-mix(in srgb, var(--color-topic-base), transparent 22%);--color-topic-text-a90: color-mix(in srgb, var(--color-topic-base), transparent 10%);--color-topic-text-a65: color-mix(in srgb, var(--color-topic-base), transparent 35%);--color-panel-bg-soft-base: rgba(34, 40, 52, .28);--color-panel-bg-strong-base: rgba(26, 32, 42, .34);--color-green-bright-a75: rgba(34, 233, 130, .75);--color-scan-glow: rgba(4, 245, 212, .6);--color-scope-bg-1: rgba(10, 60, 32, .5);--color-scope-bg-2: rgba(2, 10, 6, .85);--color-power-off-1: rgba(32, 24, 8, .95);--color-power-off-2: rgba(15, 10, 4, .95);--color-scan-disabled-text: rgba(120, 180, 130, .4);--color-scan-disabled-border: rgba(120, 180, 130, .35);--color-green-dark: hsl(var(--green-h) var(--green-s) 15%);--color-green-darker: hsl(var(--green-h) var(--green-s) 8%);--color-green-deep: hsl(var(--green-h) var(--green-s) 12%);--color-green-disabled: #5fa05f;--color-green-light: hsl(var(--green-h) var(--green-s) 85%);--color-red-focus: #ff0847;--color-green-a08: color-mix(in srgb, var(--color-green), transparent 92%);--color-green-a12: color-mix(in srgb, var(--color-green), transparent 88%);--color-green-a15: color-mix(in srgb, var(--color-green), transparent 85%);--color-green-a18: color-mix(in srgb, var(--color-green), transparent 82%);--color-green-a25: color-mix(in srgb, var(--color-green), transparent 75%);--color-green-a30: color-mix(in srgb, var(--color-green), transparent 70%);--color-green-a35: color-mix(in srgb, var(--color-green), transparent 65%);--color-green-a60: color-mix(in srgb, var(--color-green), transparent 40%);--color-green-a65: color-mix(in srgb, var(--color-green), transparent 35%);--color-green-a75: color-mix(in srgb, var(--color-green), transparent 25%);--color-green-a80: color-mix(in srgb, var(--color-green), transparent 20%);--color-green-a85: color-mix(in srgb, var(--color-green), transparent 15%);--color-green-a90: color-mix(in srgb, var(--color-green), transparent 10%);--color-green-light-a10: color-mix(in srgb, var(--color-green-light), transparent 90%);--color-green-light-a15: color-mix(in srgb, var(--color-green-light), transparent 85%);--color-green-light-a20: color-mix(in srgb, var(--color-green-light), transparent 80%);--color-green-light-a25: color-mix(in srgb, var(--color-green-light), transparent 75%);--color-amber-a20: color-mix(in srgb, var(--color-amber), transparent 80%);--color-amber-a30: color-mix(in srgb, var(--color-amber), transparent 70%);--color-amber-a35: color-mix(in srgb, var(--color-amber), transparent 65%);--color-amber-a50: color-mix(in srgb, var(--color-amber), transparent 50%);--color-amber-a65: color-mix(in srgb, var(--color-amber), transparent 35%);--color-amber-a75: color-mix(in srgb, var(--color-amber), transparent 25%);--color-amber-a80: color-mix(in srgb, var(--color-amber), transparent 20%);--color-amber-a90: color-mix(in srgb, var(--color-amber), transparent 10%);--color-white-a04: color-mix(in srgb, var(--color-white), transparent 96%);--color-white-a05: color-mix(in srgb, var(--color-white), transparent 95%);--color-white-a08: color-mix(in srgb, var(--color-white), transparent 92%);--color-white-a10: color-mix(in srgb, var(--color-white), transparent 90%);--color-white-a12: color-mix(in srgb, var(--color-white), transparent 88%);--color-white-a15: color-mix(in srgb, var(--color-white), transparent 85%);--color-white-a18: color-mix(in srgb, var(--color-white), transparent 82%);--color-white-a20: color-mix(in srgb, var(--color-white), transparent 80%);--color-white-a30: color-mix(in srgb, var(--color-white), transparent 70%);--color-white-a40: color-mix(in srgb, var(--color-white), transparent 60%);--color-white-a45: color-mix(in srgb, var(--color-white), transparent 55%);--color-white-a70: color-mix(in srgb, var(--color-white), transparent 30%);--color-white-a85: color-mix(in srgb, var(--color-white), transparent 15%);--color-white-a90: color-mix(in srgb, var(--color-white), transparent 10%);--color-white-a92: color-mix(in srgb, var(--color-white), transparent 8%);--color-black-a00: color-mix(in srgb, var(--color-black), transparent 100%);--color-black-a20: color-mix(in srgb, var(--color-black), transparent 80%);--color-black-a30: color-mix(in srgb, var(--color-black), transparent 70%);--color-black-a50: color-mix(in srgb, var(--color-black), transparent 50%);--color-black-a55: color-mix(in srgb, var(--color-black), transparent 45%);--color-black-a75: color-mix(in srgb, var(--color-black), transparent 25%);--color-black-a70: color-mix(in srgb, var(--color-black), transparent 30%);--color-gray-dark: #444;--color-gray-dark-a15: color-mix(in srgb, var(--color-gray-dark), transparent 85%);--color-gray-dark-a25: color-mix(in srgb, var(--color-gray-dark), transparent 75%);--color-gray-dark-a35: color-mix(in srgb, var(--color-gray-dark), transparent 65%);--color-gray-light: #bbb;--color-gray-mid: #777;--color-gray-light-a15: color-mix(in srgb, var(--color-gray-light), transparent 85%);--color-gray-mid-a15: color-mix(in srgb, var(--color-gray-mid), transparent 85%);--color-gray-light-a35: color-mix(in srgb, var(--color-gray-light), transparent 65%);--color-gray-mid-a35: color-mix(in srgb, var(--color-gray-mid), transparent 65%);--color-green-dark-a95: color-mix(in srgb, var(--color-green-dark), transparent 5%);--color-green-darker-a95: color-mix(in srgb, var(--color-green-darker), transparent 5%);--color-green-disabled-a25: color-mix(in srgb, var(--color-green-disabled), transparent 75%);--color-green-disabled-a35: color-mix(in srgb, var(--color-green-disabled), transparent 65%);--color-red-focus-a90: color-mix(in srgb, var(--color-red-focus), transparent 10%)}:root{--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--radius-2xs: 4px;--radius-xl: var(--radius-lg);--control-border-radius: var(--radius-md);--radius-control: var(--radius-md);--radius-panel: var(--radius-lg);--radius-card: var(--radius-md);--radius-badge: var(--radius-sm)}:root{--csstools-color-scheme--light: ;color-scheme:dark;font-family:Gemunu Libre,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font: "Gemunu Libre", "Inter",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif;--safe-vh: 100dvh;--kb-height: 0px;--bg-color: #d8d6d3;--bg-color-dark: #2d2f30;--text-color: #040506;--panel-border: var(--color-white-a12);--panel-shadow: 0 35px 70px var(--color-black-a35), 0 15px 30px var(--color-black-a40);--panel-sheen: var(--color-white-a08);--panel-bg-soft: var(--color-panel-bg-soft-base);--panel-bg-strong: var(--color-panel-bg-strong-base);--inner-gap: min(3vw, 24px);--outer-gap: min(4vw, 40px);--text-xs: max(.75rem, min(1vw, .9rem));--text-sm: max(1rem, min(1.2vw, 1.1rem));--text-md: max(1.2rem, min(1.4vw, 1.35rem));--text-lg: max(1.5rem, min(1.9vw, 1.8rem));--text-xl: max(1.9rem, min(2.7vw, 2.4rem));--text-2xl: max(2.4rem, min(3.5vw, 2.8rem));--text-3xl: max(3rem, min(3.8vw, 3.6rem));--screen-height: max(11rem, min(26vw, 15rem))}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:var(--transparent)}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font);font-size:var(--text-md);line-height:1.5;color:var(--text-color);background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;padding:0;min-height:var(--safe-vh);container-type:inline-size;container-name:viewport}body.radio-texture-bg{background-color:var(--bg-color-dark);background-image:radial-gradient(circle at 20% 20%,var(--color-white-a08),var(--transparent) 55%),radial-gradient(circle at 80% 10%,var(--color-green-a08),var(--transparent) 50%),linear-gradient(160deg,var(--color-black-a65),var(--color-black-a20) 35%,var(--color-black-a55)),url(/assets/radio-surface-texture.svg);background-size:160% 160%,200% 200%,100% 100%,cover;background-repeat:no-repeat;background-position:center,center,center,center;background-attachment:scroll}body.radio-texture-bg .radio-shell,body.radio-texture-bg .radio-shell__content{max-width:none;width:100%}.radio-visuals{position:fixed;inset:0;z-index:var(--z-floor);pointer-events:none;display:block}.radio-visuals__canvas{width:100%;height:100%;display:block;pointer-events:none}.radio-shell{z-index:var(--z-base);min-height:min(100vh,var(--safe-vh))}.radio-shell__content{align-items:stretch}.radio-strip--aux{position:relative;z-index:var(--z-above)}@media(max-width:720px){:root{--layout-shell-padding: max(.6rem, min(3vw, 1.5rem))}.radio-shell{margin:0}}.radio-controls{background:var(--panel-bg-strong);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-radius:var(--radius-panel);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);padding:var(--device-gap)}.primary-display-stack{display:flex;flex-direction:column;gap:var(--device-gap)}.panel{background:var(--panel-bg-soft);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:var(--radius-panel);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);padding:var(--device-gap);display:flex;flex-direction:column;gap:var(--device-gap)}.panel--channels{flex:1 1 auto;min-height:0}.panel--channels channel-list{flex:1 1 auto;min-height:0;overflow:auto}.panel--screen{display:flex;flex-direction:column;gap:var(--device-gap)}.panel--actions{align-items:center;justify-content:center}.panel--readout{padding:max(1rem,min(2vw,1.35rem))}channel-readout{width:100%;margin-bottom:0;--radius: var(--radius-panel);--text-3xl: max(2.5rem, min(3vw, 3.5rem));box-shadow:0 18px 40px var(--color-black-a45)}tuner-screen{display:block;width:100%}transmit-input{width:min(520px,100%)}transmit-input.floating-tx-input{max-width:520px}.panel.sparkle,docked-input-panel.sparkle{animation:panel-sparkle .8s ease-out}@keyframes panel-sparkle{0%{filter:brightness(1);border-color:var(--color-green-a12)}30%{filter:brightness(1.3);border-color:var(--color-green-a35);box-shadow:0 0 15px var(--color-green-a12)}to{filter:brightness(1);border-color:var(--color-green-a12)}}.panel--input{gap:max(.75rem,min(1.6vw,1.25rem))}.aux-input-slot transmit-input{width:100%}#floating-input-slot{position:relative;z-index:var(--z-above)}.channel-list{display:flex;flex-direction:column;gap:max(.4rem,min(1.3vw,.9rem))}.channel-list__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-white-a04);border:1px solid var(--color-white-a12);border-radius:calc(var(--radius-panel) * .35);padding:max(.65rem,min(1.8vw,1rem)) max(.9rem,min(2vw,1.2rem));display:flex;flex-direction:column;gap:.35rem;text-align:left;color:var(--text-color);font-size:var(--text-sm);cursor:pointer;width:100%;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.channel-list__item:hover,.channel-list__item:focus-visible{border-color:var(--color-green-a65);box-shadow:0 18px 32px var(--color-black-a35);background:var(--color-green-a08)}.channel-list__item.is-active{border-color:var(--color-green-a85);background:var(--color-green-a12);box-shadow:0 18px 35px var(--color-black-a40)}.channel-list__label{font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--color-topic-text-a90)}.channel-list__empty{font-size:var(--text-xs);color:var(--color-topic-text-a65)}.signal-scope{position:relative;width:100%;height:max(80px,min(12vw,120px));border-radius:max(.75rem,min(1.5vw,1.25rem));border:1px solid var(--color-green-a35);background:radial-gradient(circle at 30% 30%,var(--color-scope-bg-1),var(--color-scope-bg-2));box-shadow:inset 0 0 25px var(--color-black-a65),0 0 30px var(--color-black-a35);overflow:hidden}.signal-scope__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;filter:drop-shadow(0 0 10px var(--color-green-a25))}.signal-scope__overlay{pointer-events:none;position:absolute;inset:0;mix-blend-mode:screen}.signal-scope__grid{width:100%;height:100%;background-image:linear-gradient(var(--color-green-a08) 1px,var(--transparent) 1px),linear-gradient(90deg,var(--color-green-a08) 1px,var(--transparent) 1px);background-size:100% 22%,25% 100%;opacity:.35}@media(max-width:720px){body{align-items:flex-start}section[aria-label="Radio display"]{padding:var(--layout-space-base)}.radio-controls{padding-left:max(1rem,min(5vw,2rem));padding-right:max(1rem,min(5vw,2rem))}.radio-shell{display:block}}.sparkle-particle{position:absolute;pointer-events:none;background:var(--color-green);border-radius:var(--radius-round);opacity:0;z-index:var(--z-above);box-shadow:0 0 4px var(--color-green-a60)}.panel--hue-control{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px}.hue-control__row{display:flex;align-items:center;width:100%;gap:12px}.hue-control__label{width:40px;text-align:right;font-size:1.1rem;color:var(--color-green-light);text-transform:uppercase;letter-spacing:.05em}.hue-control__slider{flex:1;margin:0 .75vw 0 .5vw}