@font-face{font-family:'Radio Dial';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/barlow-condensed-regular.ttf') format('truetype')}
@font-face{font-family:'Radio Dial';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/barlow-condensed-medium.ttf') format('truetype')}
#frequency-home {
  color-scheme:dark;
  --fh-paper:#1c2023;
  --fh-ink:#e2ded5;
  --fh-accent:#c9aa75;
  --fh-dim:color-mix(in srgb,var(--fh-ink) 76%,var(--fh-paper));
  --fh-rule:color-mix(in srgb,var(--fh-ink) 20%,var(--fh-paper));
  --fh-success:var(--fh-accent);
  box-sizing:border-box;width:100%;background:var(--fh-paper);color:var(--fh-ink);
  font:400 14px/1.8 "SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
#frequency-home *{box-sizing:border-box}
#frequency-home [hidden]{display:none!important}
#frequency-home button,#frequency-home a{font:inherit;border:0;padding:0;color:inherit;background:transparent;border-radius:0;cursor:pointer}
#frequency-home p,#frequency-home h1,#frequency-home h2{margin:0}
#frequency-home .fh-home{width:min(860px,calc(100% - 64px));min-height:100svh;margin:0 auto;padding:48px 0;display:flex;flex-direction:column;justify-content:center}
#frequency-home .fh-receiver{--fh-paper:#252a2e;--fh-dim:color-mix(in srgb,var(--fh-ink) 72%,var(--fh-paper));--fh-rule:color-mix(in srgb,var(--fh-ink) 18%,var(--fh-paper));width:100%;display:flex;flex-direction:column;background:var(--fh-paper);border:1px solid #4b5357}
#frequency-home .fh-stage+.fh-tuner,#frequency-home .fh-tuner+.fh-stage{border-top:1px solid var(--fh-rule)}
#frequency-home .fh-tuner{color:var(--fh-ink);background:var(--fh-paper);padding-bottom:13px}
#frequency-home .fh-radio{height:148px;background:var(--fh-paper);transition:background-color 140ms;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
#frequency-home .fh-radio:focus-within{background:color-mix(in srgb,var(--fh-accent) 7%,var(--fh-paper))}
#frequency-home .fh-radio:focus-within .fh-fm-scale{color:var(--fh-accent)}
#frequency-home .fh-radio:focus-within .fh-label.fm{color:var(--fh-accent)}
#frequency-home .fh-radio:focus-within .fh-ticks.fm span.major,#frequency-home .fh-radio:focus-within .fh-ticks.fm span.label-tick{background:var(--fh-accent)}
#frequency-home .fh-glass{height:100%;position:relative;margin:auto}
#frequency-home .fh-track{position:absolute;left:clamp(58px,10vw,90px);right:clamp(58px,10vw,90px);top:0;bottom:0}
#frequency-home .fh-scale-viewport{position:absolute;inset:0;overflow:hidden;pointer-events:none}
#frequency-home .fh-rail{position:absolute;left:0;top:0;bottom:0;will-change:transform}
#frequency-home .fh-label,#frequency-home .fh-unit{font-family:'Radio Dial','DIN Condensed','Arial Narrow',sans-serif}
#frequency-home .fh-label{position:absolute;left:clamp(22px,5vw,40px);font-size:18px;line-height:24px;letter-spacing:.04em;font-weight:500}
#frequency-home .fh-label.fm{top:24px;color:var(--fh-ink)}
#frequency-home .fh-label.am{top:97px;color:var(--fh-dim);font-size:16px;font-weight:400}
#frequency-home .fh-unit{position:absolute;right:clamp(19px,4vw,35px);font-size:14px;line-height:24px;letter-spacing:.025em;font-weight:500;color:var(--fh-dim)}
#frequency-home .fh-unit.mhz{top:24px}
#frequency-home .fh-unit.khz{top:97px;font-weight:400}
#frequency-home .fh-fm-scale,#frequency-home .fh-am-scale{position:absolute;left:0;right:0;height:24px}
#frequency-home .fh-fm-scale{top:24px}
#frequency-home .fh-am-scale{top:97px;color:var(--fh-dim)}
#frequency-home .fh-number{position:absolute;font-family:'Radio Dial','DIN Condensed','Arial Narrow',sans-serif;font-size:20px;line-height:24px;transform:translateX(-50%);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.025em}
#frequency-home .fh-fm-scale .fh-number{font-size:22px;font-weight:500}
#frequency-home .fh-am-scale .fh-number{font-size:18px;font-weight:400;letter-spacing:.04em}
#frequency-home .fh-ticks{position:absolute;left:0;right:0;height:12px;display:flex;justify-content:space-between;color:var(--fh-rule)}
#frequency-home .fh-ticks.fm{top:54px;align-items:flex-end;border-bottom:1px solid var(--fh-rule)}
#frequency-home .fh-ticks.am{top:81px;align-items:flex-start;border-top:1px solid var(--fh-rule)}
#frequency-home .fh-ticks span{display:block;flex:0 0 1px;width:1px;height:5px;background:currentColor}
#frequency-home .fh-ticks span.major{height:8px;background:color-mix(in srgb,var(--fh-ink) 56%,var(--fh-paper))}
#frequency-home .fh-ticks span.label-tick{height:11px;background:color-mix(in srgb,var(--fh-ink) 76%,var(--fh-paper))}
#frequency-home .fh-ticks.am span.label-tick{height:9px}
#frequency-home .fh-needle{position:absolute;top:0;bottom:0;width:2px;left:50%;transform:translateX(-50%);background:var(--fh-accent);pointer-events:none;z-index:2}
#frequency-home .fh-needle::before,#frequency-home .fh-needle::after{content:'';position:absolute;left:-2px;width:6px;height:2px;background:var(--fh-accent)}
#frequency-home .fh-needle::before{top:0}#frequency-home .fh-needle::after{bottom:0}
/* Keep native range input semantics without drawing the iOS thumb or its shadow. */
#frequency-home input[type=range]{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;appearance:none;-webkit-appearance:none;background:transparent;border:0;opacity:0;box-shadow:none;cursor:grab;z-index:3;touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent}
#frequency-home #fh-range:focus,#frequency-home #fh-range:focus-visible{outline:none;box-shadow:none}
#frequency-home[data-dragging="true"] input[type=range]{cursor:grabbing}
#frequency-home input[type=range]::-webkit-slider-runnable-track{background:transparent;box-shadow:none;height:100%}
#frequency-home input[type=range]::-webkit-slider-thumb,#frequency-home input[type=range]::-webkit-slider-thumb:active{appearance:none;-webkit-appearance:none;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:0;width:20px;height:100%}
#frequency-home input[type=range]::-moz-range-track{background:transparent;box-shadow:none;height:100%}
#frequency-home input[type=range]::-moz-range-thumb{border:0;border-radius:0;background:transparent;box-shadow:none;opacity:0;width:20px;height:148px}
#frequency-home .fh-feedback{height:28px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:0 clamp(22px,5vw,40px);font-size:11px;color:var(--fh-dim);font-variant-numeric:tabular-nums}
#frequency-home #fh-value{display:inline-block;width:6ch;text-align:right;color:var(--fh-ink)}
#frequency-home .fh-tuned{display:inline-flex;gap:7px;align-items:center;letter-spacing:.5px}
#frequency-home .fh-tuned i{display:block;width:4px;height:4px;border:1px solid var(--fh-dim)}
#frequency-home[data-locked="true"] .fh-tuned{color:var(--fh-accent)}
#frequency-home[data-locked="true"] .fh-tuned i{background:var(--fh-accent);border-color:var(--fh-accent)}
#frequency-home .fh-stage{height:352px;position:relative;display:flex;align-items:center;justify-content:center;padding:0 28px;isolation:isolate}
/* A sparse, flat dot field suggests the grille without drawing a woven material. */
#frequency-home .fh-stage::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#8c9799 .7px,transparent .9px);background-size:12px 12px;background-position:center;opacity:.34;mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.2) 8%,#000 78%);pointer-events:none;z-index:-1}
#frequency-home .fh-destination{width:100%;height:220px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
#frequency-home .fh-title{display:block;flex-shrink:0;height:60px;line-height:60px;font-size:44px;font-weight:400;letter-spacing:-.045em;margin-bottom:17px;white-space:nowrap}
#frequency-home[data-station="collection"] .fh-title{font-size:40px}
#frequency-home .fh-line{display:block;height:23px;line-height:23px;font-size:13px;color:var(--fh-dim);white-space:nowrap}
#frequency-home .fh-char{display:inline-block}
#frequency-home .fh-open{display:inline-block;margin-top:25px;height:44px}
#frequency-home .fh-open[aria-disabled="true"]{cursor:default}
#frequency-home .fh-arrow{display:inline-flex;height:44px;min-width:150px;padding:0 10px;align-items:center;justify-content:center;font-size:12px;letter-spacing:.025em;border-bottom:1px solid var(--fh-rule)}
#frequency-home .fh-open:not([aria-disabled="true"]):hover .fh-arrow{color:var(--fh-accent);border-color:var(--fh-accent)}
#frequency-home .fh-subpage{max-width:800px;margin:auto;padding:52px clamp(22px,6vw,54px) 45px}
#frequency-home .fh-subpage-header{display:flex;justify-content:space-between;gap:15px;align-items:baseline;border-bottom:1px solid var(--fh-rule);padding-bottom:18px}
#frequency-home .fh-subpage-header a,#frequency-home .fh-subpage-header span{font-size:11px;color:var(--fh-dim)}
#frequency-home .fh-subpage-header a{text-decoration:underline;text-underline-offset:4px;min-height:30px}
#frequency-home .fh-subpage h1{font-size:25px;font-weight:400;margin:30px 0 8px}
#frequency-home .fh-subpage-intro{font-size:13px;color:var(--fh-dim);max-width:530px}
#frequency-home .fh-page-list{list-style:none;padding:0;margin:27px 0 0}
#frequency-home .fh-page-list li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;border-top:1px solid var(--fh-rule);padding:18px 0}
#frequency-home .fh-page-list li:last-child{border-bottom:1px solid var(--fh-rule)}
#frequency-home .fh-page-list small{color:var(--fh-dim);font-size:11px}
#frequency-home .fh-page-list h2{font-size:14px;font-weight:400}
#frequency-home .fh-page-list p{margin-top:5px;font-size:12px;color:var(--fh-dim)}
#frequency-home .fh-about-copy{margin-top:26px;max-width:535px}
#frequency-home .fh-about-copy p{margin-top:18px;font-size:14px;line-height:1.9}
#frequency-home .fh-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:520px){
  #frequency-home .fh-home{width:calc(100% - 24px);min-height:0;padding:34px 0 31px;justify-content:flex-start}
  #frequency-home .fh-stage{height:clamp(292px,40svh,340px);margin-top:0;padding:0 20px}
  #frequency-home .fh-tuner{padding-bottom:10px}
  #frequency-home .fh-radio{height:148px}
  #frequency-home .fh-track{left:54px;right:54px}
  #frequency-home .fh-label{left:20px;font-size:16px}
  #frequency-home .fh-label.am{font-size:15px}
  #frequency-home .fh-unit{right:13px}
  #frequency-home .fh-number{font-size:17px}
  #frequency-home .fh-fm-scale .fh-number{font-size:19px}
  #frequency-home .fh-am-scale .fh-number{font-size:16px}
  #frequency-home .fh-title{font-size:28px}
  #frequency-home[data-station="collection"] .fh-title{font-size:24px}
  #frequency-home .fh-line{font-size:12px}
  #frequency-home .fh-subpage-header a,#frequency-home .fh-open,#frequency-home .fh-arrow{height:44px}
}
@media(max-width:360px){#frequency-home .fh-title{font-size:24px}}
@media(max-width:360px){#frequency-home[data-station="collection"] .fh-title{font-size:22px}}
@media(pointer:coarse){#frequency-home .fh-open,#frequency-home .fh-arrow,#frequency-home .fh-subpage-header a{height:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){#frequency-home .fh-needle,#frequency-home .fh-radio{transition:none!important}}
html{background:#1c2023;color-scheme:dark}
body{margin:0}
#frequency-home{min-height:100vh;min-height:100svh}
#frequency-home a{text-decoration:none}
#frequency-home .fh-subpage-header a{text-decoration:underline;display:inline-flex;align-items:center}
#frequency-home .fh-noscript{max-width:720px;margin:auto;padding:0 22px 30px}
#frequency-home .fh-noscript a{text-decoration:underline;text-underline-offset:4px;margin-right:16px}
