.radio-connect-actions{display:flex;gap:7px;margin:9px 0 2px}.walkie .radio-connect-actions button{flex:1;min-height:34px;border:1px solid #718767;border-radius:9px;background:linear-gradient(#5c7550,#38533b);color:#ecf4dc;box-shadow:inset 0 1px 0 #9caf8580,0 3px 0 #182e20;font:inherit;font-size:11px;font-weight:700;padding:7px 4px;cursor:pointer;white-space:nowrap}.radio-connect-actions button:active{transform:translateY(2px);box-shadow:inset 0 2px 3px #122719}.radio-connect-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 30px);overflow:auto;margin:auto;padding:24px;border:1px solid #edf4e4;border-radius:25px;background:linear-gradient(145deg,#fff,#f0f6e9);box-shadow:0 7px 0 #acbd9c,0 30px 85px #10261d65;color:#294a34}.radio-connect-dialog::backdrop{background:#0d221bbb;backdrop-filter:blur(4px)}.radio-connect-dialog[open]{animation:radio-modal-in .18s ease-out}.radio-dialog-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.radio-dialog-header h2{margin:0;font-size:23px;letter-spacing:-.05em;text-align:left;flex:1}.radio-dialog-header img{filter:drop-shadow(0 4px 3px #24422a30)}.radio-dialog-header button{align-self:flex-start;width:38px;min-height:38px;padding:0;border:1px solid #cbd9c0;border-radius:12px;background:#e7efdf;color:#3b5b3c;font-size:27px;cursor:pointer}.radio-mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-radius:13px;background:#dfe9d6;margin-bottom:21px}.radio-mode-buttons button{min-height:43px;padding:7px;border:0;border-radius:10px;color:#657b58;background:transparent;box-shadow:none;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.radio-mode-buttons button[aria-pressed=true]{background:#fff;color:#2b5135;box-shadow:0 2px 6px #2d513120}.radio-connect-dialog form{display:grid;gap:10px;margin:0;text-align:left}.radio-connect-dialog label{font-size:14px;font-weight:700;margin:0;color:#4c6745}.radio-connect-dialog input:not([type=hidden]){box-sizing:border-box;width:100%;min-height:53px;font:inherit;font-size:18px;padding:13px 14px;border:1px solid #b8ccaa;border-radius:12px;background:#fff;color:#27492f;margin:0}.radio-connect-dialog input:focus{outline:3px solid #c2dfa580;outline-offset:1px;border-color:#668f50}.radio-connect-dialog #radio-code-field{display:grid;gap:10px}.radio-connect-dialog #radio-code-field[hidden]{display:none}.radio-connect-dialog #radio-code{text-align:center;font-size:27px;letter-spacing:.2em;font-variant-numeric:tabular-nums}.radio-connect-dialog #radio-code::placeholder{font-size:17px;letter-spacing:.06em;color:#8d9d84}.radio-connect-dialog #radio-connect-submit{min-height:53px;margin-top:9px;padding:13px;border:1px solid #294c2e;border-radius:13px;color:#fff;background:linear-gradient(#587a4d,#2d5338);box-shadow:0 4px 0 #203c27;font:inherit;font-size:18px;font-weight:700;cursor:pointer}.radio-connect-dialog #radio-connect-submit:active{transform:translateY(3px);box-shadow:0 1px 0 #203c27}.radio-connect-dialog button:disabled{opacity:.6;cursor:wait}.radio-connect-dialog #radio-connect-error{margin:2px 0 0;padding:11px 12px;font-size:13px;line-height:1.6;color:#913c2c;background:#fff0e7;border-radius:11px}.radio-connect-dialog #radio-connect-error[hidden]{display:none}.walkie[data-state=off] .radio-wave i{opacity:.3}.radio-page:has(.radio-connect-dialog[open]){isolation:isolate}@keyframes radio-modal-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-height:550px) and (orientation:landscape){.walkie .radio-connect-actions{position:absolute;left:19px;bottom:41px;width:calc(50% - 29px);margin:0;z-index:3}.walkie .radio-connect-actions button{min-height:28px;font-size:9px;padding:4px 1px}.walkie .radio-power:not([hidden]){bottom:76px}.radio-connect-dialog{width:min(540px,calc(100vw - 30px));padding:15px 22px;max-height:calc(100dvh - 20px)}.radio-dialog-header{margin-bottom:10px}.radio-dialog-header h2{font-size:21px}.radio-dialog-header img{width:27px;height:34px}.radio-mode-buttons{margin-bottom:12px}.radio-mode-buttons button{min-height:32px}.radio-connect-dialog form{grid-template-columns:1fr 1fr;gap:7px 15px}.radio-connect-dialog label[for=radio-name]{grid-column:1;grid-row:1}.radio-connect-dialog #radio-name{grid-column:1;grid-row:2}.radio-connect-dialog #radio-code-field{grid-column:2;grid-row:1/3;gap:7px}.radio-connect-dialog #radio-connect-submit{grid-column:1/-1;min-height:43px;margin-top:6px}.radio-connect-dialog #radio-connect-error{grid-column:1/-1}.radio-connect-dialog input:not([type=hidden]){min-height:44px;padding:8px 12px}.radio-connect-dialog form:has(#radio-code-field[hidden]){grid-template-columns:1fr}.radio-connect-dialog form:has(#radio-code-field[hidden]) #radio-connect-submit{grid-row:3}}
@media(prefers-reduced-motion:reduce){.radio-connect-dialog[open]{animation:none}}