:root{--bg: #f4f6fb;--surface: #ffffff;--surface-elevated: #ffffff;--text: #0f172a;--muted: #64748b;--line: #dbe2ef;--primary: #22c55e;--primary-strong: #16a34a;--bubble-own: #dcfce7;--bubble-own-border: #bbf7d0;--menu-bg: #111827;--menu-text: #f3f4f6}:root[data-theme=dark]{--bg: #0f1115;--surface: #151922;--surface-elevated: #1a202b;--text: #e5e7eb;--muted: #94a3b8;--line: #2b3445;--primary: #22c55e;--primary-strong: #16a34a;--bubble-own: #1a3a2a;--bubble-own-border: #24553b;--menu-bg: #0b0f18;--menu-text: #e5e7eb}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 0%,#22344f 0%,var(--bg) 45%,var(--bg) 100%)}button,input,video{font:inherit}.loading-screen,.auth-screen{min-height:100%;display:grid;place-items:center;padding:1rem}.auth-card{width:100%;max-width:420px;background:var(--surface);border-radius:24px;padding:1.25rem;border:1px solid var(--line);box-shadow:0 14px 30px #0f172a40}.eyebrow{margin:0;color:var(--primary-strong);font-weight:700;letter-spacing:.08em;font-size:.78rem}h1{margin:.4rem 0;font-size:1.4rem}.subtitle{margin:0 0 1rem;color:var(--muted);font-size:.95rem}.btn{width:100%;border:0;border-radius:14px;min-height:44px;padding:.7rem 1rem;font-weight:600}.btn:disabled{opacity:.65}.btn-google{background:#111827;color:#fff}.btn-primary{background:var(--primary);color:#052e16}.separator{margin:.9rem 0;color:var(--muted);font-size:.85rem;text-align:center}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.85rem}.segmented button{border:1px solid var(--line);border-radius:10px;min-height:40px;background:var(--surface);color:var(--text)}.segmented .active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 20%,transparent)}.auth-form{display:grid;gap:.85rem}.auth-form label{display:grid;gap:.4rem;font-size:.9rem}.auth-form input{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:0 .7rem;background:var(--surface-elevated);color:var(--text)}.chat-shell{min-height:100%;display:flex;flex-direction:column;max-width:820px;margin:0 auto;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chat-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--surface) 95%,transparent);border-bottom:1px solid var(--line);padding:.75rem}.user-row{display:flex;align-items:center;gap:.7rem}.avatar{width:38px;height:38px;border-radius:999px;object-fit:cover}.header-title{margin:0;font-size:.9rem;font-weight:700}.header-actions{margin-left:auto;display:flex;gap:.35rem}.search-input{width:100%;border:1px solid var(--line);border-radius:12px;margin-top:.7rem;min-height:40px;padding:0 .8rem;background:var(--surface-elevated);color:var(--text)}.message-list{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:.8rem;position:relative}.date-chip{margin:.7rem auto;width:fit-content;background:color-mix(in srgb,var(--muted) 20%,transparent);color:var(--text);border-radius:99px;font-size:.75rem;padding:.2rem .7rem}.bubble{margin-left:auto;width:fit-content;max-width:85%;background:var(--bubble-own);border-radius:16px 16px 4px;padding:.55rem .7rem;border:1px solid var(--bubble-own-border);transition:transform .12s ease,box-shadow .12s ease}.bubble:hover{transform:translateY(-1px);box-shadow:0 8px 20px #02061740}.bubble-highlighted{animation:messageHighlight 2s ease-out;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent)}@keyframes messageHighlight{0%{background-color:color-mix(in srgb,var(--primary) 40%,transparent);transform:scale(1.02)}50%{background-color:color-mix(in srgb,var(--primary) 20%,transparent);transform:scale(1.01)}to{background-color:var(--bubble-own);transform:scale(1)}}.bubble-text{margin:0;white-space:pre-wrap;word-break:break-word}.link-preview{color:#38bdf8;word-break:break-all}.bubble-meta{margin-top:.35rem;display:flex;align-items:center;gap:.4rem;justify-content:flex-end;font-size:.72rem;color:var(--muted)}.bubble-pending{opacity:.75}.pending-icon{color:var(--muted);animation:pending-pulse 1.4s ease-in-out infinite}@keyframes pending-pulse{0%,to{opacity:.4}50%{opacity:1}}.star{color:#facc15}.ghost-btn{border:0;border-radius:8px;background:transparent;color:var(--text);font-size:.75rem;padding:.2rem .4rem;cursor:pointer}.ghost-btn:hover{background:color-mix(in srgb,var(--muted) 15%,transparent)}.composer{position:sticky;bottom:0;background:color-mix(in srgb,var(--surface) 96%,transparent);border-top:1px solid var(--line);padding:.6rem}.composer-row{display:grid;grid-template-columns:1fr auto;gap:.45rem;align-items:center}.send-btn,.message-input{min-height:42px;border-radius:12px}.message-input{border:1px solid var(--line);padding:0 .8rem;background:var(--surface-elevated);color:var(--text)}.send-btn{border:0;background:var(--primary);color:#052e16;padding:0 .9rem;font-weight:700;cursor:pointer}.load-more{margin:0 auto .4rem;border:1px solid var(--line);border-radius:99px;background:var(--surface-elevated);color:var(--text);padding:.3rem .8rem}.load-more-floating{position:absolute;top:.5rem;left:50%;transform:translate(-50%);z-index:5;margin:0;padding:.35rem .9rem;font-size:.8rem;background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 8px #00000040;cursor:pointer}.load-more-floating:disabled{opacity:.7;cursor:progress}.scroll-to-bottom{position:absolute;bottom:1rem;right:1rem;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface-elevated);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:transform .12s ease,background .12s ease}.scroll-to-bottom:hover{background:color-mix(in srgb,var(--primary) 25%,var(--surface-elevated));transform:translateY(-1px)}.scroll-to-bottom:active{transform:translateY(0)}.context-menu{position:fixed;transform:translate(-30%,-90%);min-width:180px;background:var(--menu-bg);color:var(--menu-text);border:1px solid #253044;border-radius:12px;padding:.25rem;z-index:50;box-shadow:0 20px 30px #00000059}.context-menu button{display:block;width:100%;text-align:left;background:transparent;color:inherit;border:0;padding:.5rem .65rem;border-radius:8px;cursor:pointer}.context-menu button:hover{background:#94a3b826}.context-menu .danger{color:#f87171}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:transparent;border:0}.error,.error-banner{color:#f87171}.error-banner{border-bottom:1px solid #7f1d1d;background:#3f121c;padding:.4rem .8rem;font-size:.85rem}.empty-state{padding:1rem;text-align:center;color:var(--muted)}@media(min-width:769px){.chat-shell{min-height:calc(100% - 1.4rem);margin-top:.7rem;border-radius:16px;border:1px solid var(--line);box-shadow:0 15px 30px #02061733}}.search-scope{display:block;margin-top:.35rem;color:var(--muted);font-size:.75rem}.status-banner{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--muted) 20%,transparent);padding:.35rem .8rem;font-size:.8rem;color:var(--text)}.message-list{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.message-list>div{flex:1;min-height:0;overflow:hidden}.message-virtual-item{padding:.25rem .8rem}.list-header{display:grid;place-items:center;padding:.8rem 0 .2rem}.empty-suggestion{margin:.35rem 0 0;font-size:.85rem}.composer-feedback{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;padding:.4rem .5rem;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-elevated) 90%,transparent);font-size:.82rem}.message-list{display:flex;flex-direction:column;padding:0}.bubble-content-wrapper{display:flex;gap:.5rem;align-items:flex-start}.message-actions{display:flex;gap:.3rem;align-items:center;flex-shrink:0}.action-btn{border:0;background:transparent;padding:.2rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.action-btn:hover{background:color-mix(in srgb,var(--muted) 15%,transparent)}.action-btn:hover .text-muted-foreground{color:var(--text)}.text-muted-foreground{color:var(--muted)}.reply-preview{display:flex;justify-content:space-between;gap:.7rem;margin-bottom:.45rem;padding:.45rem .55rem;border-radius:10px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-elevated) 92%,transparent)}.reply-preview-title{margin:0;font-size:.8rem;color:var(--muted)}.reply-preview-text{margin:.15rem 0 0;font-size:.83rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50ch}.reply-preview-close{border:0;background:transparent;color:var(--muted);font-weight:700;border-radius:8px;width:28px;height:28px;cursor:pointer}.reply-preview-close:hover{background:color-mix(in srgb,var(--muted) 15%,transparent);color:var(--text)}.message-reply-quote{width:100%;border:0;text-align:left;border-radius:10px;padding:.45rem .55rem;margin-bottom:.45rem;background:color-mix(in srgb,var(--muted) 18%,transparent);color:inherit;cursor:pointer;display:grid;gap:.15rem}.message-reply-quote-author{font-size:.76rem;color:var(--muted);font-weight:600}.message-reply-quote-text{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}