:root{color-scheme:light;--ink:#232b27;--paper:#e7e5dc;--orange:#f0ac59;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(#3331 .6px,transparent .6px);background-size:5px 5px}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b46a23;outline-offset:4px}a{color:inherit;text-decoration:none}.masthead{margin:0 36px;padding:24px 0;border-bottom:1px solid #242c2738;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-size:22px;font-weight:800;letter-spacing:1px}.wordmark span{color:#9b6130}.mast-caption,.eyebrow,.specs,.footnote,.serial,footer,.privacy,.dialog-note{font-family:var(--mono)}.mast-caption{font-size:10px;letter-spacing:1.5px}.text-button{background:none;border:0;padding:7px 0;color:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.5px}main{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:1fr 380px 250px;gap:50px;align-items:center;padding:70px 42px 40px}.intro{align-self:center}h1{font-size:clamp(36px,3.5vw,52px);line-height:1.08;letter-spacing:-2px;font-weight:500;margin:26px 0}.intro-copy{font-size:17px;color:#525c54;line-height:1.6}.specs{display:flex;flex-direction:column;gap:10px;border-left:2px solid #ad7040;padding-left:13px;margin:34px 0;font-size:10px;letter-spacing:.8px}.footnote{font-size:11px;line-height:1.7;color:#667066}.device-area{width:100%;max-width:380px;margin:auto;position:relative;filter:drop-shadow(0 30px 25px #242c2728)}.device-top{height:66px;position:relative;margin:0 20px}.antenna{position:absolute;bottom:-5px;left:5px;width:25px;height:86px;border-radius:12px 12px 3px 3px;background:repeating-linear-gradient(0deg,transparent 0 6px,#ffffff08 6px 8px),linear-gradient(90deg,#101513,#39423b 35%,#171d18 90%);border:1px solid #181d17;transform:rotate(-5deg);transform-origin:bottom}.top-knob{position:absolute;bottom:-2px;right:20px;width:54px;height:35px;background:repeating-linear-gradient(90deg,#202920 0 4px,#414b40 4px 6px);border-radius:8px 8px 0 0;border:3px solid #242c24;box-shadow:0 -3px 0 #656b54}.top-knob:before{content:'';width:4px;height:12px;background:#e9b476;position:absolute;left:24px;top:0}.top-label{position:absolute;bottom:13px;left:53px;font:8px var(--mono);letter-spacing:1px;color:#696f62}.radio{position:relative;padding:33px 27px 20px;border:2px solid #121b15;border-radius:29px 29px 36px 36px;background:linear-gradient(120deg,#ffffff06,transparent 40%),repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 4px),linear-gradient(95deg,#27342d,#35453a 45%,#26352d);box-shadow:inset 0 2px 1px #788271,inset 8px 0 0 #1b261f,inset -8px 0 0 #18251f,0 6px 0 #16231b,0 10px 0 #777d6425;color:#eeeadd}.radio:before,.radio:after{content:'';position:absolute;top:148px;width:10px;height:260px;background:repeating-linear-gradient(0deg,#152119 0 7px,#3b4938 7px 10px);border:1px solid #121c14}.radio:before{left:-8px;border-radius:4px 0 0 4px}.radio:after{right:-8px;border-radius:0 4px 4px 0}.screw{position:absolute;width:9px;height:9px;border-radius:50%;background:linear-gradient(125deg,#859081,#253025);border:1px solid #141d17;box-shadow:0 1px 2px #0008}.screw:after{content:'';position:absolute;top:3px;left:1px;width:5px;height:1px;background:#162019;transform:rotate(-35deg)}.tl{top:15px;left:16px}.tr{top:15px;right:16px}.bl{bottom:17px;left:17px}.br{bottom:17px;right:17px}.brand{margin-bottom:23px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.brand strong{font-size:28px;letter-spacing:2px}.brand>span{font:8px var(--mono);line-height:1.6;color:#bcc8b7}.brand b{font-size:14px;display:block;text-align:right;font-weight:400}.screen-bezel{background:linear-gradient(#121b15,#4d5b48);border-radius:12px;padding:8px;box-shadow:inset 0 3px 8px #0008,0 1px 1px #75816c}.lcd{color:#4f3216;background:linear-gradient(110deg,#e5b666,#e4ab53 65%,#f0c67d);border:2px solid #93682f;border-radius:4px;padding:11px 13px 10px;font:11px var(--mono);box-shadow:inset 1px 3px 8px #65471c66,inset 0 -1px 3px #fff7;text-shadow:0 0 1px #553713}.lcd-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.6px}.lcd-main{display:flex;justify-content:space-between;align-items:center;padding:15px 0 9px}.lcd-label{display:block;font-size:8px;letter-spacing:2px}.lcd-main strong{font-size:59px;font-weight:400;line-height:1;letter-spacing:-3px}.signal{text-align:right;font-size:13px}.bars{display:flex;align-items:flex-end;gap:3px;height:26px;margin-top:9px;opacity:.2}.bars i{width:7px;background:#5a3a19;height:7px}.bars i:nth-child(2){height:13px}.bars i:nth-child(3){height:19px}.bars i:nth-child(4){height:25px}.radio.online .bars{opacity:.85}.lcd-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #73512566;padding-top:8px;font-size:10px;gap:6px}.lcd-bottom #speaker{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 0}.channel-row>div{text-align:center}.channel-row span{display:block;font:9px var(--mono);letter-spacing:2px;color:#c4cabe}.channel-row small{display:block;font-size:8px;color:#a4b09e;margin-top:4px}.small-key{width:38px;height:38px;border:1px solid #172218;border-radius:9px;color:#d5dbc8;font-size:25px;background:linear-gradient(#51604a,#2f3f31);box-shadow:0 3px 0 #111d15,inset 0 1px 0 #718367}.talk-button{width:100%;height:117px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#e8e6d5;border:2px solid #182017;border-radius:17px;background:linear-gradient(160deg,#576b51,#3d503e 65%,#334936);box-shadow:inset 0 2px 0 #87987c,inset 0 -3px 0 #2a3b2b,0 6px 0 #111e16,0 8px 9px #0006;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.talk-button strong{font-size:32px;letter-spacing:6px;padding-left:6px}.talk-button small{font:8px var(--mono);letter-spacing:1.4px}.talk-led{position:absolute;top:18px;left:18px;width:7px;height:7px;border-radius:50%;background:#15291d;box-shadow:inset 0 1px 2px #000}.talk-ridges{position:absolute;bottom:11px;width:40px;height:5px;background:repeating-linear-gradient(90deg,#263b29 0 2px,transparent 2px 6px)}.radio.transmitting .talk-button{transform:translateY(4px);box-shadow:inset 0 2px 7px #122817,0 2px 0 #111e16;background:linear-gradient(#735838,#57412c)}.radio.transmitting .talk-led{background:#ffbd63;box-shadow:0 0 13px #ffc875}.radio.receiving .talk-led{background:#86c898;box-shadow:0 0 12px #79cb83}.device-status{font:9px var(--mono);text-align:center;min-height:29px;color:#c2cfb6;margin:17px 0 7px;line-height:1.5}.utility-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.utility-keys button{font:8px var(--mono);color:#d3dcc5;background:linear-gradient(#374739,#29392d);border:1px solid #18251b;border-radius:9px;padding:10px 4px 9px;box-shadow:inset 0 1px 0 #55654a,0 3px 0 #172519;letter-spacing:.6px}.utility-keys span{display:block;font:24px Arial;margin-bottom:4px}.utility-keys #power{color:#f0b873}.speaker-grille{margin:21px 9px 0;text-align:center}.speaker-grille div{height:55px;border-radius:20px;background:repeating-linear-gradient(0deg,#142119 0 3px,#445541 3px 4px,transparent 4px 8px);border-left:1px solid #15241a;border-right:1px solid #15241a}.speaker-grille span{display:block;font:6px var(--mono);letter-spacing:2px;color:#a1ac97;margin-top:13px}.serial{text-align:center;font-size:8px;letter-spacing:1px;color:#6f776c;margin-top:22px}.crew-panel{align-self:center}.panel-heading{display:flex;align-items:center;justify-content:space-between}.tiny-dot{width:6px;height:6px;border-radius:50%;background:#9a7150}#callsign{width:100%;background:transparent;border:0;border-bottom:1px solid #7d857980;font-size:22px;padding:14px 0;color:var(--ink);border-radius:0}.group-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 10px}.group-heading h2{font-size:14px;font-weight:500;margin:0}.group-heading>span{font:10px var(--mono)}#crew{list-style:none;padding:0;margin:0;min-height:95px}#crew li{border-bottom:1px solid #7d857930;padding:11px 0;display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:12px}#crew li .member-name{flex:1;overflow:hidden;text-overflow:ellipsis}#crew li .member-status{font:8px var(--mono);white-space:nowrap;color:#626e5d}.crew-dot{width:6px;height:6px;border-radius:50%;background:#8d9b82}#crew li.talking .crew-dot{background:#b46a23;box-shadow:0 0 0 3px #b46a2320}#crew li.empty-crew{display:block;font-size:12px;line-height:1.7;color:#788170;border:0;padding:0}.volume{display:flex;align-items:center;gap:18px;border-top:1px solid #7d857930;padding-top:20px;margin-top:15px;font:9px var(--mono);letter-spacing:1px}.volume input{width:100%;accent-color:#516446}.beep-switch{display:flex;align-items:center;gap:5px;margin:18px 0;font-size:10px;color:#59664e}.beep-switch input{accent-color:#516446}.privacy{font-size:10px;line-height:1.7;color:#6e7867;margin:25px 0 12px}footer{margin:0 36px;padding:24px 0;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;border-top:1px solid #242c2738;color:#70796b}dialog{border:1px solid #9a9d8c;border-radius:16px;background:#ebe9df;color:var(--ink);padding:32px;width:min(440px,calc(100% - 28px));max-height:90dvh;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#14241caa;backdrop-filter:blur(5px)}dialog h2{font-size:29px;letter-spacing:-1px;font-weight:500;line-height:1.15;margin:18px 0}dialog p,dialog li{font-size:13px;line-height:1.7}dialog li{padding:0 0 13px}dialog ol{padding-left:18px}.close-dialog{position:absolute;right:15px;top:11px;border:0;background:transparent;font-size:26px;color:#58644f}.qr{background:white;width:220px;height:220px;padding:14px;margin:22px auto;border-radius:6px}.qr img,.qr canvas{width:192px;height:192px;display:block}.share-row{display:flex;gap:8px}.solid-button,.outline-button{padding:12px 14px;border:1px solid #31442e;border-radius:6px;font-size:12px;background:#31442e;color:#efeedd}.outline-button{background:transparent;color:#31442e}.dialog-note{color:#6e7867;font-size:9px!important;margin:15px 0 0}.invite-channel{text-align:center;font-family:var(--mono)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:1050px){main{grid-template-columns:1fr 355px;gap:40px;max-width:870px}.crew-panel{grid-column:1;grid-row:1;align-self:end;padding-top:230px}.intro{grid-column:1;grid-row:1;align-self:start}.intro h1{font-size:35px;margin:15px 0}.intro-copy{font-size:14px}.intro .specs,.intro .footnote{display:none}.device-area{grid-column:2;grid-row:1}.mast-caption{display:none}}@media(max-width:650px){.masthead{margin:0 20px;padding:18px 0}.wordmark{font-size:18px}.text-button{font-size:11px}main{display:flex;flex-direction:column;gap:20px;padding:20px 24px 24px}.intro{text-align:center;width:100%}.intro .eyebrow{font-size:8px;letter-spacing:2px;margin:0}.intro h1{font-size:21px;letter-spacing:-.7px;margin:8px 0}.intro h1 br{display:none}.intro h1 br:after{content:' '}.intro-copy{display:none}.device-area{max-width:342px}.device-top{height:49px}.antenna{height:68px}.radio{padding:30px 24px 20px}.brand strong{font-size:25px}.crew-panel{width:100%;max-width:342px;padding:0;align-self:center}.group-heading{margin-top:23px}.privacy{margin-top:18px}.serial{font-size:7px}footer{margin:0 20px;font-size:6px}.talk-button{height:112px}.lcd-main{padding:12px 0 8px}.speaker-grille div{height:40px}.brand{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:650px){main{padding-top:12px;gap:12px}.intro h1{font-size:18px;margin:6px 0;letter-spacing:-.4px}.intro h1 br{display:initial}.device-top{height:38px}.radio{padding:22px 20px 18px}.brand{margin-bottom:14px}.brand strong{font-size:23px}.brand>span{font-size:7px}.brand b{font-size:12px}.screen-bezel{padding:6px}.lcd{padding:8px 10px}.lcd-main{padding:8px 0 5px}.lcd-main strong{font-size:44px}.lcd-label{font-size:7px}.lcd-bottom{padding-top:6px;font-size:9px}.channel-row{padding:12px 0}.talk-button{height:94px}.talk-button strong{font-size:29px}.talk-button small{font-size:7px}.device-status{font-size:8px;min-height:24px;margin:12px 0 5px}.utility-keys button{padding:8px 4px 7px}.utility-keys span{font-size:20px}.speaker-grille{margin-top:15px}.speaker-grille div{height:30px}.speaker-grille span{margin-top:9px}.serial{margin-top:14px}}
.top-knob{cursor:pointer;padding:0}.top-knob:hover{filter:brightness(1.2)}.station-list{display:grid;gap:8px;margin:20px 0}.station{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #8d998477;background:#dfe2d6;border-radius:8px;text-align:left;color:#293b2a;padding:14px 10px}.station:hover{background:#d4dcca}.station-number{font:19px var(--mono);color:#738668}.station>span:nth-child(2){flex:1}.station strong{display:block;font-size:13px;font-weight:600}.station small{display:block;font-size:9px;margin-top:5px;line-height:1.5}.station-tag{font:8px var(--mono);letter-spacing:.3px}.source-note{font:9px/1.8 var(--mono)!important;color:#65715c}.source-note a{border-bottom:1px solid #72806788}.archive-player{background:#d7dccf;border-radius:8px;padding:14px;margin-top:15px}.archive-player>strong{font-size:13px}.archive-player p{font-size:10px}.archive-player audio{width:100%;height:42px}.archive-player a{font:9px var(--mono);text-decoration:underline;text-underline-offset:3px}#morse-form{margin:20px 0}#morse-form label{font:10px var(--mono);display:block;margin-bottom:8px}#morse-text{width:100%;border:1px solid #86947b;border-radius:5px;background:#f3f1e8;color:#31412f;padding:12px;font:19px var(--mono);text-transform:uppercase}#morse-code{display:block;overflow-wrap:anywhere;min-height:22px;font:17px var(--mono);letter-spacing:2px;padding-top:13px}#morse-duration{font:10px var(--mono);color:#66765d}.beam-console{display:none}.signalling#morse-dialog{margin:0;padding:30px 20px;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;background:#101c14;color:#dbe0cc;inset:0}.signalling>.close-dialog{color:#c9d2ba}.signalling .morse-setup{display:none}.signalling .beam-console{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:calc(100dvh - 60px)}.beam{width:min(75vw,330px);height:min(75vw,330px);border-radius:50%;border:2px solid #3e5038;background:#1b2b20;color:#67765c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.beam strong{font:72px var(--mono)}.beam span{font:10px var(--mono);letter-spacing:3px}.beam.lit{background:#efc67c;color:#47331a;border-color:#efc67c;box-shadow:0 0 60px #efc67c55}.signalling .outline-button{color:#dbe0cc;border-color:#758469;padding:14px 25px;font-size:14px}.beam-console>p{font-family:var(--mono);text-align:center}.beam-caption{font-size:8px!important;letter-spacing:2px;color:#7a8970}
#morse-dialog select{display:block;width:100%;padding:12px;margin:8px 0 16px;border:1px solid #86947b;border-radius:5px;background:#f3f1e8;color:#31412f;font:12px var(--mono)}#morse-dialog h3{font-size:20px}#morse-dialog hr{border:0;border-top:1px solid #86947b55;margin:28px 0}#morse-dialog label{font:10px var(--mono)}#optical-status{font:11px/1.6 var(--mono)}.optical-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.camera-target{position:relative;width:100%;aspect-ratio:4/3;background:#101c14;border-radius:8px;overflow:hidden}.camera-target video{width:100%;height:100%;object-fit:contain}.target-reticle{position:absolute;inset:40%;border:2px solid #efc67c;box-shadow:0 0 0 1px #0008;pointer-events:none}.optical-meter{display:flex;align-items:center;gap:10px;margin:10px 0;font:10px var(--mono)}.optical-meter meter{flex:1}#light-threshold{width:100%}#received-text{display:block;min-height:50px;padding:14px;background:#202d21;color:#efc67c;border-radius:6px;overflow-wrap:anywhere;font:20px/1.5 var(--mono)}#received-code{display:block;font:20px var(--mono);min-height:30px;letter-spacing:4px;margin:10px 0}
.identity-strip{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:14px 0;color:#dbe0cc}.identity-strip button{border:1px solid #79856c;background:#303d31;border-radius:6px;color:inherit;padding:9px 11px;cursor:pointer;text-align:left}.identity-strip span{display:block;font:8px var(--mono);letter-spacing:1px;margin-bottom:5px}.identity-strip strong{font:14px var(--mono);display:block;max-width:140px;overflow-wrap:anywhere}.identity-strip>div{text-align:right}#saved-groups{width:100%;padding:10px;margin:8px 0 16px;background:#f3f1e8;color:#31412f;border:1px solid #86947b;border-radius:5px;font:12px var(--mono)}.group-name-row{display:flex;gap:8px;margin-top:8px}.group-name-row input{min-width:0;width:100%;padding:10px;border:1px solid #86947b;border-radius:5px;background:#f3f1e8;color:#31412f}#group-form label,.crew-panel>label[for=saved-groups]{font:10px var(--mono)}#profile-form label{display:block;margin:18px 0 8px}#profile-name{display:block;width:100%;font:20px var(--mono);padding:12px;margin-bottom:18px;border:1px solid #86947b;border-radius:5px;background:#f3f1e8;color:#31412f}