@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.animate-slide-in{animation:slideIn .3s ease-out both}@keyframes modelDropdownIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-model-dropdown{animation:modelDropdownIn .4s ease-out forwards}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}:root{--bg: #ffffff;--panel-bg: #ffffff;--surface: #ffffff;--muted: #94a3b8;--primary: #10a37f;--accent: #10a37f;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--text: #e6eef8;--text-dim: #9fb0c8;--radius-sm: 6px;--radius: 12px;--radius-lg: 18px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Courier New", monospace;--text-sm: 13px;--text-md: 15px;--text-lg: 18px;--lead: 1.45;--shadow-sm: 0 4px 14px rgba(2,6,23,.45);--shadow-md: 0 10px 40px rgba(2,6,23,.55);--ease-default: cubic-bezier(.2,.9,.3,1);--transition-fast: .16s var(--ease-default);--m3-primary: #1a73e8;--m3-primary-hover: #185abc;--m3-on-primary: #ffffff;--m3-primary-container: #e8f0fe;--m3-on-primary-container: #0b57d0;--m3-surface: #ffffff;--m3-surface-container: #f8fafd;--m3-surface-container-low: #f8f9fa;--m3-outline: #dde1e6;--m3-outline-variant: #eef1f5;--m3-on-surface: #1f1f1f;--m3-on-surface-variant: #5f6368;--m3-shadow-rgb: 60, 64, 67}.container-center{max-width:900px;margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}.top-nav{height:64px;display:flex;align-items:center;justify-content:center;gap:var(--space-md);background:transparent}.sidebar-narrow{width:72px;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm)}.msg-bubble{padding:12px 16px;border-radius:var(--radius);box-shadow:var(--shadow-sm);max-width:78%;word-break:break-word}.msg-user{background:linear-gradient(180deg,#0ea5ff1f,#0ea5ff0f);color:var(--text);align-self:flex-end}.msg-assistant{background:#ffffff08;color:var(--text);align-self:flex-start}.msg-system{background:#ffffff05;color:var(--text-dim);font-size:var(--text-sm);text-align:center}.input-area{display:flex;gap:var(--space-sm);padding:var(--space-sm);background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:calc(var(--radius) - 2px)}.app-shell{background-color:var(--m3-surface);min-height:100vh;color:var(--m3-on-surface);font-family:var(--font-sans);font-size:15px;letter-spacing:.02em}.chat-center{max-width:960px;margin:0 auto}.shadow-top{box-shadow:0 -6px 24px #02061799}.input-shell{position:relative}.input-shell:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;background:radial-gradient(circle,#3b82f673 0,#3b82f60d 55%,#3b82f600 80%);opacity:0;pointer-events:none;transition:opacity .15s var(--ease-default);z-index:-1}.input-shell:focus-within:before{opacity:1}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.typing-indicator{display:inline-flex;align-items:center;gap:4px}.typing-dot{width:6px;height:6px;border-radius:9999px;background-color:#9ca3af;animation:typing-bounce 1.2s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}.btn-primary{background-color:var(--primary);color:#fff;border-radius:8px}.m3-surface{background:var(--m3-surface);border:1px solid var(--m3-outline);box-shadow:0 1px 2px rgba(var(--m3-shadow-rgb),.2)}.m3-surface-2{background:var(--m3-surface);border:1px solid var(--m3-outline);box-shadow:0 2px 8px rgba(var(--m3-shadow-rgb),.22)}.m3-tonal-btn{border-radius:9999px;padding:6px 12px;border:1px solid #d2e3fc;background:var(--m3-primary-container);color:var(--m3-on-primary-container);transition:all .15s ease}.m3-tonal-btn:hover{background:#d2e3fc}.m3-text-btn{border-radius:9999px;padding:6px 10px;color:var(--m3-on-surface-variant);transition:all .15s ease}.m3-text-btn:hover{background:#f1f3f4;color:var(--m3-on-surface)}.m3-chat-bg{background:var(--m3-surface-container)}.m3-input-shell{background:var(--m3-surface);border:1px solid #d0d7e2;border-radius:28px;box-shadow:0 1px 2px rgba(var(--m3-shadow-rgb),.18)}.m3-input-shell:focus-within{border-color:var(--m3-primary);box-shadow:0 0 0 3px #1a73e824}.m3-primary-chip{background:var(--m3-primary-container);color:var(--m3-on-primary-container)}.m3-title{color:var(--m3-on-surface)}.m3-muted{color:var(--m3-on-surface-variant)}.m3-page-gradient{background:linear-gradient(to top,var(--m3-surface-container),rgba(248,250,253,.95),transparent)}@keyframes authPanelIn{0%{opacity:0;transform:translateY(14px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes authCardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.m3-auth-panel-enter{animation:authPanelIn .46s cubic-bezier(.2,.9,.3,1) both}.m3-auth-card-enter{animation:authCardIn .52s cubic-bezier(.2,.9,.3,1) both}.m3-auth-right-stage{background:linear-gradient(150deg,#f2f7ff,#f8fbff 54%,#f3f8ff)}.m3-auth-form-card{border-radius:28px;border:1px solid #dbe4f3;background:#ffffffd6;box-shadow:0 10px 30px #32509624;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.m3-auth-btn{position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .18s ease}.m3-auth-btn:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle,#ffffff42,#fff0 65%);opacity:0;transform:scale(.7);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.m3-auth-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1a73e859}.m3-auth-btn:hover:after{opacity:1;transform:scale(1)}@keyframes authFloatOrb{0%,to{transform:translateY(0) scale(1);opacity:.72}50%{transform:translateY(-10px) scale(1.06);opacity:.96}}@keyframes authImageCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.m3-auth-float-orb{animation:authFloatOrb 4.2s ease-in-out infinite}.m3-auth-float-orb-delayed{animation:authFloatOrb 5.1s ease-in-out infinite;animation-delay:.8s}.m3-auth-image-card{transition:box-shadow .22s ease}.m3-auth-glass-note{position:relative;border-radius:18px;border:1px solid rgba(171,205,255,.72);background:linear-gradient(120deg,#f8fcffe0,#f1f8ffb8 48%,#fafdffd9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px #fffc,0 6px 14px #527ab81f}.m3-auth-glass-note:before{content:"";position:absolute;left:12px;right:12px;top:1px;height:34%;border-radius:14px;background:linear-gradient(to bottom,#ffffff94,#fff0);pointer-events:none}
