:root{--bg: #0c1118;--panel: #131c28;--accent: #0b5fff;--text: #e8edf4;--muted: #8a97a8;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.center{display:grid;place-items:center;height:100%}.muted{color:var(--muted)}.card{max-width:380px;margin:12vh auto;padding:2rem;background:var(--panel);border-radius:16px;text-align:center}.card h1{margin:0}.actions{display:flex;flex-direction:column;gap:.6rem;margin:1.5rem 0 .5rem}button{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:.75rem 1rem;font-size:1rem;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.secondary{background:transparent;border:1px solid var(--muted);color:var(--text)}button.link{background:none;color:var(--muted);padding:0 0 0 .75rem;font-size:.85rem;text-decoration:underline}.hint{font-size:.85rem;color:var(--muted)}.error{color:#ff8b8b;font-size:.85rem;word-break:break-word}.chat{display:flex;flex-direction:column;height:100%;max-width:720px;margin:0 auto}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #1f2a38}.status{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:.4rem}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.on{background:#34d399}.dot.off{background:#6b7280}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.bubble{max-width:80%;padding:.6rem .85rem;border-radius:14px;white-space:pre-wrap;word-wrap:break-word}.bubble.user{align-self:flex-end;background:var(--accent)}.bubble.assistant{align-self:flex-start;background:var(--panel)}.composer{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #1f2a38;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.composer input{flex:1;background:var(--panel);border:1px solid #1f2a38;border-radius:10px;padding:.75rem;color:var(--text);font-size:1rem}