:root{--bg:#f6f7f8;--surface:#fff;--text:#1c2226;--muted:#5d6a72;--accent:#1f4e5f;--accent-text:#fff;--user-bubble:#1f4e5f;--user-text:#fff;--assistant-bubble:#fff;--border:#dde2e5;--notice:#fff4e5;--notice-text:#5c3b00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101416;--surface:#1a2024;--text:#e6eaec;--muted:#9aa7ae;--accent:#6fb3c8;--accent-text:#0b1a20;--user-bubble:#2b5f70;--user-text:#fff;--assistant-bubble:#1f262b;--border:#2c353b;--notice:#3a2c12;--notice-text:#f5ddb0}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.45}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button{background:var(--accent);color:var(--accent-text);border:none;border-radius:999px;padding:.65rem 1.2rem;font-weight:600}.button.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.text-button{color:var(--accent);background:0 0;border:none;padding:.4rem .2rem}.icon-button{width:44px;height:44px;color:var(--muted);background:0 0;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button.small{width:28px;height:28px}.icon-button.send{color:var(--accent)}.splash{text-align:center;height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;margin:0;padding:2rem;display:flex}.splash-detail{max-width:28rem}.sign-in{max-width:26rem;padding:calc(env(safe-area-inset-top) + 3rem) 1.25rem 2rem;flex-direction:column;gap:1rem;margin:0 auto;display:flex}.sign-in-intro{font-size:1.15rem}.sign-in-actions,.code-form{flex-direction:column;gap:.75rem;display:flex}.code-form input{font:inherit;letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:.6rem .8rem;font-size:1.4rem}.notice,.guide{border-radius:12px;margin:.5rem .75rem;padding:.75rem 1rem}.notice{background:var(--notice);color:var(--notice-text)}.guide{background:var(--surface);border:1px solid var(--border)}.notice p,.guide p{margin:0}.guide-failure{color:var(--notice-text);margin-top:.5rem!important}.actions{align-items:center;gap:.75rem;margin-top:.6rem;display:flex}.chat{flex-direction:column;height:100%;display:flex}.chat-header{padding:calc(env(safe-area-inset-top) + .4rem) .5rem .4rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.chat-title h1{margin:0;font-size:1.1rem}.link-state{color:var(--muted);font-size:.8rem}.thread{flex-direction:column;flex:1;min-height:0;display:flex}.viewport{flex-direction:column;flex:1;padding:.75rem .75rem 0;display:flex;overflow-y:auto}.load-earlier{color:var(--accent);background:0 0;border:none;align-self:center;padding:.5rem}.empty{color:var(--muted);text-align:center;margin:auto}.message{flex-direction:column;max-width:85%;margin:.2rem 0;display:flex}.message.user{align-self:flex-end;align-items:flex-end}.message.assistant{align-self:flex-start}.bubble{overflow-wrap:anywhere;border-radius:18px;padding:.55rem .85rem}.message.user .bubble{background:var(--user-bubble);color:var(--user-text);border-bottom-right-radius:6px}.message.assistant .bubble{background:var(--assistant-bubble);border:1px solid var(--border);border-bottom-left-radius:6px}.plain-text{white-space:pre-wrap;margin:0}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown img,.media-image{border-radius:12px;max-width:100%;max-height:60vh;display:block}.markdown a,.message.assistant .media-document{color:var(--accent)}.message.user .media-document,.message.user a{color:inherit}.markdown pre{overflow-x:auto}.media-image+.plain-text,.media-audio+.plain-text,.media-document+.plain-text{margin-top:.4rem}.media-audio audio{max-width:100%}.media-document{align-items:center;gap:.4rem;display:inline-flex}.sending{color:var(--muted);margin-top:.15rem;font-size:.75rem}.typing{color:var(--muted);align-self:flex-start;margin:.3rem 0;font-size:.9rem}.shortcuts{gap:.5rem;margin:.3rem 0;display:flex}.shortcut{border:1px solid var(--accent);background:var(--surface);color:var(--accent);border-radius:999px;padding:.4rem 1.1rem;font-weight:600}.viewport-footer{padding-bottom:env(safe-area-inset-bottom);background:var(--bg);margin:auto -.75rem 0;position:sticky;bottom:0}.composer{padding:.4rem .5rem}.composer-row{background:var(--surface);border:1px solid var(--border);border-radius:24px;align-items:flex-end;gap:.15rem;padding:.15rem;display:flex}.composer-input{resize:none;min-width:0;color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:1;padding:.6rem .25rem}.composer-note{color:var(--muted);margin:0 .5rem .4rem;font-size:.9rem}.composer-attachments:empty{display:none}.composer-attachments{flex-wrap:wrap;gap:.4rem;margin:0 .25rem .4rem;display:flex}.attachment{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .2rem .2rem .7rem;font-size:.9rem;display:inline-flex}.attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:14rem;overflow:hidden}.recording{background:var(--surface);border:1px solid var(--border);border-radius:24px;align-items:center;gap:.75rem;margin:.4rem .5rem;padding:.4rem .5rem .4rem 1rem;display:flex}.recording-dot{background:#c62828;border-radius:50%;width:10px;height:10px}.recording-time{flex:1}.settings{background:var(--bg);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);position:fixed;inset:0;overflow-y:auto}.settings-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:.4rem .5rem .4rem 1rem;display:flex}.settings-header h1{margin:0;font-size:1.1rem}.settings-section{border-bottom:1px solid var(--border);padding:1rem}.settings-section h2{margin:0 0 .5rem;font-size:1rem}.settings-section p{margin:0 0 .75rem}.devices{margin:0;padding:0;list-style:none}.devices li{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.devices li div{flex-direction:column;display:flex}.device-meta{color:var(--muted);font-size:.85rem}
