:root{--zaip-colors-primary:#00b0f0;--zaip-colors-primary-strong:#018abb;--zaip-colors-primary-ink:#006b91;--zaip-colors-primary-soft:#dffcff;--zaip-colors-secondary:#0a0e17;--zaip-colors-secondary-elevated:#111827;--zaip-colors-surface:#fff;--zaip-colors-surface-muted:#f5f7fb;--zaip-colors-text:#0f172a;--zaip-colors-text-muted:#526176;--zaip-colors-border:#dbe4ef;--zaip-colors-success:#16a34a;--zaip-colors-success-ink:#166534;--zaip-colors-warning:#d97706;--zaip-colors-warning-ink:#92400e;--zaip-colors-error:#dc2626;--zaip-colors-error-ink:#b91c1c;--zaip-colors-focus:#00b0f0;--zaip-dark-surface:#0a0e17;--zaip-dark-surface-muted:#111827;--zaip-dark-text:#f1f5f9;--zaip-dark-text-muted:#94a3b8;--zaip-dark-border:#ffffff1f;--zaip-dark-error-surface:#dc262624;--zaip-dark-error-text:#fecaca;--zaip-effects-overlay:#0a0e17b8;--zaip-effects-dialog-shadow:#0f172a38;--zaip-effects-primary-wash:#00b0f00d;--zaip-effects-error-surface:#fef2f2;--zaip-neutral-text-primary:#0f172a;--zaip-neutral-text-secondary:#475569;--zaip-neutral-text-muted:#94a3b8;--zaip-neutral-border:#e2e8f0;--zaip-neutral-surface-muted:#f8fafc;--zaip-neutral-canvas:#f5f7fb;--zaip-neutral-white:#fff;--zaip-typography-display-font-family:Inter, Poppins, ui-sans-serif, system-ui, sans-serif;--zaip-typography-display-font-size:clamp(2.5rem, 6vw, 4.25rem);--zaip-typography-display-font-weight:650;--zaip-typography-display-line-height:1.05;--zaip-typography-display-letter-spacing:-.05em;--zaip-typography-heading-font-family:Inter, Poppins, ui-sans-serif, system-ui, sans-serif;--zaip-typography-heading-font-size:clamp(1.75rem, 4vw, 2.5rem);--zaip-typography-heading-font-weight:650;--zaip-typography-heading-line-height:1.15;--zaip-typography-heading-letter-spacing:-.035em;--zaip-typography-body-font-family:Inter, ui-sans-serif, system-ui, sans-serif;--zaip-typography-body-font-size:1rem;--zaip-typography-body-font-weight:400;--zaip-typography-body-line-height:1.65;--zaip-typography-body-letter-spacing:0;--zaip-typography-label-font-family:Inter, ui-sans-serif, system-ui, sans-serif;--zaip-typography-label-font-size:.75rem;--zaip-typography-label-font-weight:700;--zaip-typography-label-line-height:1.3;--zaip-typography-label-letter-spacing:.12em;--zaip-rounded-sm:8px;--zaip-rounded-md:16px;--zaip-rounded-lg:24px;--zaip-rounded-pill:999px;--zaip-spacing-xs:4px;--zaip-spacing-sm:8px;--zaip-spacing-md:16px;--zaip-spacing-lg:24px;--zaip-spacing-xl:40px;--zaip-spacing-xxl:64px;--zaip-voice-colors-canvas:#0a0e17;--zaip-voice-colors-panel:#111827;--zaip-voice-colors-panel-raised:#182335;--zaip-voice-colors-text:#f1f5f9;--zaip-voice-colors-text-muted:#a9b8cc;--zaip-voice-colors-border:#62748d;--zaip-voice-colors-accent:#00b0f0;--zaip-voice-colors-accent-hover:#38c2f5;--zaip-voice-colors-accent-ink:#0a0e17;--zaip-voice-colors-success:#86efac;--zaip-voice-colors-warning:#fcd34d;--zaip-voice-colors-error:#fca5a5;--zaip-voice-colors-focus:#7dd3fc;--zaip-voice-layout-sidebar:280px;--zaip-voice-layout-transcript:360px;--zaip-voice-layout-content-max:1440px;--zaip-voice-layout-mobile-breakpoint:760px;--zaip-voice-layout-transcript-breakpoint:1180px;--zaip-voice-dimensions-control-min:44px;--zaip-voice-dimensions-control-height:48px;--zaip-voice-dimensions-hud-desktop:280px;--zaip-voice-dimensions-hud-mobile:180px;--zaip-voice-dimensions-focus-width:3px;--zaip-voice-dimensions-focus-offset:3px;--zaip-voice-motion-feedback-duration:.16s;--zaip-voice-motion-hud-duration:2.4s;--zaip-voice-motion-hud-scale:1.025;--zaip-voice-type-title-size:clamp(1.75rem, 3vw, 2.5rem);--zaip-voice-type-body-size:1rem;--zaip-voice-type-detail-size:.875rem;--zaip-voice-type-line-height:1.6;font-family:var(--zaip-typography-body-font-family);color:var(--zaip-voice-colors-text);background:var(--zaip-voice-colors-canvas);font-synthesis:none;line-height:var(--zaip-voice-type-line-height);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:var(--zaip-voice-dimensions-control-height);min-width:var(--zaip-voice-dimensions-control-min);border:1px solid var(--zaip-voice-colors-border);border-radius:var(--zaip-rounded-sm);background:var(--zaip-voice-colors-panel);color:inherit;transition:background var(--zaip-voice-motion-feedback-duration);padding:10px 16px}button:hover{background:var(--zaip-voice-colors-panel-raised)}button:disabled{cursor:default;color:var(--zaip-voice-colors-text-muted);background:var(--zaip-voice-colors-panel);border-color:var(--zaip-voice-colors-border)}button.primary,.demo-enter{background:var(--zaip-voice-colors-accent);border-color:var(--zaip-voice-colors-accent);color:var(--zaip-voice-colors-accent-ink);font-weight:650}button.primary:hover,.demo-enter:hover{background:var(--zaip-voice-colors-accent-hover)}button.primary:disabled{background:var(--zaip-voice-colors-panel);color:var(--zaip-voice-colors-text-muted);border-color:var(--zaip-voice-colors-border)}button.danger{border-color:var(--zaip-voice-colors-error);color:var(--zaip-voice-colors-error)}a{color:var(--zaip-voice-colors-focus);align-items:center;min-height:44px;display:inline-flex}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:var(--zaip-voice-dimensions-focus-width) solid var(--zaip-voice-colors-focus);outline-offset:var(--zaip-voice-dimensions-focus-offset)}h1,h2,h3,p{margin:0}h1{overflow-wrap:anywhere;font-size:var(--zaip-voice-type-title-size);letter-spacing:-.035em;font-weight:650;line-height:1.2}h2{font-size:1.125rem;font-weight:650;line-height:1.4}h3{font-size:1rem}p{overflow-wrap:anywhere}small{color:var(--zaip-voice-colors-text-muted);font-size:.875rem;line-height:1.5}label{color:var(--zaip-voice-colors-text-muted);margin-bottom:8px;font-size:.875rem;display:block}input,select{border:1px solid var(--zaip-voice-colors-border);border-radius:var(--zaip-rounded-sm);background:var(--zaip-voice-colors-canvas);width:100%;max-width:100%;min-height:48px;color:var(--zaip-voice-colors-text);min-width:0;padding:11px 12px}input::placeholder{color:var(--zaip-voice-colors-text-muted)}.wordmark{letter-spacing:-.04em;color:var(--zaip-voice-colors-accent);white-space:nowrap;font-size:1.625rem;font-weight:750}.wordmark span{color:var(--zaip-voice-colors-text);font-weight:400}.eyebrow{color:var(--zaip-voice-colors-text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:650}.badge{color:var(--zaip-voice-colors-accent);border:1px solid var(--zaip-voice-colors-border);border-radius:var(--zaip-rounded-pill);white-space:nowrap;padding:4px 10px;font-size:.75rem;display:inline-block}.subtle{color:var(--zaip-voice-colors-text-muted)}.text-button{color:var(--zaip-voice-colors-focus);background:0 0;border:0;text-decoration:underline}.notice{background:var(--zaip-voice-colors-panel-raised);border-radius:8px;padding:16px;font-size:.875rem}.error{border:1px solid var(--zaip-voice-colors-error);color:var(--zaip-voice-colors-error)}.skip-link{z-index:20;background:var(--zaip-voice-colors-panel);padding:12px;position:fixed;top:-90px;left:16px}.skip-link:focus{top:16px}.login-page{grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;max-width:1160px;min-height:100svh;margin:auto;padding:64px 40px;display:grid}.login-intro .wordmark{margin-bottom:64px}.login-intro h1{font-size:var(--zaip-voice-type-title-size);margin:20px 0 24px;line-height:1.12}.login-intro h1 span{color:var(--zaip-voice-colors-accent)}.login-intro>p:not(.wordmark){max-width:390px;color:var(--zaip-voice-colors-text-muted)}.login-orbit{border:1px solid var(--zaip-voice-colors-border);border-radius:50%;place-items:center;width:160px;height:160px;margin-top:40px;display:grid;position:relative}.login-orbit:after{content:"";border:1px solid var(--zaip-voice-colors-accent);border-radius:50%;position:absolute;inset:18px}.login-orbit span{color:var(--zaip-voice-colors-accent);font-size:3.5rem;line-height:1}.login-card{background:var(--zaip-voice-colors-panel);border:1px solid var(--zaip-voice-colors-border);border-radius:var(--zaip-rounded-lg);padding:40px}.login-card h2{margin:20px 0 8px;font-size:1.75rem}.login-card>p{color:var(--zaip-voice-colors-text-muted)}.login-card form{flex-direction:column;gap:8px;margin-top:32px;display:flex}.login-card label:not(:first-child){margin-top:12px}.password-field{position:relative}.password-field input{padding-right:96px}.password-field button{min-height:44px;color:var(--zaip-voice-colors-focus);background:0 0;border:0;font-size:.875rem;position:absolute;top:2px;right:2px}.field-help{color:var(--zaip-voice-colors-text-muted);margin:4px 0 16px;font-size:.875rem}.divider{color:var(--zaip-voice-colors-text-muted);align-items:center;gap:16px;margin:24px 0;font-size:.75rem;display:flex}.divider:before,.divider:after{content:"";background:var(--zaip-voice-colors-border);flex:1;height:1px}.demo-enter{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.login-note{margin-top:16px;font-size:.875rem}.app-shell{max-width:var(--zaip-voice-layout-content-max);grid-template-columns:var(--zaip-voice-layout-sidebar) minmax(0,1fr);min-height:100svh;margin:auto;display:grid}.desktop-sidebar{border-right:1px solid var(--zaip-voice-colors-border);background:var(--zaip-voice-colors-panel)}.sidebar{flex-direction:column;min-height:100svh;padding:32px 24px;display:flex}.sidebar .wordmark{margin-bottom:36px}.sidebar select{margin-bottom:24px;font-size:.875rem}.new-chat{justify-content:center;align-items:center;gap:12px;display:flex}.search-label{margin-top:28px}.sidebar input{font-size:.875rem}.history-title{margin:28px 0 12px}.sidebar nav{gap:8px;display:grid}.chat-item{text-align:left;background:0 0;border:1px solid #0000;width:100%;min-width:0;padding:12px}.chat-item[aria-current]{background:var(--zaip-voice-colors-panel-raised);border-color:var(--zaip-voice-colors-border);border-left:3px solid var(--zaip-voice-colors-accent)}.chat-item span{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:650;display:block;overflow:hidden}.chat-item small{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.75rem;display:block;overflow:hidden}.empty-search{color:var(--zaip-voice-colors-text-muted);font-size:.875rem}.pagination{color:var(--zaip-voice-colors-text-muted);justify-content:space-between;align-items:center;margin-top:16px;font-size:.875rem;display:flex}.pagination button{padding:8px}.sidebar-footer{margin-top:auto;padding-top:36px}.profile{align-items:center;gap:12px;display:flex}.profile>span{background:var(--zaip-voice-colors-panel-raised);border:1px solid var(--zaip-voice-colors-border);width:40px;height:40px;color:var(--zaip-voice-colors-accent);border-radius:50%;place-items:center;display:grid}.profile strong,.profile small{font-size:.75rem;display:block}.sidebar-footer .text-button{margin-top:12px}.workspace{flex-direction:column;min-width:0;display:flex}.workspace-header{border-bottom:1px solid var(--zaip-voice-colors-border);justify-content:space-between;align-items:center;gap:16px;padding:28px 32px;display:flex}.chat-heading{min-width:0}.chat-heading p{color:var(--zaip-voice-colors-text-muted);margin-bottom:6px;font-size:.75rem}.chat-heading h2{overflow-wrap:anywhere}.chat-actions{gap:8px;display:flex}.chat-actions button{padding:8px 10px;font-size:.75rem}.drawer-trigger{display:none}.demo-banner{flex-wrap:wrap;align-items:center;gap:12px;padding:16px 32px;display:flex}.demo-banner p{color:var(--zaip-voice-colors-text-muted);font-size:.75rem}.conversation{grid-template-columns:minmax(0,1fr) var(--zaip-voice-layout-transcript);flex:1;min-width:0;display:grid}.voice-main{flex-direction:column;justify-content:center;min-width:0;padding:32px;display:flex}.stage{text-align:center}.stage>.eyebrow{margin-bottom:40px}.hud{width:var(--zaip-voice-dimensions-hud-desktop);aspect-ratio:1;place-items:center;max-width:100%;height:auto;margin:0 auto 36px;display:grid;position:relative}.hud-ring{border:1px solid var(--zaip-voice-colors-border);border-radius:50%;position:absolute}.hud-ring.outer{border-top:2px solid var(--zaip-voice-colors-accent);border-left-color:var(--zaip-voice-colors-accent);inset:0}.hud-ring.inner{border:1px solid var(--zaip-voice-colors-accent);border-right-color:#0000;border-top-color:var(--zaip-voice-colors-border);inset:20px}.hud-core{border:1px solid var(--zaip-voice-colors-border);background:radial-gradient(circle,var(--zaip-voice-colors-panel-raised),var(--zaip-voice-colors-canvas));border-radius:50%;place-items:center;width:68%;height:68%;display:grid}.hud-core svg{fill:none;width:58%;stroke:var(--zaip-voice-colors-accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.orbit-point{background:var(--zaip-voice-colors-accent);border-radius:50%;width:8px;height:8px;position:absolute;top:6%;left:25%}.hud[data-active=true]{animation:breathe var(--zaip-voice-motion-hud-duration) ease-in-out infinite}.hud[data-paused=true] .hud-core svg{stroke:var(--zaip-voice-colors-text-muted)}@keyframes breathe{50%{transform:scale(var(--zaip-voice-motion-hud-scale))}}.stage-copy{min-height:132px}.stage-copy h1{font-size:clamp(1.75rem,2.3vw,2rem)}.stage-copy>p{color:var(--zaip-voice-colors-text-muted);margin-top:12px;font-size:.875rem}.activity-label{font-size:.75rem!important}.activity-label small{font-size:.75rem}.control-area{margin-top:32px;container-type:inline-size}.controls{grid-template-columns:1fr 1fr;gap:12px;display:grid}.controls button{justify-content:center;align-items:center;gap:10px;min-width:0;min-height:56px;padding:10px;font-size:.875rem;display:flex}.controls button small{font-size:.75rem;display:block}.controls button[aria-pressed=true]{border-color:var(--zaip-voice-colors-warning);color:var(--zaip-voice-colors-warning)}.controls button span{text-align:left}.controls button.primary{border-radius:var(--zaip-rounded-pill)}.control-area .notice{margin-top:16px}.notice button{width:100%;margin-top:12px;display:block}.disclosure{color:var(--zaip-voice-colors-text-muted);text-align:center;margin-top:24px;font-size:.75rem}.effects{margin:auto;font-size:.75rem;display:block}.transcript{border-left:1px solid var(--zaip-voice-colors-border);background:var(--zaip-voice-colors-panel);flex-direction:column;min-width:0;padding:32px 24px;display:flex}.transcript header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.transcript-intro{color:var(--zaip-voice-colors-text-muted);margin-top:12px;font-size:.875rem}.transcript ol{flex:1;max-height:460px;padding:0;list-style:none;overflow-y:auto}.transcript li{border-top:1px solid var(--zaip-voice-colors-border);padding:24px 0}.transcript li>div{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.transcript strong{font-size:.875rem}.transcript time{color:var(--zaip-voice-colors-text-muted);font-size:.75rem}.transcript li p{font-size:1rem;line-height:1.65}.transcript li small{margin-top:12px;font-size:.75rem;display:block}.assistant-message strong{color:var(--zaip-voice-colors-accent)}.transcript-empty{flex-direction:column;flex:1;justify-content:center;padding:40px 0;display:flex}.transcript-empty>span{color:var(--zaip-voice-colors-accent);height:64px;font-size:4rem}.transcript-empty p{color:var(--zaip-voice-colors-text-muted);margin-top:12px;font-size:.875rem}.transcript footer{border-top:1px solid var(--zaip-voice-colors-border);color:var(--zaip-voice-colors-text-muted);padding-top:16px;font-size:.75rem}.workspace-footer{border-top:1px solid var(--zaip-voice-colors-border);color:var(--zaip-voice-colors-text-muted);justify-content:space-between;align-items:center;gap:16px;padding:8px 32px;font-size:.75rem;display:flex}.workspace-footer a{white-space:nowrap}dialog{color:var(--zaip-voice-colors-text);border:1px solid var(--zaip-voice-colors-border);background:var(--zaip-voice-colors-panel);border-radius:16px;width:100%;max-width:min(520px,100vw - 32px);max-height:calc(100svh - 32px);padding:0;overflow:auto}dialog::backdrop{background:var(--zaip-effects-overlay)}.modal-body{padding:24px}.modal-body>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.modal-body>header button{padding:4px;font-size:1.5rem}.modal-body>p{color:var(--zaip-voice-colors-text-muted);margin-bottom:24px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.modal-body .sidebar{min-height:auto;padding:0}.modal-body .sidebar .wordmark{display:none}.examples{background:var(--zaip-voice-colors-panel);padding:24px 32px}.examples>p{color:var(--zaip-voice-colors-text-muted);margin:12px 0;font-size:.875rem}.examples select{max-width:460px}.example-links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.example-links button{font-size:.75rem}@container (width<=300px){.controls{grid-template-columns:1fr}}@media (width<=1180px){.conversation{grid-template-columns:minmax(0,1fr)}.transcript{border-left:0;border-top:1px solid var(--zaip-voice-colors-border);min-height:280px}.transcript-empty{padding:24px 0}.transcript ol{max-height:320px}.voice-main{padding:32px 40px}.workspace-header{padding:24px}.demo-banner{padding:16px 24px}}@media (width<=760px){.app-shell{display:block}.desktop-sidebar{display:none}.drawer-trigger{flex-shrink:0;place-items:center;padding:8px;display:grid}.workspace-header{flex-wrap:wrap;gap:12px;padding:16px}.chat-heading{flex:1}.chat-heading h2{font-size:1rem}.chat-heading p span{display:none}.chat-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.demo-banner{padding:12px 16px}.voice-main{padding:32px 16px 16px}.hud{width:var(--zaip-voice-dimensions-hud-mobile);height:auto;margin-bottom:28px}.hud-ring.inner{inset:14px}.stage>.eyebrow{margin-bottom:28px}.stage-copy{min-height:112px}.stage-copy h1{font-size:1.75rem}.control-area{margin-top:24px}.transcript{padding:24px 16px}.workspace-footer{padding:12px 16px;display:block}.workspace-footer a{margin-top:4px}.login-page{min-height:100svh;padding:32px 16px;display:block}.login-intro .wordmark{margin-bottom:28px}.login-intro h1{font-size:var(--zaip-voice-type-title-size);margin-top:16px}.login-intro>p:not(.wordmark),.login-orbit{display:none}.login-card{margin-top:32px;padding:24px 20px}.login-card h2{font-size:1.75rem}.modal-body{padding:20px}.modal-actions{flex-direction:column}.examples{padding:24px 16px}.example-links{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[data-reduced=true] *,[data-reduced=true] :before,[data-reduced=true] :after{transition:none!important;animation:none!important}.private-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100svh;padding:32px 16px;display:flex}.private-loading p{color:var(--zaip-voice-colors-text-muted);max-width:480px}.voice-main>.notice{margin-top:24px}.modal-body .notice{margin-top:16px}