:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;background:#101c24;color:#edf3f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{max-width:780px;margin:auto;min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) max(18px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(18px,env(safe-area-inset-left))}header{display:flex;justify-content:space-between;align-items:center;padding:24px 0 20px;border-bottom:1px solid #2c414a;gap:12px}.identity{display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#a4cec0;color:#132d2b;font-family:Georgia,serif;font-size:28px}h1{font-size:24px;margin:0;letter-spacing:-.5px}header p{font-size:12px;margin:3px 0 0;color:#abc2c7}main{flex:1;display:flex;min-height:0}button,input,textarea{font:inherit;border-radius:12px}button{min-height:44px;border:0;padding:12px 20px;background:#a4cec0;color:#142c2a;font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.quiet{background:transparent;border:1px solid #405660;color:#dbe8e8;padding:10px 14px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #d6ecb6;outline-offset:3px}input,textarea{width:100%;padding:14px;background:#172a34;color:#edf3f3;border:1px solid #45606b;font-size:16px}label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.signin{align-self:center;width:100%;max-width:440px;margin:60px auto}.eyebrow{color:#a4cec0;font-size:12px;letter-spacing:1.5px;text-transform:uppercase}h2{font-size:32px;font-weight:550;letter-spacing:-1px;margin:16px 0}.signin p{color:#adc2c7;line-height:1.65;margin-bottom:30px}.signin button{width:100%;margin-top:16px}.chat{display:flex;flex-direction:column;width:100%}#messages{flex:1;min-height:28vh;padding:12px 0 20px}.empty{text-align:center;color:#cfdfdf;margin:64px 0;line-height:1.7}.empty span{font-size:13px;color:#8faab3}.bubble{max-width:92%;padding:14px 18px;margin:14px 0;border-radius:16px;background:#203943;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.bubble.user{margin-left:auto;background:#2a4846}.bubble.pending{opacity:.65}.bubble.failed{border:1px solid #cdad7c}.speaker{display:block;color:#a8c6c8;font-size:11px;letter-spacing:.6px;font-weight:600;margin-bottom:5px}.bubble.user .speaker{color:#bad7c6}#compose{position:sticky;bottom:0;background:#101c24;padding:16px 0 6px;border-top:1px solid #2c414a}textarea{resize:vertical;min-height:86px;max-height:180px}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:9px}small,.hint{font-size:11px;color:#94afb6}.hint{display:block;margin-top:10px;line-height:1.5}footer{padding:10px 0 18px}#status{font-size:13px;line-height:1.5;min-height:20px;color:#d6cfb5;margin:4px 0 8px}[hidden]{display:none!important}@media(min-width:700px){.shell{padding-left:32px;padding-right:32px}.bubble{max-width:82%}.signin{margin:85px auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.voice-controls{border-top:1px solid #405660;margin-top:18px;padding:14px 0}.voice-controls h2{font-size:18px;margin:6px 0}.voice-controls p{font-size:13px;line-height:1.5}.voice-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.voice-controls label{display:flex;gap:8px;align-items:center;margin:10px 0}.voice-controls input[type=checkbox]{width:auto;min-width:18px;min-height:18px}.voice-controls small{display:block;line-height:1.5}

#conversationHistory{font:inherit;width:100%;min-height:44px;padding:10px 12px;margin-bottom:14px;border:1px solid #45606b;border-radius:12px;background:#172a34;color:#edf3f3}#conversationHistory:focus-visible{outline:2px solid #d6ecb6;outline-offset:3px}