.voice-hero{--identity-col:180px;--avatar-size:114.4px;--hero-gap:22px;display:grid;grid-template-columns:var(--identity-col) minmax(0,1fr);align-items:center;min-height:270px;background:radial-gradient(ellipse at 60% 40%,#38225b66,transparent 65%);border:0;border-bottom:1px solid var(--border);border-radius:0;padding:28px 22px;gap:var(--hero-gap)}
.dembe-identity{grid-column:1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.dembe-identity .dembe-avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:24px}.dembe-identity .dembe-name{font-size:22px;font-weight:650;line-height:1.2}
.chat-bubble{position:relative;border:1px solid #9b86bf;border-radius:12px 12px 12px 3px;background:var(--surface);color:var(--text);font-size:16px;width:44px;height:36px;cursor:pointer}.chat-bubble span{font-size:10px;margin-left:4px}
.voice-center{grid-column:2;min-width:0;margin-left:calc((var(--avatar-size) - var(--identity-col))/2 - var(--hero-gap));text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.voice-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.voice-orb{width:70px;height:70px;border:0;background:transparent;padding:0;cursor:pointer;color:white;position:relative}.orb-visual{display:grid;place-items:center;width:100%;height:100%;box-sizing:border-box;border-radius:50%;border:1px solid #bea7ec;background:radial-gradient(circle at 35% 30%,#d9cef8 0%,#a48bd3 16%,#6740a1 48%,#241039 85%);box-shadow:0 0 7px #8451c166,inset -7px -9px 18px #1a0b37;pointer-events:none;transform-origin:center}
.orb-core{font-size:34px;text-shadow:0 0 12px #fff8}.voice-orb[data-state=starting] .orb-visual,.voice-orb[data-state=listening] .orb-visual,.voice-orb[data-state=recording] .orb-visual{animation:orb-breathe 1.6s ease-in-out infinite;box-shadow:0 0 8px #aa78ff99,inset -7px -9px 18px #1a0b37}.voice-orb[data-state=thinking] .orb-visual,.voice-orb[data-state=processing] .orb-visual,.voice-orb[data-state=transcribing] .orb-visual{animation:orb-breathe 1.8s ease-in-out infinite;filter:hue-rotate(25deg)}.voice-orb:disabled{opacity:.6;cursor:wait}.voice-orb[data-state=speaking] .orb-visual{animation:orb-breathe 1.6s ease-in-out infinite;filter:brightness(1.12)}.voice-orb[data-state=error] .orb-visual{border-color:#f3aa9b;box-shadow:0 0 8px #b3484866}.voice-center>#orb-cancel{width:44px;height:44px;padding:0}
@keyframes orb-breathe{0%,100%{transform:scale(1)}50%{transform:scale(.5);filter:brightness(1.15)}}
.dembe-chat{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:var(--bg,#10121a);color:var(--text);border:0;z-index:10000;box-sizing:border-box}.dembe-chat[open]{display:flex;flex-direction:column;gap:16px}.dembe-chat::backdrop{background:#10121a}.dembe-chat header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-shrink:0}.dembe-chat h1{font-size:20px;margin:0 0 5px}.dembe-chat header p{font-size:12px;color:var(--muted);margin:0}.dembe-chat button,.agent-gallery button,.counselors-link,.cabinet-shortcuts button,.voice-center>button:not(.voice-orb){padding:10px 14px;min-height:44px;background:var(--surface,#222636);color:var(--text);border:1px solid var(--border,#444);border-radius:9px;cursor:pointer}.dembe-chat button:disabled{opacity:.5}.dembe-chat-history{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:14px;padding:12px 0}.chat-message{max-width:85%;padding:14px 18px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.chat-message.user{align-self:flex-end;background:#633b9b44}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:14px;margin:8px 0}.chat-message strong{font-size:12px;color:#bca7df}.chat-empty{margin:auto;color:var(--muted);text-align:center}.dembe-composer{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.dembe-composer>div{display:flex;gap:8px;flex-wrap:wrap}.dembe-composer label{font-size:12px}.dembe-composer textarea{min-height:70px;max-height:160px;box-sizing:border-box;width:100%}#chat-voice-status{font-size:12px;color:var(--muted)}#chat-transcript-review{padding:12px;border:1px solid #9e7fd1;border-radius:10px;max-height:160px;overflow:auto}#chat-transcript{white-space:pre-wrap;display:block;margin-bottom:10px}.agent-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.agent-gallery article{padding:28px;border:1px solid var(--border);border-radius:16px;background:var(--card);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.agent-symbol{font-size:32px;color:#bca7df}.agent-gallery h2{margin:0;font-size:20px}.agent-gallery p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 10px}.agent-planned{font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:8px 12px}.cabinet-shortcuts{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px}.cabinet-shortcuts a{color:#bca7df}button:focus-visible,a:focus-visible{outline:3px solid #c4a6f5;outline-offset:4px}[hidden]{display:none!important}
@media(max-width:600px){.voice-hero{--identity-col:110px;--avatar-size:93.6px;--hero-gap:16px;padding:22px 8px;min-height:230px;align-items:center;align-content:start}.dembe-identity{grid-column:1;min-width:0}.voice-orb{width:54px;height:54px}.voice-orb .orb-visual{box-shadow:0 0 6px #8451c166,inset -6px -7px 14px #1a0b37}.orb-core{font-size:28px}.voice-orb[data-state=listening] .orb-visual,.voice-orb[data-state=recording] .orb-visual{box-shadow:0 0 7px #aa78ff99,inset -6px -7px 14px #1a0b37}.agent-gallery{grid-template-columns:1fr}.dembe-chat{padding-top:max(18px,env(safe-area-inset-top))}.chat-message{max-width:94%}}
@media(prefers-reduced-motion:reduce){.voice-orb,.orb-visual,.dembe-avatar-pulse{animation:none!important}}
