*{box-sizing:border-box}html{min-width:0}body{background:#f6fbfd;color:#254c61}.voice-app{padding:clamp(13px,2.3vw,30px);width:100%;max-width:1200px;margin:auto;padding-bottom:110px;min-width:0}.voice-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(140px,.6fr);gap:18px;padding:clamp(22px,3vw,42px);border:1px solid #c4e5ee;border-radius:23px;background:linear-gradient(125deg,#fff,#e3fafd)}.voice-overline{font-size:10px;font-weight:800;letter-spacing:.12em;color:#0597a8}.voice-hero h1{font-size:clamp(31px,5vw,53px);letter-spacing:-.054em;line-height:1.12;color:#174f6c;margin:15px 0}.voice-hero h1 em{color:#05a6b5;font-style:normal}.voice-hero p{font-size:14px;line-height:1.65;color:#5d7f91;max-width:610px}.voice-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.voice-tags span{font-size:11px;color:#29788c;background:#f0fbff;border:1px solid #d2eaf0;border-radius:20px;padding:7px 10px}.voice-symbol{display:grid;align-content:center;justify-items:center;gap:12px;color:#1c91a8}.voice-circle{display:grid;place-items:center;width:clamp(105px,14vw,165px);aspect-ratio:1;border-radius:100%;background:radial-gradient(circle at 40% 28%,#7fdad8,#1677ac 65%,#11567c);color:#fff;font-size:82px;font-weight:800;box-shadow:0 16px 42px #0e90af40}.voice-waves{letter-spacing:.5em;font-size:17px}.voice-symbol small{font-size:9px;letter-spacing:.13em}.voice-states{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.voice-states>div{border:1px solid #d1e8ef;border-radius:14px;background:white;padding:15px;min-width:0}.voice-states small{font-size:11px;color:#7793a1;display:block}.voice-states strong{font-size:14px;color:#126d8d;display:block;margin-top:8px;overflow-wrap:anywhere}.voice-setup,.voice-chat,.voice-boundary{background:white;border:1px solid #d5e8ee;border-radius:17px;padding:clamp(17px,2.5vw,27px);margin-bottom:15px}.voice-setup h2,.voice-chat h2,.voice-boundary h2{font-size:clamp(19px,2.3vw,27px);letter-spacing:-.03em;color:#1a5972;margin:3px 0 8px}.voice-setup p,.voice-chat p,.voice-boundary p{font-size:13px;line-height:1.7;color:#638091}.voice-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.voice-actions button,.voice-chathead button{border:1px solid #badde7;background:#fff;padding:11px 15px;color:#186c86;border-radius:10px;cursor:pointer;min-height:44px;font:700 12px system-ui}.voice-actions button:disabled{opacity:.52;cursor:not-allowed}.voice-actions .voice-primary{background:linear-gradient(110deg,#0d86b7,#02b6af);color:white;border-color:#069dad}.voice-progress{height:7px;background:#e8f5f8;border-radius:5px;overflow:hidden;margin-top:15px}.voice-progress>div{width:0;height:100%;background:#19aaa6;transition:width .15s}.voice-note{border-left:3px solid #e4c183;background:#fffbf3;border-radius:4px;padding:10px}.voice-feed{background:#f7fcff;border:1px solid #e0edf3;border-radius:14px;padding:15px;min-height:190px;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:9px}.voice-bubble{font-size:13px;line-height:1.65;padding:12px 14px;border-radius:12px;max-width:85%;white-space:pre-wrap;overflow-wrap:anywhere}.voice-bubble.piga{background:#e6f7fa;color:#2d657d;align-self:flex-start}.voice-bubble.user{background:#dbf5ee;color:#246e65;align-self:flex-end}.voice-bubble small{display:block;font-size:10px;margin-top:7px;opacity:.67}.voice-chathead{display:flex;justify-content:space-between;gap:12px;align-items:start}.voice-chat label{font-size:12px;color:#2d6a82;font-weight:750;display:block;margin:17px 0 8px}.voice-chat textarea{width:100%;max-width:100%;resize:vertical;border:1px solid #c3e0e8;background:white;border-radius:10px;padding:12px;color:#194b65;font:14px system-ui}.voice-boundary a{color:#047d9d}.voice-app button:focus-visible,.voice-app a:focus-visible,.voice-app textarea:focus-visible{outline:3px solid #09a4b7;outline-offset:2px}@media(max-width:780px){.voice-app{padding:11px 11px 106px}.voice-hero{grid-template-columns:1fr;padding:23px}.voice-symbol{display:none}.voice-states{gap:7px}.voice-states>div{padding:11px}.voice-states strong{font-size:11px}.voice-chathead{flex-direction:column}.voice-actions button{flex:1 1 38%;min-width:120px}.voice-bubble{max-width:97%}}
/* Keyless governed showroom voice handoff, adaptive and non-blocking */
.voice-showroom{padding:clamp(16px,2.5vw,27px);margin-bottom:15px;
 background:linear-gradient(120deg,#fff,#eefcff);border:1px solid #bcdfe8;border-radius:18px;
 box-shadow:0 7px 25px #126c8b08;min-width:0}
.voice-showroom h2{font-size:clamp(20px,2.2vw,27px);color:#165b75;letter-spacing:-.035em;margin:0 0 12px}
.voice-showroom p{font-size:13px;color:#5d7c8e;line-height:1.68;overflow-wrap:anywhere}
.voice-showroom button{border:1px solid #badde7;background:#fff;padding:11px 13px;
 min-height:44px;color:#186c86;border-radius:10px;font:700 12px system-ui;cursor:pointer}
.voice-showroom button.voice-primary{background:linear-gradient(110deg,#087fb7,#02b6af);color:#fff}
.voice-showroom button:disabled{opacity:.5;cursor:not-allowed}
#voiceShowroomState{background:#f4fbfe;border:1px solid #d7ebf0;border-radius:11px;padding:12px}
@media(max-width:780px){.voice-showroom{padding:17px}.voice-showroom .voice-actions{display:grid;grid-template-columns:1fr;gap:8px}.voice-showroom .voice-actions button{width:100%}}