:root{color-scheme:light dark;--bg: light-dark(#faf9f5, #262624);--bg-side: light-dark(#f3f1ea, #1f1e1d);--bg-input: light-dark(#ffffff, #30302e);--bubble: light-dark(#ece9df, #141413);--fg: light-dark(#1f1e1d, #ece9e1);--muted: light-dark(#6b6862, #a6a39b);--faint: light-dark(#a8a59d, #6b6862);--border: light-dark(#e3e0d6, #3a3936);--accent: light-dark(#2563a8, #6cb0f0);--accent-fg: light-dark(#ffffff, #0d1f33);--hover: light-dark(rgb(0 0 0 / .05), rgb(255 255 255 / .06));--active: light-dark(rgb(0 0 0 / .08), rgb(255 255 255 / .1));--danger: light-dark(#c4314b, #fb6b74);--shadow: light-dark(rgb(0 0 0 / .06), rgb(0 0 0 / .35));--tip-bg: light-dark(#262624, #3d3d3a);--serif: "Iowan Old Style", "Palatino Linotype", Georgia, serif;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body,#root{height:var(--app-height, 100dvh)}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer}button:hover:not(:disabled){background:var(--hover)}button:disabled{cursor:default}.muted{color:var(--muted)}.small{font-size:12px}.pad{padding:4px 10px}.error{color:var(--danger);margin:0;font-size:14px}.splash{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.splash-logo{width:112px;height:112px;overflow:hidden;animation:splash-pop .6s cubic-bezier(.34,1.56,.64,1) both}.splash-logo svg{display:block;width:100%;height:100%}.splash-dog{animation:splash-peek .7s cubic-bezier(.34,1.56,.64,1) .2s both}.splash-ear{transform-box:fill-box;transform-origin:85% 0%;animation:splash-flap .5s ease-in-out .9s 2}.splash-nose{transform-box:fill-box;transform-origin:center;animation:splash-sniff .25s ease-in-out .8s 4 alternate}.splash-eye{transform-box:fill-box;transform-origin:center;animation:splash-blink .25s ease-in-out 1.6s}.splash-name{font-family:var(--serif);font-size:32px;font-weight:600;letter-spacing:-.01em;color:var(--fg);animation:splash-rise .5s ease-out .3s both}.splash-name span{color:var(--accent)}@keyframes splash-pop{0%{opacity:0;transform:scale(.6) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes splash-peek{0%{transform:translateY(70%)}to{transform:none}}@keyframes splash-flap{50%{transform:rotate(-14deg)}}@keyframes splash-sniff{to{transform:scale(1.12,.92)}}@keyframes splash-blink{50%{transform:scaleY(.1)}}@keyframes splash-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.splash-logo,.splash-name,.splash-dog,.splash-ear,.splash-nose,.splash-eye{animation:none}}.auth{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:calc(56px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(ellipse 80% 50% at 50% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent),var(--bg-side)}.auth-card{width:min(400px,100%);display:flex;flex-direction:column;gap:16px;padding:36px 32px 32px;background:var(--bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 2px var(--shadow),0 12px 32px var(--shadow)}.auth-head{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;margin-bottom:8px}.auth-head img{margin-bottom:10px}.auth-head h1{margin:0;font-family:var(--serif);font-size:24px;font-weight:600}.auth-head p{margin:0;font-size:14px;line-height:1.45;color:var(--muted)}.auth-error{margin:0;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.4;color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.auth-notice{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.4;color:var(--muted);background:var(--bg-side)}.auth-notice svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}.auth-foot{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--faint)}.auth-foot svg{width:13px;height:13px}.auth-tools{position:fixed;top:calc(16px + env(safe-area-inset-top));right:16px;display:flex;align-items:center;gap:8px}.auth-badge{display:grid;place-items:center;width:52px;height:52px;margin-bottom:10px;border-radius:14px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.auth-badge svg{width:26px;height:26px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;font-weight:550}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.field-head .auth-link{font-size:12px;font-weight:500}.field small{font-size:12px;line-height:1.4;color:var(--muted)}.auth input{height:42px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:15px;color:var(--fg);background:var(--bg-input);transition:border-color .15s,box-shadow .15s}.auth input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.auth-primary{height:42px;margin-top:4px;border:none;border-radius:8px;background:var(--accent);color:var(--accent-fg);font-weight:600;font-size:15px}.auth-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.auth-primary:disabled{opacity:.6;cursor:default}.auth-link{border:none;padding:0;color:var(--accent);font-weight:550}.auth-link:hover:not(:disabled){background:none;text-decoration:underline}.auth-switch{margin:0;text-align:center;font-size:14px;color:var(--muted)}@media(max-width:600px){.auth-card{padding:28px 20px 24px}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:none;padding:6px;border-radius:8px;color:var(--muted)}.icon-btn svg{width:18px;height:18px;stroke-width:1.75}.icon-btn:hover:not(:disabled){color:var(--fg)}.segmented{display:flex;gap:2px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.segmented button{display:grid;place-items:center;min-width:26px;height:24px;padding:0 5px;border:none;border-radius:6px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.02em}.segmented button svg{width:14px;height:14px}.segmented button.active,.segmented button.active:hover{background:var(--active);color:var(--fg)}.layout{display:flex;height:100%}.sidebar{width:var(--side-w, 272px);flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-side);border-right:1px solid var(--border);padding-top:env(safe-area-inset-top);transition:margin-left .2s ease,translate .2s ease}.layout:not(.sidebar-open) .sidebar{margin-left:calc(-1 * var(--side-w, 272px))}body.resizing .sidebar{transition:none}.resizer{width:6px;margin-left:-3px;margin-right:-3px;cursor:col-resize;z-index:2;flex-shrink:0;touch-action:none}.resizer:hover,body.resizing .resizer{background:var(--accent);opacity:.4}body.resizing{cursor:col-resize;user-select:none;-webkit-user-select:none}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 6px 16px}.brand{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-size:20px;font-weight:600}.brand img{border-radius:7px}.sidebar-tools{display:flex;gap:2px}.sidebar-body{flex:1;overflow:auto;padding:0 8px}.section-title{margin:18px 10px 6px;font-size:12px;font-weight:500;color:var(--muted)}.sidebar-section{padding:2px 8px 8px;border-bottom:1px solid var(--border)}.link-btn{display:flex;align-items:center;gap:6px;width:100%;border:none;padding:6px 10px;border-radius:8px;font-size:13.5px;text-align:left;color:var(--accent)}.link-btn svg{width:15px;height:15px;stroke-width:2.25}.conversations{list-style:none;margin:0;padding:0}.conversations li{display:flex;align-items:center;gap:4px;padding:6px 4px 6px 10px;border-radius:8px;font-size:13.5px;cursor:pointer}.conversations li:hover{background:var(--hover)}.conversations li.active{background:var(--active)}.conversations .title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversations .more{padding:2px;opacity:0}.conversations .more svg{width:15px;height:15px}.conversations li:hover .more,.conversations li.active .more{opacity:1}.account{display:flex;align-items:center;gap:4px;padding:8px 6px 8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);font-size:13px}.account .email{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.chat{flex:1;min-width:0;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.chat-header{display:flex;align-items:center;gap:4px;height:48px;padding:0 10px;flex-shrink:0}.chat-title{flex:1;text-align:center;font-size:14px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:0 16px 12vh}.welcome h1{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(26px,4vw,38px);text-align:center}.welcome .composer{width:min(680px,100%)}.welcome>p{margin:-12px 0 0}.thread{flex:1;overflow-y:auto}.thread-inner{max-width:720px;margin:0 auto;padding:16px 20px 32px;display:flex;flex-direction:column;gap:24px}.dock{padding:0 16px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:6px}.dock .composer{width:min(720px,100%)}.dock>p{margin:0}.msg.user{display:flex;justify-content:flex-end}.bubble{max-width:85%;padding:10px 16px;border-radius:18px;background:var(--bubble);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.msg.assistant{line-height:1.65;font-size:15.5px}.msg-actions{display:flex;gap:2px;margin-top:6px;margin-left:-6px}.msg-actions .icon-btn svg{width:16px;height:16px}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p,.markdown ul,.markdown ol,.markdown pre,.markdown table,.markdown blockquote{margin:0 0 14px}.markdown h1,.markdown h2,.markdown h3{margin:22px 0 10px;line-height:1.3}.markdown h1{font-size:22px}.markdown h2{font-size:19px}.markdown h3{font-size:16.5px}.markdown ul,.markdown ol{padding-left:24px}.markdown li+li{margin-top:4px}.markdown a{color:var(--accent)}.markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;padding:1px 5px;border-radius:5px;background:var(--hover)}.markdown pre{padding:12px 14px;border-radius:10px;background:var(--bubble);overflow-x:auto}.markdown pre code{padding:0;background:none;font-size:13px}.markdown blockquote{padding-left:12px;border-left:3px solid var(--border);color:var(--muted)}.markdown table{border-collapse:collapse;display:block;overflow-x:auto}.markdown th,.markdown td{border:1px solid var(--border);padding:6px 10px;text-align:left}.markdown hr{border:none;border-top:1px solid var(--border);margin:20px 0}.markdown.streaming>:last-child:after{content:"";display:inline-block;width:8px;height:8px;margin-left:4px;border-radius:50%;background:var(--accent);vertical-align:middle;animation:pulse 1s ease-in-out infinite}.reasoning{margin-bottom:12px}.reasoning-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px 8px 4px 4px;border:none;color:var(--muted);font-size:13px}.reasoning-toggle svg{width:15px;height:15px;transition:transform .15s}.reasoning-toggle svg.open{transform:rotate(90deg)}.reasoning-text{margin-top:6px;padding:8px 0 8px 14px;border-left:2px solid var(--border);color:var(--muted);font-size:13.5px;white-space:pre-wrap;max-height:320px;overflow-y:auto}.dots{display:flex;gap:5px;padding:8px 0}.dots span{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes pulse{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.dots span,.markdown.streaming>:last-child:after{animation:none}.sidebar{transition:none}}.composer{display:flex;flex-direction:column;gap:6px;padding:12px 12px 10px 16px;border:1px solid var(--border);border-radius:20px;background:var(--bg-input);box-shadow:0 4px 20px var(--shadow)}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.composer textarea{width:100%;min-height:28px;resize:none;border:none;outline:none;padding:4px 0;background:none;color:inherit;font:inherit;font-size:15.5px;line-height:1.5}.composer textarea::placeholder{color:var(--faint)}.composer-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px}.send-btn{display:grid;place-items:center;width:34px;height:34px;padding:0;border:none;border-radius:10px;background:var(--accent);color:var(--accent-fg)}.send-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 85%,black)}.send-btn:disabled{opacity:.35}.send-btn svg{width:18px;height:18px;stroke-width:2.25}.send-btn svg.lucide-square{width:13px;height:13px;fill:currentColor}.model-picker{position:relative}.model-btn{display:inline-flex;align-items:center;gap:4px;max-width:260px;border:none;padding:6px 8px;font-size:13px;color:var(--muted)}.model-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-btn svg{width:14px;height:14px;flex-shrink:0}.model-btn:hover:not(:disabled){color:var(--fg)}.menu{list-style:none;margin:0;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--bg-input);box-shadow:0 8px 28px var(--shadow);font-size:13px}.model-menu{position:absolute;right:0;bottom:calc(100% + 6px);z-index:10;min-width:240px;max-width:min(340px,90vw);max-height:50vh;overflow-y:auto}.welcome .model-menu{bottom:auto;top:calc(100% + 6px)}.menu button{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;border-radius:8px;text-align:left}.menu .model-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu .check{width:14px;display:inline-flex;color:var(--accent)}.banner{position:fixed;left:50%;bottom:20px;translate:-50% 0;z-index:50;padding:10px 16px;border-radius:10px;background:var(--bg-input);border:1px solid var(--border);box-shadow:0 8px 28px var(--shadow);cursor:pointer}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#0006}.settings{position:relative;display:flex;width:min(726px,calc(100vw - 64px));height:min(560px,calc(100vh - 64px));background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #00000040}.settings-nav{width:180px;flex-shrink:0;display:flex;flex-direction:column;gap:1px;padding:12px 8px;background:var(--bg-side);border-right:1px solid var(--border);overflow:auto}.settings-search{position:relative;margin-bottom:18px}.settings-search svg{position:absolute;left:10px;top:50%;translate:0 -50%;width:15px;height:15px;color:var(--muted)}.settings-search input{width:100%;padding:6px 10px 6px 30px;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:13px;color:var(--fg);background:var(--bg-input)}.settings-search input:focus{outline:none;border-color:var(--accent)}.settings-nav-title{padding:0 8px 6px;font-size:13px;font-weight:600;color:var(--faint)}.settings-tab{display:flex;align-items:center;gap:10px;border:none;border-radius:6px;padding:5px 8px;text-align:left;font-size:14px;color:var(--fg)}.settings-tab svg{width:16px;height:16px;stroke-width:1.75;color:var(--muted)}.settings-tab.active{background:var(--active)}.settings-content{position:relative;flex:1;min-width:0;overflow:auto;padding:48px 20px 24px}.settings-bar{position:absolute;z-index:1;top:calc(10px + env(safe-area-inset-top));left:10px;right:10px;display:flex;justify-content:space-between;pointer-events:none}.settings-bar button{pointer-events:auto}.settings-bar .back{visibility:hidden}.setting-heading{margin:28px 0 10px;padding:0 12px;font-size:16px;font-weight:600}.setting-group{background:var(--bg-side);border-radius:10px;padding:0 16px}.setting-item{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:16px 0}.setting-item+.setting-item{border-top:1px solid var(--border)}.setting-info{flex:1;min-width:0}.setting-name{font-size:15px}.setting-desc{margin:4px 0 0;font-size:13px;line-height:1.4;color:var(--muted)}.setting-control{display:flex;gap:8px;flex-shrink:0}.settings-content button:not(.icon-btn,.segmented button){border:none;background:var(--active);padding:6px 12px;font-size:14px}.tooltip{position:fixed;top:0;left:0;z-index:100;padding:5px 9px;border-radius:6px;background:var(--tip-bg);color:#fff;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px #0003;opacity:0;translate:0 -3px;transition:opacity .12s,translate .12s}.tooltip[data-place=top]{translate:0 3px}.tooltip.visible{opacity:1;translate:0 0}.tooltip:before{content:"";position:absolute;left:calc(var(--arrow-x) - 4px);width:8px;height:8px;background:inherit;rotate:45deg}.tooltip[data-place=bottom]:before{top:-4px}.tooltip[data-place=top]:before{bottom:-4px}@media(max-width:760px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:min(300px,85vw);box-shadow:0 0 40px var(--shadow)}.layout:not(.sidebar-open) .sidebar{margin-left:0;translate:-100% 0;box-shadow:none}.thread-inner{padding:12px 16px 24px}.resizer{display:none}}@media(max-width:600px){.settings{width:100vw;height:100dvh;border:none;border-radius:0;padding-top:env(safe-area-inset-top)}.settings-nav{width:100%;border-right:none;padding:52px 12px 12px}.settings-tab{padding:10px 8px;font-size:16px}.settings.nav-hidden .settings-nav,.settings:not(.nav-hidden) .settings-content{display:none}.settings-content{padding:52px 16px calc(24px + env(safe-area-inset-bottom))}.settings.nav-hidden .settings-bar .back{visibility:visible}.settings-search input{font-size:16px}}@media(hover:none){.conversations .more{opacity:1}.icon-btn{min-width:40px;min-height:40px}}