:root{color:#17211c;background:#eef4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.console{width:min(920px,100%);min-height:min(720px,calc(100vh - 48px));display:grid;grid-template-rows:auto auto auto 1fr auto auto;gap:18px;padding:24px;border:1px solid #cbd8d0;border-radius:8px;background:#fbfdfb;box-shadow:0 20px 80px #233d2b1f}.header,.controls,.composer,.metrics{display:flex;align-items:center;gap:12px}.header{justify-content:space-between}.eyebrow{margin:0 0 4px;color:#6b7c72;font-size:12px;font-weight:700;text-transform:uppercase}h1{margin:0;font-size:clamp(30px,5vw,48px);line-height:1;letter-spacing:0}.status{min-width:96px;padding:8px 12px;border:1px solid #d7ded9;border-radius:999px;color:#718177;text-align:center;text-transform:capitalize}.status.online{border-color:#80b99c;color:#17683d;background:#e7f7ee}.controls{flex-wrap:wrap}button{min-width:92px;height:42px;border:0;border-radius:8px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.primary{color:#fff;background:#183b2a}.secondary{color:#173325;background:#e2ebe5}.meter{height:42px;display:grid;grid-template-columns:repeat(12,1fr);gap:4px;flex:1;min-width:180px;padding:10px;border-radius:8px;background:#edf3ef}.meter span{border-radius:999px;background:#d3ded7}.meter span.active{background:#2a8355}.error{margin:0;padding:10px 12px;border-radius:8px;color:#8a1f11;background:#ffe9e4}.transcript{min-height:280px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:4px}.message{max-width:min(680px,92%);padding:12px 14px;border-radius:8px;background:#edf4ef}.message.assistant{align-self:flex-start}.message.user{align-self:flex-end;background:#183b2a;color:#fff}.message.interim{opacity:.68}.message span{display:block;margin-bottom:4px;font-size:11px;font-weight:700;text-transform:uppercase;opacity:.7}.message p{margin:0;line-height:1.45}.composer{align-items:stretch}.composer input{width:100%;min-width:0;height:42px;border:1px solid #d7ded9;border-radius:8px;padding:0 12px;color:#17211c;background:#fff}.metrics{flex-wrap:wrap;color:#617268;font-size:13px}.metrics span{padding:6px 8px;border-radius:6px;background:#edf3ef}.audio-debug{display:block;width:100%;padding:8px 10px;border-radius:6px;color:#48584f;background:#f0f5f1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.4}.audio-debug[hidden]{display:none}@media(max-width:640px){.shell{padding:12px}.console{min-height:calc(100vh - 24px);padding:16px}.header{align-items:flex-start;flex-direction:column}.status{min-width:0}.composer{flex-direction:column}.composer button{width:100%}}