:root{--bg:#0b1220;--surface:#0f172a;--surface-2:#141c2f;--text:#e6f0ff;--muted:#8aa0bf;--border:#1e2a44;--primary:#00c2ff;--primary-600:#00a8e8;--core:#ff3b3b;--accent:#6ee7ff;--success:#20d37a;--warning:#ffb020;--danger:#ff4d4f;--radius-2:12px;--radius-3:16px;--shadow-1:0 4px 16px rgba(0,0,0,.25);--shadow-2:0 8px 32px rgba(0,0,0,.35)}@media (prefers-color-scheme: light){:root{--bg:#f8fbff;--surface:#fff;--surface-2:#f3f7ff;--text:#0b1220;--muted:#52627a;--border:#e6eefc}}:root{--bg: #0b1621;--surface: #0f1b2a;--surface-2: #131f30;--text: #e6f1ff;--muted: #8b9ab5;--border: rgba(255, 255, 255, .08);--primary: #00c2ff;--primary-600: #0aa6d9;--accent: #00c2ff;--core: #ff4757;--shadow-1: 0 2px 8px rgba(0, 0, 0, .15);--shadow-2: 0 4px 16px rgba(0, 0, 0, .25);--radius-2: 8px;--radius-3: 12px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;background:var(--surface-2);color:var(--text)}a{color:var(--accent);text-decoration:none}.app-shell{display:grid;grid-template-rows:auto 1fr;min-height:100%}.header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.8px}.brand img{width:28px;height:28px}.brand-title{display:flex;align-items:center;gap:6px}.brand-title .dot{width:8px;height:8px;border-radius:999px;background:var(--core);box-shadow:0 0 14px var(--core)}.header-actions{margin-left:auto;display:flex;gap:10px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:8px 12px;border-radius:var(--radius-2);cursor:pointer;transition:.2s;box-shadow:var(--shadow-1)}.btn:hover{transform:translateY(-1px);border-color:var(--primary)}.btn.primary{background:var(--primary);border-color:transparent;color:#00131c}.btn.ghost{background:transparent}.btn.core{background:var(--core);color:#fff;border-color:transparent}.layout{display:grid;grid-template-columns:280px 1fr;gap:0;min-height:calc(100vh - 60px)}.chip{display:inline-block;background:var(--surface-2);padding:6px 10px;border-radius:999px;border:1px solid var(--border);margin:4px 6px 0 0;cursor:pointer}.chip:hover{border-color:var(--primary);color:var(--primary)}.sidebar-toggle{display:none}.main{display:grid;grid-template-rows:1fr auto;min-height:0}.thread{overflow:auto;padding:24px;display:flex;flex-direction:column;gap:14px;background:var(--surface-2)}.bubble{padding:14px 16px;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-1);animation:fadeUp .18s ease}.bubble.assistant{background:linear-gradient(180deg,#00c2ff14,#00c2ff0d);width:100%}.bubble.user{background:linear-gradient(180deg,#00c2ff59,#00c2ff2e);border-color:#0e7aa5;margin-left:auto;max-width:60%}.bubble .role{font-size:.8rem;color:var(--muted);margin-bottom:6px}.composer{background:var(--surface);border-top:1px solid var(--border);padding:12px;display:flex;gap:10px;align-items:flex-end}.textarea{flex:1;min-height:48px;max-height:200px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);resize:vertical}.controls{display:flex;gap:8px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.status{display:flex;gap:10px;align-items:center;font-size:.85rem;color:var(--muted)}.dot{width:10px;height:10px;border-radius:999px;display:inline-block}.ok{background:#20d37a;box-shadow:0 0 10px #20d37a99}.bad{background:#ff4d4f;box-shadow:0 0 10px #ff4d4f99}@media (max-width:1024px){.layout{grid-template-columns:240px 1fr}}@media (max-width:768px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;top:60px;right:0;bottom:0;left:0;transform:translate(-100%);transition:.25s;background:var(--surface);z-index:60}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:inline-flex}.bubble.user{max-width:72%}}.action-btn{width:46px;height:46px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);box-shadow:var(--shadow-1);cursor:pointer;background:var(--primary);transition:transform .15s ease,background .15s ease,border-color .15s ease}.action-btn svg{width:20px;height:20px}.action-btn:hover{transform:translateY(-1px);border-color:var(--primary-600)}.action-btn.send{background:var(--primary)}.action-btn.cancel{background:var(--core);border-color:transparent}.composer .controls{display:flex;gap:10px;align-items:center}.bubble.assistant,.bubble.user{animation:fadeUp .18s ease}.main{display:grid;grid-template-rows:auto 1fr auto;min-height:0;background:var(--surface-2)}.main{background:var(--surface-2);grid-template-rows:auto 1fr;padding-bottom:80px}.top-strip{padding:8px 16px;background:var(--surface-2);border-bottom:none}.thread{background:var(--surface-2)}.sidebar{position:relative}.sidebar-body{flex:1}.sidebar-bottom{margin-top:auto;padding-top:10px}.user-footer{margin-top:14px;padding:10px;border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-3);display:flex;align-items:center;gap:10px;cursor:pointer}.avatar{width:28px;height:28px;border-radius:999px;background:linear-gradient(180deg,var(--primary),#0aa6d9);display:flex;align-items:center;justify-content:center;color:#00131c;font-weight:700}.user-menu{margin-top:8px;border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-3);overflow:hidden;box-shadow:var(--shadow-2)}.user-menu-item{width:100%;text-align:left;padding:10px 12px;background:transparent;color:var(--text);border:none;cursor:pointer}.user-menu-item.danger{color:#fff;background:linear-gradient(180deg,#ff3b3bd9,#c01616d9)}.user-menu-item.danger:hover{filter:brightness(1.05)}@media (max-width:768px){.sidebar-bottom{padding-bottom:16px}}.sidebar{display:flex;flex-direction:column}@media (max-width:768px){.sidebar{position:fixed;top:60px;right:0;bottom:0;left:0;width:100%;max-width:none;transform:translate(-100%);transition:transform .25s ease;background:var(--surface);z-index:60}.sidebar.open{transform:translate(0)}.sidebar-content{height:calc(100vh - 60px)}}.user-footer.login{background:var(--primary);color:#fff;justify-content:center;font-weight:600}.user-footer.login:hover{filter:brightness(1.05)}.user-menu-item.danger{background:var(--surface-2);color:#e63946;display:flex;align-items:center;gap:8px}html,body,#root{background:#0b1621;color:var(--text, #e6f1ff);height:100%}.composer,.composer-bar,.chat-composer,form.chat-composer{position:sticky;bottom:0;z-index:60;background:#091321e6;-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.06)}.send-btn,.chat-send,.composer-send{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:999px}html,body,#root,.app-shell,.layout,.main,.chat,.chat-page,.chat-area,.chat-scroll{background:#0b1621!important;color:#e6f1ff}.chat-canvas,.chat-body{background:transparent!important}html,body,#root{background:#0b1621!important;color:#e6f1ff!important;height:100%}.app-shell,.layout,.main,.chat,.chat-page,.chat-area,.chat-scroll,.chat-body,.chat-canvas{background:#0b1621!important}@supports (height: 100dvh){.main{min-height:100dvh}}.composer,.composer-bar,.chat-composer,form.chat-composer{position:sticky;bottom:0;z-index:60;background:#091321eb;-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.06)}.composer-row,.chat-input-row{display:flex;align-items:center;gap:10px}.composer-row input[type=text],.composer-row textarea,.chat-input-row input[type=text],.chat-input-row textarea{flex:1 1 auto;min-width:0}.send-btn,.chat-send,.composer-send{flex:0 0 auto;width:52px;height:52px;border-radius:999px}@media (max-width: 768px){.sidebar{position:fixed!important;left:0;right:0;top:60px;bottom:0;width:100%;max-width:none;transform:translate(-100%);transition:transform .25s ease;background:var(--surface, #0f1b2a)!important;z-index:100}.sidebar.open{transform:translate(0)}.sidebar.open~.main{overflow:hidden}.sidebar.open~.main .composer,.sidebar.open~.main .composer-bar,.sidebar.open~.main .chat-composer,.sidebar.open~.main form.chat-composer{z-index:10}}:root{--header-h: 60px;--composer-h: 68px;--composer-pad: max(12px, env(safe-area-inset-bottom))}.composer{min-height:var(--composer-h);padding-bottom:var(--composer-pad)}.sidebar{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));padding-bottom:calc(var(--composer-h) + var(--composer-pad));display:flex;flex-direction:column}.sidebar-content,.sidebar-top,.sidebar-body{flex:1 1 auto;min-height:0;overflow:auto}@media (max-width:768px){.sidebar{padding-bottom:calc(var(--composer-h) + var(--composer-pad))}}.main{padding-bottom:0!important}.sidebar{padding-bottom:var(--composer-pad)!important}.sidebar{border-right:none!important;box-shadow:none!important}:root{--textarea-min-lines: 3;--textarea-max-lines: 10;--textarea-line-height: 1.4}.textarea,.composer textarea,.chat-input-row textarea{line-height:var(--textarea-line-height);min-height:calc(1em * var(--textarea-line-height) * var(--textarea-min-lines) + 24px)!important;max-height:calc(1em * var(--textarea-line-height) * var(--textarea-max-lines) + 24px)!important;overflow-y:auto;resize:none}:root{color-scheme:dark}.limit-banner{--bg: var(--surface-2);--fg: var(--text);--border: var(--border);--accent: var(--primary);display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin:10px 16px 0;padding:12px 14px;border:1px solid var(--border);background:linear-gradient(180deg,#00c2ff14,#00c2ff0a);border-radius:12px;box-shadow:var(--shadow-1)}.limit-banner .title{font-weight:700}.limit-banner .desc{color:var(--muted);margin-top:2px;font-size:.92rem}.limit-banner .act{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--primary);color:#00131c;border:1px solid transparent;cursor:not-allowed}.typing{display:inline-flex;gap:6px;align-items:center;padding:6px 8px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.typing>span{width:6px;height:6px;border-radius:50%;display:inline-block;animation:t-bounce 1.2s infinite ease-in-out;background:currentColor;opacity:.7}.typing>span:nth-child(1){animation-delay:0s}.typing>span:nth-child(2){animation-delay:.15s}.typing>span:nth-child(3){animation-delay:.3s}@keyframes t-bounce{0%,80%,to{transform:translateY(0);opacity:.6}40%{transform:translateY(-6px);opacity:1}}.usage-indicator{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);background:var(--surface-2);border-radius:999px;box-shadow:var(--shadow-1);font:600 12px/1 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;color:var(--text)}.usage-indicator__dot{width:10px;height:10px;border-radius:999px;box-shadow:0 0 10px currentColor,0 0 18px color-mix(in oklab,currentColor 55%,transparent)}.usage-indicator__count{padding:2px 8px;border-radius:999px;background:#ffffff0f;border:1px solid var(--border);min-width:28px;text-align:center}.usage-indicator__label{color:var(--muted);font-weight:600}.usage-indicator--ok .usage-indicator__dot{color:#20d37a}.usage-indicator--ok{border-color:#20d37a59;box-shadow:0 0 0 1px #20d37a2e,var(--shadow-1)}.usage-indicator--warn .usage-indicator__dot{color:var(--primary)}.usage-indicator--warn{border-color:color-mix(in oklab,var(--primary) 45%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--primary) 25%,transparent),var(--shadow-1)}.usage-indicator--bad .usage-indicator__dot{color:var(--core)}.usage-indicator--bad{border-color:color-mix(in oklab,var(--core) 45%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--core) 25%,transparent),var(--shadow-1)}.usage-indicator--sm{padding:4px 8px;gap:6px}.usage-indicator--sm .usage-indicator__count{min-width:24px;padding:1px 6px}@supports not (color: color-mix(in oklab,#000 50%,#fff 50%)){.usage-indicator--warn{border-color:#00c2ff59}.usage-indicator--bad{border-color:#ff475773}}.slots-list .slot-btn{width:100%;text-align:left}.slots-skeleton{display:grid;gap:8px;margin-top:8px}.slot-row{height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;animation:slots-shimmer 1.2s infinite linear}@keyframes slots-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--sidebar-width: 280px}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:10px}.sidebar h4{margin:8px 0 4px;color:var(--muted);font-weight:600}.chips-wrap{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-block;background:var(--surface-2);padding:6px 10px;border-radius:999px;border:1px solid var(--border);cursor:pointer}.chip:hover,.chip.active{border-color:var(--primary);color:var(--primary)}.sidebar-content{display:flex;flex-direction:column;height:100%;min-height:0}.sidebar-top{flex:1;min-height:0;overflow:auto;padding-bottom:12px}.sidebar-bottom{margin-top:auto}.user-footer{margin-top:14px;padding:10px;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;display:flex;align-items:center;gap:10px;cursor:pointer}.user-footer:hover{border-color:var(--primary)}.user-footer.login{background:var(--primary);color:#00131c;justify-content:center;font-weight:600}.avatar{width:28px;height:28px;border-radius:999px;background:linear-gradient(180deg,var(--primary),var(--primary-600));display:flex;align-items:center;justify-content:center;color:#00131c;font-weight:700}.user-meta{min-width:0}.user-meta .name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta .mail{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caret{margin-left:auto;color:var(--muted)}.user-menu{margin-top:8px;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-2)}.user-menu-item{width:100%;text-align:left;padding:10px 12px;background:transparent;color:inherit;border:none;cursor:pointer}.user-menu-item:hover{background:#ffffff08}.user-menu-item.danger{color:#e63946;display:flex;align-items:center;gap:8px}.user-menu-item.danger svg{width:18px;height:18px;stroke:#e63946}.slots-list{display:grid;gap:8px;margin-top:8px}.slot-btn{width:100%;text-align:left}.slot-btn[aria-current=page]{border-color:var(--primary);color:var(--primary)}.slot-row-wrapper{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.slot-title{pointer-events:none}.slot-folder{margin-left:6px;color:var(--muted);font-weight:600}.kebab-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);width:34px;height:34px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.kebab-btn:hover{color:var(--primary);border-color:var(--primary)}.slot-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;box-shadow:var(--shadow-2);z-index:40;padding:6px}.menu-item{width:100%;text-align:left;padding:8px 10px;background:transparent;color:var(--text);border:none;border-radius:8px;cursor:pointer}.menu-item:hover{background:#ffffff0a}.menu-item.active{background:#00c2ff1a;border:1px solid rgba(0,194,255,.25)}.menu-item.danger{color:#e63946}.menu-item.danger:hover{background:#e639461f}.menu-label{font-size:.82rem;color:var(--muted);padding:4px 8px 6px;font-weight:700}.menu-sep{height:1px;background:var(--border);margin:6px 2px}@media (max-width:768px){:root{--header-h: 60px}.sidebar{position:fixed;left:0;right:0;top:var(--header-h);height:calc(100dvh - var(--header-h));transform:translate(-100%);transition:transform .25s ease;z-index:999;padding-bottom:max(12px,env(safe-area-inset-bottom))}.sidebar.open{transform:translate(0)}.sidebar-content{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sidebar-top{flex:1;min-height:0;overflow:auto;padding-bottom:12px}}.md{font-size:.98rem;line-height:1.6;color:var(--text)}.md h1,.md h2,.md h3,.md h4,.md h5,.md h6{margin:12px 0 6px;line-height:1.25}.md h1{font-size:1.35rem}.md h2{font-size:1.25rem}.md h3{font-size:1.15rem}.md h4{font-size:1.05rem;color:var(--muted)}.md h5,.md h6{font-size:.95rem;color:var(--muted)}.md p{margin:8px 0}.md a{color:var(--accent);text-decoration:none}.md a:hover{text-decoration:underline}.md blockquote{margin:10px 0;padding:8px 12px;border-left:3px solid var(--primary);background:#ffffff08;border-radius:8px;color:var(--text)}.md pre{margin:10px 0;padding:12px;overflow:auto;background:#0a1320;border:1px solid var(--border);border-radius:10px}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.md code.md-inline{padding:.12em .35em;border-radius:6px;background:#0a1320;border:1px solid var(--border)}:root{--composer-h: 72px;--kb-safe: 0px;--sidebar-width: 260px}.textarea{--ta-min: 48px;--ta-max: 240px}.composer{position:fixed;left:0;right:0;bottom:var(--kb-safe, 0px);height:0;pointer-events:none;background:transparent!important;border:0!important;box-shadow:none!important;z-index:30}.composer-row{position:absolute;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:10px;align-items:flex-end;pointer-events:auto}@media (min-width: 820px){.composer-row{overflow:hidden}}.thread{padding-bottom:calc(var(--composer-h) + 12px)}.textarea{flex:1 1 auto;min-height:var(--ta-min);max-height:var(--ta-max);padding:12px 14px;border-radius:var(--radius-2);border:1px solid var(--border);background:var(--surface);color:var(--text);resize:none;line-height:1.4;box-shadow:0 10px 26px #00000047;outline:none;transition:height .12s ease}.controls{display:flex;gap:10px;align-items:center}.send-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;line-height:0;cursor:pointer;width:48px;height:42px}.send-pill svg{width:48px;height:42px;display:block}.pill-bg{fill:var(--primary)}.pill-arrow{fill:#fff}.send-pill:disabled{cursor:default;opacity:.55}.action-btn.cancel{width:46px;height:46px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:var(--core);box-shadow:var(--shadow-1)}@media (max-width:768px){.thread{padding-bottom:calc(var(--composer-h) + 18px)}}.composer,.composer *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}.thread-skeleton{display:grid;gap:14px;padding:8px 0}.msg-skel{height:64px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:thread-shimmer 1.2s infinite linear;width:clamp(180px,70%,840px)}.msg-skel.me{width:clamp(160px,48%,520px);margin-left:auto}@keyframes thread-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--content-w: 820px;--sidebar-width: 260px}.thread,.limit-banner{max-width:var(--content-w);margin-left:auto;margin-right:auto}@media (min-width: 820px){.composer-row{left:calc(var(--sidebar-width) + max(12px,((100vw - var(--sidebar-width)) - var(--content-w)) / 2));right:max(12px,((100vw - var(--sidebar-width)) - var(--content-w)) / 2)}}.usage-indicator.bottom-chip{max-width:var(--content-w);margin:8px auto 0}@media (max-width: 819.98px){.usage-indicator.bottom-chip{display:none}}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.login-modal{background:var(--surface);color:var(--text);width:100%;max-width:360px;padding:20px 20px 22px;border-radius:var(--radius-3);box-shadow:var(--shadow-2);position:relative}.close-btn{position:absolute;top:8px;right:8px;background:transparent;border:none;color:var(--text);opacity:.6;font-size:18px;cursor:pointer}.close-btn:hover{opacity:1}.login-tabs{display:flex;gap:8px;margin-bottom:14px}.login-tab{flex:1;padding:10px 12px;border-radius:var(--radius-2);border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font-weight:600}.login-tab.active{background:var(--primary);color:#000;border-color:transparent}.login-modal input{width:100%;padding:10px;margin-bottom:12px;border-radius:var(--radius-2);border:1px solid var(--border);background:var(--surface-2, var(--surface));color:var(--text)}.pw-wrap{position:relative}.pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text);opacity:.7;cursor:pointer;font-size:16px;line-height:1}.login-modal button[type=submit]{width:100%;padding:10px;border-radius:var(--radius-2);border:none;cursor:pointer;font-weight:600;background:var(--primary);color:#000}.google-btn{width:100%;padding:10px;border-radius:var(--radius-2);border:none;cursor:pointer;font-weight:600;background:var(--primary);color:#000;opacity:.92}.google-btn:hover,.login-modal button[type=submit]:hover{opacity:1}.muted-btn{width:100%;padding:8px;margin-top:8px;border-radius:var(--radius-2);border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer}.divider{text-align:center;margin:12px 0;color:var(--text);opacity:.6}.error .err-line{color:var(--core)}.error .hint-line{color:var(--text);opacity:.9}