.screen:has(.codec){min-height:100dvh;padding:0;position:relative}.screen:has(.codec) .screen-header{z-index:2;height:52px;padding:0 var(--gutter);border:0;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:0;left:0;right:0}.screen:has(.codec) .screen-code{display:none}.screen:has(.codec) .screen-header h1{font-family:var(--font-mono), monospace;letter-spacing:.24em;color:#d8d4bd;font-size:13px}.screen:has(.codec) .screen-back{color:#d8d4bd}.screen:has(.codec) .screen-body{padding:0}.codec{--olive:#4a4935;--ink-olive:#ebe7d2;--dim-olive:#aeab91;--grey-band:#8a8772;--line-olive:#ebe7d28c;--band:#0b0b08;isolation:isolate;background:var(--olive);min-height:100dvh;color:var(--ink-olive);flex-direction:column;display:flex;position:relative;overflow:hidden}.codec .footage{z-index:-2;opacity:.5;mix-blend-mode:luminosity}.codec-tint{z-index:-1;background:#35342494;position:absolute;inset:0}.codec button{color:inherit}.codec :focus-visible{outline-color:var(--ink-olive)}.codec-upper{min-height:clamp(84px,26vh,250px);padding:10px var(--gutter);border-top:52px solid var(--band);background-clip:padding-box;flex:26vh;justify-content:center;align-items:flex-end;display:flex}.codec-caller{align-items:flex-end;gap:12px;width:min(100%,780px);margin:0;display:flex}.codec-photo{border:1px solid var(--line-olive);background:#8d8a6e;flex:none;width:clamp(92px,12vw,140px);height:clamp(114px,15vw,172px);position:relative;overflow:hidden}.codec-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.codec-photo svg{fill:#2b2a1d;width:100%;height:88%;position:absolute;bottom:0;left:0}.codec-photo:after{content:"";background:repeating-linear-gradient(0deg,#00000024 0 1px,#0000 1px 3px);position:absolute;inset:0}.codec-caller figcaption{letter-spacing:.14em;flex-direction:column;gap:2px;padding-bottom:2px;font-size:13px;display:flex}.codec-caller-name,.codec-counter{color:var(--ink-olive)}.codec-slides{align-items:center;gap:2px;margin-left:-14px;display:flex}.codec-slides button{color:#fff;width:44px;height:44px;font-size:16px}.codec-slides button:hover{color:var(--ink-olive)}.codec-slides button:focus-visible{outline-offset:-8px}.codec-slides button[aria-disabled=true]{color:var(--grey-band);cursor:default}.codec-band{background:#0b0b08db}.codec-readout{border-bottom:1px solid var(--line-olive);justify-content:center;align-items:flex-end;gap:clamp(8px,1.6vw,22px);height:clamp(52px,8vh,72px);padding-top:6px;display:flex}.codec-frequency{font-family:var(--font-menu), sans-serif;letter-spacing:.02em;font-size:clamp(28px,3.6vw,46px);line-height:1.15}.codec-meter{align-items:flex-end;gap:clamp(3px,.6vw,8px);width:clamp(84px,24vw,340px);height:72%;display:flex}.codec-meter span{opacity:.2;background:repeating-linear-gradient(0deg, var(--ink-olive) 0 2px, transparent 2px 5px);flex:1;min-width:0}.codec-meter span[data-lit=true]{opacity:.95}[data-motion=full] .codec[data-typing=true] .codec-meter span[data-lit=true]{transform-origin:bottom;animation:.3s steps(3,end) infinite signal}@keyframes signal{50%{transform:scaleY(.55)}}.codec-legend{letter-spacing:.16em;justify-content:center;align-items:center;gap:clamp(10px,4vw,56px);font-size:clamp(13px,1.2vw,15px);display:flex}.codec-legend button{min-width:44px;min-height:44px;color:var(--grey-band);justify-content:center;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.codec-legend button:hover,.codec-legend button[aria-pressed=true],.codec-legend .codec-send[data-on=true],.codec-legend .codec-send[data-ready=true]{color:#fff}[data-motion=full] .codec-legend .codec-send[data-ready=true]{animation:1.2s ease-in-out infinite send-ready}@keyframes send-ready{0%,to{color:var(--grey-band)}50%{color:#fff}}.codec-tune{align-items:center;display:flex}.codec-lower{min-height:250px;padding:clamp(14px, 3vh, 30px) var(--gutter);flex:42vh;justify-content:center;display:flex}.codec-memory{align-self:flex-start;width:min(100%,780px);padding:16px clamp(14px,3vw,30px);position:relative}.codec-memory:before,.codec-memory:after{content:"";border:1px solid var(--line-olive);width:12px;position:absolute;top:0;bottom:0}.codec-memory:before{border-right:0;left:0}.codec-memory:after{border-left:0;right:0}.codec-memory ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 clamp(16px,4vw,44px);display:grid}.codec-memory button,.codec-empty{width:100%;min-height:44px;font-family:var(--font-radio), sans-serif;letter-spacing:.08em;text-align:left;border-bottom:1px solid #ebe7d233;align-items:center;gap:16px;font-size:clamp(16px,1.6vw,20px);display:flex}.codec-memory button{color:var(--dim-olive)}.codec-memory button:hover,.codec-memory button[data-active=true]{color:#fff}.codec-empty{color:var(--dim-olive)}.codec-tuner{flex-direction:column;gap:10px;width:min(100%,780px);display:flex}.codec-tuner-top{justify-content:center;align-items:center;gap:clamp(14px,4vw,44px);display:flex}.codec-dial{fill:none;width:clamp(120px,20vh,170px);height:auto;stroke:var(--ink-olive);stroke-width:1.4px;cursor:grab;touch-action:none;flex:none}.codec-dial:active{cursor:grabbing}.codec-dial-mark{stroke-width:3px}.codec-needle{fill:var(--ink-olive);stroke:none}.codec-hub{fill:var(--band)}.codec-status{letter-spacing:.1em;flex:0 240px;font-size:clamp(13px,1.3vw,15px)}.codec-scale input{width:100%;height:34px;accent-color:var(--ink-olive);cursor:pointer;margin:0;display:block}.codec-scale-labels{letter-spacing:.04em;color:var(--ink-olive);justify-content:space-between;font-size:clamp(9px,1vw,12px);display:flex}.codec-subtitles{width:min(100%,780px);font-family:var(--font-radio), sans-serif;letter-spacing:.015em;color:#fff;flex-direction:column;align-items:flex-start;gap:8px;font-size:clamp(19px,2.1vw,26px);line-height:1.35;display:flex}.codec-call-link{color:#fff;letter-spacing:.08em;align-items:center;min-height:44px;font-size:15px;display:inline-flex}.codec-channels{padding:4px var(--gutter);background:var(--band);letter-spacing:.12em;justify-content:center;gap:clamp(36px,7vw,100px);font-size:12px;display:flex}.codec-channels li{align-items:center;gap:14px;min-height:44px;display:flex}.codec-channels a{color:var(--ink-olive)}[data-stage] .codec-fallback{display:none}.codec-fallback{width:min(100%,780px);font-family:var(--font-radio), sans-serif;flex-direction:column;gap:8px;font-size:20px;display:flex}html:not([data-stage]) .codec-band,html:not([data-stage]) .codec-memory,html:not([data-stage]) .codec-tuner,html:not([data-stage]) .codec .footage{display:none}@media (max-width:560px){.codec-upper{flex:none;min-height:84px}.codec-channels{flex-direction:column;gap:0}.codec-channels li{justify-content:space-between}.codec-lower{flex:auto;min-height:0}.codec-memory ul{grid-template-columns:1fr}.codec-memory button,.codec-empty{min-height:36px}.codec-memory button{min-height:44px}.codec-empty:nth-child(n+5){display:none}.codec-status{flex-basis:150px}}