.voice-shell{max-width:1120px;margin:0 auto;padding:48px 24px 80px;color:var(--text,#e6edf7)}
.voice-shell h1{font-size:clamp(30px,5vw,46px);line-height:1.12;margin:12px 0 20px;letter-spacing:-.035em}
.voice-shell h2{font-size:22px;line-height:1.3;margin:0 0 12px}.voice-shell p{line-height:1.65;max-width:78ch;color:var(--muted,#aebbcf)}
.voice-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.voice-heading>div{max-width:720px}
.voice-panel{border:1px solid var(--line,#2a3850);background:var(--panel,#101b2e);border-radius:18px;padding:24px;margin:20px 0}
.voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.voice-grid .voice-panel{margin:0}
.voice-panel label{display:block;font-weight:600;margin:12px 0 8px}.voice-panel input:not([type=checkbox]),.voice-panel select{display:block;width:100%;padding:12px;border:1px solid var(--line,#465771);border-radius:9px;background:var(--bg,#08101f);color:var(--text,#e6edf7);font:inherit;min-height:44px}
.voice-panel input[type=checkbox]{width:20px;height:20px;accent-color:#4fbdab;vertical-align:middle;margin-right:8px}.voice-panel .voice-check{display:flex;align-items:center;gap:6px;font-weight:500}
.voice-add{display:flex;align-items:flex-end;gap:20px}.voice-add>div{flex:1}.voice-add label{margin-top:0}
.voice-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.voice-actions button{min-height:44px}
.voice-badge{display:inline-block;font-size:13px;padding:5px 10px;border-radius:20px;background:#193249;color:#a7d8ef;margin:0 0 14px}.voice-badge.active{background:#123a35;color:#92dfc8}
.voice-device{padding:12px 0;border-top:1px solid var(--line,#2a3850)}.voice-device>label{margin-top:0}.voice-device .voice-alias{font-weight:400;font-size:13px}.voice-device small{line-height:1.5;color:var(--muted,#aebbcf)}
.voice-panel details{margin-top:20px}.voice-panel summary{cursor:pointer;min-height:36px;padding:8px 0;font-weight:600}
#notice{min-height:28px;padding:12px 0}#notice[data-error=true]{color:#ffb9aa}.voice-code{font-size:30px;letter-spacing:.18em;display:block;padding:20px 0;font-variant-numeric:tabular-nums}
.voice-setup{display:flex;justify-content:space-between;gap:24px;align-items:center}.voice-note{margin-top:28px}.voice-guide{max-width:850px}.voice-guide li{line-height:1.7;margin:10px 0}.voice-guide ol,.voice-guide ul{padding-left:24px}
.voice-skip{position:absolute;left:12px;top:-80px;padding:12px;background:#fff;color:#08101f;z-index:1000}.voice-skip:focus{top:12px}
.voice-shell :focus-visible{outline:3px solid #6ed4be;outline-offset:4px}.voice-shell [hidden]{display:none!important}.voice-shell button:disabled{opacity:.55;cursor:wait}
.voice-panel{min-width:0;overflow-wrap:anywhere}.voice-panel select{min-width:0;max-width:100%}.voice-panel form{margin:12px 0 20px}.voice-panel form button{margin-top:12px}
@media(max-width:720px){.voice-shell{padding:30px 16px 60px}.voice-heading,.voice-add,.voice-setup{align-items:stretch;flex-direction:column}.voice-grid{grid-template-columns:1fr}.voice-panel{padding:20px}.voice-actions button{flex:1 1 140px}.voice-heading>.btn{align-self:flex-start}.product-nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.voice-shell *{scroll-behavior:auto;transition:none}}

.voice-overview{border:2px solid var(--line);margin-bottom:28px}
.voice-status-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--bg);min-width:0}
.voice-status-card h3,.voice-status-card p{margin:0}.voice-status-card .btn{margin-top:auto}.voice-status-card small{color:var(--muted)}
.voice-state{display:inline-flex;align-items:center;gap:10px;font-size:18px;line-height:1.5;padding:9px 14px;border-radius:10px;border:1px solid currentColor;overflow-wrap:anywhere}
.voice-state.connected{color:#5ce0b4;background:#153a33}.voice-state.unpaired{color:#ffd17a;background:#3c301c}.voice-state.paused{color:#c1cbd8;background:#293442}
[data-theme="light"] .voice-state.connected{color:#125d47;background:#e1f7ef}[data-theme="light"] .voice-state.unpaired{color:#795000;background:#fff2d4}[data-theme="light"] .voice-state.paused{color:#475569;background:#edf0f5}
.voice-probe{padding:20px;margin-top:20px;border:2px solid #568aff;border-radius:12px;scroll-margin-top:120px}.voice-probe[hidden]{display:none}

.tavily-panel{border:2px solid #428ac2;scroll-margin-top:110px}.tavily-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.tavily-heading h2{margin:6px 0}.tavily-heading .voice-state{font-size:16px}.voice-shell .tavily-footnote{font-size:13px;line-height:1.6}.tavily-mcp{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tavily-mcp code{overflow-wrap:anywhere}
.voice-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border:1px solid var(--line,#465771);border-radius:16px;background:var(--panel,#101b2e);color:var(--text,#e6edf7);font:inherit}.voice-dialog::backdrop{background:rgb(8 16 31 / 78%)}.voice-dialog p{color:var(--muted);line-height:1.65}.voice-dialog fieldset{border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:18px 0}.voice-dialog label{display:block;margin:12px 0}.voice-dialog .voice-check{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.voice-dialog input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:#4fbdab}.voice-dialog input[type=password]{box-sizing:border-box;width:100%;padding:12px;font:inherit;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);margin:10px 0}.voice-dialog details{margin-top:22px}.voice-dialog summary{cursor:pointer;font-weight:600}.voice-dialog .btn{min-height:44px}.voice-dialog #tavilyDialogStatus{min-height:24px}
@media(max-width:720px){.tavily-panel{scroll-margin-top:210px}.voice-dialog{padding:20px}.voice-dialog .tavily-heading{align-items:flex-start}.tavily-panel .voice-actions .btn{width:100%}}
