:root{--team-accent:#c598ff;--team-secondary:#ffb86b;--dock-height:100px}
.mic-button,.listening .mic-button{color:#f3eaff}.wave-status{justify-content:center}
.topbar{pointer-events:none}.topbar>*{pointer-events:auto}
body{--team-accent:#c598ff;--team-secondary:#ffb86b;background:#080811}
/* The header follows the same active-agent palette as the orb. */
.brand .wordmark{color:var(--team-accent);text-shadow:0 0 22px color-mix(in srgb,var(--team-accent) 22%,transparent)}
.brand .brand-caption{color:color-mix(in srgb,var(--team-accent) 72%,#b7bdc8)}
.brand .brand-core{fill:var(--team-accent)}
.brand .wordmark,.brand .brand-caption,.brand .brand-core{transition:color .8s,fill .8s,text-shadow .8s}
.mode-picker{background:color-mix(in srgb,var(--team-accent) 7%,#090c13e8);border-color:color-mix(in srgb,var(--team-accent) 24%,transparent);transition:background .8s,border-color .8s}
.mode-label{color:color-mix(in srgb,var(--team-accent) 78%,#bdc3ce)}
.mode-option{color:color-mix(in srgb,var(--team-accent) 55%,#a9afba);transition:color .8s,background .4s,border-color .4s}
.mode-option:hover{background:color-mix(in srgb,var(--team-accent) 8%,transparent)}
.mode-option:has(input:checked){color:color-mix(in srgb,var(--team-accent) 65%,#fff);background:color-mix(in srgb,var(--team-accent) 17%,transparent);border-color:color-mix(in srgb,var(--team-accent) 38%,transparent)}
.mode-option:focus-within{outline-color:var(--team-accent)}
.mode-option input{accent-color:var(--team-accent)}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--team-accent)}
.topbar{padding:24px 32px;z-index:12}.brand-caption{font-size:8px;letter-spacing:.22em}.wordmark{font-size:14px}.brand>svg{color:var(--team-accent);transition:color .8s}.top-actions{gap:9px}.connection{font-size:8px;letter-spacing:.08em}.status-dot,.listening .status-dot{background:var(--team-accent);box-shadow:0 0 12px var(--team-accent)}
.workspace{height:100svh;min-height:620px;padding:94px 32px 24px;display:flex;flex-direction:column;gap:25px;pointer-events:none}
.agent-space{display:flex;flex-direction:column;align-items:center;flex:1;min-height:0;margin-left:var(--panel-space,0px)}
#stage{width:100%;flex:1;min-height:100px;position:relative}
.stage-coordinate{position:absolute;left:0;top:19px;font-size:8px;letter-spacing:.18em;color:#948ba15c}.coordinate-right{left:auto;right:0}
.agent-identity{text-align:center;flex-shrink:0;margin-top:0;pointer-events:auto}
.agent-specialty{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--team-accent);margin:0 0 4px;transition:color .8s}
.identity-row{display:flex;align-items:center;justify-content:center;gap:26px}
.identity-row h1{font-size:36px;line-height:1.15;letter-spacing:-.04em;font-weight:400;margin:0;min-width:125px;color:#f6f3ff}
.agent-arrow{border:1px solid #b4abce18;background:#ffffff03;color:#a6a0b6;width:26px;height:26px;padding:0;display:grid;place-items:center;font-size:23px;border-radius:50%;transition:color .2s,border-color .2s}
.agent-arrow:hover{color:var(--team-accent);border-color:var(--team-accent)}
#agentTagline{font-size:12px;letter-spacing:.01em;color:#aca4b9;margin:8px 0 0;line-height:1.4}
.controls{position:relative;top:auto;left:auto;right:auto;bottom:auto;transform:none;width:100%;max-width:640px;flex-shrink:0;pointer-events:auto;margin-top:20px}
.wave-status{height:17px;margin:0 0 11px;flex-direction:row;gap:12px}.waveform{height:16px}.waveform i,.waveform span{background:var(--team-accent)}#activityLabel{font-size:8px;letter-spacing:.15em;color:#a59bac}
.control-row{gap:16px}.mic-button{height:47px;min-width:190px;font-size:12px;background:linear-gradient(115deg,color-mix(in srgb,var(--team-accent) 23%,#21172d),color-mix(in srgb,var(--team-secondary) 12%,#17121e));border:1px solid color-mix(in srgb,var(--team-accent) 50%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--team-accent) 12%,transparent);transition:background .8s,border-color .8s,box-shadow .3s}.mic-button:hover{box-shadow:0 0 35px color-mix(in srgb,var(--team-accent) 25%,transparent)}.listening .mic-button{min-width:190px;background:color-mix(in srgb,var(--team-accent) 16%,#17121e);border-color:var(--team-accent)}
.clear-button{font-size:10px;color:#aca4b8}.clear-button svg{width:16px;height:16px}.clear-button span{font-size:10px}#micToggle[aria-pressed=true]{color:var(--team-accent)}
.help{font-size:10px;color:#8f879e;margin:10px 0 0}.prompt-list{margin-top:12px;gap:7px;flex-wrap:wrap}.prompt-list button{font-size:10px;border-color:#b6a9cc20;background:#14121c88;padding:7px 11px;color:#bdb3cb;transition:color .2s,background .2s,border-color .2s}.prompt-list button:hover{color:var(--team-accent);border-color:color-mix(in srgb,var(--team-accent) 45%,transparent);background:color-mix(in srgb,var(--team-accent) 10%,#13101b)}.prompt-list span{color:var(--team-accent);padding-left:8px}
.team-dock{pointer-events:auto;z-index:10;position:relative;flex-shrink:0;align-self:center;width:min(940px,100%)}
.dock-heading{display:flex;justify-content:space-between;padding:0 3px 10px;font-size:8px;letter-spacing:.17em;color:#9c93ad}.dock-heading>span+span{color:#746e84;letter-spacing:.03em}.dock-heading>span+span>span{padding-left:9px}
.agent-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #c5b8e121;border-radius:15px;padding:5px;background:linear-gradient(140deg,#20192899,#10121daa);box-shadow:0 12px 60px #0004;backdrop-filter:blur(18px);gap:4px}
.agent-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:10px;padding:11px 8px;color:#b5abbf;background:transparent;text-align:left;min-width:0;transition:background .4s,border-color .4s,transform .3s}
.agent-tab:hover{background:#ffffff05;transform:translateY(-3px)}
.agent-tab[aria-selected=true]{background:linear-gradient(115deg,color-mix(in srgb,var(--orb-color) 12%,transparent),#ffffff03);border-color:color-mix(in srgb,var(--orb-color) 28%,transparent)}
.mini-orb{width:39px;height:39px;flex-shrink:0;color:var(--orb-color);display:grid;place-items:center;position:relative}.mini-orb:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--orb-color);filter:blur(13px);opacity:.3}.mini-orb svg{width:39px;height:39px;stroke-width:.65;filter:drop-shadow(0 0 3px var(--orb-color));animation:mini-float 8s ease-in-out infinite}.mini-core{fill:var(--orb-secondary);stroke:none}.agent-tab:nth-child(even) svg{animation-delay:-3s}.agent-tab[aria-selected=true] svg{filter:drop-shadow(0 0 5px var(--orb-color));stroke-width:.9}.tab-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.tab-copy strong{font-weight:500;font-size:12px;color:#ddd7e6}.tab-copy small{font-size:8px;letter-spacing:.025em;color:#91879f}.agent-tab[aria-selected=true] strong{color:var(--orb-color)}.tab-marker{position:absolute;width:13px;height:2px;border-radius:3px;bottom:0;left:calc(50% - 6px);background:var(--orb-color);opacity:0;box-shadow:0 0 10px var(--orb-color)}.agent-tab[aria-selected=true] .tab-marker{opacity:1}
.local-footer{top:auto;bottom:0;padding:10px 32px;font-size:8px;z-index:11}.local-footer .privacy{font-size:9px;color:#786e8a}.local-badge i{background:var(--team-accent)}.about-button{font-size:9px}.history-panel{pointer-events:auto;top:103px;bottom:164px;left:24px;width:min(330px,31vw);border-color:color-mix(in srgb,var(--team-accent) 20%,transparent);background:linear-gradient(140deg,#211b2bec,#10121bf5)}.history-heading h2{font-size:17px;font-weight:400;letter-spacing:-.025em;margin:0}.history-heading p{font-size:10px;color:var(--team-accent);margin-top:7px}.history-speaker{color:var(--team-accent)}.history-message[data-role=user] .history-speaker{color:#c7bbd8}.history-empty svg{color:var(--team-accent)}.composer:focus-within{border-color:var(--team-accent)}.composer button{background:var(--team-accent)}.local-notice{bottom:calc(100% + 8px);z-index:15;background:#181321f5}.switching .agent-identity{animation:identity-arrive .85s ease both}
@keyframes identity-arrive{0%{opacity:.2;filter:blur(5px);transform:translateY(7px)}100%{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes mini-float{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@media(max-width:1050px){.connection{display:none}.agent-tab{gap:5px;padding:10px 5px}.mini-orb,.mini-orb svg{width:33px;height:33px}.tab-copy small{font-size:7px}}
@media(max-width:760px){
 .topbar{padding:17px 18px 0;gap:14px}.brand-caption{font-size:7px}.wordmark{font-size:12px}.brand>svg{width:27px}.top-actions{gap:6px}.topbar .icon-button{width:30px;height:30px}.mode-picker{max-width:280px}.mode-label{font-size:8px}.mode-option{padding:5px 14px}.mode-option span{font-size:10px}
 .workspace{min-height:640px;padding:126px 15px 20px;gap:18px}.stage-coordinate{display:none}.agent-identity{margin-top:0}.identity-row h1{font-size:29px}.agent-specialty{font-size:8px;letter-spacing:.18em}.identity-row{gap:20px}#agentTagline{font-size:10px;margin-top:5px}
 .controls{position:relative;top:auto;left:auto;right:auto;bottom:auto;transform:none;width:100%;margin-top:15px}.wave-status{height:14px;margin-bottom:9px}.control-row{gap:12px}.mic-button,.listening .mic-button{min-width:170px;height:42px;font-size:11px}.clear-button span{font-size:9px;max-width:65px}.help{font-size:9px;padding:0;margin-top:8px}.prompt-list{gap:5px;margin-top:9px}.prompt-list button{font-size:8px;padding:7px 8px}.prompt-list span{padding-left:5px}
 .team-dock{width:100%}.dock-heading{font-size:7px;padding-bottom:8px}.agent-tabs{grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;gap:3px;border-radius:12px}.agent-tab{padding:5px 6px;gap:8px;justify-content:flex-start}.mini-orb,.mini-orb svg{width:29px;height:29px}.tab-copy{gap:3px}.tab-copy strong{font-size:10px}.tab-copy small{font-size:7px}.tab-marker{left:auto;right:6px;bottom:auto;top:calc(50% - 2px);width:3px;height:3px;border-radius:50%}
 .history-panel{top:79px;bottom:169px;left:12px;right:12px;width:auto;max-width:440px;background:linear-gradient(145deg,#211b2bfc,#10121bfc)}body:has(#historyPanel:not([hidden])) .mode-picker{visibility:hidden}.local-footer{padding:8px 16px;flex-wrap:nowrap}.local-footer .privacy{display:none}.local-footer .local-badge{display:flex}.local-footer .about-button{font-size:8px}.local-notice{font-size:11px}
}
@media(max-height:760px) and (min-width:761px){.workspace{padding-top:85px;gap:17px;min-height:580px}.stage-coordinate{top:7px}.agent-specialty{font-size:8px}.identity-row h1{font-size:28px}#agentTagline{font-size:11px;margin-top:5px}.controls{margin-top:12px}.wave-status{margin-bottom:8px}.mic-button{height:42px}.prompt-list{margin-top:9px}.agent-tab{padding-block:8px}.history-panel{top:94px;bottom:145px}}
@media(max-height:700px) and (max-width:760px){.workspace{padding-top:115px;gap:13px;min-height:610px}.controls{margin-top:11px}.help{display:none}.identity-row h1{font-size:27px}.agent-tabs{gap:2px}.agent-tab{padding-block:4px}.history-panel{bottom:157px}}
@media(max-height:480px){.workspace{height:620px;min-height:620px;padding-top:78px}.topbar{flex-wrap:nowrap}.mode-picker{display:none}.history-panel{top:78px;bottom:50px;max-height:320px}.team-dock{z-index:10}.local-footer{background:#0b0810}.help{display:block}.controls{left:auto;bottom:auto;width:100%}}
@media(prefers-reduced-motion:reduce){.mini-orb svg,.switching .agent-identity{animation:none}.agent-tab,.mic-button,.brand>svg{transition:none}.agent-tab:hover{transform:none}}

.history-privacy{gap:12px;align-items:flex-start;line-height:1.55;color:#a69ab3}.history-privacy>span{max-width:250px}.history-privacy button{flex-shrink:0;padding:0}.help{min-height:14px}body[data-phase=connecting] .status-dot{animation:mini-float 1.5s ease-in-out infinite}
.chat-notice{flex-shrink:0;margin:0 12px 10px;padding:9px 11px;border-radius:9px;background:color-mix(in srgb,var(--team-accent) 8%,#171320);border:1px solid color-mix(in srgb,var(--team-accent) 24%,transparent);color:#d1c7dd;font-size:11px;line-height:1.5}
@media(max-height:700px) and (max-width:760px){.help{display:block;font-size:8px;line-height:1.35;min-height:11px;margin-top:6px}}
@media(prefers-reduced-motion:reduce){body[data-phase=connecting] .status-dot{animation:none}}


#companyLink { color: var(--team-accent); text-decoration:none; font-size:11px; padding:8px 0; }
#companyLink:hover { text-decoration:underline; }