:root,[data-theme=light]{--bg: #fafaf7;--surface: #ffffff;--surface-2: #f1f3ef;--line: #e1e5e1;--ink: #0d1b1e;--ink-2: #3f4f54;--ink-3: #5a686c;--accent: #0e6e66;--accent-ink: #0a524c;--accent-soft: #e4f1ef;--on-accent: #ffffff;--user-bubble: #0d1b1e;--user-ink: #ffffff;--danger: #a3361b;--danger-soft: #fbece7;--code-bg: #0f1a1c;--code-ink: #e6efed;--shadow: 0 12px 40px -18px rgba(13, 27, 30, .35);--focus: #e8a33d;color-scheme:light}[data-theme=dark]{--bg: #0f1517;--surface: #161e21;--surface-2: #1d272a;--line: #2a373b;--ink: #e8eeec;--ink-2: #c3cecb;--ink-3: #93a29e;--accent: #3fb5a8;--accent-ink: #7dd3c8;--accent-soft: #15302d;--on-accent: #08201d;--user-bubble: #23474a;--user-ink: #f2f7f6;--danger: #f0907a;--danger-soft: #3a1f19;--code-bg: #0a0f11;--code-ink: #e6efed;--shadow: 0 12px 40px -18px rgba(0, 0, 0, .7);--focus: #f0b85a;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Figtree,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app{display:flex;height:100dvh;overflow:hidden}.main{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar{width:280px;flex:none;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:12px;gap:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.sidebar[data-collapsed=true]{display:none}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{display:inline-flex;align-items:baseline;gap:6px;text-decoration:none;color:var(--ink);padding:4px 6px}.brand b{font-family:Bricolage Grotesque,Figtree,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em}.brand span{font-size:12px;color:var(--ink-3)}.btn-new{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);font-weight:600}.btn-new:hover{border-color:var(--accent);color:var(--accent)}.search{position:relative}.search input{width:100%;min-height:40px;padding:0 12px 0 34px;border-radius:10px;border:1px solid var(--line);background:var(--bg);font-size:14px}.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ink-3)}.history{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;margin:0 -4px;padding:0 4px}.history h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:8px 6px 4px;font-weight:600}.history-item{display:flex;align-items:center;gap:6px;border-radius:10px;padding:0 4px 0 10px;min-height:40px}.history-item:hover,.history-item[aria-current=true]{background:var(--surface-2)}.history-item button.open{flex:1;min-width:0;text-align:left;background:none;border:0;padding:8px 0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.history-item button.del{opacity:0}.history-item:hover button.del,.history-item button.del:focus-visible{opacity:1}.history-empty{font-size:14px;color:var(--ink-3);padding:8px 10px}.sidebar-foot{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px}.account{display:flex;align-items:center;gap:10px;font-size:14px;min-width:0}.account .who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}.note{font-size:13px;color:var(--ink-3)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:10px;border:1px solid transparent;background:none;color:var(--ink-2)}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:60px;padding:8px 16px;padding-top:max(8px,env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--bg)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:6px}.topbar .brand{display:none}.app[data-sidebar=collapsed] .topbar .brand{display:inline-flex}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:10px;border:1.5px solid transparent;font-weight:600;font-size:15px;text-decoration:none}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{filter:brightness(1.08)}.btn-outline{border-color:var(--line);background:var(--surface);color:var(--ink)}.btn-outline:hover{border-color:var(--ink-3)}.btn-ghost{background:none;color:var(--ink-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn-block{width:100%;min-height:48px}.theme-switch{display:inline-flex;padding:3px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.theme-switch button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:30px;border:0;border-radius:9px;background:none;color:var(--ink-3)}.theme-switch button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001f}.scroll{flex:1;overflow-y:auto;overscroll-behavior:contain}.column{max-width:780px;margin:0 auto;padding:24px 16px 32px;display:flex;flex-direction:column;gap:22px}.welcome{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:32px 16px}.welcome h1{font-family:Bricolage Grotesque,Figtree,sans-serif;font-size:clamp(30px,5vw,44px);line-height:1.08;letter-spacing:-.03em;margin:0}.welcome p{margin:0;color:var(--ink-2);max-width:520px}.suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:640px;margin-top:8px}.suggestion{text-align:left;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:2px}.suggestion strong{font-weight:600;font-size:15px}.suggestion span{font-size:14px;color:var(--ink-3)}.suggestion:hover{border-color:var(--accent)}.msg{display:flex;gap:12px}.msg-user{justify-content:flex-end}.msg-user .bubble{max-width:min(85%,620px);background:var(--user-bubble);color:var(--user-ink);padding:10px 16px;border-radius:18px 18px 6px;white-space:pre-wrap;overflow-wrap:anywhere}.avatar{flex:none;width:32px;height:32px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;margin-top:2px}.msg-ai .body{flex:1;min-width:0}.actions{display:flex;gap:2px;margin-top:6px}.actions .icon-btn{width:34px;height:34px}.md{overflow-wrap:anywhere}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p,.md ul,.md ol,.md pre,.md blockquote,.md table{margin:0 0 12px}.md ul,.md ol{padding-left:22px}.md li+li{margin-top:4px}.md h1,.md h2,.md h3{font-size:1.1em;margin:18px 0 8px;line-height:1.3}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--surface-2);padding:1px 5px;border-radius:6px}.md blockquote{border-left:3px solid var(--line);padding-left:12px;color:var(--ink-2)}.md table{border-collapse:collapse;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--line);padding:6px 10px}.code-block{position:relative;margin:0 0 12px;border-radius:12px;overflow:hidden;background:var(--code-bg)}.code-head{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 6px 14px;font-size:12px;color:#9fb2ae;border-bottom:1px solid rgba(255,255,255,.08)}.code-head button{background:none;border:0;color:#cfe0dc;font-size:12px;padding:4px 8px;border-radius:6px}.code-head button:hover{background:#ffffff14}.code-block pre{margin:0;padding:14px;overflow-x:auto;color:var(--code-ink)}.code-block pre code{background:none;padding:0;font-size:13.5px;line-height:1.55;color:inherit}.typing{display:inline-flex;gap:4px;padding:10px 0}.typing span{width:7px;height:7px;border-radius:50%;background:var(--ink-3);animation:blink 1.2s infinite both}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.error-card{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--danger-soft);color:var(--danger);font-size:15px}.signin-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.signin-card strong{font-size:16px}.signin-card p{margin:0;color:var(--ink-2);font-size:15px}.signin-card .row{display:flex;flex-wrap:wrap;gap:8px}.composer-wrap{padding:8px 16px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 70%,transparent)}.composer{max-width:780px;margin:0 auto;display:flex;align-items:flex-end;gap:8px;padding:8px 8px 8px 16px;border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.composer:focus-within{border-color:var(--accent)}.composer textarea{flex:1;border:0;outline:0;resize:none;background:none;padding:8px 0;max-height:200px;min-height:24px;font-size:16px;line-height:1.5}.send{flex:none;width:40px;height:40px;border-radius:12px;border:0;background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center}.send:disabled{background:var(--surface-2);color:var(--ink-3);cursor:not-allowed}.send.stop{background:var(--ink);color:var(--bg)}.composer-note{max-width:780px;margin:8px auto 0;text-align:center;font-size:12px;color:var(--ink-3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050c0e80;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{width:100%;max-width:420px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;max-height:calc(100dvh - 32px);overflow-y:auto}.modal h2{margin:0;font-family:Bricolage Grotesque,Figtree,sans-serif;font-size:26px;letter-spacing:-.02em;line-height:1.15}.modal p{margin:0;color:var(--ink-2)}.modal .head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:14px;font-weight:600}.field input{min-height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);font-size:16px}.field input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.divider{display:flex;align-items:center;gap:12px;color:var(--ink-3);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.form-error{color:var(--danger);font-size:14px;min-height:1.2em;margin:0}.link-btn{background:none;border:0;color:var(--accent);font-weight:600;padding:0}.drawer-backdrop{display:none}@media (max-width: 860px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:min(86vw,320px);box-shadow:var(--shadow)}.sidebar[data-collapsed=true]{display:none}.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#050c0e73}.topbar .brand{display:inline-flex}.suggestions{grid-template-columns:1fr}.hide-mobile{display:none!important}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.btn{white-space:nowrap}@media (max-width: 420px){.topbar{padding-left:10px;padding-right:10px}.topbar .btn{padding:0 12px}.theme-switch button{width:30px}.topbar .brand b{font-size:20px}}