:root{--bg: #0f1115;--surface: #181b22;--surface-2: #21252e;--border: #2c313c;--text: #e8eaed;--muted: #9aa2ad;--primary: #5b8def;--primary-hover: #4a7be0;--radius: 12px;--maxw: 820px}@media (prefers-color-scheme: light){:root{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #eef0f3;--border: #dcdfe4;--text: #1b1e24;--muted: #5c6570}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.centered{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px}.card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px}.brand{margin:0;font-size:28px;font-weight:700;letter-spacing:.5px;text-align:center}.brand.small{font-size:20px;text-align:left}.subtitle{margin:4px 0 24px;text-align:center;color:var(--muted)}form label{display:block;margin:14px 0 6px;font-size:14px;color:var(--muted)}input,textarea{width:100%;padding:11px 12px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:15px;font-family:inherit}input:focus,textarea:focus,button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.btn{cursor:pointer;border:1px solid transparent;border-radius:8px;font-size:15px;font-weight:600;padding:11px 18px;transition:background .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{width:100%;margin-top:20px;background:var(--primary);color:#fff}.btn.primary:hover:not(:disabled){background:var(--primary-hover)}.composer .btn.primary{width:auto;margin-top:0}.btn.ghost{background:transparent;color:var(--muted);border-color:var(--border);padding:7px 14px;font-size:14px}.btn.ghost:hover{color:var(--text)}.error{color:#ff6b6b;font-size:14px;margin:12px 0 0}.error.banner{max-width:var(--maxw);margin:0 auto;padding:8px 16px;width:100%}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-shell{height:100%;display:flex;flex-direction:column}.chat-main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.conversation{flex:1;min-height:0;display:flex;flex-direction:column}.sidebar{position:fixed;top:0;left:0;bottom:0;width:82vw;max-width:300px;background:var(--surface);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .2s ease;z-index:30;display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:20}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.sidebar-body{padding:16px 14px;overflow-y:auto}.placeholder-note{color:var(--muted);font-size:14px}.avatar-stage{display:none}.avatar-placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.header-right{display:flex;align-items:center;gap:12px}.user-email{color:var(--muted);font-size:14px;max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:14px;width:100%;max-width:var(--maxw);margin:0 auto}.empty{color:var(--muted);text-align:center;margin:auto}.bubble{max-width:80%;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border)}.bubble .who{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}.bubble p{margin:0;white-space:pre-wrap;word-wrap:break-word}.bubble.user{align-self:flex-end;background:var(--primary);border-color:var(--primary);color:#fff}.bubble.user .who{color:#fffc}.bubble.assistant{align-self:flex-start;background:var(--surface)}.dots span{animation:blink 1.2s infinite;font-size:22px;line-height:1}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.composer{display:flex;gap:10px;align-items:flex-end;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface);width:100%;max-width:var(--maxw);margin:0 auto}.composer textarea{flex:1;min-width:0;resize:none;max-height:160px}.composer-slot{display:flex;align-items:flex-end}.btn.ghost.icon{padding:7px 10px;font-size:16px;line-height:1}@media (max-width: 600px){.bubble{max-width:90%}.user-email{display:none}}@media (min-width: 900px){.chat-shell{flex-direction:row}.sidebar{position:static;transform:none;width:260px;max-width:260px;flex-shrink:0}.sidebar[aria-hidden=true]{display:flex}.sidebar-header .btn.ghost.icon,.sidebar-backdrop,.menu-btn{display:none}.avatar-stage{display:block;width:260px;flex-shrink:0;padding:16px;border-left:1px solid var(--border)}.avatar-placeholder{width:100%;aspect-ratio:3 / 4}}