:root{--primary: #1677FF;--primary-hover: #4096FF;--primary-light: rgba(22, 119, 255, .12);--primary-gradient: linear-gradient(135deg, #1677FF 0%, #69B1FF 100%);--bg-base: #0a0a0b;--bg-elevated: #111113;--bg-card: #18181b;--bg-sidebar: #0f0f10;--bg-input: #1f1f23;--bg-hover: #27272a;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-placeholder: #52525b;--border-color: #27272a;--border-light: #3f3f46;--divider: rgba(255, 255, 255, .06);--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--glow-primary: 0 0 40px rgba(22, 119, 255, .15);--glow-strong: 0 0 80px rgba(22, 119, 255, .25);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(22, 119, 255, .2);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Noto Sans SC", "PingFang SC", sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--sidebar-width: 280px;--header-height: 56px;--input-height: 52px;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--bottom-nav-height: 56px}[data-theme=light]{--bg-base: #ffffff;--bg-elevated: #f9fafb;--bg-card: #ffffff;--bg-sidebar: #f3f4f6;--bg-input: #f9fafb;--bg-hover: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-placeholder: #9ca3af;--border-color: #e5e7eb;--border-light: #d1d5db;--divider: rgba(0, 0, 0, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--glow-primary: 0 0 40px rgba(22, 119, 255, .1);--glow-strong: 0 0 80px rgba(22, 119, 255, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;touch-action:manipulation;-webkit-text-size-adjust:100%}@media(max-width:768px){html,body{height:100%;overflow:hidden;overscroll-behavior:none;position:fixed;width:100%}body{-webkit-overflow-scrolling:touch}button,[role=button],input,select,textarea{min-height:44px}input,select,textarea{font-size:16px!important}}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;line-height:1.4;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--glow-primary),var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-light)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.input{width:100%;padding:12px 16px;font-size:14px;font-family:inherit;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}.input::placeholder{color:var(--text-placeholder)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.input:disabled{opacity:.6;cursor:not-allowed}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.input-error{border-color:var(--error)}.input-error:focus{box-shadow:0 0 0 3px #ef444426}.error-message{font-size:13px;color:var(--error)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.card-glass{background:#18181bcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.text-sm{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:24px}.text-3xl{font-size:32px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in-left{animation:slideInLeft .3s ease-out}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.bg-gradient-mesh{display:none}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.markdown-content{line-height:1.75;color:var(--text-primary);font-size:15px}.markdown-content>*:first-child{margin-top:0}.markdown-content>*:last-child{margin-bottom:0}.markdown-content p{margin-bottom:1em}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--text-primary);font-weight:600;line-height:1.4;margin-top:1.5em;margin-bottom:.75em;letter-spacing:-.01em}.markdown-content h1{font-size:1.6em;border-bottom:1px solid var(--border-color);padding-bottom:.3em}.markdown-content h2{font-size:1.4em}.markdown-content h3{font-size:1.25em}.markdown-content h4{font-size:1.1em}.markdown-content ul,.markdown-content ol{padding-left:1.5em;margin-bottom:1em}.markdown-content li{margin-bottom:.5em;padding-left:.2em}.markdown-content li>p{margin-bottom:.5em}.markdown-content code{color:var(--primary);background:#6366f11a;padding:.2em .4em;border-radius:4px;font-family:var(--font-mono);font-size:.9em;white-space:pre-wrap}.markdown-content pre{margin:1em 0;padding:16px;background:#1e1e24;border-radius:var(--radius-md);overflow-x:auto;border:1px solid var(--border-color);position:relative}[data-theme=light] .markdown-content pre{background:#f5f5f7;border-color:#e5e5e5}.markdown-content pre code{color:inherit;background:none;padding:0;font-size:.9em;white-space:pre;display:block}.markdown-content blockquote{margin:1.5em 0;padding:.8em 1.2em;border-left:4px solid var(--primary);background:var(--bg-hover);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);font-style:italic}.markdown-content a{color:var(--primary);text-decoration:none;border-bottom:1px dashed var(--primary);transition:all .2s}.markdown-content a:hover{border-bottom-style:solid;opacity:.8}.markdown-content table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.95em}.markdown-content th,.markdown-content td{padding:.75em 1em;border:1px solid var(--border-color);text-align:left}.markdown-content th{background:var(--bg-hover);font-weight:600}.markdown-content tr:nth-child(2n){background:#ffffff05}[data-theme=light] .markdown-content tr:nth-child(2n){background:#00000005}.markdown-content hr{margin:2em 0;border:none;border-top:1px solid var(--border-color);opacity:.6}.markdown-content img{max-width:100%;border-radius:var(--radius-md);margin:1em 0;border:1px solid var(--border-color)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.login-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.decoration-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.decoration-orb-1{width:400px;height:400px;top:-100px;right:-100px;background:radial-gradient(circle,rgba(99,102,241,.4) 0%,transparent 70%)}.decoration-orb-2{width:300px;height:300px;bottom:-50px;left:-50px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%)}.decoration-orb-3{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%)}.login-container{width:100%;max-width:400px;padding:48px 40px;background:#18181bd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 32px 64px #0006;position:relative;z-index:1}[data-theme=light] .login-container{background:#ffffffe6;border:1px solid rgba(0,0,0,.05);box-shadow:0 24px 48px #00000014}[data-theme=light] .login-title{color:var(--text-primary)}[data-theme=light] .login-decoration .decoration-orb{opacity:.8;mix-blend-mode:multiply}.login-header{text-align:center;margin-bottom:36px}.login-logo{width:64px;height:64px;margin:0 auto 16px;background:var(--primary-gradient);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #6366f166}.login-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.5px}.login-subtitle{font-size:15px;color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:20px}.password-input-wrapper{position:relative}.password-input-wrapper .input{padding-right:44px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.password-toggle:hover{color:var(--text-secondary)}.login-button{width:100%;margin-top:8px;height:50px;font-size:16px}.spin{animation:spin 1s linear infinite}.login-footer{margin-top:32px;text-align:center}.login-footer p{font-size:13px;color:var(--text-tertiary)}.login-grid-pattern{position:fixed;inset:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}@media(max-width:480px){.login-container{padding:32px 20px;border-radius:20px;margin:16px;max-width:calc(100% - 32px)}.login-title{font-size:24px}.decoration-orb{opacity:.3}}.modal-overlay{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:90%;max-width:400px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:16px}.modal-header{display:flex;align-items:center;gap:12px}.modal-icon{width:40px;height:40px;border-radius:50%;background-color:#ef44441a;color:var(--error);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-title{font-size:18px;font-weight:600;color:var(--text-primary)}.modal-body{color:var(--text-secondary);font-size:14px;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.btn-cancel,.btn-confirm{padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-cancel:hover{background:var(--bg-hover)}.btn-confirm{background:var(--error);border:1px solid var(--error);color:#fff}.btn-confirm:hover{background:#dc2626;border-color:#dc2626}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.sidebar{width:var(--sidebar-width);height:100vh;height:100dvh;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:transform var(--transition-normal),width var(--transition-normal);z-index:50}.sidebar-closed{transform:translate(-100%);position:absolute}.sidebar-open{transform:translate(0)}.sidebar-header{height:var(--header-height);padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.sidebar-logo{display:flex;align-items:center;gap:10px}.logo-icon{width:36px;height:36px;background:var(--primary-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #1677ff4d}.logo-text{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.sidebar-actions{padding:16px}.new-chat-btn{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-primary);background:linear-gradient(135deg,#1677ff26,#69b1ff26);border:1px dashed var(--primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.new-chat-btn:hover{background:linear-gradient(135deg,#1677ff40,#69b1ff40);border-style:solid}.sidebar-content{flex:1;overflow-y:auto;padding:8px}.conversations-label{padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.conversations-list{display:flex;flex-direction:column;gap:2px}.conversations-empty{padding:40px 16px;text-align:center;color:var(--text-tertiary)}.conversations-empty svg{margin-bottom:12px;opacity:.5}.conversations-empty p{font-size:13px}.conversation-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);position:relative}.conversation-item:hover{background:var(--bg-hover)}.conversation-item.active{background:var(--primary-light)}.conversation-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--primary);border-radius:0 3px 3px 0}.conversation-info{flex:1;min-width:0}.conversation-title{font-size:14px;color:var(--text-primary);line-height:1.4}.conversation-date{font-size:12px;color:var(--text-tertiary);margin-top:2px}.conversation-delete{opacity:0;padding:6px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.conversation-item:hover .conversation-delete{opacity:1}.conversation-delete:hover{color:var(--error);background:#ef44441a}.sidebar-footer{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-color);flex-shrink:0}.user-card-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.user-card-btn:hover{background:var(--primary-light);border-color:var(--primary)}.user-card-btn:active{transform:scale(.98)}.user-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.user-avatar{width:40px;height:40px;background:var(--primary-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-details{flex:1;min-width:0;text-align:left}.user-name{font-size:14px;font-weight:500;color:var(--text-primary)}.user-hint{font-size:12px;color:var(--text-tertiary);margin-top:2px}.user-action{color:var(--text-tertiary);flex-shrink:0}.logout-btn{flex-shrink:0}.logout-btn:hover{color:var(--error)!important}.sidebar-footer-actions{display:flex;align-items:center;gap:4px}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;width:85%;max-width:320px;padding-top:var(--safe-area-top);box-shadow:var(--shadow-lg)}.sidebar-closed{transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-header{height:calc(var(--header-height) + var(--safe-area-top));padding-top:var(--safe-area-top)}.conversation-item{min-height:48px;padding:12px}.conversation-delete{opacity:.6;padding:8px}.new-chat-btn{height:48px}}.message-list{flex:1;overflow-y:auto;padding:24px}.message-container{max-width:1000px;margin:0 auto}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px 24px}.welcome-icon{width:55px;height:55px;background:var(--primary-gradient);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:10px;box-shadow:0 16px 48px #1677ff59;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.welcome-title{font-size:32px;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;letter-spacing:-.5px}.welcome-subtitle{font-size:16px;color:var(--text-secondary);max-width:480px;line-height:1.6}.theme-selection{margin-top:40px;width:100%;max-width:700px}.theme-label{font-size:14px;font-weight:500;color:var(--text-tertiary);margin-bottom:16px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.theme-card{padding:20px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:all var(--transition-fast)}.theme-card:hover{background:var(--bg-hover);border-color:var(--border-light);transform:translateY(-2px)}.theme-card.active{background:#1677ff1a;border-color:var(--primary);box-shadow:0 0 0 2px #1677ff33}.theme-icon{font-size:32px;margin-bottom:8px}.theme-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.theme-desc{font-size:12px;color:var(--text-tertiary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.welcome-hint{margin-top:32px;font-size:14px;color:var(--text-tertiary);padding:12px 20px;background:var(--bg-hover);border-radius:var(--radius-md)}.welcome-suggestions{margin-top:48px;width:100%;max-width:600px}.suggestion-label{font-size:13px;font-weight:500;color:var(--text-tertiary);margin-bottom:16px}.suggestion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.suggestion-item{padding:14px 16px;font-size:14px;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.suggestion-item:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light);transform:translateY(-2px)}.message{display:flex;gap:16px;padding:24px 0;width:100%}.message+.message{border-top:none}.message-user{flex-direction:row-reverse}.message-user .message-content-wrapper{align-items:flex-end;display:flex;flex-direction:column}.message-user .message-content{background:var(--primary);color:#fff;padding:12px 18px;border-radius:18px 4px 18px 18px;box-shadow:var(--shadow-sm);max-width:fit-content}.message-user .message-avatar{background:var(--bg-hover);color:var(--text-secondary);margin-top:4px}.message-assistant{flex-direction:row;background-color:transparent}.message-assistant .message-content-wrapper{align-items:flex-start;display:flex;flex-direction:column;max-width:100%;overflow-x:hidden}.message-assistant .message-content{background:transparent;color:var(--text-primary);padding:0;border-radius:0;width:100%}.message-assistant .message-avatar{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #6366f140;margin-top:4px}.message-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-content-wrapper{flex:1;min-width:0;max-width:calc(100% - 60px)}.message-content{font-size:15px;line-height:1.75;word-break:break-word}.message-actions{margin-top:6px;display:flex;flex-wrap:wrap;gap:8px;opacity:1;transition:opacity var(--transition-fast)}.message-user .message-actions{flex-direction:row-reverse}.message-action-btn{padding:4px 8px;font-size:11px;color:var(--text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:4px;transition:all var(--transition-fast)}.message-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.typing-cursor{display:inline-block;width:2px;height:18px;background:var(--primary);margin-left:2px;animation:blink .8s step-end infinite;vertical-align:text-bottom}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:8px;height:8px;background:var(--text-tertiary);border-radius:50%;animation:typing 1.2s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@media(max-width:768px){.message-list{padding:16px;padding-bottom:calc(90px + var(--safe-area-bottom))}.welcome-screen{padding:24px 16px;min-height:50vh}.welcome-title{font-size:24px}.suggestion-grid{grid-template-columns:1fr}.message{gap:0;padding:12px 0}.message-avatar{display:none}.message-content-wrapper{max-width:100%}.message-user .message-content{font-size:15px;padding:10px 14px;border-radius:16px 4px 16px 16px}.message-assistant .message-content{font-size:15px}.markdown-content pre{margin:.8em -8px;border-radius:8px}}.reasoning-block{margin-bottom:16px;background:var(--bg-hover);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}.reasoning-header{display:flex;align-items:center;gap:8px;padding:8px 12px;font-weight:500;color:var(--text-tertiary);font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s;background:#00000005}.reasoning-header:hover{color:var(--text-primary)}.reasoning-header::marker,.reasoning-header::-webkit-details-marker{display:none}.reasoning-content{padding:4px 16px 12px;font-size:14px;color:var(--text-secondary);line-height:1.6;border-top:1px solid transparent}.reasoning-block[open] .reasoning-content{border-top-color:var(--border-color)}.reasoning-content p{margin-bottom:.8em}.reasoning-content p:last-child{margin-bottom:0}.message-input-container{padding:4px 24px 8px;background:transparent}.message-input-wrapper{max-width:800px;margin:0 auto}.message-input-form{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.message-input-form:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.message-textarea{flex:1;min-height:24px;max-height:160px;padding:6px 4px;font-size:15px;font-family:inherit;line-height:1.5;color:var(--text-primary);background:transparent;border:none;outline:none;resize:none;display:flex;align-items:center}.message-textarea::placeholder{color:var(--text-placeholder);line-height:1.5}.message-textarea:disabled{opacity:.6}.send-button{width:32px;height:32px;min-height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--primary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;border-radius:var(--radius-sm)}.send-button:hover:not(:disabled){color:var(--primary-hover);background:var(--primary-light)}.send-button:active:not(:disabled){transform:scale(.92)}.send-button:disabled{color:var(--text-tertiary);cursor:not-allowed}.send-button .spin{animation:spin 1s linear infinite}.send-button svg{width:20px;height:20px}.send-button.stop{color:var(--text-primary)}.send-button.stop:hover{color:var(--error);background:#ef44441a}.input-hint{margin-top:6px;text-align:center;font-size:11px;color:var(--text-tertiary)}.input-hint kbd{padding:1px 5px;font-size:10px;font-family:inherit;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:3px}@media(max-width:768px){.message-input-container{position:fixed;left:0;right:0;bottom:calc(12px + var(--safe-area-bottom));padding:0 12px;background:transparent;z-index:20}.message-input-form{padding:6px 10px;border-radius:var(--radius-lg);gap:6px;background:var(--bg-elevated);background:color-mix(in srgb,var(--bg-elevated),transparent 5%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.message-textarea{min-height:22px;padding:5px 2px;font-size:16px}.input-hint{display:none}.send-button{width:28px;height:28px;min-height:28px}.send-button svg{width:18px;height:18px}}.chat-layout{display:flex;height:100vh;overflow:hidden}.app-header{display:none}.sidebar-overlay{position:fixed;inset:0;background:#0009;z-index:40;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.chat-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.chat-loading{flex:1;display:flex;align-items:center;justify-content:center}.chat-loading .spinner{width:32px;height:32px}@media(max-width:768px){.chat-layout{flex-direction:column;height:100dvh;width:100vw;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 12px;padding-top:var(--safe-area-top);background:var(--bg-base);border-bottom:1px solid var(--border-color);position:relative;z-index:30;flex:none}.app-header-menu{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.app-header-menu:active{background:var(--bg-hover);transform:scale(.95)}.app-header-brand{display:flex;align-items:center;gap:8px}.app-header-logo{width:28px;height:28px;background:var(--primary-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.app-header-title{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.app-header-spacer{width:36px}.chat-main{padding-top:0;height:auto;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}}.settings-page{min-height:100vh;background:var(--bg-base);padding-bottom:20px}.settings-header{position:sticky;top:0;height:var(--header-height);padding:0 16px;padding-top:var(--safe-area-top);display:flex;align-items:center;gap:12px;background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:50;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.settings-back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent}.settings-back-btn:hover{background:var(--bg-hover)}.settings-title{font-size:18px;font-weight:600;color:var(--text-primary)}.settings-content{padding:16px}.user-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:24px}.user-card-avatar{width:56px;height:56px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-card-info{flex:1;min-width:0}.user-card-name{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.user-card-email{font-size:14px;color:var(--text-secondary)}.settings-section{margin-bottom:24px}.settings-section-title{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:0 4px;margin-bottom:8px}.settings-group{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.settings-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:none;border:none;width:100%;cursor:pointer;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent}.settings-item:not(:last-child){border-bottom:1px solid var(--border-color)}.settings-item:hover,.settings-item:active{background:var(--bg-hover)}.settings-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0}.settings-item-icon.primary{background:var(--primary-light);color:var(--primary)}.settings-item-icon.danger{background:#ef44441a;color:var(--error)}.settings-item-content{flex:1;text-align:left}.settings-item-label{font-size:15px;color:var(--text-primary)}.settings-item.danger .settings-item-label{color:var(--error)}.settings-item-desc{font-size:13px;color:var(--text-tertiary);margin-top:2px}.settings-item-action{color:var(--text-tertiary)}.toggle-switch{position:relative;width:50px;height:30px;background:var(--bg-hover);border-radius:15px;border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.toggle-switch.active{background:var(--primary);border-color:var(--primary)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.toggle-switch.active:after{transform:translate(20px)}.settings-footer{text-align:center;padding:32px 16px;color:var(--text-tertiary);font-size:13px}.settings-footer-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;color:var(--text-secondary)}.settings-footer-logo svg{color:var(--primary)}.logout-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px;z-index:200;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.logout-modal{width:100%;max-width:320px;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logout-modal-content{padding:24px;text-align:center}.logout-modal-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.logout-modal-desc{font-size:14px;color:var(--text-secondary)}.logout-modal-actions{display:flex;border-top:1px solid var(--border-color)}.logout-modal-btn{flex:1;padding:14px;font-size:16px;font-weight:500;background:none;border:none;cursor:pointer;transition:background var(--transition-fast)}.logout-modal-btn:first-child{border-right:1px solid var(--border-color);color:var(--text-primary)}.logout-modal-btn:first-child:hover{background:var(--bg-hover)}.logout-modal-btn:last-child{color:var(--error)}.logout-modal-btn:last-child:hover{background:#ef44441a}