.voice-demo{--v-ink:#273e40;--v-muted:#657675;--v-cream:#f6f4eb;--v-line:#dcded3;color:var(--v-ink);background:var(--v-cream);min-height:100vh;padding:25px max(24px,calc((100vw - 1320px)/2));font-family:system-ui,sans-serif;font-size:15px;line-height:1.6}.voice-top{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--v-line);padding-bottom:20px}.voice-brand{font-size:23px;font-weight:750;letter-spacing:-1px;margin-right:auto}.voice-brand span{font-weight:400;color:var(--v-muted)}.voice-eyebrow,.voice-pill{font-size:11px;letter-spacing:1.5px;font-weight:750}.voice-pill{background:#e6eadc;border-radius:24px;padding:7px 13px}.voice-heading{display:flex;justify-content:space-between;align-items:center;margin:35px 0 26px;gap:30px}.voice-heading h1{font-size:clamp(28px,3vw,43px);font-weight:680;letter-spacing:-1.7px;line-height:1.25;margin:8px 0 12px}.voice-heading p,.voice-task p{color:var(--v-muted)}.voice-stat{background:#eee3bd;border:1px solid #ddce9a;padding:15px 22px;border-radius:18px;min-width:220px;display:grid}.voice-stat b{font-size:27px}.voice-stat small{color:#5f664c}.voice-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.voice-demo button{border:1px solid #ced5c9;background:#fffef7;border-radius:11px;padding:9px 15px;font:inherit;font-weight:600;cursor:pointer}.voice-demo button:hover:not(:disabled){background:#e9eddc}.voice-demo button:disabled{opacity:.45;cursor:not-allowed}.voice-demo button.selected{background:#dfe8d8;border-color:#a9bd9c}.voice-toolbar button+button{margin-left:8px}.voice-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);gap:24px;align-items:start}.voice-board{background:#fffdf6;border:1px solid #d8d9ca;border-radius:21px;overflow:hidden;box-shadow:0 8px 25px #35453b08}.voice-board header{padding:23px 27px 10px}.voice-board h2{font-size:23px;font-weight:650;margin-top:6px}.voice-board svg{width:100%;height:auto;display:block}.voice-board>p{padding:12px 25px;color:var(--v-muted);min-height:45px;border-top:1px solid #e7e7da}.voice-task{background:#e9eddf;border-radius:16px;padding:22px 26px;margin-top:18px}.voice-task h3{font-size:20px;margin:7px 0}.voice-task button{margin:14px 8px 0 0}.voice-companion{border:1px solid var(--v-line);border-radius:21px;padding:24px;background:#fafaf3}.voice-pip{display:flex;align-items:center;gap:13px}.voice-orb{display:grid;place-items:center;width:53px;height:53px;border-radius:19px;background:#eac976;color:#37493f;font-size:25px;font-weight:800;box-shadow:inset 0 0 0 5px #ffffff44}.voice-orb.live{box-shadow:0 0 0 6px #e1ebda}.voice-pip h2{font-size:21px;font-weight:750}.voice-pip div>span{font-size:12px;color:var(--v-muted)}.voice-status-dot{width:9px;height:9px;background:#87a577;border-radius:50%;margin-left:auto}.voice-status{background:#eef0e6;border-radius:10px;padding:10px 12px;font-size:13px;margin:20px 0 12px}.voice-controls{display:flex;gap:6px}.voice-demo .primary,.voice-gate>button{background:#314f45;color:#fff}.voice-demo .voice-interrupt{border:0;background:transparent;font-size:12px;padding:8px}.voice-captions{max-height:220px;overflow:auto;border-top:1px solid var(--v-line);margin-top:12px;padding:17px 0}.voice-captions p{margin:10px 0;font-size:14px}.voice-captions b{font-size:11px;display:block;color:#708066}.voice-demo form label{font-size:12px;color:var(--v-muted)}.voice-demo textarea{display:block;width:100%;resize:vertical;min-height:85px;margin:8px 0;border:1px solid #cbd4c4;border-radius:11px;padding:12px;background:#fffef8;font:inherit}.voice-demo form>button{width:100%;margin-bottom:9px}.voice-fine{font-size:12px;color:var(--v-muted);margin-top:15px}.voice-evidence{margin:28px 0}.voice-evidence h2{font-weight:650;font-size:21px;margin-bottom:14px}.voice-evidence>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.voice-evidence article{display:grid;background:#eae6d8;border-radius:13px;padding:17px 22px}.voice-evidence article:nth-child(2){background:#e1e9dc}.voice-evidence article:nth-child(3){background:#e1e8eb}.voice-evidence article b{font-size:22px}.voice-evidence article span{font-size:12px}.voice-evidence>p{font-size:13px;margin:10px 0}.voice-config{margin-top:24px;border-top:1px solid var(--v-line);padding:22px 0;font-size:13px;color:var(--v-muted)}.voice-config summary{cursor:pointer;font-weight:700}.voice-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:15px 0}.voice-config h3{font-weight:700;color:var(--v-ink)}.voice-config p{margin:10px 0}.voice-config select{max-width:100%;padding:8px;margin-top:10px}.voice-error{border:1px solid #d8ad94;background:#fbebdf;color:#7a3f2e;padding:16px;border-radius:12px;margin:18px 0}.voice-gate{max-width:650px;margin:35px auto;padding:30px;background:#fffef8;border:1px solid var(--v-line);border-radius:22px}.voice-gate h2{font-size:25px;margin:18px 0}.voice-gate label{display:flex;align-items:flex-start;gap:13px;margin:24px 0}.voice-demo input[type=checkbox]{width:18px;height:18px;accent-color:#45674d;flex-shrink:0}.voice-gate input{margin-top:5px}@media(max-width:850px){.voice-grid{grid-template-columns:1fr}.voice-heading{align-items:start}.voice-stat{min-width:150px}.voice-toolbar{align-items:start;flex-direction:column}.voice-config-grid{grid-template-columns:1fr}.voice-pill{display:none}.voice-demo{padding:20px}.voice-evidence>div{grid-template-columns:1fr}.voice-heading{flex-direction:column}}@media(prefers-reduced-motion:no-preference){.voice-orb.live{animation:voice-breathe 3s infinite}@keyframes voice-breathe{50%{box-shadow:0 0 0 10px #e1ebda77}}}.voice-teachback{background:#fffdf7;border:1px solid #dcded1;border-radius:24px;padding:28px;margin-bottom:20px}.voice-teachback h2{margin:8px 0}.voice-teachback p{line-height:1.6}.voice-teachback textarea{display:block;width:100%;min-height:135px;box-sizing:border-box;padding:14px;margin:10px 0 16px;border:1px solid #cdd6c7;border-radius:12px;font:inherit;color:inherit;background:white}.voice-teachback button{margin:5px 8px 5px 0;padding:12px 16px;border:1px solid #bdc8b7;border-radius:10px;background:#eef1e3;color:#283b35;cursor:pointer}.voice-teachback button:disabled{opacity:.45;cursor:default}.voice-teachback .primary{background:#355d4e;color:white}.teach-steps{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;padding-left:18px}.teach-assisted{padding:12px;background:#faf0c7;border-radius:10px}.teach-confirm{display:flex;gap:9px;align-items:flex-start;margin:16px 0}.teach-feedback{padding:20px;background:#eef3e9;border-radius:14px}.voice-teachback blockquote{border-left:3px solid #b9cba7;margin:12px 0;padding:8px 15px}.voice-teachback details{margin-top:18px}.voice-teachback summary{cursor:pointer}.voice-teachback article{border-top:1px solid #ddd;padding:12px 0}.teach-roles{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.teach-roles span{padding:10px 13px;border-radius:12px;background:#eeeae0;color:#65756c;font-size:13px}.teach-roles .active{background:#dbe8cb;color:#263d32;border:1px solid #adc192}.teach-criterion{margin:12px 0;border-top:1px solid #cfdbca;padding-top:14px}.teach-criterion small{display:block;color:#61765d;margin-top:5px}.teach-feedback h4{margin-top:24px}.teach-feedback li{margin-bottom:10px;line-height:1.5}