:root{color-scheme:light;--bg:#fff;--surface:#fff;--surface2:#f4f4f2;--text:#171717;--muted:#8b8b88;--accent:#171717;--accent-text:#fff;--border:#e8e8e6;--bubble:#dededb;--danger:#c43d3d}:root[data-theme=dark]{color-scheme:dark;--bg:#090909;--surface:#101010;--surface2:#191919;--text:#f4f4f2;--muted:#92928f;--accent:#f2f2f0;--accent-text:#101010;--border:#282828;--bubble:#262626;--danger:#ff7777}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;transition:background .2s,color .2s}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}input,textarea{font:inherit;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:12px;width:100%;outline:none}input:focus,textarea:focus{border-color:var(--muted)}.splash{height:100%;display:grid;place-items:center;color:var(--muted);font-size:26px}.muted{color:var(--muted)}.pad{padding:14px 18px}.auth{height:100%;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:30px 24px}.auth-card h1{margin:0;font-size:26px;letter-spacing:.12em}.auth-card form{display:grid;gap:12px;margin:22px 0 14px}.auth-card button[type=submit]{background:var(--accent);color:var(--accent-text);border-radius:14px;padding:13px;font-weight:600}.auth-card button[type=submit]:disabled{opacity:.5}.link{color:var(--muted);font-size:13px;padding:6px 0}.error{color:var(--danger);font-size:13px}.app{height:100%;height:100dvh;display:flex;flex-direction:column;max-width:760px;margin:0 auto;position:relative;background:var(--bg);padding-bottom:env(safe-area-inset-bottom)}.status{height:calc(30px + env(safe-area-inset-top));min-height:52px;flex:none;padding:env(safe-area-inset-top) 24px 0;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:650}.status-right{letter-spacing:2px;font-size:11px}.bar{height:54px;flex:none;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:0 16px;background:var(--bg)}.bar .icon{width:42px;height:42px;border-radius:50%;font-size:21px;color:var(--text);display:grid;place-items:center}.bar .icon:active,.tab:active{background:var(--surface2)}.assistant-mark{justify-self:center;width:34px;height:34px;border-radius:50%;background:var(--bubble);color:var(--text);font-weight:700}.panel{position:absolute;z-index:8;top:calc(84px + env(safe-area-inset-top));left:12px;right:12px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 12px 40px #0002;max-height:45vh;overflow:auto}.row{display:flex;align-items:center;border-bottom:1px solid var(--border)}.row.on{background:var(--surface2)}.row-main{flex:1;text-align:left;padding:13px 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-del{padding:13px 16px;color:var(--muted)}.row.quiet{width:100%;justify-content:flex-start;color:var(--muted);font-size:13px}.thread{flex:1;overflow-y:auto;padding:22px 20px 16px;display:flex;flex-direction:column;gap:14px;scrollbar-width:none}.thread::-webkit-scrollbar{display:none}.empty{margin:auto auto 52px;width:100%;text-align:left;padding:20px 4px}.empty h2{font-size:25px;letter-spacing:-.6px;color:var(--text);font-weight:650;margin:0 0 4px}.empty p{margin:0}.bubble{max-width:86%;padding:12px 15px;border-radius:18px;white-space:pre-wrap;word-break:break-word;line-height:1.55}.bubble.user{align-self:flex-end;background:var(--bubble);color:var(--text);border-radius:18px 18px 5px}.bubble.assistant{align-self:flex-start;background:transparent;color:var(--text);padding:0;max-width:100%}.composer{display:flex;gap:8px;align-items:flex-end;padding:10px 14px 8px;background:var(--bg);order:2}.composer textarea{resize:none;max-height:140px;min-height:48px;border:0;border-radius:24px;background:var(--surface2);padding:13px 16px}.composer textarea:focus{border:0;box-shadow:inset 0 0 0 1px var(--border)}.composer button{width:44px;height:44px;display:grid;place-items:center;background:var(--accent);color:var(--accent-text);border-radius:50%;font-size:20px;font-weight:600;flex-shrink:0}.composer button:disabled{opacity:.4}.tabbar{order:3;flex:none;height:64px;display:flex;align-items:center;justify-content:space-around;padding:0 16px 5px;background:var(--bg)}.tab{width:48px;height:46px;border-radius:16px;color:var(--muted);font-size:21px;display:grid;place-items:center}.tab.active{color:var(--text)}.drawer{padding:12px;left:10px;right:auto;width:min(340px,calc(100vw - 20px));max-height:calc(100dvh - 150px);overflow:auto}.drawer-search{height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:13px;background:var(--surface2);color:var(--muted);font-size:19px}.drawer-search input{border:0;background:transparent;padding:0;font-size:14px}.drawer-search input:focus{border:0}.drawer-main,.drawer-create,.drawer-setting{width:100%;min-height:44px;padding:0 11px;display:flex;align-items:center;gap:10px;text-align:left;border-radius:12px;font-size:14px}.drawer-main{margin-top:10px}.drawer-main.selected,.drawer-main:hover,.drawer-create:hover,.drawer-setting:hover{background:var(--surface2)}.drawer-glyph{width:24px;height:24px;border-radius:50%;background:var(--bubble);display:grid;place-items:center;font-size:13px}.drawer-section{font-size:11px;color:var(--muted);padding:16px 11px 4px}.drawer-create{color:var(--muted);min-height:38px}.drawer-empty{font-size:12px;color:var(--muted);padding:5px 11px 12px}.drawer-setting{border-top:1px solid var(--border);border-radius:0;margin-top:8px;padding-top:9px;color:var(--muted)}.drawer-setting span{font-size:18px}.section-empty{flex:1;display:grid;place-items:center}.section-symbol{font-size:25px;color:var(--muted)}.drawer-section-row{display:flex;align-items:center;gap:8px;padding-top:16px}.drawer-section-row span{font-size:15px}.drawer-section-row button{font-size:11px;color:var(--muted);padding:0}.assistant-row{display:flex;align-items:center;gap:4px;margin:2px 0}.assistant-row .drawer-create{flex:1;color:var(--text);min-height:42px}.create-chat{flex:none;width:38px;height:38px;border-radius:12px;color:var(--muted);font-size:20px}.create-chat:hover,.settings-icon:hover{background:var(--surface2)}.account{cursor:default}.account-actions{display:flex;align-items:center;gap:2px}.settings-icon{width:38px;height:38px;border-radius:12px;color:var(--muted);font-size:16px}.logout-icon{display:none}.drawer-backdrop{position:fixed;inset:0;z-index:20;background:#0005;display:flex}.drawer-backdrop .drawer{position:relative;inset:auto;height:100dvh;height:100%;max-height:none;width:min(340px,88vw);border:0;border-right:1px solid var(--border);border-radius:0;padding:calc(16px + env(safe-area-inset-top)) 13px calc(10px + env(safe-area-inset-bottom));box-shadow:8px 0 32px #0002;display:flex;flex-direction:column;animation:drawer-in .2s ease-out}.drawer-backdrop .drawer-search,.drawer-backdrop .drawer-main,.drawer-backdrop .drawer-create,.drawer-backdrop .drawer-setting,.drawer-backdrop .row{flex:none}.drawer-backdrop .drawer-bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:8px}.drawer-bottom .drawer-setting{border:0;margin:0;padding:0 10px;min-height:44px}.account{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:9px 7px;border-radius:12px}.account:hover{background:var(--surface2)}.account-avatar{width:34px;height:34px;border-radius:50%;background:var(--bubble);display:grid;place-items:center;font-size:13px;font-weight:600}.account-text{min-width:0;flex:1;display:grid}.account-text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}.account-text small{color:var(--muted);font-size:11px}.account-more{color:var(--muted);font-size:20px}.settings-head{height:42px;display:flex;align-items:center;gap:12px}.settings-back{font-size:27px;width:30px}.setting-choice{width:100%;height:46px;padding:0 12px;display:flex;justify-content:space-between;align-items:center;border-radius:12px}.setting-choice.chosen{background:var(--surface2)}@keyframes drawer-in{0%{transform:translate(-18px);opacity:.6}to{transform:translate(0);opacity:1}}@media(min-width:700px){.app{border-left:1px solid var(--border);border-right:1px solid var(--border)}.thread{padding-left:28px;padding-right:28px}.composer{padding-left:22px;padding-right:22px}}