:root{color:#e8edf7;background:#08111f;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#142848 0,#08111f 48%)}button,input,textarea{font:inherit}button{border:0;border-radius:.7rem;padding:.75rem 1rem;background:#38bdf8;color:#06101b;font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button.secondary{background:#253654;color:#e8edf7}.card{width:min(30rem,calc(100vw - 2rem));margin:12vh auto;padding:2rem;border:1px solid #293b59;border-radius:1rem;background:#0e1b2ff5;box-shadow:0 24px 80px #0006}.eyebrow{margin:0;color:#7dd3fc;font-size:.72rem;font-weight:800;letter-spacing:.2em}h1{margin:.35rem 0 1.5rem;font-size:1.8rem}form{display:grid;gap:1rem}label{display:grid;gap:.45rem;color:#cbd5e1;font-size:.9rem}input,textarea{width:100%;border:1px solid #3b4d6b;border-radius:.65rem;padding:.75rem;color:#f8fafc;background:#091525;outline:none}input:focus,textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.toggle{display:flex;align-items:center;gap:.6rem}.toggle input{width:auto}.muted,.empty{color:#94a3b8;line-height:1.55}.error{color:#fca5a5}.chat-shell{width:min(56rem,calc(100vw - 2rem));min-height:calc(100vh - 2rem);margin:1rem auto;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:1rem;padding:1.3rem;border:1px solid #293b59;border-radius:1rem;background:#0e1b2ff5}.chat-shell header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.chat-shell header h1{margin-bottom:0}.status,.notice{margin:0;color:#b8c5d9}.dot{display:inline-block;width:.55rem;height:.55rem;margin-right:.5rem;border-radius:50%;background:#f59e0b}.dot.connected{background:#4ade80}.dot.disconnected,.dot.session-expired{background:#fb7185}.notice{padding:.65rem .8rem;border-radius:.55rem;background:#27334b}.messages{overflow-y:auto;min-height:15rem;padding:1rem;border-radius:.8rem;background:#091525}article{max-width:78%;margin:0 0 .8rem;padding:.7rem .85rem;border-radius:.7rem;background:#24334d}article.own{margin-left:auto;background:#164e63}article strong{color:#7dd3fc;font-size:.78rem}article p{margin:.3rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.composer{gap:.55rem}.composer-footer{display:flex;justify-content:space-between;align-items:center;color:#94a3b8;font-size:.82rem}@media(max-width:600px){.card{margin:4vh auto}.chat-shell{margin:0;width:100%;min-height:100vh;border-radius:0}article{max-width:92%}}