*{box-sizing:border-box;margin:0}:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;--border: rgba(128, 128, 128, .3);--surface: rgba(128, 128, 128, .08);--accent: #2563eb}body{height:100vh;height:100dvh;overflow:hidden}#root{height:100vh;height:100dvh}.login{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center}.login-card{width:min(22rem,90vw);display:flex;flex-direction:column;gap:.75rem;text-align:center}.login-card h1{font-size:1.6rem}.tagline{opacity:.65;font-size:.9rem;margin-bottom:1rem}.google-btn,.login-form button{padding:.7rem 1rem;border-radius:.6rem;border:1px solid var(--border);background:var(--surface);color:inherit;font-size:.95rem;cursor:pointer}.login-form button{background:var(--accent);color:#fff;border:none}.login-divider{opacity:.5;font-size:.8rem}.login-form{display:flex;flex-direction:column;gap:.5rem}.login-form input{padding:.7rem 1rem;border-radius:.6rem;border:1px solid var(--border);background:transparent;color:inherit;font-size:1rem}.login-error{color:#dc2626;font-size:.85rem}.chat-layout{display:flex;height:100vh;height:100dvh}.backdrop{display:none}.sidebar{width:16rem;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);transition:margin-left .15s ease}.sidebar-closed{margin-left:-16rem}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem}.brand{font-weight:650}.conversation-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:0 .5rem;gap:2px}.conversation-item{text-align:left;padding:.55rem .7rem;border:none;border-radius:.5rem;background:transparent;color:inherit;font-size:.85rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item:hover{background:#80808026}.conversation-item.active{background:#2563eb26}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border);font-size:.8rem}.user-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7}.ghost-btn{border:none;background:transparent;color:inherit;cursor:pointer;font-size:1rem;padding:.3rem .5rem;border-radius:.4rem;opacity:.75}.ghost-btn:hover{background:#80808026;opacity:1}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-bottom:1px solid var(--border)}.model-picker{max-width:18rem;padding:.4rem .5rem;border-radius:.5rem;border:1px solid var(--border);background:transparent;color:inherit;font-size:.85rem}.thread{flex:1;display:flex;flex-direction:column;min-height:0}.messages{flex:1;overflow-y:auto;padding:1.5rem 1rem 1rem;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:52rem;margin:0 auto}.placeholder{opacity:.55;text-align:center;max-width:28rem;line-height:1.5;margin:auto}.message{line-height:1.55;font-size:.95rem;display:flex;flex-direction:column;gap:.5rem}.message-user{align-self:flex-end;max-width:85%;background:#2563eb24;padding:.6rem .9rem;border-radius:.9rem}.message-assistant{align-self:stretch}.message-error{color:#dc2626;font-size:.85rem}.thinking{opacity:.55}.markdown p+p{margin-top:.6rem}.markdown ul,.markdown ol{padding-left:1.4rem;margin:.4rem 0}.markdown code{background:var(--surface);padding:.1rem .3rem;border-radius:.3rem;font-size:.85em}.markdown pre{background:var(--surface);padding:.7rem;border-radius:.6rem;overflow-x:auto;margin:.5rem 0}.markdown pre code{background:none;padding:0}.markdown table{border-collapse:collapse;margin:.6rem 0;font-size:.9em}.markdown th,.markdown td{border:1px solid var(--border);padding:.35rem .7rem;text-align:left}.markdown th{background:var(--surface)}.tool-detail{font-size:.82rem;opacity:.85;border:1px solid var(--border);border-radius:.6rem;padding:.45rem .7rem}.tool-detail summary{cursor:pointer;opacity:.8}.tool-detail pre{margin-top:.5rem;white-space:pre-wrap;word-break:break-word;font-size:.8rem}.tool-error{color:#dc2626}.chart{width:100%;height:380px;border:1px solid var(--border);border-radius:.75rem;overflow:hidden}.composer{display:flex;gap:.5rem;padding:.75rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));width:100%;max-width:52rem;margin:0 auto}.composer input{flex:1;padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--border);font-size:1rem;background:transparent;color:inherit}.composer button{padding:.75rem 1.25rem;border-radius:.75rem;border:none;background:var(--accent);color:#fff;font-size:1rem;cursor:pointer}.composer button:disabled,.composer input:disabled{opacity:.5;cursor:not-allowed}.settings{flex:1;overflow-y:auto;padding:1.5rem 1rem 2rem;width:100%;max-width:44rem;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.card{border:1px solid var(--border);border-radius:.9rem;padding:1rem 1.25rem;background:var(--surface)}.card h2{font-size:1.05rem;margin-bottom:.6rem}.card h3{font-size:.95rem;margin-bottom:.6rem}.kv{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;font-size:.88rem;border-bottom:1px dashed rgba(128,128,128,.15)}.kv:last-of-type{border-bottom:none}.kv>span:first-child{opacity:.65;flex-shrink:0}.kv>:last-child{text-align:right}.ok{color:#16a34a}.muted{opacity:.6;font-weight:400;font-size:.85em}.primary-btn,.danger-btn{margin-top:.75rem;padding:.55rem 1.1rem;border-radius:.6rem;border:none;cursor:pointer;font-size:.9rem;color:#fff;background:var(--accent)}.danger-btn{background:transparent;color:#dc2626;border:1px solid rgba(220,38,38,.4)}.banner{margin:.75rem 1rem 0;padding:.6rem 1rem;border-radius:.6rem;background:#16a34a1f;border:1px solid rgba(22,163,74,.35);font-size:.88rem}.active-view{background:#2563eb26;opacity:1}@media(max-width:768px){.sidebar{position:fixed;inset:0 auto 0 0;height:100dvh;z-index:30;margin-left:0;transform:translate(0);transition:transform .2s ease;background:Canvas;box-shadow:0 0 24px #00000040;width:min(16rem,82vw)}.sidebar-closed{margin-left:0;transform:translate(-105%);box-shadow:none}.backdrop{display:block;position:fixed;inset:0;z-index:20;background:#00000059}.chat-header{padding:.5rem .6rem;gap:.5rem}.model-picker{flex:1;min-width:0;max-width:none}.messages{padding:1rem .75rem .5rem}.message-user{max-width:92%}.composer{padding-left:.75rem;padding-right:.75rem}.chart{height:300px}.kv{flex-wrap:wrap}.kv>:last-child{text-align:left;width:100%}}