/* DONA LIVE — a quiet, full-screen space built around the voice. */
.live{--voice-accent:#75eaff;--voice-energy:0;color-scheme:dark;background:#070a13;color:#f1f5ff;isolation:isolate;overflow:auto}
.voice-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 43%,#15285070 0,transparent 48%),radial-gradient(ellipse at 16% 100%,#26234242,transparent 48%),radial-gradient(ellipse at 90% 5%,#11293b38,transparent 40%),linear-gradient(125deg,#0a0d18,#070a12 60%,#0b101e)}
.voice-atmosphere::after{content:"";position:absolute;inset:0;opacity:.18;background-image:radial-gradient(#b9d8ff 0.55px,transparent .7px);background-size:53px 59px;mask-image:radial-gradient(ellipse at center,transparent 22%,black 100%)}
.live .lhead{position:relative;padding:28px 42px;min-height:94px;flex-shrink:0;color:#a0aec4;letter-spacing:normal;gap:20px}
.voice-brand{display:flex;align-items:center;gap:13px}.voice-brand>svg{width:30px;height:30px;fill:#c5deff;stroke:none;filter:drop-shadow(0 0 10px #79c1ff55)}.voice-brand>span{font-size:19px;font-weight:650;letter-spacing:.19em;color:#eef5ff}.voice-brand small{display:block;margin-top:5px;font-size:12px;font-weight:400;letter-spacing:.02em;color:#8592ab}
.voice-session{display:flex;align-items:center;gap:20px;font-size:12px;font-weight:450}.voice-connection{display:flex;align-items:center;gap:8px}.voice-connection i{width:6px;height:6px;border-radius:50%;background:#60708d;box-shadow:0 0 0 4px #60708d0d}.live[data-connected=true] .voice-connection i{background:#79cfc0;box-shadow:0 0 10px #62d9c344}.voice-session time{font-variant-numeric:tabular-nums;color:#a2b0c7;font-size:13px;min-width:40px}.live .lhead .icon-button{border:1px solid #ffffff12;width:38px;height:38px;border-radius:50%;color:#a7b7ce}.live .lhead .icon-button:hover{background:#ffffff10;color:#fff}
.live .lstage{position:relative;min-height:330px;padding:0 20px 12px;flex:1 0 auto;justify-content:center;gap:0}
.voice-visual{position:relative;width:min(480px,56dvh,83vw);height:min(480px,56dvh,83vw);flex:none;margin:-22px auto -22px;display:grid;place-items:center}
.voice-aura{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#457ff526 0,#2f54c219 45%,transparent 72%);filter:blur(28px);opacity:.7;transform:scale(calc(1 + var(--voice-energy)*.15));transition:opacity .6s}
.live .lcore{position:relative;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;background:none;margin:0;display:block;animation:none!important;transform:none!important}
#voiceCanvas{display:block;width:100%;height:100%;position:relative;z-index:2}.voice-fallback{position:absolute;inset:22%;border:1px solid #8ccaff55;border-radius:50%;background:radial-gradient(circle at 36% 30%,#77e3ff4d,transparent 55%),radial-gradient(circle at 70% 75%,#7867ef66,transparent 60%);box-shadow:inset 0 0 30px #426dfb66,0 0 40px #4166ee44}.voice-fallback::after{content:"";position:absolute;inset:10%;border:1px solid #b0dfff66;border-radius:50%;filter:blur(3px)}.voice-canvas-ready .voice-fallback{display:none}
.voice-reflection{position:absolute;width:42%;height:5%;bottom:9%;left:29%;border-radius:50%;background:radial-gradient(ellipse,#7590fb26,transparent 70%);filter:blur(9px);transform:scaleX(1.2)}
.voice-status{text-align:center;position:relative;z-index:3;max-width:650px}.voice-kicker{display:block;font-size:10px;letter-spacing:.28em;color:#7d92ae;margin-bottom:13px;font-weight:550}.live .lstage h2{font-size:clamp(28px,3.1vw,46px);font-weight:450;letter-spacing:-.035em;margin:0 0 13px;line-height:1.1;color:#edf4ff}.live #lhint{font-size:14px;line-height:1.6;color:#92a2bc;max-width:590px;padding:0 18px;min-height:23px}
.live .lfoot{position:relative;max-width:900px;flex-shrink:0;padding:12px 24px 24px;display:flex;align-items:center;flex-direction:column;gap:0}.voice-caption{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:81px;max-width:680px;width:100%;margin-bottom:18px}.caption-speaker{font-size:10px;letter-spacing:.2em;font-weight:550;color:#8aa4c5;margin-bottom:9px}.live .ltrans{font-size:16px;line-height:1.65;color:#d0dcec;max-height:14dvh;min-height:0;padding:0 16px;margin:0;scrollbar-width:thin;scrollbar-color:#486082 transparent;text-wrap:pretty}.voice-caption.is-empty{visibility:hidden}.voice-caption[hidden]{display:none!important}.live #liveSteps{display:block}
.voice-control-dock{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #b2caff16;border-radius:18px;background:linear-gradient(140deg,#182135a3,#111725b0);box-shadow:0 12px 42px #0003,inset 0 1px 0 #fff03;backdrop-filter:blur(18px)}
.voice-control{display:flex;align-items:center;justify-content:center;gap:10px;min-height:45px;padding:10px 16px;border:0;border-radius:11px;background:transparent;color:#d0d9e7;font-size:13px;font-weight:500;white-space:nowrap;transition:background .2s,color .2s}.voice-control svg{width:19px;height:19px;stroke-width:1.65}.voice-control:hover{background:#ffffff09;color:#fff}.voice-control[aria-pressed=true]{background:#8aafff12;color:#b6d9ff}.voice-control-divider{display:block;width:1px;height:26px;background:#ffffff12;margin:0 6px}.voice-end{color:#f9ced8;background:#a13b531d}.voice-end:hover{background:#ad405036;color:#ffe6ec}.voice-end svg{stroke:#ffabbc}.voice-resume{margin-top:12px;padding:9px 18px;border:1px solid #829eff66;border-radius:9px;background:#607dea25;color:#dce6ff}.voice-tip{font-size:12px;line-height:1.6;color:#6c7e99;margin:18px 0 0}.voice-control .mic-slash{display:none}#muteLive[aria-pressed=true]{color:#eccad2;background:#a13b531d}#muteLive[aria-pressed=true] .mic-slash{display:block}
.live[data-state=mute]{--voice-accent:#a5aec3}.live[data-state=think],.live[data-state=work]{--voice-accent:#b7a0ff}.live[data-state=speak]{--voice-accent:#9cecff}.live[data-state=error]{--voice-accent:#e6a1b5}.live[data-state=mute] .voice-aura{opacity:.25}.voice-preview-controls{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:7px;margin:0 0 16px;font-size:12px;color:#7184a0}.voice-preview-controls>span{margin-right:4px}.voice-preview-controls button{background:#ffffff05;border:1px solid #ffffff12;border-radius:20px;padding:6px 13px;color:#a4b3ca;font-size:12px}.voice-preview-controls button[aria-pressed=true]{border-color:#8aadf04d;background:#84aaff13;color:#dfecff}.live[data-preview=true] .voice-connection i{background:#9294cd}.live[data-preview=true] .voice-kicker{color:#b3a1df}
@media(min-height:950px){.voice-visual{width:min(560px,49dvh,83vw);height:min(560px,49dvh,83vw);margin:-10px auto -15px}.live .lfoot{padding-bottom:36px}.voice-caption{margin-bottom:24px}}
@media(max-height:760px) and (min-width:701px){.live .lhead{padding:18px 30px;min-height:74px}.voice-visual{width:310px;height:310px;margin:-18px auto -15px}.live .lstage{min-height:310px;padding-bottom:0}.live .lstage h2{font-size:30px}.voice-kicker{margin-bottom:10px}.live .lfoot{padding:8px 20px 18px}.voice-caption{min-height:52px;margin-bottom:13px}.voice-tip{margin-top:12px}}
@media(max-width:700px){.live .lhead{padding:19px 20px;min-height:82px}.voice-brand{gap:9px}.voice-brand>svg{width:25px;height:25px}.voice-brand>span{font-size:16px}.voice-brand small{font-size:10px;letter-spacing:0}.voice-session{gap:12px}.voice-connection{display:none}.voice-session time{font-size:12px}.live .lhead .icon-button{width:33px;height:33px}.voice-visual{width:min(370px,86vw,43dvh);height:min(370px,86vw,43dvh);margin:-15px auto -3px}.live .lstage{min-height:290px;padding:0 16px 8px}.live .lstage h2{font-size:31px}.voice-kicker{font-size:9px;margin-bottom:11px}.live #lhint{font-size:13px;max-width:340px;min-height:42px}.live .lfoot{padding:8px 17px max(20px,env(safe-area-inset-bottom))}.voice-caption{min-height:67px;margin-bottom:18px}.live .ltrans{font-size:14px;max-height:15dvh;padding:0 8px}.voice-control-dock{gap:2px;padding:8px;border-radius:17px;max-width:100%;width:345px;justify-content:space-between}.voice-control{flex-direction:column;gap:8px;font-size:10px;min-height:61px;padding:8px 11px;flex:1}.voice-control svg{width:22px;height:22px}.voice-control-divider{margin:0 4px;height:34px}.voice-tip{font-size:11px;max-width:290px;margin-top:16px}.voice-preview-controls{font-size:11px;margin-bottom:12px}.voice-preview-controls>span{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.live *{transition:none!important;animation:none!important}}

/* Alexa-like companion mode: DONA keeps listening while the requested view remains visible. */
.live.panel-mode{inset:auto 22px 22px auto;width:min(410px,calc(100vw - 30px));height:310px;border-radius:24px;background:linear-gradient(145deg,#111b31f2,#24375bf2);box-shadow:0 24px 80px #0c152d55;overflow:hidden;border:1px solid #ffffff1c}.live.panel-mode .voice-atmosphere{opacity:.35}.live.panel-mode .lhead{padding:14px 16px;position:relative;min-height:62px}.live.panel-mode .voice-brand small,.live.panel-mode .voice-tip,.live.panel-mode .live-results{display:none}.live.panel-mode .lstage{position:absolute;left:17px;top:70px;width:118px;height:118px;min-height:0;display:block;padding:0}.live.panel-mode .voice-visual{width:118px;height:118px;margin:0}.live.panel-mode .voice-status{display:none}.live.panel-mode .lfoot{position:absolute;left:145px;right:14px;top:72px;bottom:12px;width:auto;padding:0;text-align:left;display:block}.live.panel-mode .voice-caption{height:104px;max-height:104px;min-height:0;padding:10px 12px;margin:0 0 10px;background:#ffffff0a;border-radius:12px;align-items:flex-start}.live.panel-mode .ltrans{font-size:.78rem;line-height:1.55;max-height:75px;min-height:0;margin:0;padding:0}.live.panel-mode .caption-speaker{font-size:8px}.live.panel-mode .voice-control-dock{justify-content:flex-start;transform:scale(.86);transform-origin:left top;gap:6px}.live.panel-mode .voice-resume{margin-top:0}.live.panel-mode canvas{width:118px!important;height:118px!important}.live.panel-mode .voice-preview-controls{display:none}
@media(max-width:600px){.live.panel-mode{left:10px;right:10px;bottom:10px;width:auto;height:285px;border-radius:20px}.live.panel-mode .lstage{left:12px;top:65px;width:100px;height:100px}.live.panel-mode .voice-visual{width:100px;height:100px}.live.panel-mode canvas{width:100px!important;height:100px!important}.live.panel-mode .lfoot{left:122px;top:66px}.live.panel-mode .voice-caption{height:100px}.live.panel-mode .voice-control-dock{transform:scale(.78)}}