:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f3f6fa;--color-surface:#fff;--color-text:#172b3a;--color-primary:#176b91;--color-success:#20724b;--color-danger:#b42335;--color-text-muted:#455b6e;--color-border:#657b8e;--color-divider:#d3dde7;--color-on-solid:#fff;--color-primary-hover:#11536f;--color-primary-active:#0c3f55;--color-success-hover:#195c3c;--color-danger-hover:#8f1b2a;--color-success-soft:#e4f2ea;--color-danger-soft:#fbe9ec;--color-primary-soft:#e6f1f6;--color-neutral-soft:#eaeff5;--color-focus:var(--color-primary);--color-disabled-bg:#e3e9ef;--color-disabled-text:#4d6073;--font-sans:"Segoe UI", system-ui, -apple-system, sans-serif;--font-display:"Bahnschrift", "Segoe UI", system-ui, sans-serif;--font-mono:"Consolas", ui-monospace, "SFMono-Regular", monospace;--space-unit:.25rem;--space-1:calc(var(--space-unit) * 1);--space-2:calc(var(--space-unit) * 2);--space-3:calc(var(--space-unit) * 3);--space-4:calc(var(--space-unit) * 4);--space-5:calc(var(--space-unit) * 5);--space-6:calc(var(--space-unit) * 6);--space-8:calc(var(--space-unit) * 8);--radius:.5rem;--touch-target:2.75rem;--scrollbar-thumb:#5f7487;--scrollbar-thumb-hover:#455b6e;--scrollbar-thumb-active:#2e4254;--scrollbar-track:#e3e9ef;--shadow-card:0 1px 2px #172b3a14;--z-sticky:20;--z-toast:60}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:auto}::-webkit-scrollbar{width:.875rem;height:.875rem}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:3px solid var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active)}@media (forced-colors:active){html{scrollbar-color:auto}}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);margin:0;font-size:1rem;line-height:1.5}h1,h2,h3{margin:0;line-height:1.25}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--color-text-muted)}.app{max-width:74rem;padding:var(--space-4);gap:var(--space-4);margin:0 auto;display:grid}.app-header{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius);box-shadow:var(--shadow-card);flex-wrap:wrap;display:flex}.brand{align-items:baseline;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.brand h1{font-family:var(--font-display);letter-spacing:.01em;font-size:1.5rem}.pilot-tag{border:1px solid var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft);border-radius:999px;padding:.125rem .625rem;font-size:.8125rem;font-weight:600}.conn-status{text-align:right;flex-direction:column;align-items:flex-end;gap:.125rem;min-width:0;display:flex}.conn-status .state{font-family:var(--font-display);align-items:center;gap:var(--space-2);font-size:1.125rem;font-weight:600;display:inline-flex}.dot{border:2px solid;border-radius:50%;flex:none;width:.75rem;height:.75rem}.dot[data-tone=ok]{background:var(--color-success);color:var(--color-success)}.dot[data-tone=busy]{color:var(--color-primary);background:var(--color-primary-soft)}.dot[data-tone=error]{background:var(--color-danger);color:var(--color-danger)}.dot[data-tone=idle]{color:var(--color-text-muted);background:0 0}.layout{gap:var(--space-4);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;display:grid}.col-main{gap:var(--space-4);min-width:0;display:grid}.col-side{top:var(--space-4);z-index:var(--z-sticky);max-height:calc(100vh - 2 * var(--space-4));position:sticky;overflow-y:auto}.panel-stack{gap:var(--space-4);margin-top:var(--space-4);display:grid}.card{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-4);gap:var(--space-4);display:grid}.card>h2,.card-title{font-family:var(--font-display);font-size:1.125rem}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);min-width:var(--touch-target);padding:0 var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;transition:background-color .12s,border-color .12s,transform 60ms;display:inline-flex;position:relative}.btn:hover{background:var(--color-neutral-soft)}.btn:active{background:var(--color-divider);transform:translateY(1px)}.btn[data-emphasis=solid][data-intent=primary]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-solid)}.btn[data-emphasis=solid][data-intent=primary]:hover{background:var(--color-primary-hover)}.btn[data-emphasis=solid][data-intent=primary]:active{background:var(--color-primary-active)}.btn[data-emphasis=solid][data-intent=success]{background:var(--color-success);border-color:var(--color-success);color:var(--color-on-solid)}.btn[data-emphasis=solid][data-intent=success]:hover{background:var(--color-success-hover)}.btn[data-emphasis=solid][data-intent=danger]{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-solid)}.btn[data-emphasis=solid][data-intent=danger]:hover{background:var(--color-danger-hover)}.btn[data-emphasis=outline][data-intent=danger]{color:var(--color-danger);border-color:var(--color-danger)}.btn[data-emphasis=outline][data-intent=danger]:hover{background:var(--color-danger-soft)}.btn[data-emphasis=outline][data-intent=primary]{color:var(--color-primary);border-color:var(--color-primary)}.btn[data-emphasis=outline][data-intent=primary]:hover{background:var(--color-primary-soft)}.btn[aria-pressed=true]{background:var(--color-text);border-color:var(--color-text);color:var(--color-on-solid)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;background:var(--color-disabled-bg);border-color:var(--color-disabled-bg);color:var(--color-disabled-text);transform:none}.btn.is-busy{cursor:progress}.btn.is-busy:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:.875rem;height:.875rem;animation:.8s linear infinite spin}.btn-block{width:100%}.btn-row{gap:var(--space-2);flex-wrap:wrap;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:var(--space-1);min-width:0;display:grid}.field>label,.field-label{font-weight:600}.field .hint{color:var(--color-text-muted);font-size:.875rem}.field .error{color:var(--color-danger);font-size:.875rem;font-weight:600}.input,.select,.textarea{width:100%;min-height:var(--touch-target);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:.5rem .75rem}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-text)}.textarea{resize:none;min-height:5.5rem}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger);border-width:2px}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.input-with-btn{gap:var(--space-2);display:flex}.input-with-btn .input{flex:1;min-width:0}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid .span-2{grid-column:1/-1}fieldset{border:1px solid var(--color-divider);border-radius:var(--radius);padding:var(--space-4);min-width:0;margin:0}legend{padding:0 var(--space-2);font-family:var(--font-display);font-weight:600}.check{align-items:center;gap:var(--space-3);min-height:var(--touch-target);cursor:pointer;display:flex}.check input{width:1.25rem;height:1.25rem;accent-color:var(--color-primary)}input[type=range]{width:100%;min-height:var(--touch-target);accent-color:var(--color-primary)}.tabs{gap:var(--space-2);border-bottom:2px solid var(--color-divider);flex-wrap:wrap;display:flex}.tab{min-height:var(--touch-target);padding:0 var(--space-5);cursor:pointer;border-radius:var(--radius) var(--radius) 0 0;background:0 0;border:0;border-bottom:4px solid #0000;margin-bottom:-2px;font-weight:600}.tab:hover{background:var(--color-neutral-soft)}.tab[aria-selected=true]{border-bottom-color:var(--color-primary);color:var(--color-primary)}.call-state{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--color-neutral-soft);min-height:5.5rem;display:grid}.call-state .label{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.call-state[data-tone=live]{background:var(--color-success-soft)}.call-state[data-tone=error]{background:var(--color-danger-soft)}.call-state .duration{font-size:1.75rem;line-height:1.1}.incoming{padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:2px solid var(--color-primary);background:var(--color-primary-soft);font-weight:600}.dialpad{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));max-width:20rem;display:grid}.dialpad .btn{min-height:3rem;font-size:1.25rem;font-family:var(--font-mono)}.action-row{gap:var(--space-2);min-height:var(--touch-target);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tx{border-left:8px solid var(--color-text);gap:var(--space-3)}.tx[data-open=true]{border-left-color:var(--color-success);background:var(--color-success-soft)}.tx[data-fault=true]{border-left-color:var(--color-danger)}.readouts{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.readout dt{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-size:.8125rem;font-weight:600}.readout dd{font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:1.125rem;font-weight:600}.readout .why{font-family:var(--font-sans);color:var(--color-text-muted);font-size:.875rem;font-weight:400;display:block}.tx[data-open=true] .readout .why{color:var(--color-text)}.ptt{touch-action:none;-webkit-touch-callout:none;min-height:4rem;font-size:1.125rem}.ptt[data-active=true]{background:var(--color-success);border-color:var(--color-success);color:var(--color-on-solid)}.tx-note{color:var(--color-text-muted);font-size:.875rem}.tx[data-open=true] .tx-note{color:var(--color-text)}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-neutral-soft)}.banner[data-tone=error]{border-color:var(--color-danger);background:var(--color-danger-soft)}.banner[data-tone=ok]{border-color:var(--color-success);background:var(--color-success-soft)}.banner[data-tone=info]{border-color:var(--color-primary);background:var(--color-primary-soft)}.banner strong{font-weight:700}.banner ul{margin:var(--space-1) 0 0;padding-left:1.25rem}.toast-region{right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);max-width:min(26rem,100vw - 2rem);display:grid;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--color-text);color:var(--color-on-solid);display:flex;box-shadow:0 6px 18px #172b3a47}.toast[data-tone=error]{background:var(--color-danger)}.toast[data-tone=ok]{background:var(--color-success)}.toast .btn{min-width:2rem;min-height:2rem;padding:0 var(--space-2);color:inherit;background:0 0;border-color:currentColor}dialog{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:min(32rem,100vw - 2rem);color:var(--color-text);padding:0;box-shadow:0 16px 48px #172b3a59}dialog::backdrop{background:#172b3a8c}.dialog-body{gap:var(--space-4);padding:var(--space-5);display:grid}.dialog-body h2{font-family:var(--font-display);font-size:1.25rem}.dialog-body ul{margin:0;padding-left:1.25rem}.dialog-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.kv{gap:var(--space-1) var(--space-4);grid-template-columns:max-content 1fr;margin:0;display:grid}.kv dt{font-weight:600}.kv dd{overflow-wrap:anywhere;margin:0}.log{padding:var(--space-2);border:1px solid var(--color-divider);border-radius:var(--radius);background:var(--color-bg);max-height:18rem;font-family:var(--font-mono);margin:0;font-size:.8125rem;list-style:none;overflow:auto}.log li{overflow-wrap:anywhere;padding:.125rem 0}.meter{width:100%;height:1rem;accent-color:var(--color-success)}@media (max-width:860px){.app{padding:var(--space-3);gap:var(--space-3)}.layout{grid-template-columns:minmax(0,1fr)}.col-side{order:-1;max-height:none;top:0;overflow:visible}.conn-status{text-align:left;align-items:flex-start}}@media (max-width:560px){.form-grid{grid-template-columns:minmax(0,1fr)}.card{padding:var(--space-3)}.tx{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.tx>h2{font-size:1rem}.tx .tx-note.optional{display:none}.tx .tx-note{font-size:.8125rem;line-height:1.3}.readout dd{font-size:1rem;line-height:1.25}.readout .why{font-size:.8125rem;line-height:1.25}.ptt{min-height:3.25rem}.tx .btn-row{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tx .btn-row .btn{padding:0 var(--space-1);text-align:center;font-size:.875rem;line-height:1.2}.brand h1{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.account{gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-divider);border-left:8px solid var(--color-primary);border-radius:var(--radius);box-shadow:var(--shadow-card);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.account[data-configured=no]{border-left-color:var(--color-text-muted)}.account-item{gap:.125rem;min-width:0;display:grid}.account .k{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-size:.8125rem;font-weight:600}.account .v{overflow-wrap:anywhere;font-size:1.125rem}.account strong.v{font-size:1.5rem;line-height:1.2}.account-note{gap:var(--space-2);grid-column:1/-1;justify-items:start;font-size:.875rem;display:grid}@media (max-width:560px){.account{padding:var(--space-2) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.account-item:nth-child(2){order:3;grid-column:1/-1}.account strong.v{font-size:1.25rem}.account .v{font-size:1rem}}.release-info{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.release-version{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.875rem}.release-list{gap:var(--space-4);max-height:min(60vh,28rem);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:min(60dvh,28rem);padding-right:var(--space-2);display:grid;overflow-y:auto}.release-list:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.release-entry{gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-divider);display:grid}.release-entry:last-child{border-bottom:0;padding-bottom:0}.release-entry h3{align-items:center;gap:var(--space-2);font-family:var(--font-display);flex-wrap:wrap;margin:0;font-size:1.0625rem;display:flex}.release-badge{padding:0 var(--space-2);border-radius:var(--radius);background:var(--color-primary-soft);color:var(--color-primary-active);font-family:var(--font-sans);font-size:.8125rem;font-weight:600}.release-meta{color:var(--color-text-muted);margin:0}.release-entry ul{gap:var(--space-1);overflow-wrap:anywhere;margin:0;padding-left:1.25rem;display:grid}