:root{--graphite: #0b0f12;--basalt: #151b20;--basalt-2: #1d252c;--snowline: #f2f5f7;--glacier: #6fd6e8;--kia-red: #bb162b;--granite: #7d8a94;--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--graphite);color:var(--snowline);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:20px;max-width:900px;margin:0 auto}.screen.center{align-items:center;justify-content:center;gap:26px;text-align:center}.logo-placeholder{border:2px solid var(--snowline);padding:6px 22px;font-weight:800;letter-spacing:.35em;font-size:1.2rem;display:inline-block}.logo-placeholder.small{font-size:.8rem;padding:3px 12px}.title{font-size:clamp(2rem,6vw,3.2rem);font-weight:800;letter-spacing:.28em;margin-top:14px}.subtitle{color:var(--granite);letter-spacing:.08em}button{font:inherit;cursor:pointer;border:none}button:focus-visible{outline:3px solid var(--glacier);outline-offset:3px}.btn-activate{background:var(--snowline);color:var(--graphite);font-size:1.25rem;font-weight:800;letter-spacing:.12em;padding:24px 44px;border-radius:var(--radius);min-height:76px;min-width:300px}.btn-activate:active{transform:scale(.98)}.operator-warning{max-width:560px;color:var(--granite);font-size:.95rem;line-height:1.5;border-left:3px solid var(--kia-red);padding-left:14px;text-align:left}.mode-pill{border-radius:999px;padding:8px 18px;font-size:.85rem;letter-spacing:.06em;background:var(--basalt);border:1px solid var(--basalt-2)}.mode-online{color:var(--glacier)}.mode-degraded{color:#e8c76f}.mode-offline{color:var(--granite)}.demo-banner{position:fixed;bottom:0;left:0;right:0;background:var(--kia-red);color:#fff;text-align:center;font-size:.72rem;letter-spacing:.14em;padding:5px;z-index:50}.session{gap:14px;padding-bottom:40px}.session-header{display:flex;align-items:center;gap:14px}.header-title{font-weight:800;letter-spacing:.22em;flex:1}.waveform{height:92px;display:flex;align-items:flex-end;justify-content:center;gap:5px}.wave-bar{width:8px;border-radius:4px;background:var(--basalt-2);transition:background .3s}.waveform.listening .wave-bar{background:var(--glacier);animation:pulse .9s ease-in-out infinite alternate}.waveform.speaking .wave-bar{background:var(--snowline);animation:pulse .55s ease-in-out infinite alternate}.waveform.thinking .wave-bar{background:var(--granite);animation:pulse 1.6s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.wave-bar{animation:none!important}}.status-line{text-align:center;color:var(--granite);font-size:1.05rem;letter-spacing:.05em;min-height:1.4em}.transcript{flex:1;overflow-y:auto;background:var(--basalt);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px;min-height:180px;max-height:42dvh}.turn{max-width:88%;line-height:1.5}.turn.user{align-self:flex-end;color:var(--glacier);text-align:right}.turn.user.interim{opacity:.55}.turn.assistant{align-self:flex-start}.turn .source{display:block;margin-top:4px;color:var(--granite);font-size:.75rem}.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.chip{background:var(--basalt-2);color:var(--snowline);border-radius:999px;padding:12px 18px;font-size:.92rem;min-height:46px}.chip:active{background:var(--glacier);color:var(--graphite)}.controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.controls button{min-height:76px;border-radius:var(--radius);font-size:1.05rem;font-weight:700;letter-spacing:.04em}.btn-mic{background:var(--glacier);color:var(--graphite)}.btn-mic.active{box-shadow:0 0 0 4px #6fd6e859}.btn-mic:disabled{background:var(--basalt-2);color:var(--granite);cursor:default}.btn-stop{background:var(--basalt-2);color:var(--snowline)}.btn-stop:disabled{color:var(--granite);cursor:default}.btn-mute{background:var(--kia-red);color:#fff}.btn-mute.muted{background:var(--basalt-2);color:var(--kia-red);border:2px solid var(--kia-red)}.session-footer{display:flex;align-items:center;justify-content:space-between;color:var(--granite)}.handsfree{display:flex;align-items:center;gap:10px;font-size:.95rem}.handsfree input{width:22px;height:22px;accent-color:var(--glacier)}.btn-reset{background:none;color:var(--granite);text-decoration:underline;font-size:.95rem;min-height:46px}.offline-panel{display:flex;flex-direction:column;gap:14px;flex:1}.offline-hint{color:var(--granite);text-align:center}.offline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.offline-cat{background:var(--basalt);color:var(--snowline);border:1px solid var(--basalt-2);border-radius:var(--radius);min-height:76px;font-size:1.05rem;font-weight:700}.offline-cat:active{background:var(--glacier);color:var(--graphite)}.admin-input{background:var(--basalt);border:1px solid var(--basalt-2);color:var(--snowline);border-radius:var(--radius);padding:16px;font-size:1rem;min-width:280px}.admin-error{color:var(--kia-red)}.admin-back{color:var(--glacier);text-decoration:none}.admin-section{background:var(--basalt);border-radius:var(--radius);padding:18px;margin-top:16px;display:flex;flex-direction:column;gap:12px}.admin-section h2{font-size:1.05rem;letter-spacing:.06em}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--basalt-2)}.admin-table select{background:var(--basalt-2);color:var(--snowline);border:none;border-radius:8px;padding:8px;font-size:.85rem}.admin-note{color:var(--granite);font-size:.85rem;line-height:1.5}.admin-note code{color:var(--glacier)}.admin-list{list-style:none;display:flex;flex-direction:column;gap:10px}.admin-list li{display:flex;flex-direction:column;gap:2px}.admin-list span{color:var(--granite);font-size:.8rem}.admin-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.admin-stats div{background:var(--basalt-2);border-radius:var(--radius);padding:12px;color:var(--granite);font-size:.8rem;display:flex;flex-direction:column;gap:4px}.admin-stats span{color:var(--snowline);font-size:1.3rem;font-weight:800}@media (max-width: 560px){.controls{grid-template-columns:1fr}.transcript{max-height:34dvh}}.logo-kia{height:46px;width:auto;filter:invert(1)}.logo-kia.small{height:22px}