:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080b10;color:#edf2f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#101924d1,#080b10f5 34rem),#080b10}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.52}.app-shell{width:min(1440px,100%);margin:0 auto;padding:28px clamp(16px,4vw,48px) 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.12)}.eyebrow{margin:0 0 6px;color:#8ec8ff;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:0}h2{margin:0;font-size:1rem;letter-spacing:0}.topbar-status{display:inline-flex;align-items:center;gap:9px;min-width:max-content;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0a;color:#c9d4df;font-size:.9rem}.status-dot{width:9px;height:9px;border-radius:999px;background:#ef6f6c;box-shadow:0 0 0 3px #ef6f6c1f}.status-dot.active{background:#46d39a;box-shadow:0 0 0 3px #46d39a26}.workspace-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:stretch;margin:22px 0}.workspace-primary,.provider-pill,.static-note{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#ffffff0b}.workspace-primary{padding:16px}.workspace-primary span,.provider-pill span{display:block;color:#8f9baa;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.workspace-primary strong{display:block;overflow:hidden;max-width:100%;color:#fff;font-size:clamp(.9rem,1.5vw,1.05rem);font-weight:650;text-overflow:ellipsis;white-space:nowrap}.provider-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.provider-pill,.static-note{padding:12px 14px}.provider-pill strong{display:block;max-width:18rem;overflow:hidden;font-size:.82rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.provider-pill .ok{color:#46d39a}.provider-pill .missing{color:#ffba70}.static-note{max-width:36rem;color:#cbd5df}.main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:22px;align-items:start}.voice-panel,.activity-panel,.architecture-band{border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#0c1118c7}.voice-panel,.activity-panel{padding:18px}.section-heading,.mini-heading{display:flex;align-items:center;gap:9px}.section-heading{margin-bottom:18px}.mini-heading{margin-bottom:10px;color:#afbdca;font-size:.84rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.control-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.primary-button,.icon-button,.segmented button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#f7fbff;background:#ffffff0f;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.primary-button:hover,.icon-button:hover,.segmented button:hover{border-color:#8ec8ff9e;background:#8ec8ff1f}.primary-button{min-height:44px;gap:8px;padding:0 16px;background:#1b6bd6}.icon-button{width:44px;height:44px}.toggle-control{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#d8e2eb}.toggle-control input{position:absolute;width:1px;height:1px;opacity:0}.toggle-control span{position:relative;width:38px;height:22px;border-radius:999px;background:#2c3543}.toggle-control span:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:999px;background:#e7edf3;content:"";transition:transform .16s ease}.toggle-control input:checked+span{background:#ed9361}.toggle-control input:checked+span:after{transform:translate(16px)}.segmented{display:inline-grid;grid-template-columns:repeat(2,1fr);gap:4px;width:min(100%,260px);margin:16px 0;padding:4px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#ffffff0a}.segmented button{min-height:36px;border-color:transparent;background:transparent}.segmented .selected{background:#46d39a2e;color:#c8ffdf}.prompt-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:18px;padding:10px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#ffffff0b}.prompt-form input{width:100%;min-height:42px;border:0;outline:0;color:#f9fbff;background:transparent}.prompt-form input::placeholder{color:#778494}.session-output{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.transcript-box,.answer-box{min-height:170px;max-height:300px;overflow:auto;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0000003d}.transcript-box p,.answer-box p,.architecture-copy{margin:0;color:#d9e3ed;line-height:1.6}.transcript-box p+p{margin-top:10px}.activity-panel{position:sticky;top:18px}.activity-list{display:grid;gap:10px;max-height:546px;margin:0;padding:0;overflow:auto;list-style:none}.activity-row,.empty-row{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:9px;align-items:baseline;padding:10px;border-left:3px solid #6c7a89;border-radius:6px;background:#ffffff0a}.activity-row span{color:#7f8a98;font-size:.76rem}.activity-row strong{color:#edf2f7;font-size:.78rem;text-transform:uppercase}.activity-row p{margin:0;color:#cbd5df;font-size:.9rem;line-height:1.4}.activity-row.success{border-color:#46d39a}.activity-row.warn{border-color:#ffba70}.activity-row.error{border-color:#ef6f6c}.empty-row{grid-template-columns:1fr;color:#9aa8b8}.architecture-band{margin-top:22px;padding:18px}.architecture-grid{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));grid-template-rows:repeat(3,minmax(72px,auto));gap:14px;align-items:center;margin:6px 0 18px}.arch-node{display:grid;place-items:center;min-height:58px;padding:10px;border:1px solid rgba(255,255,255,.24);border-radius:4px;background:#ffffff0a;color:#f2f6fb;font-weight:700;text-align:center}.speak{grid-column:1;grid-row:2}.app{grid-column:2 / span 2;grid-row:2}.deepgram{grid-column:4;grid-row:1}.nebius{grid-column:4 / span 2;grid-row:2}.cursor{grid-column:4 / span 2;grid-row:3}.workspace{grid-column:6;grid-row:3}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.workspace-strip,.main-grid,.session-output{grid-template-columns:1fr}.provider-list{justify-content:flex-start}.activity-panel{position:static}.architecture-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.speak,.app,.deepgram,.nebius,.cursor,.workspace{grid-column:auto;grid-row:auto}}@media(max-width:680px){.app-shell{padding-top:20px}.topbar{align-items:flex-start;flex-direction:column}.control-row{align-items:stretch;flex-direction:column}.primary-button,.toggle-control,.segmented{width:100%}.prompt-form{grid-template-columns:auto minmax(0,1fr)}.prompt-form .icon-button{grid-column:1 / -1;width:100%}}
