/* Arka AI - Minified CSS | 2026-05-26T05:48:44Z | build-20260526054844 */
:root{--font-serif:'Playfair Display',Georgia,'Times New Roman',serif;--font-sans:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'JetBrains Mono','Fira Code','Consolas',monospace;--accent:#e8622a;--accent-hover:#d4521e;--accent-soft:#2a1a10;--accent-text:#ffffff;--ease:cubic-bezier(0.4,0,0.2,1);--t-fast:0.15s var(--ease);--t-base:0.25s var(--ease);--t-slow:0.4s var(--ease);--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--r-full:9999px;--sidebar-w:240px;--danger:#e05252;--success:#4caf82;--gold:#c9a84c}[data-theme="dark"]{--bg:#0c0c0c;--surface:#141414;--surface2:#1c1c1c;--surface3:#222222;--border:#2a2a2a;--border-strong:#333333;--text:#f0ece6;--text2:#8a8580;--text3:#555050;--text-inverse:#0c0c0c;--code-bg:#111111;--scrollbar-thumb:rgba(255,255,255,0.08);--scrollbar-thumb-hover:rgba(255,255,255,0.15);--msg-user:#e8622a;--msg-ai:#141414;--sidebar-bg:#141414;--hover-bg:#222222;--active-bg:#1c1c1c;--text-primary:#f0ece6;--text-secondary:#8a8580;--text-muted:#555050;--border-subtle:#2a2a2a;--accent-gradient:#e8622a;--accent-gradient-text:#e8622a;--shadow-sm:none;--shadow-lg:none}[data-theme="light"]{--bg:#faf8f5;--surface:#f2efe9;--surface2:#eae7e0;--surface3:#e3dfd8;--border:#ddd9d2;--border-strong:#ccc8c0;--text:#1a1714;--text2:#6b6560;--text3:#9a9590;--text-inverse:#ffffff;--accent:#e8622a;--accent-hover:#d4521e;--accent-soft:#fdf0ea;--accent-text:#ffffff;--code-bg:#f0eeea;--scrollbar-thumb:rgba(0,0,0,0.08);--scrollbar-thumb-hover:rgba(0,0,0,0.14);--danger:#cc4444;--success:#3d9e6e;--gold:#b8922a;--msg-user:#e8622a;--msg-ai:#f2efe9;--sidebar-bg:#f2efe9;--hover-bg:#e3dfd8;--active-bg:#eae7e0;--text-primary:#1a1714;--text-secondary:#6b6560;--text-muted:#9a9590;--border-subtle:#ddd9d2;--accent-gradient:#e8622a;--accent-gradient-text:#e8622a;--shadow-sm:none;--shadow-lg:none}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;overflow:hidden;height:100vh;transition:background var(--t-base),color var(--t-base);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--accent-soft);color:var(--accent)}.ambient-bg{display:none}.blob,.blob-1,.blob-2,.blob-3{display:none}@keyframes welcomeFade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes orbBreath{0%,100%{transform:none}}@keyframes orbRing{to{transform:none}}@keyframes msgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{from{opacity:0;transform:scale(0.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dotBounce{0%,60%,100%{transform:translateY(0);opacity:0.35}30%{transform:translateY(-5px);opacity:1}}@keyframes stopPulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0.2)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}@keyframes toastIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes toastOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(16px)}}@keyframes loginFadeIn{from{opacity:0;transform:translateY(24px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loadingPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(0.92);opacity:0.8}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appFadeIn{from{opacity:0}to{opacity:1}}@keyframes appFadeIn{from{opacity:0}to{opacity:1}}@keyframes settingsFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes statusPulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes micPulse{0%,100%{box-shadow:0 0 0 0 rgba(232,98,42,0.4)}50%{box-shadow:0 0 0 6px rgba(232,98,42,0)}}@keyframes reasoningDotPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:0.6}}@keyframes pillSlideIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes warningPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes attachPopupIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes mfChipIn{from{opacity:0;transform:scale(0.92)}to{opacity:1;transform:scale(1)}}@keyframes mfPulse{0%,100%{opacity:1}50%{opacity:0.55}}@keyframes streamBlink{0%,100%{opacity:1}50%{opacity:0}}.app-fade-in{animation:appFadeIn 0.3s ease forwards}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#b45309,#d97706);color:#fff;font-family:var(--font-sans);font-size:13px;font-weight:500;text-align:center;animation:offlineBannerIn 0.35s ease-out;box-shadow:0 2px 12px rgba(0,0,0,0.3)}.offline-banner .offline-icon{font-size:16px;flex-shrink:0}@keyframes offlineBannerIn{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes offlineBannerOut{from{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.app-container{display:flex;height:100vh;height:100dvh;width:100vw;overflow:hidden;position:relative;z-index:1}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--surface);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;transition:transform var(--t-base)}.sidebar-inner{flex:1;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:18px 14px 14px;display:flex;align-items:center;justify-content:space-between}.sidebar-brand{display:flex;align-items:center;gap:9px}.brand-icon{width:28px;height:28px;border-radius:7px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-name{font-family:var(--font-serif);font-size:17px;font-weight:600;color:var(--text);letter-spacing:-0.3px}.sidebar-close-btn{display:none;background:none;border:none;color:var(--text2);cursor:pointer;padding:4px;border-radius:var(--r-xs);transition:all var(--t-fast)}.sidebar-close-btn:hover{background:var(--surface2);color:var(--text)}.new-chat-btn{margin:4px 12px 12px;padding:10px 14px;background:var(--accent);color:#fff;border:none;border-radius:var(--r-sm);font-family:var(--font-sans);font-size:13.5px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:background var(--t-fast)}.new-chat-btn:hover{background:var(--accent-hover)}.new-chat-btn:active{opacity:0.9}.sidebar-section{flex:1;overflow:hidden;display:flex;flex-direction:column}.sidebar-section-label{padding:8px 16px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--text3)}.chat-list{flex:1;overflow-y:auto;padding:4px 8px}.chat-list-item{padding:8px 10px;border-radius:var(--r-sm);cursor:pointer;display:flex;align-items:center;gap:8px;margin-bottom:1px;transition:all var(--t-fast);position:relative}.chat-list-item:hover{background:var(--surface2)}.chat-list-item.active{background:var(--accent-soft)}.chat-list-item .chat-icon{font-size:14px;color:var(--text3);flex-shrink:0}.chat-list-item .chat-title{flex:1;font-size:12.5px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.chat-list-item.active .chat-title{color:var(--text)}.chat-star-badge{font-size:11px;color:var(--gold,#c9a84c);flex-shrink:0;line-height:1}.chat-dots-btn{opacity:0;background:none;border:none;color:var(--text3);cursor:pointer;padding:4px;border-radius:50%;transition:all var(--t-fast);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.chat-list-item:hover .chat-dots-btn{opacity:1}.chat-dots-btn:hover{background:var(--hover-bg);color:var(--text)}.chat-rename-input{flex:1;font-size:12.5px;color:var(--text);background:var(--surface2);border:1px solid var(--accent);border-radius:4px;padding:2px 6px;outline:none;font-family:var(--font-sans);min-width:0}.chat-context-menu{background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;padding:4px;min-width:160px;z-index:10000;box-shadow:0 8px 24px rgba(0,0,0,0.35);opacity:0;transform:scale(0.95);transition:opacity .15s ease,transform .15s ease}.chat-context-menu.open{opacity:1;transform:scale(1)}.chat-ctx-item{padding:7px 10px;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text);transition:background .12s;font-family:var(--font-sans)}.chat-ctx-item:hover{background:var(--hover-bg)}.chat-ctx-item.danger{color:var(--danger)}.chat-ctx-item.danger:hover{background:rgba(224,82,82,0.1)}.chat-ctx-divider{height:1px;background:var(--border);margin:3px 0}.sidebar-footer{padding:8px 12px 12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px;position:relative;overflow:visible}.sidebar-footer-btn{padding:7px 10px;border-radius:var(--r-sm);cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text3);background:none;border:none;font-family:var(--font-sans);transition:all var(--t-fast);width:100%;text-align:left}.sidebar-footer-btn:hover{background:var(--surface2);color:var(--text)}.sidebar-footer-divider{height:1px;background:var(--border);margin:6px 0}.sidebar-footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 0}.theme-toggle{width:44px;height:24px;border-radius:var(--r-full);background:var(--surface2);border:1px solid var(--border);cursor:pointer;position:relative;transition:all var(--t-base);display:flex;align-items:center;padding:0}.theme-toggle-thumb{position:absolute;width:18px;height:18px;border-radius:50%;top:2px;left:2px;background:var(--accent);transition:transform var(--t-base)}[data-theme="light"] .theme-toggle-thumb{transform:translateX(20px)}.theme-toggle-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:24px;color:var(--text3);transition:opacity var(--t-fast)}.dark-icon{left:2px}.light-icon{right:2px}[data-theme="dark"] .dark-icon{opacity:0}[data-theme="dark"] .light-icon{opacity:0.5}[data-theme="light"] .dark-icon{opacity:0.5}[data-theme="light"] .light-icon{opacity:0}.user-avatar{width:30px;height:30px;border-radius:var(--r-full);background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text3);cursor:default}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;height:100vh;height:100dvh;overflow:hidden}.top-bar{height:52px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;z-index:10;background-image:linear-gradient(to right,transparent,var(--border),transparent);background-size:100% 1px;background-position:bottom;background-repeat:no-repeat}.top-bar-left{display:flex;align-items:center;gap:12px}.top-bar-title{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--text2);letter-spacing:-0.2px}.menu-toggle{display:none;background:none;border:none;color:var(--text2);cursor:pointer;padding:4px;border-radius:var(--r-xs);transition:all var(--t-fast);font-size:20px}.menu-toggle:hover{background:var(--surface2);color:var(--text)}.top-bar-right{display:flex;align-items:center;gap:8px}.model-selector-wrapper{position:relative}.model-selector{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 10px;border-radius:var(--r-sm);background:var(--surface2);border:1px solid var(--border);font-size:12px;font-weight:500;font-family:var(--font-sans);color:var(--text2);cursor:pointer;transition:all var(--t-fast)}.model-selector:hover{border-color:var(--accent);color:var(--text)}.model-selector.open{border-color:var(--accent)}.model-static-badge{cursor:default !important;pointer-events:none}.model-static-badge:hover{border-color:var(--border) !important;color:var(--text2) !important}.model-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.model-selector-label{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector-chevron{font-size:16px !important;opacity:0.5;transition:transform var(--t-fast)}.model-selector.open .selector-chevron{transform:rotate(180deg)}.model-dropdown{display:none !important}.model-dropdown-item{padding:6px 12px 6px 22px;font-size:12.5px;font-family:var(--font-sans);color:var(--text2);cursor:pointer;transition:all var(--t-fast);display:flex;align-items:center;justify-content:space-between;gap:6px}.model-dropdown-item:hover{background:var(--surface2);color:var(--text)}.model-dropdown-item.active{color:var(--accent);font-weight:500}.model-dropdown-item .check-icon{font-size:15px;opacity:0}.model-dropdown-item.active .check-icon{opacity:1}.chat-area{flex:1;min-height:0;overflow-y:auto;padding:20px 0;scroll-behavior:smooth}.chat-messages{max-width:740px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:6px}.input-area{padding:12px 24px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));flex-shrink:0;position:sticky;bottom:0;background:var(--bg);z-index:10;border-top:1px solid var(--border)}.input-container{max-width:740px;margin:0 auto}.attachment-preview{display:none;padding:0 0 8px}.attachment-preview.has-image{display:block}.attachment-thumb{position:relative;display:inline-block}.attachment-thumb img{width:56px;height:56px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--border)}.attachment-remove{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;background:#ef4444;color:white;border:2px solid var(--bg);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--t-fast)}.attachment-remove:hover{transform:scale(1.1)}.input-wrapper{display:flex;align-items:flex-end;gap:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:5px 5px 5px 4px;transition:all var(--t-fast)}.input-wrapper:focus-within{border-color:var(--accent)}.message-input{flex:1;background:none;border:none;outline:none;resize:none;font-family:var(--font-sans);font-size:14px;color:var(--text);line-height:1.5;max-height:140px;min-height:22px;padding:6px 8px}.message-input::placeholder{color:var(--text3)}.input-action-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);background:none;border:none;color:var(--text3);cursor:pointer;font-size:18px;transition:all var(--t-fast);flex-shrink:0}.input-action-btn:hover{background:var(--accent-soft);color:var(--accent)}.send-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);background:var(--accent);border:none;color:white;cursor:pointer;font-size:16px;transition:all var(--t-fast);flex-shrink:0}.send-btn:hover{background:var(--accent-hover)}.send-btn:disabled{opacity:0.3;cursor:not-allowed;transform:none;box-shadow:none}.stop-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);background:rgba(239,68,68,0.15);border:1.5px solid rgba(239,68,68,0.5);color:#ef4444;cursor:pointer;font-size:14px;transition:all var(--t-fast);flex-shrink:0;animation:stopPulse 2s ease-in-out infinite}.stop-btn:hover{background:rgba(239,68,68,0.25);border-color:#ef4444;transform:scale(1.05)}@keyframes stopPulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0.2)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}.input-disclaimer{text-align:center;font-size:10.5px;color:var(--text3);margin-top:7px;letter-spacing:0.1px}#imageUpload{display:none}.message{display:flex;gap:10px;max-width:100%;animation:msgIn 0.3s ease-out}@keyframes msgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{width:30px;height:30px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-top:3px}.message.user .message-avatar{background:var(--accent);color:white;font-size:12px}.message.ai .message-avatar{background:var(--surface2);border:1px solid var(--border);color:var(--accent);font-size:14px}.message-body{max-width:75%;display:flex;flex-direction:column;gap:3px}.message-content{padding:10px 14px;border-radius:var(--r-lg);font-size:14px;line-height:1.65;overflow-wrap:break-word;word-break:break-word}.message.user .message-content{background:var(--accent);color:#ffffff;border-radius:12px 12px 2px 12px}.message.ai .message-content{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:12px 12px 12px 2px}.message.ai .message-content h1,.message.ai .message-content h2,.message.ai .message-content h3{font-family:var(--font-sans);margin-top:10px;margin-bottom:4px;font-weight:700;color:var(--text)}.message.ai .message-content h1{font-size:17px}.message.ai .message-content h2{font-size:15.5px}.message.ai .message-content h3{font-size:14.5px}.message.ai .message-content p{margin-bottom:6px}.message.ai .message-content p:last-child{margin-bottom:0}.message.ai .message-content ul,.message.ai .message-content ol{padding-left:18px;margin-bottom:6px}.message.ai .message-content li{margin-bottom:3px}.message.ai .message-content code{font-family:var(--font-mono);font-size:12.5px;background:var(--code-bg);padding:2px 5px;border-radius:4px;border:1px solid var(--border)}.message.ai .message-content pre{background:var(--code-bg);padding:12px 14px;border-radius:var(--r-sm);margin:8px 0;overflow-x:auto;border:1px solid var(--border);position:relative}.message.ai .message-content pre code{background:none;padding:0;border:none;font-size:12.5px;line-height:1.5}.message.ai .message-content blockquote{border-left:2px solid var(--accent);padding-left:12px;margin:8px 0;color:var(--text2);font-style:italic}.message.ai .message-content a{color:var(--accent);text-decoration:none}.message.ai .message-content a:hover{text-decoration:underline}.message.ai .message-content strong{color:var(--text);font-weight:600}.message.ai .message-content table{width:100%;border-collapse:collapse;margin:8px 0;font-size:13px}.message.ai .message-content th,.message.ai .message-content td{padding:6px 10px;border:1px solid var(--border);text-align:left}.message.ai .message-content th{background:var(--surface2);font-weight:600}.message-meta{font-size:10.5px;color:var(--text3);padding:0 4px;display:flex;align-items:center;gap:6px}.message.user .message-meta{justify-content:flex-end}.message.user .message-body{position:relative}.message.user .message-content{cursor:pointer;transition:opacity var(--t-fast)}.message.user .message-content:hover{opacity:0.85}.message.user .msg-edit-hint{position:absolute;top:6px;left:-26px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:var(--surface2);border:1px solid var(--border);color:var(--text3);font-size:11px;opacity:0;pointer-events:none;transition:opacity var(--t-fast)}.message.user:hover .msg-edit-hint{opacity:1}.message.user .msg-edit-hint svg{width:11px;height:11px}.message.user.editing .message-content{display:none}.msg-edit-area{display:flex;flex-direction:column;gap:6px;width:100%}.msg-edit-textarea{width:100%;min-height:44px;max-height:240px;padding:10px 14px;border-radius:12px 12px 2px 12px;background:var(--surface2);border:1.5px solid var(--accent);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.65;resize:none;outline:none;overflow-y:auto}.msg-edit-textarea:focus{box-shadow:0 0 0 3px rgba(232,98,42,0.15)}.msg-edit-actions{display:flex;justify-content:flex-end;gap:6px}.msg-edit-actions button{padding:4px 12px;border-radius:6px;font-size:11.5px;font-family:var(--font-sans);font-weight:500;cursor:pointer;border:1px solid var(--border);transition:all var(--t-fast)}.msg-edit-save{background:var(--accent);color:#fff;border-color:var(--accent) !important}.msg-edit-save:hover{filter:brightness(1.1)}.msg-edit-cancel{background:var(--surface2);color:var(--text2)}.msg-edit-cancel:hover{background:var(--surface3)}.msg-edited-badge{font-size:10px;color:var(--text3);font-style:italic;opacity:0.7}.code-block-wrapper{position:relative;margin:8px 0}.code-block-wrapper pre{margin:0}.code-toolbar{position:absolute;top:6px;right:6px;display:flex;gap:3px;z-index:5;opacity:0;pointer-events:none;transition:opacity 0.15s ease}.code-block-wrapper:hover .code-toolbar,.code-block-wrapper .code-toolbar:hover{opacity:1;pointer-events:auto}.code-toolbar-btn{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:5px;border:1px solid var(--border);background:var(--surface2);color:var(--text3);font-size:10.5px;font-family:var(--font-sans);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;line-height:1.2}.code-toolbar-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.code-toolbar-btn.copied{background:rgba(52,211,153,0.15);color:#34d399;border-color:rgba(52,211,153,0.3)}.code-tb-label{font-size:10px;font-weight:500}.code-tb-preview{background:rgba(232,98,42,0.1);border-color:rgba(232,98,42,0.25);color:var(--accent)}.code-tb-preview:hover{background:rgba(232,98,42,0.2);border-color:var(--accent)}.code-copy-btn{position:absolute;top:6px;right:6px;padding:3px 7px;border-radius:5px;background:var(--surface2);border:1px solid var(--border);color:var(--text3);font-size:10px;font-family:var(--font-sans);cursor:pointer;transition:all var(--t-fast);opacity:0;z-index:2}.message.ai .message-content pre:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{background:var(--accent-soft);color:var(--accent)}.code-copy-btn.copied{background:rgba(52,211,153,0.15);color:#34d399;border-color:rgba(52,211,153,0.3)}.code-lang-label{position:absolute;top:6px;left:10px;font-size:9.5px;font-family:var(--font-sans);font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--text3);opacity:0.7;pointer-events:none;z-index:1}.message.ai .message-content pre[data-lang] code{padding-top:6px}.message.ai .message-content pre:has(.code-lang-label) code{padding-top:8px}.message.ai .message-content pre code.hljs{background:none;padding:0}@media (max-width:768px){.code-toolbar{opacity:1;pointer-events:auto}.code-toolbar-btn{padding:5px 8px;font-size:11px}.code-tb-label{display:none}}@keyframes previewIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.preview-modal-overlay{position:fixed;inset:0;z-index:900;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;padding:24px;animation:previewIn 0.2s ease}.preview-modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:90vw;max-width:1100px;height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05);transition:all 0.2s ease}.preview-modal.fullscreen{width:98vw;max-width:none;height:96vh;border-radius:8px}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface2)}.preview-modal-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text);font-family:var(--font-sans)}.preview-modal-icon{color:var(--accent);font-size:14px}.preview-lang-badge{padding:2px 8px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}.preview-modal-actions{display:flex;align-items:center;gap:4px}.preview-modal-btn{width:30px;height:30px;border-radius:7px;background:none;border:1px solid transparent;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.preview-modal-btn:hover{background:var(--surface);border-color:var(--border);color:var(--text)}.preview-close-btn:hover{background:rgba(239,68,68,0.1);color:#ef4444;border-color:rgba(239,68,68,0.3)}.preview-modal-body{flex:1;overflow:hidden;min-height:0}.preview-modal-body iframe{width:100%;height:100%;border:none;background:#ffffff}@media (max-width:768px){.preview-modal-overlay{padding:8px}.preview-modal{width:100%;height:90vh;border-radius:10px}}.longtext-chip{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:10px;margin-bottom:6px;max-width:320px}.longtext-chip-icon{width:36px;height:36px;border-radius:8px;background:rgba(232,98,42,0.15);color:#e8622a;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.longtext-chip-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.longtext-chip-name{font-size:12.5px;font-weight:600;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.longtext-chip-size{font-size:10.5px;color:rgba(255,255,255,0.5)}.longtext-chip-open{padding:4px 10px;border-radius:6px;background:rgba(232,98,42,0.2);border:1px solid rgba(232,98,42,0.3);color:#e8622a;font-size:11px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--t-fast);flex-shrink:0}.longtext-chip-open:hover{background:rgba(232,98,42,0.35)}.longtext-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:600;align-items:center;justify-content:center;padding:24px}.longtext-modal-overlay.active{display:flex}.longtext-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:720px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:modalIn 0.2s ease-out}@keyframes modalIn{from{opacity:0;transform:scale(0.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.longtext-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);flex-shrink:0}.longtext-modal-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text);font-family:var(--font-sans)}.longtext-modal-size{font-size:11px;font-weight:400;color:var(--text3)}.longtext-modal-actions{display:flex;align-items:center;gap:6px}.longtext-copy-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;background:var(--surface2);border:1px solid var(--border);color:var(--text2);font-size:11.5px;font-family:var(--font-sans);cursor:pointer;transition:all var(--t-fast)}.longtext-copy-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.longtext-close-btn{width:30px;height:30px;border-radius:8px;background:none;border:none;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.longtext-close-btn:hover{background:var(--surface2);color:var(--text)}.longtext-modal-body{padding:16px 18px;overflow-y:auto;flex:1;min-height:0}.longtext-content{font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;background:none}@media (max-width:768px){.longtext-modal-overlay{padding:12px}.longtext-modal{max-height:85vh;border-radius:12px}.longtext-chip{max-width:100%}}.message-image{max-width:280px;max-height:180px;border-radius:var(--r-md);border:1px solid var(--border);margin-bottom:6px;cursor:pointer;transition:transform var(--t-fast)}.message-image:hover{transform:scale(1.02)}.typing-indicator{display:flex;gap:10px;animation:msgIn 0.3s ease-out}.typing-dots{padding:12px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);border-bottom-left-radius:4px;display:flex;align-items:center;gap:4px}.typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--text3);animation:dotBounce 1.4s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:0.16s}.typing-dots span:nth-child(3){animation-delay:0.32s}@keyframes dotBounce{0%,60%,100%{transform:translateY(0);opacity:0.35}30%{transform:translateY(-5px);opacity:1}}.katex-display-block{display:flex;justify-content:center;margin:12px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:8px 0}.katex-display-block > .katex{text-align:center}.message-content .katex{font-size:1em}.katex-display-block::-webkit-scrollbar{height:3px}.katex-display-block::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ai-action-buttons{display:flex;align-items:center;gap:2px;padding:2px 4px;opacity:0;transition:opacity 0.2s ease;margin-top:2px}.message.ai:hover .ai-action-buttons{opacity:1}.ai-action-btn{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border:none;border-radius:6px;background:transparent;color:var(--text3);font-size:11px;font-family:var(--font-sans);cursor:pointer;transition:all 0.15s ease;white-space:nowrap}.ai-action-btn:hover{background:var(--surface2);color:var(--text)}.ai-act-icon{font-size:12px;line-height:1}.ai-action-btn .material-symbols-rounded,.ai-act-icon .material-symbols-rounded{font-size:14px;vertical-align:middle;line-height:1}.code-toolbar-btn .material-symbols-rounded{font-size:13px;vertical-align:middle;line-height:1}.ai-act-label{font-size:10.5px;font-weight:500}.ai-action-btn.ai-act-like.active{background:rgba(52,211,153,0.12);color:#34d399}.ai-action-btn.ai-act-dislike.active{background:rgba(239,68,68,0.12);color:#ef4444}.ai-action-btn.ai-act-regen:hover{background:var(--accent-soft);color:var(--accent)}.ai-action-btn.ai-act-copy:hover{background:rgba(52,211,153,0.1);color:#34d399}.ai-action-btn.ai-act-share:hover{background:rgba(96,165,250,0.1);color:#60a5fa}@media (max-width:768px){.ai-action-buttons{opacity:1}.ai-act-label{display:none}.ai-action-btn{padding:4px 6px}.ai-action-btn .material-symbols-rounded,.ai-act-icon .material-symbols-rounded{font-size:18px}}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:62vh;text-align:center;padding:40px 20px;animation:welcomeFade 0.7s ease-out}@keyframes welcomeFade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.welcome-orb{width:72px;height:72px;border-radius:50%;background:var(--accent);margin-bottom:28px;display:flex;align-items:center;justify-content:center}.welcome-orb::before{display:none}.welcome-orb::after{display:none}@keyframes orbBreath{0%,100%{transform:none}}@keyframes orbRing{to{transform:none}}.welcome-title{font-family:var(--font-serif);font-size:36px;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:-0.5px;line-height:1.2}.welcome-title em{font-style:italic;color:var(--accent)}.welcome-subtitle{font-size:15px;color:var(--text2);margin-bottom:36px;max-width:380px;line-height:1.5}.suggestion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:480px;width:100%}.suggestion-card{padding:14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;transition:all var(--t-base);display:flex;align-items:flex-start;gap:11px;position:relative;overflow:hidden}.suggestion-card::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:20px 20px;background-position:-1px -1px;opacity:0.3;pointer-events:none}.suggestion-card:hover{border-color:var(--accent);background:var(--surface2)}.suggestion-card:active{opacity:0.9}.card-icon-wrap{width:36px;height:36px;border-radius:var(--r-sm);background:var(--surface2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon{font-size:18px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.card-icon svg{color:currentColor;vertical-align:middle;flex-shrink:0}.user-dropdown-item svg,.occ-pill svg,.guidelines-section h3 svg{color:currentColor;vertical-align:middle;flex-shrink:0}.card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.card-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.3}.card-desc{font-size:11.5px;color:var(--text3);line-height:1.35}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:90}.lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:500;align-items:center;justify-content:center;cursor:pointer}.lightbox.active{display:flex}.lightbox img{max-width:90vw;max-height:90vh;border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.toast-container{position:fixed;top:16px;right:16px;z-index:1000;display:flex;flex-direction:column;gap:6px}.toast{padding:10px 16px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--text);font-size:13px;font-family:var(--font-sans);animation:toastIn 0.25s ease-out;min-width:220px;display:flex;align-items:center;gap:8px}.toast.error{border-color:rgba(239,68,68,0.3);color:#ef4444}.toast.success{border-color:rgba(52,211,153,0.3);color:#34d399}@keyframes toastIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes toastOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(16px)}}.login-screen{position:fixed;inset:0;z-index:10000;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity 0.5s var(--ease),visibility 0.5s var(--ease)}.login-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.login-card{text-align:center;max-width:380px;width:90%;animation:loginFadeIn 0.8s var(--ease) both}@keyframes loginFadeIn{from{opacity:0;transform:translateY(24px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loadingPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(0.92);opacity:0.8}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appFadeIn{from{opacity:0}to{opacity:1}}.app-fade-in{animation:appFadeIn 0.3s ease forwards}.login-orb{width:80px;height:80px;margin:0 auto 28px;border-radius:50%;background:var(--accent);position:relative;display:flex;align-items:center;justify-content:center}.login-orb::after{content:'';width:32px;height:32px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2 C12 2 13.5 8 16 10 C18.5 12 24 12 24 12 C24 12 18.5 12 16 14 C13.5 16 12 22 12 22 C12 22 10.5 16 8 14 C5.5 12 0 12 0 12 C0 12 5.5 12 8 10 C10.5 8 12 2 12 2Z'/%3E%3C/svg%3E") center/contain no-repeat;position:absolute}.login-orb .orb-ring{position:absolute;inset:-8px;border-radius:50%;border:1.5px solid var(--border-strong)}.login-title{font-family:var(--font-serif);font-size:3rem;font-weight:700;color:var(--text);margin-bottom:8px}.login-title em{font-style:italic;color:var(--accent)}.login-subtitle{font-family:var(--font-sans);font-size:1rem;color:var(--text2);margin-bottom:36px}.google-login-btn{display:inline-flex;align-items:center;gap:12px;padding:13px 32px;border:none;border-radius:var(--r-sm);background:#ffffff;color:#1a1a2e;font-family:var(--font-sans);font-size:15px;font-weight:600;cursor:pointer;transition:background var(--t-fast)}.google-login-btn:hover{background:#f0f0f0}.google-login-btn:active{transform:scale(0.98)}.login-footer-text{margin-top:20px;font-size:13px;color:var(--text3);font-family:var(--font-sans)}.login-theme-toggle{margin-top:40px;display:flex;justify-content:center}.sidebar-user-area{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-md);cursor:pointer;transition:background var(--t-fast)}.sidebar-user-area:hover{background:var(--surface2)}.sidebar-user-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border);flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-user-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;padding:1px 6px;border-radius:var(--r-full);width:fit-content}.free-badge{color:var(--accent);border:1px solid var(--accent);background:var(--accent-soft);font-size:10px;font-weight:600;border-radius:4px;padding:1px 5px}.pro-badge{color:var(--gold);border:1px solid var(--gold);background:transparent;font-size:10px;font-weight:600;border-radius:4px;padding:1px 5px}.sidebar-user-chevron{color:var(--text3);flex-shrink:0;transition:transform var(--t-fast)}.sidebar-user-area.open .sidebar-user-chevron{transform:rotate(180deg)}.upgrade-btn{width:100%;padding:8px;border:1px solid var(--accent);border-radius:var(--r-md);background:transparent;color:var(--accent);font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--t-fast);margin-bottom:6px}.upgrade-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.upgrade-btn.hidden{display:none}.user-dropdown{position:absolute;bottom:calc(100% + 8px);left:4px;min-width:220px;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:6px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,visibility .2s,transform .2s cubic-bezier(.22,1,.36,1);z-index:1100;pointer-events:none}.user-dropdown.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.user-dropdown-email{padding:8px 12px;font-size:12px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-divider{height:1px;background:var(--border);margin:4px 0}.image-usage-badge{font-family:var(--font-sans);font-size:11px;font-weight:600;color:var(--text2);background:var(--surface2);border:1px solid var(--border);padding:4px 10px;border-radius:var(--r-full);white-space:nowrap}.image-usage-badge.hidden{display:none}.image-usage-badge.limit-reached{color:#ef4444;border-color:rgba(239,68,68,0.3);background:rgba(239,68,68,0.06)}.upgrade-modal-overlay{position:fixed;inset:0;z-index:11000;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--t-base)}.upgrade-modal-overlay.open{opacity:1;visibility:visible}.upgrade-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:40px 36px;max-width:420px;width:90%;text-align:center;position:relative;transform:scale(0.92) translateY(20px);transition:transform var(--t-slow)}.upgrade-modal-overlay.open .upgrade-modal{transform:scale(1) translateY(0)}.upgrade-modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;border-radius:50%;background:var(--surface2);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.upgrade-modal-close:hover{background:var(--surface3);color:var(--text)}.upgrade-modal-orb{width:56px;height:56px;margin:0 auto 20px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center}.upgrade-modal-orb::after{content:'';width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2 C12 2 13.5 8 16 10 C18.5 12 24 12 24 12 C24 12 18.5 12 16 14 C13.5 16 12 22 12 22 C12 22 10.5 16 8 14 C5.5 12 0 12 0 12 C0 12 5.5 12 8 10 C10.5 8 12 2 12 2Z'/%3E%3C/svg%3E") center/contain no-repeat;position:absolute}.upgrade-modal-title{font-family:var(--font-serif);font-size:1.6rem;font-weight:700;color:var(--text);margin-bottom:6px}.upgrade-modal-title em{color:var(--accent);-webkit-text-fill-color:var(--accent)}.upgrade-modal-subtitle{font-size:14px;color:var(--text2);margin-bottom:28px}.upgrade-benefits{list-style:none;padding:0;text-align:left;margin-bottom:28px}.upgrade-benefits li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:var(--text);font-family:var(--font-sans);border-bottom:1px solid var(--border-subtle)}.upgrade-benefits li:last-child{border-bottom:none}.benefit-icon{color:var(--accent);font-size:14px;width:20px;text-align:center;flex-shrink:0}.coming-soon-chip{font-size:10px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:var(--r-full);margin-left:4px}.upgrade-cta{width:100%;padding:13px;border:none;border-radius:var(--r-sm);background:var(--accent);color:white;font-family:var(--font-sans);font-size:15px;font-weight:700;cursor:pointer;transition:background var(--t-fast)}.upgrade-cta:hover{background:var(--accent-hover)}.upgrade-dismiss{display:block;width:100%;padding:10px;margin-top:10px;border:none;background:none;color:var(--text3);font-family:var(--font-sans);font-size:14px;cursor:pointer;transition:color var(--t-fast)}.upgrade-dismiss:hover{color:var(--text2)}.guidelines-overlay{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.guidelines-overlay.active{opacity:1;visibility:visible}.guidelines-modal{width:95%;max-width:640px;max-height:85vh;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;transform:translateY(20px) scale(.97);transition:transform .3s cubic-bezier(.22,1,.36,1);overflow:hidden}.guidelines-overlay.active .guidelines-modal{transform:translateY(0) scale(1)}.guidelines-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.guidelines-title{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0}.guidelines-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--hover-bg);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s}.guidelines-close:hover{background:var(--active-bg);color:var(--text-primary)}.guidelines-body{flex:1;overflow-y:auto;padding:24px}.guidelines-subtitle{font-size:1rem;color:var(--text-secondary);margin:0 0 4px}.guidelines-effective{font-size:.8rem;color:var(--text-muted,var(--text-secondary));opacity:.6;margin:0 0 24px}.guidelines-section{margin-bottom:24px}.guidelines-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 10px}.guidelines-section p{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0 0 6px}.guidelines-section ul{list-style:none;padding:0;margin:0}.guidelines-section li{font-size:.875rem;color:var(--text-secondary);padding:5px 0 5px 20px;position:relative;line-height:1.5}.guidelines-section li::before{content:'•';position:absolute;left:6px;color:var(--accent);font-weight:bold}.guidelines-section a{color:var(--accent)}.guidelines-section a:hover{text-decoration:underline}.guidelines-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:center}.guidelines-close-btn{padding:10px 40px;background:var(--hover-bg);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.guidelines-close-btn:hover{background:var(--active-bg)}.user-dropdown .upgrade-menu-item{color:var(--accent)}.user-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:0 12px;height:36px;border:none;border-radius:6px;background:none;color:var(--text);font-family:var(--font-sans);font-size:14px;cursor:pointer;transition:background var(--t-fast);position:relative}.user-dropdown-item svg{width:16px;height:16px;color:var(--text2);flex-shrink:0}.user-dropdown-item:hover{background:var(--hover-bg)}.user-dropdown-item .shortcut-hint{margin-left:auto;font-size:12px;color:var(--text3);font-family:var(--font-sans)}.user-dropdown-item .submenu-arrow{margin-left:auto;font-size:12px;color:var(--text3)}.user-dropdown-item.sign-out-item{color:var(--danger)}.user-dropdown-item.sign-out-item svg{color:var(--danger)}.user-dropdown-item.sign-out-item:hover{background:rgba(224,82,82,0.08)}.dropdown-submenu{position:absolute;left:calc(100% + 4px);top:0;min-width:220px;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:6px;opacity:0;visibility:hidden;transform:translateX(-4px);transition:opacity 0.15s,visibility 0.15s,transform 0.15s;z-index:1200;pointer-events:none}.dropdown-submenu.open{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}.dropdown-submenu.right-overflow{left:auto;right:calc(100% + 4px);transform:translateX(4px)}.dropdown-submenu.right-overflow.open{transform:translateX(0)}.submenu-item{display:flex;align-items:center;gap:10px;width:100%;padding:0 12px;height:34px;border:none;border-radius:6px;background:none;color:var(--text);font-family:var(--font-sans);font-size:13px;cursor:pointer;transition:background var(--t-fast);text-decoration:none;white-space:nowrap}.submenu-item:hover{background:var(--hover-bg)}.submenu-item .lang-check{width:16px;text-align:center;color:var(--accent);font-size:13px;flex-shrink:0}.submenu-item .external-icon{margin-left:auto;color:var(--text3);flex-shrink:0}.submenu-divider{height:1px;background:var(--border);margin:4px 0}.shortcuts-overlay{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.shortcuts-overlay.active{opacity:1;visibility:visible}.shortcuts-modal{width:95%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;transform:translateY(20px) scale(.97);transition:transform .3s cubic-bezier(.22,1,.36,1);overflow:hidden}.shortcuts-overlay.active .shortcuts-modal{transform:translateY(0) scale(1)}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.shortcuts-title{font-family:var(--font-sans);font-size:1.1rem;font-weight:600;color:var(--text);margin:0}.shortcuts-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--hover-bg);border-radius:8px;color:var(--text2);cursor:pointer;transition:background .2s,color .2s}.shortcuts-close:hover{background:var(--active-bg);color:var(--text)}.shortcuts-body{padding:16px 24px 24px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.shortcut-row:last-child{border-bottom:none}.shortcut-action{font-size:14px;color:var(--text)}.shortcut-keys{display:flex;gap:4px}kbd{display:inline-block;padding:3px 8px;font-family:var(--font-sans);font-size:11px;font-weight:600;color:var(--text2);background:var(--surface2);border:1px solid var(--border);border-radius:4px;line-height:1.3}.mic-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--text-muted,#888);display:flex;align-items:center;justify-content:center;transition:color 0.2s,background 0.2s;flex-shrink:0}.mic-btn:hover{color:#e8622a;background:rgba(232,98,42,0.08)}.mic-btn.recording{color:#e8622a;background:rgba(232,98,42,0.12);animation:micPulse 1.2s ease-in-out infinite}@keyframes micPulse{0%,100%{box-shadow:0 0 0 0 rgba(232,98,42,0.4)}50%{box-shadow:0 0 0 6px rgba(232,98,42,0)}}[data-theme="light"] .input-icon img{filter:brightness(0) invert(0) !important}[data-theme="light"] .input-icon img[style*="opacity"]{filter:brightness(0) invert(0) !important}[data-theme="light"] .reasoning-btn.active .reasoning-icon{filter:invert(48%) sepia(79%) saturate(2476%) hue-rotate(346deg) brightness(118%) contrast(119%) !important;opacity:1 !important}.reasoning-btn{position:relative}.reasoning-btn .reasoning-icon{transition:filter 0.2s,opacity 0.2s}.reasoning-btn.active .reasoning-icon{filter:invert(48%) sepia(79%) saturate(2476%) hue-rotate(346deg) brightness(118%) contrast(119%) !important;opacity:1 !important}.reasoning-btn.active{background:rgba(232,98,42,0.12)}.reasoning-btn.exhausted{opacity:0.4;cursor:not-allowed}.reasoning-btn.exhausted:hover{background:none}.reasoning-dot{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:#e8622a;animation:reasoningDotPulse 1.5s ease-in-out infinite}@keyframes reasoningDotPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:0.6}}.reasoning-pill{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;background:rgba(232,98,42,0.1);border:1px solid rgba(232,98,42,0.25);border-radius:var(--r-full);font-size:11px;font-weight:600;color:#e8622a;font-family:var(--font-sans);width:fit-content;margin-bottom:6px;animation:pillSlideIn 0.25s ease-out}@keyframes pillSlideIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.reasoning-pill-close{background:none;border:none;color:#e8622a;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.15s;opacity:0.6}.reasoning-pill-close:hover{background:rgba(232,98,42,0.15);opacity:1}.limit-warning-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:rgba(232,98,42,0.15);border-radius:50%;animation:warningPulse 2s ease-in-out infinite;z-index:2}@keyframes warningPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.message.ai .reasoning-indicator{display:flex;align-items:center;gap:4px;font-size:10px;color:#e8622a;font-weight:600;opacity:0.7;margin-top:2px;font-family:var(--font-sans)}.message.ai .reasoning-indicator img{filter:invert(48%) sepia(79%) saturate(2476%) hue-rotate(346deg) brightness(118%) contrast(119%)}.usage-stats-2x2{grid-template-columns:repeat(2,1fr) !important}.attach-menu-wrapper{display:flex;align-items:center}.attach-popup{position:absolute;bottom:calc(100% + 8px);left:0;min-width:200px;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:6px;z-index:300;box-shadow:0 8px 24px rgba(0,0,0,0.3);animation:attachPopupIn 0.15s ease-out}@keyframes attachPopupIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.attach-popup-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:none;border:none;border-radius:7px;font-family:var(--font-sans);font-size:13px;color:var(--text);cursor:pointer;transition:background 0.12s}.attach-popup-item:hover{background:var(--surface2)}.attach-popup-item svg{flex-shrink:0;color:var(--text2)}.attach-popup-count{margin-left:auto;font-size:10.5px;color:var(--text3);font-weight:500}.multifile-staging{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0 8px}.multifile-staging:empty{display:none}.mf-chip{display:flex;align-items:center;gap:6px;padding:5px 8px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;font-size:11.5px;font-family:var(--font-sans);color:var(--text);max-width:220px;animation:mfChipIn 0.15s ease-out}.app-container.fade-in{animation:appFadeIn 0.5s var(--ease) both}@keyframes appFadeIn{from{opacity:0}to{opacity:1}}.input-action-btn.disabled{opacity:0.4;pointer-events:none;cursor:not-allowed}.settings-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.settings-overlay.active{opacity:1;visibility:visible}.settings-modal{position:relative;width:95%;max-width:900px;height:85vh;max-height:85vh;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:row;transform:translateY(20px) scale(.97);transition:transform .3s cubic-bezier(.22,1,.36,1);overflow:hidden;box-shadow:0 24px 48px rgba(0,0,0,.18)}.settings-overlay.active .settings-modal{transform:translateY(0) scale(1)}.settings-close{position:absolute;top:16px;right:16px;z-index:10;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--hover-bg);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s}.settings-close:hover{background:var(--active-bg);color:var(--text-primary)}.settings-sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--border);padding:28px 16px 24px;display:flex;flex-direction:column;gap:4px;background:var(--sidebar-bg)}.settings-sidebar-title{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 20px 8px}.settings-nav{display:flex;flex-direction:column;gap:2px}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:.875rem;font-weight:500;font-family:'Inter',sans-serif;color:var(--text-secondary);background:none;border:none;border-radius:8px;cursor:pointer;transition:all .15s;text-align:left;white-space:nowrap}.settings-nav-item:hover{background:var(--hover-bg);color:var(--text-primary)}.settings-nav-item.active{background:var(--active-bg);color:var(--accent);font-weight:600}.settings-nav-item svg{flex-shrink:0;opacity:.7}.settings-nav-item.active svg{opacity:1;stroke:var(--accent)}.settings-content{flex:1;overflow-y:auto;padding:32px 36px;scroll-behavior:smooth}.settings-pane{display:none;animation:settingsFadeIn .25s ease}.settings-pane.active{display:block}@keyframes settingsFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.settings-section-header{display:flex;align-items:center;gap:14px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border)}.settings-section-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--hover-bg);border-radius:10px;color:var(--accent);flex-shrink:0}.settings-section-icon svg{stroke:var(--accent)}.settings-section-title{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:0}.settings-section-subtitle{font-size:.82rem;color:var(--text-secondary);margin:2px 0 0}.settings-subsection-title{font-size:.82rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:28px 0 14px}.settings-subsection-title.danger-title{color:#ef4444}.settings-divider{height:1px;background:var(--border);margin:24px 0}.settings-field{margin-bottom:22px}.settings-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.settings-input{width:100%;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-family:'Inter',sans-serif;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.settings-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(232,98,42,.08)}.settings-textarea{width:100%;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-family:'Inter',sans-serif;outline:none;resize:vertical;min-height:80px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.settings-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(232,98,42,.08)}.settings-subtext{font-size:.8rem;color:var(--text-secondary);margin-top:6px;line-height:1.4}.guidelines-link{color:var(--accent);text-decoration:underline;cursor:pointer}.guidelines-link:hover{color:var(--accent-hover)}.occupation-pills{display:flex;flex-wrap:wrap;gap:8px}.occ-pill{padding:7px 14px;font-size:.8rem;font-family:'Inter',sans-serif;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface2);color:var(--text2);cursor:pointer;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.occ-pill:hover{border-color:var(--accent);color:var(--text-primary);background:var(--hover-bg)}.occ-pill.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.occ-other-input{margin-top:10px}.settings-toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.settings-toggle-info{flex:1}.settings-toggle-label{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:4px}.settings-toggle-desc{display:block;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0;margin-top:2px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--border);border-radius:12px;cursor:pointer;transition:background .3s}.toggle-slider::before{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .3s}.toggle-switch input:checked + .toggle-slider{background:var(--accent)}.toggle-switch input:checked + .toggle-slider::before{transform:translateX(20px)}.settings-action-btn{padding:8px 18px;font-size:.82rem;font-weight:600;font-family:'Inter',sans-serif;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text-primary);cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.settings-action-btn:hover{background:var(--hover-bg);border-color:var(--accent)}.settings-action-btn.danger-outlined{color:#ef4444;border-color:rgba(239,68,68,.3)}.settings-action-btn.danger-outlined:hover{background:rgba(239,68,68,.08);border-color:#ef4444}.settings-footer{padding:20px 0 0;margin-top:8px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.settings-save-btn{padding:10px 28px;background:var(--accent);color:#fff;border:none;border-radius:var(--r-sm);font-size:.9rem;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;transition:background .15s,transform .1s}.settings-save-btn:hover{background:var(--accent-hover)}.settings-save-btn:active{transform:scale(.97)}.account-user-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:8px}.account-user-photo{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.account-user-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.account-user-name{font-size:.95rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-user-email{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-plan-badge{padding:4px 12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:20px;background:var(--accent);color:#fff;flex-shrink:0}.account-row-card{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:8px}.account-row-left{display:flex;align-items:center;gap:12px}.account-row-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary)}.account-row-sub{display:block;font-size:.78rem;color:var(--text-secondary)}.account-connected-tag{font-size:.78rem;font-weight:600;color:#22c55e;padding:4px 10px;background:rgba(34,197,94,.08);border-radius:6px}.account-info-table{border:1px solid var(--border);border-radius:10px;overflow:hidden}.account-info-row{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border)}.account-info-row:last-child{border-bottom:none}.account-info-label{font-size:.82rem;color:var(--text-secondary);font-weight:500}.account-info-value{font-size:.82rem;color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:8px}.account-uid{font-family:'JetBrains Mono','Fira Code',monospace;font-size:.75rem;padding:3px 8px;background:var(--surface);border-radius:4px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--hover-bg);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.account-copy-btn:hover{background:var(--active-bg);color:var(--accent)}.account-plan-badge-sm{padding:3px 10px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:12px;background:var(--accent);color:#fff}.session-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.session-row{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;border-bottom:1px solid var(--border)}.session-row.no-border{border-bottom:none}.session-label{font-size:.82rem;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:8px}.session-label svg{flex-shrink:0;opacity:.6}.session-value{font-size:.82rem;color:var(--text-primary);font-weight:500}.session-badge-active{font-size:.75rem;font-weight:600;color:#22c55e;padding:3px 10px;background:rgba(34,197,94,.08);border-radius:6px}.usage-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.usage-stat-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-align:center}.usage-stat-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.usage-stat-value{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.danger-zone-card{border:1px solid rgba(239,68,68,.25);border-radius:10px;overflow:hidden}.danger-row{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(239,68,68,.12);gap:16px}.danger-row.no-border{border-bottom:none}.danger-row-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.danger-row-desc{display:block;font-size:.78rem;color:var(--text-secondary);line-height:1.4}.danger-btn{padding:8px 16px;font-size:.8rem;font-weight:600;font-family:'Inter',sans-serif;border-radius:8px;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.danger-btn.outlined{background:none;border:1px solid rgba(239,68,68,.35);color:#ef4444}.danger-btn.outlined:hover{background:rgba(239,68,68,.08);border-color:#ef4444}.danger-btn.filled{background:#ef4444;border:1px solid #ef4444;color:#fff}.danger-btn.filled:hover{background:#dc2626}.privacy-intro{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.expandable-section{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;overflow:hidden}.expandable-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--surface);border:none;font-size:.88rem;font-weight:600;font-family:'Inter',sans-serif;color:var(--text-primary);cursor:pointer;transition:background .15s}.expandable-header:hover{background:var(--hover-bg)}.expandable-chevron{transition:transform .25s;flex-shrink:0;opacity:.5}.expandable-section.open .expandable-chevron{transform:rotate(90deg)}.expandable-body{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s;padding:0 18px}.expandable-section.open .expandable-body{max-height:400px;padding:4px 18px 16px}.expandable-body ul{margin:0;padding-left:18px}.expandable-body li{font-size:.83rem;color:var(--text-secondary);line-height:1.7;margin-bottom:4px}.billing-plan-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px}.billing-plan-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),#f59e0b);border-radius:12px;color:#fff;flex-shrink:0}.billing-plan-icon svg{stroke:#fff}.billing-plan-info{flex:1}.billing-plan-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.billing-plan-sub{font-size:.8rem;color:var(--text-secondary);margin:0}.billing-upgrade-btn{padding:9px 20px;font-size:.82rem;font-weight:600;font-family:'Inter',sans-serif;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap;flex-shrink:0}.billing-upgrade-btn:hover{background:var(--accent-hover)}.billing-features{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.billing-feature{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-primary)}.pro-benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px}.pro-benefit-card{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:10px;position:relative;transition:border-color .2s,transform .15s}.pro-benefit-card:hover{border-color:var(--accent);transform:translateY(-1px)}.pro-benefit-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--hover-bg);border-radius:8px;margin-bottom:10px;color:var(--accent)}.pro-benefit-icon svg{stroke:var(--accent)}.pro-benefit-card h5{font-size:.88rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.pro-benefit-card p{font-size:.78rem;color:var(--text-secondary);line-height:1.4;margin:0}.pro-coming-soon{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;background:rgba(232,98,42,.1);color:var(--accent);border-radius:4px;margin-top:8px}.pricing-card{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:14px;text-align:center}.pricing-toggle{display:inline-flex;background:var(--hover-bg);border-radius:8px;padding:3px;margin-bottom:20px}.pricing-toggle-btn{padding:7px 18px;font-size:.8rem;font-weight:600;font-family:'Inter',sans-serif;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.pricing-toggle-btn.active{background:var(--sidebar-bg);color:var(--text-primary);box-shadow:0 1px 3px rgba(0,0,0,.08)}.pricing-title{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.pricing-price{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:4px}.pricing-price span{font-size:.9rem;font-weight:400;color:var(--text-secondary)}.pricing-sub{font-size:.8rem;color:var(--text-secondary);margin-bottom:20px}.pricing-cta{display:inline-block;padding:12px 36px;font-size:.9rem;font-weight:700;font-family:'Inter',sans-serif;background:linear-gradient(135deg,var(--accent),#f59e0b);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:transform .15s,box-shadow .15s;margin-bottom:14px}.pricing-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(232,98,42,.25)}.pricing-note{font-size:.75rem;color:var(--text-secondary);opacity:.7;margin:0;line-height:1.5}.font-size-pills{display:flex;gap:8px}.font-pill{padding:8px 20px;font-size:.82rem;font-weight:500;font-family:'Inter',sans-serif;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text-secondary);cursor:pointer;transition:all .15s}.font-pill:hover{border-color:var(--accent);color:var(--text-primary)}.font-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.export-modal-overlay{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.export-modal-overlay.active{opacity:1;visibility:visible}.export-modal{width:95%;max-width:420px;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:14px;padding:24px}.export-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.export-modal-header h3{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.export-modal-sub{font-size:.84rem;color:var(--text-secondary);margin-bottom:18px}.export-filter-pills{display:flex;gap:8px;margin-bottom:18px}.export-pill{padding:6px 16px;font-size:.78rem;font-weight:600;font-family:'Inter',sans-serif;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text-secondary);cursor:pointer;transition:all .15s}.export-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.export-includes{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.export-include-item{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--text-primary)}.export-include-item span{color:var(--text-secondary);font-size:.78rem}.export-modal-footer{display:flex;justify-content:flex-end;gap:10px}@media (max-width:700px){.settings-modal{flex-direction:column;height:95vh;max-height:95vh;max-width:100%;border-radius:12px 12px 0 0}.settings-sidebar{width:100%;flex-shrink:0;border-right:none;border-bottom:1px solid var(--border);padding:16px 12px 0;gap:0}.settings-sidebar-title{font-size:1.1rem;margin-bottom:10px;margin-left:4px}.settings-nav{flex-direction:row;overflow-x:auto;gap:0;padding-bottom:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{padding:8px 14px;font-size:.8rem;border-radius:0;border-bottom:2px solid transparent;gap:6px;flex-shrink:0}.settings-nav-item.active{background:none;border-bottom-color:var(--accent)}.settings-nav-item:hover{background:none}.settings-content{padding:20px 16px}.settings-close{top:12px;right:12px}.pro-benefits-grid{grid-template-columns:1fr}.usage-stats-grid{grid-template-columns:1fr 1fr 1fr;gap:8px}.danger-row{flex-direction:column;align-items:flex-start;gap:12px}.account-user-card{flex-wrap:wrap}}@media (max-width:768px){.login-title{font-size:2.4rem}.upgrade-modal{padding:28px 24px}.image-usage-badge{font-size:10px;padding:3px 8px}.settings-modal{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.settings-tabs{padding:12px 16px 0}.settings-tab{padding:8px 12px;font-size:.8rem}.settings-body{padding:16px}.settings-header{padding:16px 16px 0}.settings-footer{padding:12px 16px}.guidelines-modal{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.guidelines-body{padding:16px}.dropdown-submenu{position:fixed;left:8px !important;right:8px !important;bottom:80px !important;top:auto !important;min-width:auto;max-height:60vh;overflow-y:auto}.dropdown-submenu.right-overflow{left:8px !important;right:8px !important}.shortcuts-modal{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:80vh;overflow-y:auto}}.help-panel-backdrop{position:fixed;inset:0;z-index:9998;display:none}.help-panel-backdrop.open{display:block}.help-panel{position:fixed;bottom:24px;right:24px;width:380px;height:560px;max-height:80vh;background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.4);z-index:9999;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;pointer-events:none}.help-panel.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.help-panel-close{position:absolute;top:16px;right:16px;z-index:10;width:28px;height:28px;background:rgba(255,255,255,0.15);border:none;border-radius:50%;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.help-panel-close:hover{background:rgba(255,255,255,0.25)}.help-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.help-home-header{background:var(--accent);padding:24px 20px 20px;flex-shrink:0}.help-home-title{color:white;font-size:22px;font-weight:600;margin:12px 0 4px;font-family:var(--font-sans)}.help-home-subtitle{color:rgba(255,255,255,0.85);font-size:16px;margin:0;font-family:var(--font-sans)}.help-home-body{flex:1;overflow-y:auto}.help-status-card{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin:16px;display:flex;align-items:center;gap:10px}.help-status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);flex-shrink:0;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,100%{opacity:1}50%{opacity:.5}}.help-status-text{font-size:13px;font-weight:500;color:var(--text)}.help-status-sub{font-size:12px;color:var(--text2);margin-top:2px}.help-message-btn{margin:0 16px;padding:14px 16px;background:var(--surface2);border:1px solid var(--border-strong);border-radius:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-decoration:none;color:var(--text);font-size:14px;font-weight:500;font-family:var(--font-sans);transition:border-color .15s}.help-message-btn:hover{border-color:var(--accent)}.help-search-bar{margin:12px 16px;padding:10px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;gap:8px;color:var(--text2)}.help-search-bar input{flex:1;border:none;background:none;outline:none;font-size:14px;font-family:var(--font-sans);color:var(--text)}.help-search-bar input::placeholder{color:var(--text3)}.help-faq-label{margin:16px 16px 8px;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--text3)}.help-faq-item{padding:10px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px;color:var(--text);font-family:var(--font-sans);transition:background .15s,color .15s}.help-faq-item:hover{background:var(--hover-bg);color:var(--accent)}.help-faq-item svg{flex-shrink:0;color:var(--text3)}.help-help-header{padding:20px;border-bottom:1px solid var(--border);flex-shrink:0}.help-help-search{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:9px 14px;display:flex;align-items:center;gap:8px;color:var(--text2)}.help-help-search input{flex:1;border:none;background:none;outline:none;font-size:14px;font-family:var(--font-sans);color:var(--text)}.help-help-search input::placeholder{color:var(--text3)}.help-collections-body{flex:1;overflow-y:auto}.help-collection-item{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .15s}.help-collection-item:hover{background:var(--hover-bg)}.help-collection-title{font-size:14px;font-weight:500;color:var(--text)}.help-collection-sub{font-size:12px;color:var(--text2);margin-top:2px}.help-collection-meta{text-align:right;flex-shrink:0;display:flex;align-items:center;gap:6px}.help-collection-count{font-size:12px;color:var(--text3);white-space:nowrap}.help-article-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0}.help-article-back{width:32px;height:32px;border:none;background:var(--hover-bg);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text2);transition:background .15s,color .15s}.help-article-back:hover{background:var(--surface2);color:var(--text)}.help-article-header-title{font-size:14px;font-weight:600;color:var(--text)}.help-article-body{flex:1;overflow-y:auto;padding:20px}.help-article-body h3{font-size:16px;font-weight:600;margin:0 0 12px;color:var(--text);font-family:var(--font-sans)}.help-article-body p{font-size:14px;line-height:1.7;color:var(--text2);margin:0;font-family:var(--font-sans)}.help-tab-bar{display:flex;border-top:1px solid var(--border);flex-shrink:0;background:var(--surface)}.help-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0;border:none;background:none;color:var(--text2);cursor:pointer;font-size:11px;font-family:var(--font-sans);transition:color .15s}.help-tab:hover{color:var(--text)}.help-tab.active{color:var(--accent)}.help-tab.active svg{stroke:var(--accent)}@media (max-width:768px){.help-panel{bottom:0;right:0;left:0;width:100%;height:100%;max-height:100%;border-radius:0}}html.font-small .message-text{font-size:13px}html.font-medium .message-text{font-size:15px}html.font-large .message-text{font-size:17px}html.compact-mode .message-row{padding:10px 0}html.compact-mode .chat-messages{gap:4px}html.compact-mode .message-text{line-height:1.45}.cap-section-title{font-size:16px;font-weight:600;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:16px}.memory-info-box{display:flex;align-items:flex-start;gap:10px;background:var(--surface2);border-left:3px solid var(--accent);border-radius:6px;padding:10px 14px;margin-top:10px;font-size:13px;line-height:1.55;color:var(--text2);animation:fadeSlideIn .2s ease}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tool-radio-group{display:flex;flex-direction:column;gap:10px}.tool-radio-option{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}.tool-radio-option:hover{border-color:var(--accent);background:var(--surface2)}.custom-radio{width:18px;height:18px;min-width:18px;border:2px solid var(--text3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px;transition:border-color .15s}.custom-radio.selected{border-color:var(--accent)}.custom-radio-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .15s}.custom-radio.selected .custom-radio-dot{transform:scale(1)}.tool-radio-info{display:flex;flex-direction:column;gap:2px}.tool-radio-label{font-size:14px;font-weight:500;color:var(--text)}.tool-radio-desc{font-size:12.5px;color:var(--text3);line-height:1.4}.memory-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;display:none;align-items:center;justify-content:center;animation:fadeOverlay .15s ease}.memory-modal-overlay.active{display:flex}.memory-modal{background:var(--bg);border:1px solid var(--border);border-radius:16px;width:700px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;animation:scaleIn .2s ease;box-shadow:0 20px 60px rgba(0,0,0,.25)}.import-memory-modal{width:680px}.memory-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.memory-modal-title{font-size:18px;font-weight:600;color:var(--text);margin:0}.memory-modal-sub{font-size:13px;color:var(--text3);margin:2px 0 0}.memory-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.memory-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0}.memory-footer-right{display:flex;gap:8px}.memory-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;gap:8px}.memory-empty-icon{color:var(--text3);opacity:.5;margin-bottom:4px}.memory-empty-title{font-size:15px;font-weight:600;color:var(--text2)}.memory-empty-desc{font-size:13px;color:var(--text3)}.memory-category{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;overflow:hidden}.memory-category-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;background:var(--surface2);border:none;width:100%;font-family:var(--font-sans);color:var(--text);transition:background .15s}.memory-category-header:hover{background:var(--surface)}.memory-category-left{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.memory-category-count{background:var(--accent);color:white;font-size:11px;font-weight:600;padding:1px 7px;border-radius:10px}.memory-category-chevron{transition:transform .2s;color:var(--text3)}.memory-category.open .memory-category-chevron{transform:rotate(90deg)}.memory-category-body{display:none;padding:0}.memory-category.open .memory-category-body{display:block}.memory-item{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--border);gap:10px}.memory-item-text{flex:1;font-size:13px;color:var(--text2);line-height:1.5}.memory-item-date{color:var(--text3);font-size:11px;font-family:var(--font-mono,monospace)}.memory-item-actions{display:flex;gap:6px;flex-shrink:0}.memory-item-actions button{border:none;background:none;cursor:pointer;padding:3px;border-radius:4px;color:var(--text3);transition:color .15s,background .15s;display:flex;align-items:center}.memory-item-actions button:hover{background:var(--surface2);color:var(--text)}.memory-item-actions button.delete-mem:hover{color:var(--danger)}.memory-add-btn{width:100%;border:none;background:none;cursor:pointer;padding:10px 14px;color:var(--accent);font-size:13px;font-family:var(--font-sans);font-weight:500;text-align:left;border-top:1px solid var(--border);transition:background .15s}.memory-add-btn:hover{background:var(--surface2)}.memory-edit-input{flex:1;border:1px solid var(--accent);border-radius:6px;padding:4px 8px;font-size:13px;font-family:var(--font-sans);background:var(--surface2);color:var(--text);outline:none}.import-body{display:flex;flex-direction:column;gap:18px}.import-step-card{display:flex;gap:14px;align-items:flex-start}.import-step-badge{width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--accent);color:white;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}.import-step-content{flex:1;min-width:0}.import-step-title{font-size:14px;font-weight:600;color:var(--text);margin:0 0 8px}.import-step-desc{font-size:13px;color:var(--text3);margin:0 0 10px}.import-code-block{position:relative;background:var(--surface2);border:1px solid var(--border);border-radius:8px;overflow:hidden}.import-prompt-text{padding:14px;font-family:monospace;font-size:12.5px;line-height:1.55;color:var(--text2);white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto;margin:0}.import-copy-btn{position:absolute;top:8px;right:8px;border:1px solid var(--border);background:var(--bg);color:var(--text2);font-size:12px;font-family:var(--font-sans);padding:4px 10px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s;z-index:2}.import-copy-btn:hover{background:var(--accent);color:white;border-color:var(--accent)}.import-textarea{width:100%;min-height:160px;resize:vertical;border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-family:monospace;font-size:13px;line-height:1.55;background:var(--surface2);color:var(--text);outline:none;transition:border-color .15s}.import-textarea:focus{border-color:var(--accent)}.import-textarea::placeholder{color:var(--text3)}@media (max-width:700px){.memory-modal{width:100%;max-width:100vw;max-height:100vh;border-radius:0;height:100%}.import-step-card{flex-direction:column;gap:8px}}@media (max-width:768px){.longtext-modal-overlay{padding:12px}.longtext-modal{max-height:85vh;border-radius:12px}.longtext-chip{max-width:100%}}@media (max-width:768px){html,body{overflow-x:hidden;-webkit-text-size-adjust:100%}input,textarea,select{font-size:16px !important}.sidebar{position:fixed;left:0;top:0;bottom:0;width:85vw;max-width:320px;min-width:auto;transform:translateX(-100%);box-shadow:var(--shadow-lg);z-index:200;transition:transform 0.25s cubic-bezier(.22,1,.36,1)}.sidebar.open{transform:translateX(0)}.sidebar-overlay.active{display:block}.sidebar-close-btn{display:flex;width:36px;height:36px;min-width:36px;align-items:center;justify-content:center}.menu-toggle{display:flex;width:40px;height:40px;min-width:40px;align-items:center;justify-content:center}.top-bar{padding:0 12px;height:48px;gap:8px}.top-bar-left{gap:8px}.top-bar-title{font-size:13px}.top-bar-right{gap:6px}.image-usage-badge,.reasoning-usage-badge{display:none !important}.model-selector{padding:4px 8px;font-size:11px;gap:5px}.model-selector-label{max-width:110px}.model-dot{width:5px;height:5px}.main-content{width:100%}.chat-area{padding:12px 0}.chat-messages{padding:0 12px}.welcome-screen{padding:40px 16px 20px}.welcome-orb{width:52px;height:52px;margin-bottom:18px}.welcome-title{font-size:26px}.welcome-subtitle{font-size:13px;max-width:280px;margin-left:auto;margin-right:auto}.suggestion-grid{grid-template-columns:1fr;max-width:100%;gap:8px;padding:0 4px}.suggestion-card{padding:12px 14px}.message-body{max-width:88%}.message-text{font-size:14px}.message-avatar{width:26px;height:26px}.message{gap:8px}.message-text pre{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:calc(100vw - 100px)}.message-text code{word-break:break-word}.input-area{padding:8px 10px 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.input-container{max-width:100%}.input-wrapper{padding:4px 4px 4px 3px;border-radius:var(--r-sm);min-height:48px}.message-input{padding:8px 6px;min-height:24px}.input-action-btn{width:40px;height:40px;min-width:40px}.send-btn{width:40px;height:40px;min-width:40px}.stop-btn{width:40px;height:40px;min-width:40px}.mic-btn{width:40px;height:40px;min-width:40px}.input-disclaimer{font-size:9.5px;margin-top:5px}.file-preview-card{max-width:100%}.attach-popup{min-width:180px}.attach-popup-item{padding:11px 12px;font-size:14px;min-height:44px}.reasoning-pill{font-size:10px;padding:3px 8px 3px 6px}.toast-container{top:8px;right:8px;left:8px;align-items:stretch}.toast{min-width:auto;font-size:12px;padding:10px 14px}.sidebar-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.sidebar-footer-btn{min-height:40px;font-size:13px}.upgrade-btn{min-height:44px;font-size:13px}.sidebar-user-area{min-height:44px;padding:10px 8px}.user-dropdown{min-width:220px}.user-dropdown-item{height:42px;font-size:14px;padding:0 14px}.lightbox img{max-width:95vw;max-height:80vh}.message-image{max-width:200px;max-height:150px}}@media (max-width:480px){.top-bar-title{display:none}.top-bar{padding:0 10px;height:46px}.model-selector{padding:3px 7px;font-size:10.5px}.model-selector-label{max-width:90px}.welcome-title{font-size:22px}.welcome-subtitle{font-size:12px}.welcome-orb{width:46px;height:46px;margin-bottom:14px}.suggestion-card{padding:10px 12px}.card-icon-wrap{width:30px;height:30px}.card-title{font-size:12px}.card-desc{font-size:10.5px}.message-body{max-width:92%}.message-text{font-size:13.5px}.chat-messages{padding:0 8px}.input-area{padding:6px 8px 10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.sidebar{width:90vw}}@media (max-width:360px){.top-bar{padding:0 8px;height:44px}.menu-toggle{width:36px;height:36px;min-width:36px}.welcome-title{font-size:20px}.suggestion-card{padding:9px 10px}.input-wrapper{padding:3px;gap:0}.input-action-btn,.send-btn,.mic-btn{width:36px;height:36px;min-width:36px}.message-body{max-width:94%}.chat-messages{padding:0 6px}.sidebar{width:100vw;max-width:none}}@media (max-width:700px){.settings-modal{flex-direction:column;height:95vh;max-height:95vh;max-width:100%;border-radius:12px 12px 0 0}.settings-sidebar{width:100%;flex-shrink:0;border-right:none;border-bottom:1px solid var(--border);padding:16px 12px 0;gap:0}.settings-sidebar-title{font-size:1.1rem;margin-bottom:10px;margin-left:4px}.settings-nav{flex-direction:row;overflow-x:auto;gap:0;padding-bottom:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{padding:8px 14px;font-size:.8rem;border-radius:0;border-bottom:2px solid transparent;gap:6px;flex-shrink:0}.settings-nav-item.active{background:none;border-bottom-color:var(--accent)}.settings-nav-item:hover{background:none}.settings-content{padding:20px 16px}.settings-close{top:12px;right:12px}.pro-benefits-grid{grid-template-columns:1fr}.usage-stats-grid{grid-template-columns:1fr 1fr 1fr;gap:8px}.danger-row{flex-direction:column;align-items:flex-start;gap:12px}.account-user-card{flex-wrap:wrap}}@media (max-width:768px){.login-title{font-size:2.4rem}.upgrade-modal{padding:28px 24px}.image-usage-badge{font-size:10px;padding:3px 8px}.settings-modal{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.settings-tabs{padding:12px 16px 0}.settings-tab{padding:8px 12px;font-size:.8rem}.settings-body{padding:16px}.settings-header{padding:16px 16px 0}.settings-footer{padding:12px 16px}.guidelines-modal{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.guidelines-body{padding:16px}.dropdown-submenu{position:fixed;left:8px !important;right:8px !important;bottom:80px !important;top:auto !important;min-width:auto;max-height:60vh;overflow-y:auto}.dropdown-submenu.right-overflow{left:8px !important;right:8px !important}.shortcuts-modal{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:80vh;overflow-y:auto}}@media (max-width:768px){.help-panel{bottom:0;right:0;left:0;width:100%;height:100%;max-height:100%;border-radius:0}}@media (max-width:700px){.memory-modal{width:100%;max-width:100vw;max-height:100vh;border-radius:0;height:100%}.import-step-card{flex-direction:column;gap:8px}}@media (max-width:768px){html,body{overflow-x:hidden !important;width:100% !important;max-width:100vw !important;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}*,*::before,*::after{box-sizing:border-box !important}input,textarea,select,button{font-size:16px !important}.app-container{overflow-x:hidden !important;width:100% !important}}@media (max-width:768px){.top-bar{padding:0 12px !important;height:52px !important;min-height:52px !important;max-height:52px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important;overflow:hidden !important}.top-bar-left{display:flex !important;align-items:center !important;gap:6px !important;flex-shrink:0 !important;min-width:0 !important}.top-bar-title{display:none !important}.top-bar-right{display:flex !important;align-items:center !important;gap:6px !important;min-width:0 !important;overflow:hidden !important;flex-shrink:1 !important}.image-usage-badge,.reasoning-usage-badge,.image-usage-badge.limit-reached,.reasoning-usage-badge.limit-reached{display:none !important;visibility:hidden !important;width:0 !important;height:0 !important;overflow:hidden !important}.model-selector{padding:5px 10px !important;font-size:11px !important;gap:5px !important;max-width:160px !important}.model-selector-label{max-width:120px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.model-dot{width:6px !important;height:6px !important;flex-shrink:0 !important}.menu-toggle{display:flex !important;width:44px !important;height:44px !important;min-width:44px !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;-webkit-tap-highlight-color:transparent !important}.model-dropdown{position:fixed !important;left:12px !important;right:12px !important;top:56px !important;width:auto !important;max-height:60vh !important;overflow-y:auto !important;z-index:1000 !important}}@media (max-width:768px){.sidebar{position:fixed !important;left:0 !important;top:0 !important;bottom:0 !important;width:85vw !important;max-width:320px !important;min-width:auto !important;transform:translateX(-100%) !important;box-shadow:4px 0 24px rgba(0,0,0,0.3) !important;z-index:200 !important;transition:transform 0.28s cubic-bezier(.22,1,.36,1) !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}.sidebar.open{transform:translateX(0) !important}.sidebar-overlay{position:fixed !important;inset:0 !important;background:rgba(0,0,0,0.6) !important;z-index:190 !important;display:none !important;transition:opacity 0.25s ease !important}.sidebar-overlay.active{display:block !important}.sidebar-close-btn{display:flex !important;width:40px !important;height:40px !important;min-width:40px !important;align-items:center !important;justify-content:center !important}.sidebar-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom)) !important}.sidebar-footer-btn{min-height:44px !important;font-size:13px !important}.upgrade-btn{min-height:44px !important;font-size:13px !important}.sidebar-user-area{min-height:48px !important;padding:10px 10px !important}.new-chat-btn{min-height:44px !important}.chat-item{min-height:44px !important;padding:10px 12px !important}.main-content{width:100% !important;margin-left:0 !important}}@media (max-width:768px){.settings-overlay{align-items:stretch !important;justify-content:stretch !important;padding:0 !important}.settings-modal{width:100% !important;max-width:100% !important;height:100vh !important;height:100dvh !important;max-height:100vh !important;max-height:100dvh !important;border-radius:0 !important;border:none !important;flex-direction:column !important}.settings-close{top:10px !important;right:10px !important;width:36px !important;height:36px !important;z-index:20 !important}.settings-sidebar{width:100% !important;flex-shrink:0 !important;border-right:none !important;border-bottom:1px solid var(--border) !important;padding:14px 12px 0 !important;gap:0 !important;overflow:visible !important}.settings-sidebar-title{font-size:1.05rem !important;margin-bottom:10px !important;margin-left:4px !important}.settings-nav{flex-direction:row !important;overflow-x:auto !important;overflow-y:hidden !important;gap:0 !important;padding-bottom:0 !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;scroll-snap-type:x mandatory !important;scroll-behavior:smooth !important}.settings-nav::-webkit-scrollbar{display:none !important}.settings-nav-item{padding:8px 14px !important;font-size:12px !important;border-radius:0 !important;border-bottom:2.5px solid transparent !important;gap:6px !important;flex-shrink:0 !important;white-space:nowrap !important;scroll-snap-align:start !important;background:none !important;min-height:40px !important}.settings-nav-item.active{background:none !important;border-bottom-color:var(--accent) !important;color:var(--accent) !important}.settings-nav-item:hover{background:none !important}.settings-nav-item svg{display:none !important}.settings-content{padding:18px 14px !important;flex:1 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}.settings-section-header{gap:10px !important}.settings-section-icon{display:none !important}.settings-section-title{font-size:1.1rem !important}.settings-field{margin-bottom:16px !important}.settings-input,.settings-textarea{width:100% !important;font-size:16px !important}.settings-toggle-row{gap:12px !important;min-height:48px !important}.occupation-pills{gap:6px !important}.occ-pill{font-size:12px !important;padding:6px 10px !important;min-height:36px !important}.pro-benefits-grid{grid-template-columns:1fr !important}.usage-stats-grid{grid-template-columns:1fr 1fr !important;gap:8px !important}.danger-row{flex-direction:column !important;align-items:flex-start !important;gap:10px !important}.account-user-card{flex-wrap:wrap !important;gap:10px !important}.settings-footer{padding:12px 0 !important}.settings-save-btn{width:100% !important;min-height:44px !important}}@media (max-width:768px){.upgrade-modal-overlay{align-items:flex-end !important;padding:0 !important}.upgrade-modal{width:100% !important;max-width:100% !important;max-height:100vh !important;max-height:100dvh !important;border-radius:16px 16px 0 0 !important;padding:24px 20px calc(20px + env(safe-area-inset-bottom)) !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}.upgrade-modal-title{font-size:1.4rem !important}.upgrade-benefits li{font-size:13px !important;min-height:36px !important}.upgrade-cta{width:100% !important;min-height:48px !important;font-size:15px !important}.upgrade-dismiss{width:100% !important;min-height:44px !important}.help-panel{top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;max-height:100% !important;border-radius:0 !important}.guidelines-modal{width:100% !important;max-width:100% !important;height:100vh !important;height:100dvh !important;max-height:100vh !important;max-height:100dvh !important;border-radius:0 !important}.guidelines-body{padding:16px !important}.memory-modal{width:100% !important;max-width:100% !important;max-height:100vh !important;max-height:100dvh !important;border-radius:0 !important;height:100% !important}.memory-modal-header{padding:16px !important}.memory-modal-body{padding:14px !important}.memory-modal-footer{padding:12px 14px !important;padding-bottom:calc(12px + env(safe-area-inset-bottom)) !important}.shortcuts-modal{width:100% !important;max-width:100% !important;border-radius:16px 16px 0 0 !important;max-height:85vh !important;overflow-y:auto !important}.export-data-modal{width:100% !important;max-width:100% !important;border-radius:16px 16px 0 0 !important;max-height:90vh !important}}@media (max-width:768px){.user-dropdown{position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;top:auto !important;width:100% !important;min-width:100% !important;max-width:100% !important;border-radius:16px 16px 0 0 !important;box-shadow:0 -8px 32px rgba(0,0,0,0.35) !important;z-index:500 !important;padding-bottom:calc(8px + env(safe-area-inset-bottom)) !important;animation:slideUpDropdown 0.25s cubic-bezier(.22,1,.36,1) !important}@keyframes slideUpDropdown{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.user-dropdown-item{height:48px !important;font-size:15px !important;padding:0 18px !important;min-height:48px !important}.user-dropdown-email{padding:14px 18px 8px !important;font-size:13px !important}.dropdown-submenu{position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;min-width:auto !important;max-height:70vh !important;overflow-y:auto !important;border-radius:16px 16px 0 0 !important;z-index:600 !important;padding-bottom:calc(8px + env(safe-area-inset-bottom)) !important}}@media (max-width:768px){.chat-area{padding:8px 0 !important}.chat-messages{padding:0 10px !important}.welcome-screen{padding:30px 14px 16px !important}.welcome-orb{width:48px !important;height:48px !important;margin-bottom:14px !important}.welcome-title{font-size:24px !important;line-height:1.2 !important}.welcome-subtitle{font-size:13px !important;max-width:280px !important;margin:0 auto 16px !important}.suggestion-grid{grid-template-columns:1fr !important;max-width:100% !important;gap:8px !important;padding:0 2px !important}.suggestion-card{padding:12px 14px !important;min-height:44px !important}.message{gap:8px !important}.message-body{max-width:90% !important}.message-text{font-size:14px !important;line-height:1.6 !important}.message-avatar{width:26px !important;height:26px !important;flex-shrink:0 !important}.message-text pre{overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;max-width:calc(100vw - 80px) !important;font-size:12px !important}.message-text code{word-break:break-word !important;font-size:12.5px !important}.message-text pre code{word-break:normal !important}.message-image{max-width:200px !important;max-height:150px !important}.file-attachment-chip{max-width:100% !important}}@media (max-width:768px){.input-area{padding:8px 8px 10px !important;padding-bottom:calc(10px + env(safe-area-inset-bottom)) !important}.input-container{max-width:100% !important}.input-wrapper{padding:4px 4px 4px 3px !important;border-radius:14px !important;min-height:48px !important;gap:2px !important}.message-input{padding:10px 8px !important;min-height:24px !important;font-size:16px !important;line-height:1.4 !important}.input-action-btn,.input-icon{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;flex-shrink:0 !important;-webkit-tap-highlight-color:transparent !important}.send-btn{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important}.mic-btn{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important}.reasoning-pill{font-size:10px !important;padding:3px 8px 3px 6px !important}.attach-popup{min-width:180px !important}.attach-popup-item{padding:12px 14px !important;font-size:14px !important;min-height:44px !important}.file-preview-card{max-width:100% !important}.attachment-preview{max-width:100% !important}.attachment-thumb{max-width:120px !important}.input-disclaimer{font-size:9.5px !important;margin-top:5px !important}}@media (max-width:768px){.toast-container{top:8px !important;right:8px !important;left:8px !important;align-items:stretch !important}.toast{min-width:auto !important;font-size:12px !important;padding:10px 14px !important}}@media (max-width:768px){.lightbox img{max-width:96vw !important;max-height:80vh !important;border-radius:8px !important}}@media (max-width:768px){.login-card{padding:32px 24px !important;max-width:90vw !important}.login-title{font-size:2.2rem !important}.login-subtitle{font-size:14px !important}.google-login-btn{min-height:48px !important;font-size:15px !important;width:100% !important}}@media (max-width:360px){.top-bar{padding:0 8px !important}.model-selector{padding:4px 8px !important;font-size:10px !important;max-width:130px !important}.model-selector-label{max-width:90px !important}.sidebar{width:90vw !important}.welcome-title{font-size:20px !important}.welcome-subtitle{font-size:12px !important}.suggestion-card{padding:10px 12px !important}.message-body{max-width:92% !important}.message-text pre{max-width:calc(100vw - 60px) !important;font-size:11px !important}.settings-nav-item{padding:7px 10px !important;font-size:11px !important}.settings-content{padding:14px 10px !important}.user-dropdown-item{height:44px !important;font-size:14px !important;padding:0 14px !important}}@media (max-width:768px) and (max-height:500px){.welcome-orb{width:36px !important;height:36px !important;margin-bottom:8px !important}.welcome-title{font-size:20px !important}.welcome-screen{padding:12px 14px 8px !important}.suggestion-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:6px !important}}@media (max-width:768px){.usage-pill{display:flex !important}.image-usage-badge,.reasoning-usage-badge,.image-usage-badge.limit-reached,.reasoning-usage-badge.limit-reached{display:none !important;visibility:hidden !important;width:0 !important;height:0 !important;overflow:hidden !important;position:absolute !important}}@media (max-width:768px){html,body{height:100% !important;overflow-x:hidden !important;max-width:100vw !important}.app-container{height:100vh !important;height:100dvh !important;height:100svh !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;width:100% !important}.top-bar{height:52px !important;min-height:52px !important;max-height:52px !important;flex-shrink:0 !important;overflow:hidden !important}.main-content{flex:1 !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;min-height:0 !important}.chat-area{flex:1 !important;overflow-y:auto !important;overflow-x:hidden !important;min-height:0 !important;-webkit-overflow-scrolling:touch !important}.input-area{flex-shrink:0 !important;padding:6px 10px !important;padding-bottom:calc(max(12px,env(safe-area-inset-bottom)) + 4px) !important}}@media (max-width:768px){.top-bar{display:grid !important;grid-template-columns:40px 1fr auto !important;align-items:center !important;gap:8px !important;padding:0 8px !important;height:52px !important}.top-bar-left{display:contents !important}.menu-toggle{display:flex !important;width:36px !important;height:36px !important;min-width:36px !important;align-items:center !important;justify-content:center !important;background:transparent !important;border:none !important;cursor:pointer !important;color:var(--text) !important;flex-shrink:0 !important;grid-column:1 !important}.top-bar-title{display:none !important}.top-bar-right{display:flex !important;align-items:center !important;gap:6px !important;flex-shrink:0 !important;grid-column:3 !important;overflow:visible !important;min-width:0 !important}.model-selector{font-size:11px !important;padding:3px 8px !important;white-space:nowrap !important;max-width:120px !important;overflow:hidden !important;text-overflow:ellipsis !important}.model-selector-label{max-width:85px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}}@media (max-width:768px){.settings-overlay,.settings-modal{position:fixed !important;inset:0 !important;width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;border-radius:0 !important;display:flex !important;flex-direction:column !important;overflow:hidden !important}.settings-sidebar{width:100% !important;min-width:unset !important;max-width:unset !important;flex-direction:column !important;flex-shrink:0 !important;overflow:visible !important;border-right:none !important;border-bottom:1px solid var(--border) !important;padding:12px 12px 0 !important;gap:0 !important;display:flex !important}.settings-nav{display:flex !important;flex-direction:row !important;overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch !important;gap:0 !important;padding-bottom:0 !important;width:100% !important}.settings-nav::-webkit-scrollbar{display:none !important}.settings-nav-item{flex-shrink:0 !important;white-space:nowrap !important;padding:10px 14px !important;font-size:13px !important;border-bottom:2px solid transparent !important;border-right:none !important;display:inline-flex !important;align-items:center !important;gap:6px !important;cursor:pointer !important;border-radius:0 !important;background:none !important;min-height:40px !important}.settings-nav-item.active{border-bottom-color:var(--accent) !important;color:var(--accent) !important;background:none !important}.settings-content{flex:1 !important;overflow-y:auto !important;overflow-x:hidden !important;padding:16px !important;min-height:0 !important;width:100% !important;-webkit-overflow-scrolling:touch !important}.settings-close{position:absolute !important;top:8px !important;right:8px !important;z-index:10 !important;width:36px !important;height:36px !important}}@media (max-width:360px){.settings-nav-item svg{display:none !important}}@media (max-width:768px){.input-container{border-radius:14px !important;padding:0 !important}.message-input{font-size:16px !important;min-height:20px !important;max-height:80px !important}.input-action-btn,.input-icon{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important}.send-btn{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;border-radius:8px !important}}@media (max-width:768px){body > *{max-width:100vw !important;overflow-x:hidden !important}.top-bar > *{min-width:0 !important}.menu-toggle,.send-btn,.usage-pill{flex-shrink:0 !important}img{max-width:100% !important;height:auto !important}table{display:block !important;overflow-x:auto !important;width:100% !important}pre{overflow-x:auto !important;max-width:100% !important;white-space:pre !important}}@media (max-width:375px){.usage-pill{font-size:11px !important;padding:3px 8px !important}.model-selector{padding:3px 6px !important;font-size:10px !important;max-width:100px !important}.model-selector-label{max-width:70px !important}}@media (max-width:768px){.sidebar{width:86vw !important;max-width:340px !important}.sidebar-search{min-height:42px}.sidebar-search-shortcut{display:none}.top-bar{height:52px !important;min-height:52px !important;padding:0 10px !important}.chat-area{padding:16px 0 !important}.chat-messages{padding:0 12px !important}.welcome-title{font-size:25px !important}.welcome-subtitle{max-width:340px !important}.suggestion-card{min-height:64px}.message-body{max-width:90% !important}.message-content{font-size:14px !important}.input-wrapper{border-radius:12px !important;padding:5px !important;box-shadow:var(--shadow-sm) !important}}@keyframes mfChipIn{from{opacity:0;transform:scale(0.92)}to{opacity:1;transform:scale(1)}}.mf-chip-icon{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:700;flex-shrink:0}.mf-chip-icon.pdf{background:rgba(239,68,68,0.15);color:#ef4444}.mf-chip-icon.doc{background:rgba(59,130,246,0.15);color:#3b82f6}.mf-chip-icon.txt{background:rgba(107,114,128,0.15);color:#9ca3af}.mf-chip-icon.csv{background:rgba(34,197,94,0.15);color:#22c55e}.mf-chip-icon.code{background:rgba(232,98,42,0.15);color:#e8622a}.mf-chip-emoji{font-size:15px;line-height:1;flex-shrink:0;width:20px;text-align:center}.input-wrapper.drag-active{border-color:var(--accent) !important;box-shadow:0 0 0 2px rgba(232,98,42,0.18),inset 0 0 12px rgba(232,98,42,0.05);background:rgba(232,98,42,0.03);transition:border-color 0.15s,box-shadow 0.15s,background 0.15s}.mf-chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;font-weight:500}.mf-chip-size{color:var(--text3);font-size:10px;flex-shrink:0}.mf-chip-remove{width:16px;height:16px;border-radius:4px;border:none;background:none;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:all var(--t-fast)}.mf-chip-remove:hover{background:rgba(224,82,82,0.15);color:var(--danger)}.mf-chip-remove svg{width:10px;height:10px}.mf-chip.mf-loading{border-color:var(--accent);animation:mfPulse 1.2s ease-in-out infinite}@keyframes mfPulse{0%,100%{opacity:1}50%{opacity:0.55}}.mf-chip.mf-error{border-color:var(--danger);background:rgba(224,82,82,0.06)}.msg-files-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.msg-file-chip{display:flex;align-items:center;gap:6px;padding:5px 10px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);border-radius:8px;font-size:11.5px;cursor:pointer;transition:background var(--t-fast)}.msg-file-chip:hover{background:rgba(255,255,255,0.12)}.msg-file-chip .mf-chip-icon{width:20px;height:20px;font-size:8px}.meta-model-tag{font-size:10px;color:var(--text3);font-weight:500;opacity:0.7}.typing-model-tag{font-size:10px;color:var(--accent);margin-left:8px;opacity:0.85;font-weight:500;animation:mfPulse 1.5s ease-in-out infinite}.thinking-box{margin-bottom:10px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--accent) 6%,var(--surface2));overflow:hidden;font-size:12.5px;line-height:1.55}.thinking-header{display:flex;align-items:center;gap:6px;padding:8px 12px;cursor:pointer;user-select:none;color:var(--text2);font-weight:500;transition:background var(--t-fast)}.thinking-header:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.thinking-icon{font-size:14px}.thinking-label{flex:1}.thinking-toggle{font-size:10px;transition:transform var(--t-fast);opacity:0.5}.thinking-box.collapsed .thinking-toggle{transform:rotate(-90deg)}.thinking-content{padding:0 12px 10px;color:var(--text2);opacity:0.75;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;font-style:italic}.thinking-box.collapsed .thinking-content{display:none}.streaming-active::after{content:'▌';animation:streamBlink 0.6s steps(2) infinite;color:var(--accent);font-weight:300}@keyframes streamBlink{0%,100%{opacity:1}50%{opacity:0}}.file-preview{padding:0 0 8px}.file-preview-card{display:flex;align-items:center;gap:10px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;max-width:280px;animation:pillSlideIn 0.2s ease-out}.file-preview-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;font-weight:700}.file-preview-icon.pdf{background:rgba(239,68,68,0.15);color:#ef4444}.file-preview-icon.doc{background:rgba(59,130,246,0.15);color:#3b82f6}.file-preview-icon.txt{background:rgba(107,114,128,0.15);color:#9ca3af}.file-preview-icon.csv{background:rgba(34,197,94,0.15);color:#22c55e}.file-preview-icon.code{background:rgba(232,98,42,0.15);color:#e8622a}.file-preview-info{flex:1;min-width:0;display:flex;flex-direction:column}.file-preview-name{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-size{font-size:11px;color:var(--text3)}.file-preview-remove{background:none;border:none;color:var(--text3);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.12s;flex-shrink:0}.file-preview-remove:hover{background:rgba(224,82,82,0.12);color:var(--danger)}.file-attachment-chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;max-width:200px;margin-bottom:6px}.file-chip-icon{width:28px;height:28px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:700}.file-chip-icon.pdf{background:rgba(239,68,68,0.15);color:#ef4444}.file-chip-icon.doc{background:rgba(59,130,246,0.15);color:#3b82f6}.file-chip-icon.txt{background:rgba(107,114,128,0.15);color:#9ca3af}.file-chip-icon.csv{background:rgba(34,197,94,0.15);color:#22c55e}.file-chip-icon.code{background:rgba(232,98,42,0.15);color:#e8622a}.file-chip-info{min-width:0;display:flex;flex-direction:column}.file-chip-name{font-size:12px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.file-chip-size{font-size:10px;color:var(--text3)}@media (max-width:768px){html,body{overflow-x:hidden !important;width:100% !important;max-width:100vw !important;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}*,*::before,*::after{box-sizing:border-box !important}input,textarea,select,button{font-size:16px !important}.app-container{overflow-x:hidden !important;width:100% !important}}@media (max-width:768px){.top-bar{padding:0 12px !important;height:52px !important;min-height:52px !important;max-height:52px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important;overflow:hidden !important}.top-bar-left{display:flex !important;align-items:center !important;gap:6px !important;flex-shrink:0 !important;min-width:0 !important}.top-bar-title{display:none !important}.top-bar-right{display:flex !important;align-items:center !important;gap:6px !important;min-width:0 !important;overflow:hidden !important;flex-shrink:1 !important}.image-usage-badge,.reasoning-usage-badge,.image-usage-badge.limit-reached,.reasoning-usage-badge.limit-reached{display:none !important;visibility:hidden !important;width:0 !important;height:0 !important;overflow:hidden !important}.model-selector{padding:5px 10px !important;font-size:11px !important;gap:5px !important;max-width:160px !important}.model-selector-label{max-width:120px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.model-dot{width:6px !important;height:6px !important;flex-shrink:0 !important}.menu-toggle{display:flex !important;width:44px !important;height:44px !important;min-width:44px !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;-webkit-tap-highlight-color:transparent !important}.model-dropdown{position:fixed !important;left:12px !important;right:12px !important;top:56px !important;width:auto !important;max-height:60vh !important;overflow-y:auto !important;z-index:1000 !important}}@media (max-width:768px){.sidebar{position:fixed !important;left:0 !important;top:0 !important;bottom:0 !important;width:85vw !important;max-width:320px !important;min-width:auto !important;transform:translateX(-100%) !important;box-shadow:4px 0 24px rgba(0,0,0,0.3) !important;z-index:200 !important;transition:transform 0.28s cubic-bezier(.22,1,.36,1) !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}.sidebar.open{transform:translateX(0) !important}.sidebar-overlay{position:fixed !important;inset:0 !important;background:rgba(0,0,0,0.6) !important;z-index:190 !important;display:none !important;transition:opacity 0.25s ease !important}.sidebar-overlay.active{display:block !important}.sidebar-close-btn{display:flex !important;width:40px !important;height:40px !important;min-width:40px !important;align-items:center !important;justify-content:center !important}.sidebar-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom)) !important}.sidebar-footer-btn{min-height:44px !important;font-size:13px !important}.upgrade-btn{min-height:44px !important;font-size:13px !important}.sidebar-user-area{min-height:48px !important;padding:10px 10px !important}.new-chat-btn{min-height:44px !important}.chat-item{min-height:44px !important;padding:10px 12px !important}.main-content{width:100% !important;margin-left:0 !important}}@media (max-width:768px){.settings-overlay{align-items:stretch !important;justify-content:stretch !important;padding:0 !important}.settings-modal{width:100% !important;max-width:100% !important;height:100vh !important;height:100dvh !important;max-height:100vh !important;max-height:100dvh !important;border-radius:0 !important;border:none !important;flex-direction:column !important}.settings-close{top:10px !important;right:10px !important;width:36px !important;height:36px !important;z-index:20 !important}.settings-sidebar{width:100% !important;flex-shrink:0 !important;border-right:none !important;border-bottom:1px solid var(--border) !important;padding:14px 12px 0 !important;gap:0 !important;overflow:visible !important}.settings-sidebar-title{font-size:1.05rem !important;margin-bottom:10px !important;margin-left:4px !important}.settings-nav{flex-direction:row !important;overflow-x:auto !important;overflow-y:hidden !important;gap:0 !important;padding-bottom:0 !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;scroll-snap-type:x mandatory !important;scroll-behavior:smooth !important}.settings-nav::-webkit-scrollbar{display:none !important}.settings-nav-item{padding:8px 14px !important;font-size:12px !important;border-radius:0 !important;border-bottom:2.5px solid transparent !important;gap:6px !important;flex-shrink:0 !important;white-space:nowrap !important;scroll-snap-align:start !important;background:none !important;min-height:40px !important}.settings-nav-item.active{background:none !important;border-bottom-color:var(--accent) !important;color:var(--accent) !important}.settings-nav-item:hover{background:none !important}.settings-nav-item svg{display:none !important}.settings-content{padding:18px 14px !important;flex:1 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}.settings-section-header{gap:10px !important}.settings-section-icon{display:none !important}.settings-section-title{font-size:1.1rem !important}.settings-field{margin-bottom:16px !important}.settings-input,.settings-textarea{width:100% !important;font-size:16px !important}.settings-toggle-row{gap:12px !important;min-height:48px !important}.occupation-pills{gap:6px !important}.occ-pill{font-size:12px !important;padding:6px 10px !important;min-height:36px !important}.pro-benefits-grid{grid-template-columns:1fr !important}.usage-stats-grid{grid-template-columns:1fr 1fr !important;gap:8px !important}.danger-row{flex-direction:column !important;align-items:flex-start !important;gap:10px !important}.account-user-card{flex-wrap:wrap !important;gap:10px !important}.settings-footer{padding:12px 0 !important}.settings-save-btn{width:100% !important;min-height:44px !important}}@media (max-width:768px){.upgrade-modal-overlay{align-items:flex-end !important;padding:0 !important}.upgrade-modal{width:100% !important;max-width:100% !important;max-height:100vh !important;max-height:100dvh !important;border-radius:16px 16px 0 0 !important;padding:24px 20px calc(20px + env(safe-area-inset-bottom)) !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}.upgrade-modal-title{font-size:1.4rem !important}.upgrade-benefits li{font-size:13px !important;min-height:36px !important}.upgrade-cta{width:100% !important;min-height:48px !important;font-size:15px !important}.upgrade-dismiss{width:100% !important;min-height:44px !important}.help-panel{top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;max-height:100% !important;border-radius:0 !important}.guidelines-modal{width:100% !important;max-width:100% !important;height:100vh !important;height:100dvh !important;max-height:100vh !important;max-height:100dvh !important;border-radius:0 !important}.guidelines-body{padding:16px !important}.memory-modal{width:100% !important;max-width:100% !important;max-height:100vh !important;max-height:100dvh !important;border-radius:0 !important;height:100% !important}.memory-modal-header{padding:16px !important}.memory-modal-body{padding:14px !important}.memory-modal-footer{padding:12px 14px !important;padding-bottom:calc(12px + env(safe-area-inset-bottom)) !important}.shortcuts-modal{width:100% !important;max-width:100% !important;border-radius:16px 16px 0 0 !important;max-height:85vh !important;overflow-y:auto !important}.export-data-modal{width:100% !important;max-width:100% !important;border-radius:16px 16px 0 0 !important;max-height:90vh !important}}@media (max-width:768px){.user-dropdown{position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;top:auto !important;width:100% !important;min-width:100% !important;max-width:100% !important;border-radius:16px 16px 0 0 !important;box-shadow:0 -8px 32px rgba(0,0,0,0.35) !important;z-index:500 !important;padding-bottom:calc(8px + env(safe-area-inset-bottom)) !important;animation:slideUpDropdown 0.25s cubic-bezier(.22,1,.36,1) !important}@keyframes slideUpDropdown{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.user-dropdown-item{height:48px !important;font-size:15px !important;padding:0 18px !important;min-height:48px !important}.user-dropdown-email{padding:14px 18px 8px !important;font-size:13px !important}.dropdown-submenu{position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;min-width:auto !important;max-height:70vh !important;overflow-y:auto !important;border-radius:16px 16px 0 0 !important;z-index:600 !important;padding-bottom:calc(8px + env(safe-area-inset-bottom)) !important}}@media (max-width:768px){.chat-area{padding:8px 0 !important}.chat-messages{padding:0 10px !important}.welcome-screen{padding:30px 14px 16px !important}.welcome-orb{width:48px !important;height:48px !important;margin-bottom:14px !important}.welcome-title{font-size:24px !important;line-height:1.2 !important}.welcome-subtitle{font-size:13px !important;max-width:280px !important;margin:0 auto 16px !important}.suggestion-grid{grid-template-columns:1fr !important;max-width:100% !important;gap:8px !important;padding:0 2px !important}.suggestion-card{padding:12px 14px !important;min-height:44px !important}.message{gap:8px !important}.message-body{max-width:90% !important}.message-text{font-size:14px !important;line-height:1.6 !important}.message-avatar{width:26px !important;height:26px !important;flex-shrink:0 !important}.message-text pre{overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;max-width:calc(100vw - 80px) !important;font-size:12px !important}.message-text code{word-break:break-word !important;font-size:12.5px !important}.message-text pre code{word-break:normal !important}.message-image{max-width:200px !important;max-height:150px !important}.file-attachment-chip{max-width:100% !important}}@media (max-width:768px){.input-area{padding:8px 8px 10px !important;padding-bottom:calc(10px + env(safe-area-inset-bottom)) !important}.input-container{max-width:100% !important}.input-wrapper{padding:4px 4px 4px 3px !important;border-radius:14px !important;min-height:48px !important;gap:2px !important}.message-input{padding:10px 8px !important;min-height:24px !important;font-size:16px !important;line-height:1.4 !important}.input-action-btn,.input-icon{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;flex-shrink:0 !important;-webkit-tap-highlight-color:transparent !important}.send-btn{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important}.mic-btn{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important}.reasoning-pill{font-size:10px !important;padding:3px 8px 3px 6px !important}.attach-popup{min-width:180px !important}.attach-popup-item{padding:12px 14px !important;font-size:14px !important;min-height:44px !important}.file-preview-card{max-width:100% !important}.attachment-preview{max-width:100% !important}.attachment-thumb{max-width:120px !important}.input-disclaimer{font-size:9.5px !important;margin-top:5px !important}}@media (max-width:768px){.toast-container{top:8px !important;right:8px !important;left:8px !important;align-items:stretch !important}.toast{min-width:auto !important;font-size:12px !important;padding:10px 14px !important}}@media (max-width:768px){.lightbox img{max-width:96vw !important;max-height:80vh !important;border-radius:8px !important}}@media (max-width:768px){.login-card{padding:32px 24px !important;max-width:90vw !important}.login-title{font-size:2.2rem !important}.login-subtitle{font-size:14px !important}.google-login-btn{min-height:48px !important;font-size:15px !important;width:100% !important}}@media (max-width:360px){.top-bar{padding:0 8px !important}.model-selector{padding:4px 8px !important;font-size:10px !important;max-width:130px !important}.model-selector-label{max-width:90px !important}.sidebar{width:90vw !important}.welcome-title{font-size:20px !important}.welcome-subtitle{font-size:12px !important}.suggestion-card{padding:10px 12px !important}.message-body{max-width:92% !important}.message-text pre{max-width:calc(100vw - 60px) !important;font-size:11px !important}.settings-nav-item{padding:7px 10px !important;font-size:11px !important}.settings-content{padding:14px 10px !important}.user-dropdown-item{height:44px !important;font-size:14px !important;padding:0 14px !important}}@media (max-width:768px) and (max-height:500px){.welcome-orb{width:36px !important;height:36px !important;margin-bottom:8px !important}.welcome-title{font-size:20px !important}.welcome-screen{padding:12px 14px 8px !important}.suggestion-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:6px !important}}@supports (padding:env(safe-area-inset-bottom)){@media (max-width:768px){.input-area{padding-bottom:calc(10px + env(safe-area-inset-bottom)) !important}.sidebar-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom)) !important}.user-dropdown{padding-bottom:calc(8px + env(safe-area-inset-bottom)) !important}.upgrade-modal{padding-bottom:calc(20px + env(safe-area-inset-bottom)) !important}.top-bar{padding-top:env(safe-area-inset-top) !important}}}*,*::before,*::after{box-sizing:border-box !important}html,body{overflow-x:hidden !important;max-width:100vw !important}.usage-pill{display:none;background:var(--surface2);border:1px solid var(--border-strong);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;font-family:var(--font-sans);color:var(--text2);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;transition:all var(--t-fast);flex-shrink:0;line-height:1.3}.usage-pill:hover{border-color:var(--accent);color:var(--text)}.usage-dropdown{position:fixed;top:56px;left:12px;right:12px;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;padding:16px;z-index:500;display:none;box-shadow:0 4px 20px rgba(0,0,0,0.3)}.usage-dropdown.show{display:block}.usage-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--text3);margin-bottom:12px;font-family:var(--font-sans)}.usage-row{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;margin-bottom:12px}.usage-row:last-of-type{margin-bottom:8px}.usage-icon{font-size:16px;width:24px;text-align:center;flex-shrink:0;grid-row:1}.usage-info{display:flex;justify-content:space-between;align-items:center;grid-column:2}.usage-label{font-size:13px;color:var(--text);font-family:var(--font-sans)}.usage-value{font-size:12px;font-weight:600;color:var(--accent);font-family:var(--font-sans)}.usage-bar{width:100%;height:3px;background:var(--surface2);border-radius:2px;margin-top:4px;grid-column:2}.usage-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width 0.3s ease}.usage-reset{font-size:11px;color:var(--text3);text-align:center;margin-top:4px;padding-top:8px;border-top:1px solid var(--border);font-family:var(--font-sans)}:root{--sidebar-w:276px;--accent-secondary:#6ea58f;--accent-tertiary:#8d7cf6;--shadow-sm:0 1px 2px rgba(0,0,0,0.12);--shadow-md:0 10px 30px rgba(0,0,0,0.18);--shadow-lg:0 22px 70px rgba(0,0,0,0.28)}[data-theme="dark"]{--bg:#0e0f0d;--surface:#171816;--surface2:#20211f;--surface3:#292a27;--border:#2d302c;--border-strong:#3a3d38;--text:#f4f1eb;--text2:#a8a199;--text3:#706b64;--accent-soft:rgba(232,98,42,0.12);--code-bg:#10110f;--msg-ai:#171816;--hover-bg:#242622;--active-bg:#2a2c28}[data-theme="light"]{--bg:#fbfaf7;--surface:#ffffff;--surface2:#f3f1ec;--surface3:#ebe7df;--border:#e2ddd3;--border-strong:#d4ccbf;--text:#191715;--text2:#68625b;--text3:#948d84;--accent-soft:rgba(232,98,42,0.1);--code-bg:#f4f1eb;--msg-ai:#ffffff;--hover-bg:#f3f1ec;--active-bg:#ebe7df;--shadow-sm:0 1px 2px rgba(30,24,18,0.08);--shadow-md:0 14px 34px rgba(30,24,18,0.1);--shadow-lg:0 24px 72px rgba(30,24,18,0.16)}body{background-image:linear-gradient(180deg,rgba(255,255,255,0.025),transparent 42%),url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.026'/%3E%3C/svg%3E")}.sidebar{background-color:var(--surface);box-shadow:1px 0 0 rgba(255,255,255,0.02)}.sidebar-header{padding:20px 16px 12px}.brand-icon,.welcome-orb,.upgrade-modal-orb{border-radius:8px;box-shadow:inset 0 -10px 18px rgba(0,0,0,0.14),0 10px 24px rgba(232,98,42,0.18)}.brand-name,.login-title,.welcome-title{letter-spacing:0}.new-chat-btn{margin:4px 14px 10px;min-height:40px;border-radius:8px;box-shadow:0 8px 20px rgba(232,98,42,0.18)}.sidebar-search{margin:0 14px 12px;min-height:38px;display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text3);transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}.sidebar-search:focus-within{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));background:var(--surface2);box-shadow:0 0 0 3px var(--accent-soft)}.sidebar-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font:500 13px/1.3 var(--font-sans)}.sidebar-search input::placeholder{color:var(--text3)}.sidebar-search-shortcut{padding:2px 5px;border:1px solid var(--border);border-radius:5px;color:var(--text3);font-size:10px;line-height:1.1;white-space:nowrap}.sidebar-section-label{padding:8px 18px 5px}.chat-list{padding:4px 10px 10px}.chat-list-item{min-height:36px;padding:8px 10px;border-radius:8px}.chat-list-item.active{background:color-mix(in srgb,var(--accent) 13%,var(--surface2));box-shadow:inset 2px 0 0 var(--accent)}.chat-list-empty{padding:22px 12px;text-align:center;color:var(--text3);font-size:13px}.chat-dots-btn{border-radius:7px}.sidebar-footer{padding:10px 14px 14px;gap:4px}.sidebar-footer-btn,.sidebar-user-area,.upgrade-btn,.user-dropdown-item,.submenu-item{border-radius:8px}.top-bar{height:56px;padding:0 24px;background:color-mix(in srgb,var(--bg) 92%,var(--surface))}.top-bar-title{font-weight:650;color:var(--text)}.model-selector,.image-usage-badge,.reasoning-usage-badge,.usage-pill{border-radius:999px;background:var(--surface);box-shadow:var(--shadow-sm)}.model-dot{background:var(--accent-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-secondary) 18%,transparent)}.chat-area{padding:26px 0 22px}.chat-messages,.input-container{max-width:820px}.welcome-screen{min-height:58vh;padding-top:28px}.welcome-orb{width:64px;height:64px;margin-bottom:24px}.welcome-title{font-family:var(--font-sans);font-size:34px;font-weight:760}.welcome-title em,.login-title em,.upgrade-modal-title em{font-family:var(--font-serif)}.welcome-subtitle{max-width:500px;margin-bottom:30px}.suggestion-grid{max-width:560px;gap:12px}.suggestion-card{border-radius:8px;background:var(--surface);box-shadow:var(--shadow-sm)}.suggestion-card::before{opacity:0.16}.suggestion-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.card-icon-wrap{border-radius:8px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface2))}.message{gap:12px}.message-avatar{border-radius:8px;box-shadow:var(--shadow-sm)}.message-body{max-width:min(78%,680px)}.message-content{border-radius:14px;font-size:14.5px;line-height:1.68;box-shadow:var(--shadow-sm)}.message.user .message-content{background:linear-gradient(180deg,var(--accent),var(--accent-hover));border-radius:14px 14px 4px 14px}.message.ai .message-content{background:var(--msg-ai);border-color:var(--border);border-radius:14px 14px 14px 4px}.message.ai .message-content pre,.message.ai .message-content code{border-color:var(--border-strong)}.input-area{padding:12px 28px 18px}.input-wrapper{align-items:flex-end;gap:2px;padding:7px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow-md)}.input-wrapper:focus-within{box-shadow:var(--shadow-md),0 0 0 3px var(--accent-soft)}.input-action-btn,.send-btn,.mic-btn{border-radius:10px}.send-btn:not(:disabled){box-shadow:0 8px 20px rgba(232,98,42,0.2)}.file-preview-card,.attach-popup,.chat-context-menu,.user-dropdown,.dropdown-submenu,.toast,.settings-modal,.upgrade-modal,.memory-modal,.help-panel,.shortcuts-modal,.guidelines-modal{box-shadow:var(--shadow-lg)}.settings-modal,.memory-modal,.upgrade-modal,.shortcuts-modal,.guidelines-modal,.help-panel{border-radius:12px}.settings-nav-item,.settings-input,.settings-textarea,.settings-action-btn,.settings-save-btn,.account-row-card,.account-user-card,.session-card,.usage-stat-card,.danger-zone-card,.pro-benefit-card,.pricing-card,.billing-plan-card,.expandable-section,.tool-radio-option,.memory-category,.import-code-block,.import-textarea,.help-status-card,.help-message-btn,.help-search-bar,.help-help-search{border-radius:8px}html.font-small .message-content{font-size:13px}html.font-medium .message-content{font-size:14.5px}html.font-large .message-content{font-size:16px}html.compact-mode .message{gap:8px}html.compact-mode .chat-messages{gap:4px}html.compact-mode .message-content{padding:8px 12px;line-height:1.48}@media (max-width:768px){.sidebar{width:86vw !important;max-width:340px !important}.sidebar-search{min-height:42px}.sidebar-search-shortcut{display:none}.top-bar{height:52px !important;min-height:52px !important;padding:0 10px !important}.chat-area{padding:16px 0 !important}.chat-messages{padding:0 12px !important}.welcome-title{font-size:25px !important}.welcome-subtitle{max-width:340px !important}.suggestion-card{min-height:64px}.message-body{max-width:90% !important}.message-content{font-size:14px !important}.input-wrapper{border-radius:12px !important;padding:5px !important;box-shadow:var(--shadow-sm) !important}}#app[style*="display:none"],#app[style*="display:none"]{display:none !important}.login-screen:not(.hidden){opacity:1;background:var(--bg)}html,body,.app-container,.main-content,.chat-area,.chat-messages,.welcome-screen,.input-area,.top-bar,.sidebar,.sidebar-inner,.sidebar-footer,.suggestion-card,.model-selector,.image-usage-badge,.reasoning-usage-badge{background-image:none !important}body,.app-container,.main-content,.chat-area,.input-area{background:var(--bg) !important}.top-bar{background:var(--bg) !important;border-bottom-color:var(--border) !important}.sidebar,.sidebar-footer{background:var(--surface) !important}.suggestion-card::before{display:none !important}.welcome-screen{background:transparent !important}[data-theme="dark"]{--bg:#0c0c0c;--surface:#141414;--surface2:#1c1c1c;--surface3:#222222;--border:#2a2a2a;--border-strong:#333333;--text:#f0ece6;--text2:#8a8580;--text3:#555050;--code-bg:#111111;--msg-ai:#141414;--hover-bg:#222222;--active-bg:#1c1c1c}[data-theme="light"]{--bg:#faf8f5;--surface:#f2efe9;--surface2:#eae7e0;--surface3:#e3dfd8;--border:#ddd9d2;--border-strong:#ccc8c0;--text:#1a1714;--text2:#6b6560;--text3:#9a9590;--code-bg:#f0eeea;--msg-ai:#f2efe9;--hover-bg:#e3dfd8;--active-bg:#eae7e0}@media (max-width:768px){.settings-overlay:not(.active),.upgrade-modal-overlay:not(.open),.export-modal-overlay:not(.active),.memory-modal-overlay:not(.active),.longtext-modal-overlay:not(.active),.cp-modal-overlay:not(.open),.pd-modal-overlay:not(.open),.search-overlay:not(.open),.help-panel:not(.open),.help-panel-backdrop:not(.open),.user-dropdown:not(.open),.dropdown-submenu:not(.open),.usage-dropdown:not(.show){display:none !important}.settings-overlay.active,.upgrade-modal-overlay.open,.export-modal-overlay.active,.memory-modal-overlay.active,.longtext-modal-overlay.active,.cp-modal-overlay.open,.pd-modal-overlay.open,.search-overlay.open{display:flex !important}.help-panel.open{display:flex !important}.help-panel-backdrop.open,.user-dropdown.open,.dropdown-submenu.open,.usage-dropdown.show{display:block !important}}.usage-plan-header{display:flex;align-items:center;gap:10px;margin:4px 0 18px}.usage-plan-title{font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--text);letter-spacing:-0.01em}.usage-plan-tag{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:0.02em;padding:3px 8px;border-radius:999px;background:var(--surface2);color:var(--text2);border:1px solid var(--border)}.usage-group-title{font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--text);letter-spacing:-0.005em;margin:22px 0 12px}.usage-bar-row{display:grid;grid-template-columns:200px 1fr 90px;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.usage-bar-row:last-of-type{border-bottom:none}.usage-bar-info{display:flex;flex-direction:column;gap:4px;min-width:0}.usage-bar-label{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--text)}.usage-bar-sub{font-family:var(--font-sans);font-size:12px;color:var(--text3)}.usage-bar-track{position:relative;width:100%;height:6px;background:var(--surface2);border-radius:999px;overflow:hidden}.usage-bar-fill{height:100%;width:0%;background:var(--accent);border-radius:999px;transition:width 0.35s ease,background 0.2s ease}.usage-bar-fill.warn{background:#f59e0b}.usage-bar-fill.danger{background:var(--danger,#ef4444)}.usage-bar-pct{font-family:var(--font-sans);font-size:13px;color:var(--text2);text-align:right;white-space:nowrap}.usage-bar-count{font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--text);text-align:right;grid-column:2 / span 2}.usage-footnote{font-family:var(--font-sans);font-size:12px;color:var(--text3);margin-top:18px}@media (max-width:768px){.usage-bar-row{grid-template-columns:1fr auto;gap:8px 12px;padding:12px 0}.usage-bar-track{grid-column:1 / -1;order:3}.usage-bar-pct{text-align:right}.usage-bar-count{grid-column:2}}.input-wrapper{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:8px !important;padding:12px 14px 10px !important;border-radius:16px !important}.input-wrapper .message-input{width:100% !important;background:transparent !important;border:none !important;outline:none !important;padding:0 !important;font-size:15px !important;line-height:1.45 !important;color:var(--text) !important;resize:none !important;min-height:28px !important;max-height:200px !important}.input-action-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.input-action-left{display:flex;align-items:center;gap:6px}.input-action-right{display:flex;align-items:center;gap:6px}.input-plus-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border);border-radius:50%;color:var(--text2);cursor:pointer;transition:all var(--t-fast);position:relative}.input-plus-btn:hover{background:var(--surface2);border-color:var(--border-strong);color:var(--text)}.input-plus-btn.open{background:var(--surface2);border-color:var(--accent);color:var(--accent)}.input-action-right .model-selector{font-size:12.5px;padding:5px 10px 5px 12px;border-radius:10px;background:transparent;border:1px solid var(--border);color:var(--text2);display:flex;align-items:center;gap:6px;cursor:pointer;transition:all var(--t-fast)}.input-action-right .model-selector:hover{border-color:var(--border-strong);color:var(--text)}.input-action-right .model-selector .model-dot{display:none !important}.model-selector-chevron{opacity:0.6;transition:transform var(--t-fast)}.model-selector.open .model-selector-chevron{transform:rotate(180deg)}.model-dropdown{display:none !important;position:absolute;bottom:calc(100% + 8px);right:0;min-width:260px;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;padding:6px;z-index:300;box-shadow:0 8px 24px rgba(0,0,0,0.35)}.model-dropdown.open{display:block !important}.model-dropdown-item{display:flex !important;flex-direction:column;align-items:flex-start !important;padding:8px 10px !important;border-radius:8px;cursor:pointer;gap:2px}.model-dropdown-item:hover{background:var(--surface2)}.model-dropdown-item .model-dd-title{font-size:13.5px;font-weight:600;color:var(--text)}.model-dropdown-item .model-dd-sub{font-size:11.5px;color:var(--text3)}.model-dropdown-item.active .model-dd-title{color:var(--accent)}.model-dropdown-divider{height:1px;background:var(--border);margin:6px 4px}.model-dropdown-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;gap:12px}.model-dropdown-toggle-info{display:flex;flex-direction:column;gap:2px}.model-dropdown-toggle-title{font-size:13px;font-weight:600;color:var(--text)}.model-dropdown-toggle-sub{font-size:11.5px;color:var(--text3)}.mini-toggle{position:relative;width:32px;height:18px;background:var(--surface2);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:background var(--t-fast);flex-shrink:0}.mini-toggle::after{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:var(--text3);transition:transform var(--t-fast),background var(--t-fast)}.mini-toggle.on{background:var(--accent);border-color:var(--accent)}.mini-toggle.on::after{transform:translateX(14px);background:#fff}.plus-popup{position:absolute;bottom:calc(100% + 8px);left:0;min-width:260px;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;padding:6px;z-index:300;box-shadow:0 8px 24px rgba(0,0,0,0.35);animation:attachPopupIn 0.15s ease-out}.plus-popup-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;background:transparent;border:none;border-radius:8px;font-family:var(--font-sans);font-size:13px;color:var(--text);cursor:pointer;transition:background var(--t-fast);text-align:left}.plus-popup-item:hover{background:var(--surface2)}.plus-popup-item svg{flex-shrink:0;color:var(--text2)}.plus-popup-divider{height:1px;background:var(--border);margin:6px 4px}.plus-popup-chev{margin-left:auto;opacity:0.6}.plus-popup-check{margin-left:auto;color:var(--accent);opacity:0}.plus-popup-item.toggleable[data-toggle="on"] .plus-popup-check{opacity:1}.plus-popup-item.toggleable[data-toggle="on"]{color:var(--accent)}.plus-popup-style-current{margin-left:auto;font-size:11.5px;color:var(--text3)}.plus-popup-item.has-submenu .plus-popup-style-current + .plus-popup-chev{margin-left:6px}.plus-submenu{position:absolute;bottom:calc(100% + 8px);left:270px;min-width:240px;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;padding:6px;z-index:301;box-shadow:0 8px 24px rgba(0,0,0,0.35);animation:attachPopupIn 0.15s ease-out}.plus-submenu .style-option{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px}.plus-submenu .style-option > span:first-child{font-size:13px;font-weight:600;color:var(--text)}.plus-popup-style-desc{font-size:11.5px;color:var(--text3)}.plus-submenu .style-option.active > span:first-child{color:var(--accent)}@media (max-width:768px){.plus-popup,.plus-submenu,.model-dropdown{left:8px !important;right:8px !important;bottom:calc(100% + 12px) !important;min-width:0 !important;width:auto !important}.plus-submenu{bottom:auto !important;top:calc(100% + 8px) !important}.input-wrapper{padding:8px 10px 8px !important;gap:6px !important;border-radius:14px !important;min-height:0 !important}.input-wrapper .message-input{padding:4px 4px !important;min-height:22px !important;max-height:140px !important;font-size:15px !important;line-height:1.4 !important}.input-action-bar{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:space-between !important;gap:6px !important;width:100% !important}.input-action-left,.input-action-right{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:4px !important}.input-action-right{min-width:0}.input-plus-btn{width:30px !important;height:30px !important;min-width:30px !important}.input-action-right .input-icon,.input-action-right .send-btn,.input-action-right .mic-btn{width:30px !important;height:30px !important;min-width:30px !important;min-height:30px !important;padding:0 !important;border-radius:8px !important}.input-action-right .input-icon img,.input-action-right .send-btn img,.input-action-right .mic-btn img{width:16px !important;height:16px !important}.input-action-right .model-selector{font-size:12px !important;padding:4px 8px !important;border-radius:8px !important;gap:4px !important;max-width:130px !important;min-width:0}.input-action-right .model-selector-label{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;max-width:90px !important}.input-action-right .model-selector-chevron{width:10px;height:10px}}.toast.success{border-color:rgba(232,98,42,0.35) !important;color:var(--accent) !important;background:linear-gradient( to right,rgba(232,98,42,0.08),var(--surface) 60% ) !important}.toast.success > span:first-child{color:var(--accent) !important;font-weight:700}.sidebar-nav-shortcut{margin-left:auto;font-size:10.5px;color:var(--text3);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.sidebar-nav-link{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text2);font-family:var(--font-sans);font-size:13.5px;font-weight:500;cursor:pointer;transition:background var(--t-fast),color var(--t-fast);margin:4px 8px}.sidebar-nav-link:hover{background:var(--surface2);color:var(--text)}.sidebar-nav-link svg{flex-shrink:0}.projects-view{flex:1;min-height:0;overflow-y:auto;padding:32px 24px 80px;display:none}.projects-view-inner{max-width:880px;margin:0 auto;width:100%}.projects-view-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.projects-view-title{font-family:var(--font-serif,var(--font-sans));font-size:28px;font-weight:600;color:var(--text);margin:0}.projects-view-header-actions{display:flex;align-items:center;gap:10px}.projects-sort-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text2);font-size:12.5px;cursor:pointer}.projects-sort-btn .projects-sort-current{color:var(--text);font-weight:500}.projects-new-btn{padding:8px 16px;border-radius:999px;background:var(--text);color:var(--bg);border:none;font-size:13px;font-weight:600;cursor:pointer;transition:opacity var(--t-fast)}.projects-new-btn:hover{opacity:0.88}.projects-search{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:18px}.projects-search svg{color:var(--text3);flex-shrink:0}.projects-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-sans);font-size:14px}.projects-search input::placeholder{color:var(--text3)}.projects-list{display:grid;grid-template-columns:1fr;gap:12px}.project-card{padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast)}.project-card:hover{border-color:var(--border-strong);background:var(--surface2)}.project-card-head{display:flex;align-items:center;justify-content:space-between}.project-card-title{margin:0;font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--text)}.project-card-tag{margin-left:8px;padding:2px 7px;background:var(--surface2);border:1px solid var(--border);border-radius:999px;font-size:10.5px;font-weight:600;color:var(--text2)}.project-card-desc{margin:8px 0 0;font-family:var(--font-sans);font-size:13px;line-height:1.45;color:var(--text2)}.project-card-foot{margin-top:12px;font-size:11.5px;color:var(--text3)}.projects-empty{padding:40px 24px;text-align:center;color:var(--text3);font-size:14px}.cp-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:400;padding:16px}.cp-modal-overlay.open{display:flex}.cp-modal{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;padding:28px 28px 22px;position:relative;box-shadow:0 24px 64px rgba(0,0,0,0.45)}.cp-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text2);cursor:pointer}.cp-close:hover{background:var(--surface2);color:var(--text)}.cp-title{margin:0 0 6px;font-family:var(--font-serif,var(--font-sans));font-size:22px;font-weight:600;color:var(--text)}.cp-subtitle{margin:0 0 22px;font-size:13.5px;color:var(--text2)}.cp-label{display:block;margin-bottom:6px;margin-top:14px;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--text)}.cp-label:first-of-type{margin-top:0}.cp-input,.cp-textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-family:var(--font-sans);font-size:14px;color:var(--text);outline:none;transition:border-color var(--t-fast)}.cp-input::placeholder,.cp-textarea::placeholder{color:var(--text3)}.cp-input:focus,.cp-textarea:focus{border-color:var(--accent)}.cp-textarea{resize:vertical;min-height:88px}.cp-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.cp-btn{padding:9px 18px;border-radius:999px;font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:opacity var(--t-fast),background var(--t-fast)}.cp-btn-secondary{background:transparent;border-color:var(--border);color:var(--text)}.cp-btn-secondary:hover{background:var(--surface2)}.cp-btn-primary{background:var(--text);color:var(--bg)}.cp-btn-primary:hover{opacity:0.88}.pd-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:400;padding:16px}.pd-modal-overlay.open{display:flex}.pd-modal{width:100%;max-width:640px;max-height:80vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;padding:28px 28px 22px;position:relative;box-shadow:0 24px 64px rgba(0,0,0,0.45)}.pd-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text2);cursor:pointer}.pd-close:hover{background:var(--surface2);color:var(--text)}.pd-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.pd-title{margin:0;font-family:var(--font-serif,var(--font-sans));font-size:22px;font-weight:600;color:var(--text)}.pd-tag{padding:3px 9px;background:var(--surface2);border:1px solid var(--border);border-radius:999px;font-size:11px;font-weight:600;color:var(--text2)}.pd-desc{margin:0 0 18px;font-size:14px;color:var(--text2);line-height:1.5}.pd-body{font-size:14px;color:var(--text);line-height:1.6}.pd-body h1,.pd-body h2,.pd-body h3{color:var(--text);margin-top:18px}.pd-body code{background:var(--surface2);padding:2px 5px;border-radius:4px;font-size:12.5px}.pd-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@media (max-width:768px){.projects-view{padding:18px 14px 80px}.projects-view-title{font-size:22px}.cp-modal,.pd-modal{padding:22px 18px 18px;border-radius:14px}.cp-actions{flex-direction:column-reverse}.cp-btn{width:100%}}.chats-view{flex:1;min-height:0;overflow-y:auto;padding:32px 24px 80px;display:none}.chats-view-inner{max-width:880px;margin:0 auto;width:100%}.chats-view-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.chats-view-title{font-family:var(--font-serif,var(--font-sans));font-size:28px;font-weight:600;color:var(--text);margin:0}.chats-view-header-actions{display:flex;align-items:center;gap:10px}.chats-new-btn{padding:8px 16px;border-radius:999px;background:var(--text);color:var(--bg);border:none;font-size:13px;font-weight:600;cursor:pointer;transition:opacity var(--t-fast)}.chats-new-btn:hover{opacity:0.88}.chats-search-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:18px}.chats-search-bar svg{color:var(--text3);flex-shrink:0}.chats-search-bar input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-sans);font-size:14px}.chats-search-bar input::placeholder{color:var(--text3)}.chats-view-list{display:flex;flex-direction:column}.chats-view-row{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--t-fast)}.chats-view-row:hover{background:var(--surface2)}.chats-view-row-title{font-family:var(--font-sans);font-size:14.5px;color:var(--text);font-weight:500}.chats-view-row-time{font-family:var(--font-sans);font-size:12.5px;color:var(--text3);white-space:nowrap}.chats-view-empty{padding:40px 24px;text-align:center;color:var(--text3);font-size:14px}.search-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(2px);display:none;align-items:flex-start;justify-content:center;z-index:450;padding:80px 16px 16px}.search-overlay.open{display:flex}.search-overlay-card{width:100%;max-width:600px;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 24px 64px rgba(0,0,0,0.5);overflow:hidden}.search-overlay-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.search-overlay-input-row > svg{color:var(--text3);flex-shrink:0}.search-overlay-input-row input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-sans);font-size:15px}.search-overlay-input-row input::placeholder{color:var(--text3)}.search-overlay-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text2);cursor:pointer}.search-overlay-close:hover{background:var(--surface2);color:var(--text)}.search-overlay-close .material-symbols-rounded{font-size:18px}.search-overlay-results{max-height:60vh;overflow-y:auto;padding:6px}.search-result-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background var(--t-fast)}.search-result-item:hover,.search-result-item.active{background:var(--surface2)}.search-result-item .sr-icon{width:18px;height:18px;color:var(--text2);flex-shrink:0}.search-result-item .sr-title{flex:1;font-family:var(--font-sans);font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item .sr-meta{font-family:var(--font-sans);font-size:11.5px;color:var(--text3);white-space:nowrap}.search-result-item .sr-kbd{font-family:var(--font-sans);font-size:10.5px;color:var(--text3);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.search-result-section-label{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--text3);padding:10px 12px 4px}.search-empty{padding:28px;text-align:center;color:var(--text3);font-size:13.5px}@media (max-width:768px){.chats-view{padding:18px 14px 80px}.chats-view-title{font-size:22px}.search-overlay{padding-top:24px}.search-overlay-card{border-radius:12px}.search-overlay-input-row input{font-size:14px}}.pricing-overlay{position:fixed;inset:0;background:var(--bg);z-index:500;display:none;overflow:hidden}.pricing-overlay.open{display:block}.pricing-scroll{position:absolute;inset:0;overflow-y:auto;padding:24px 24px 80px}.pricing-back{position:absolute;top:22px;left:22px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text);cursor:pointer;transition:background var(--t-fast);z-index:2}.pricing-back:hover{background:var(--surface2)}.pricing-inner{max-width:1100px;margin:0 auto;padding-top:32px}.pricing-title{font-family:var(--font-serif,var(--font-sans));font-size:40px;font-weight:600;letter-spacing:-0.01em;text-align:center;color:var(--text);margin:0 0 28px}.pricing-tabs{display:inline-flex;margin:0 auto 36px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:999px;gap:4px;position:relative;left:50%;transform:translateX(-50%)}.pricing-tab{padding:8px 22px;border-radius:999px;background:transparent;border:none;font-family:var(--font-sans);font-size:13.5px;font-weight:600;color:var(--text2);cursor:pointer;transition:all var(--t-fast)}.pricing-tab:hover{color:var(--text)}.pricing-tab.active{background:var(--text);color:var(--bg)}.pricing-pane{display:none}.pricing-pane.active{display:block}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:920px;margin:0 auto}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px 26px;display:flex;flex-direction:column;position:relative}.pricing-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.pricing-card-icon{color:var(--text2);margin-bottom:18px}.pricing-card-meta-tag{padding:4px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:999px;font-size:11.5px;font-weight:600;color:var(--text2)}.pricing-card-name{font-family:var(--font-serif,var(--font-sans));font-size:26px;font-weight:600;margin:0;color:var(--text)}.pricing-card-tagline{font-family:var(--font-sans);font-size:14px;color:var(--text2);margin:6px 0 22px}.pricing-card-price{display:flex;align-items:baseline;gap:10px;margin-bottom:22px}.pricing-card-amount{font-family:var(--font-serif,var(--font-sans));font-size:42px;font-weight:700;color:var(--text);line-height:1}.pricing-card-period{display:flex;flex-direction:column;font-family:var(--font-sans);font-size:11.5px;color:var(--text2);line-height:1.35}.pricing-card-billed{color:var(--text3)}.pricing-card-cta{width:100%;padding:14px 16px;border-radius:12px;background:var(--text);color:var(--bg);border:none;font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:not-allowed;margin-bottom:22px;opacity:0.55}.pricing-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pricing-features li{display:flex;align-items:flex-start;gap:10px;font-family:var(--font-sans);font-size:13.5px;color:var(--text);line-height:1.4}.pricing-features .pricing-check{color:var(--text);flex-shrink:0;margin-top:2px}.pricing-features-head{color:var(--text2) !important;font-weight:500;margin-bottom:4px}.pricing-features-head::before{content:none}.pricing-card-seat{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:12px}.pricing-card-seat-row{display:flex;justify-content:space-between;align-items:baseline}.pricing-card-seat-name{font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--text)}.pricing-card-seat-amount{font-family:var(--font-sans);font-size:16px;font-weight:700;color:var(--text)}.pricing-card-seat-period{font-size:11.5px;font-weight:500;color:var(--text2)}.pricing-card-seat-desc{margin:6px 0 2px;font-family:var(--font-sans);font-size:12px;color:var(--text2)}.pricing-card-seat-billed{margin:0;font-family:var(--font-sans);font-size:11.5px;color:var(--text3)}.pricing-footnote{margin:36px auto 0;max-width:920px;font-family:var(--font-sans);font-size:12px;color:var(--text3);text-align:center}@media (max-width:900px){.pricing-grid{grid-template-columns:1fr}.pricing-title{font-size:30px}.pricing-card{padding:22px 18px}.pricing-back{top:14px;left:12px}.pricing-scroll{padding:14px 14px 80px}}.tips-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:550;padding:16px}.tips-overlay.open{display:flex}.tips-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 24px 64px rgba(0,0,0,0.5);padding:22px 22px 16px;animation:tipsIn 0.18s ease-out}@keyframes tipsIn{from{opacity:0;transform:translateY(8px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tips-title{margin:0 0 8px;font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--text)}.tips-message{margin:0 0 18px;font-family:var(--font-sans);font-size:13.5px;line-height:1.5;color:var(--text2)}.tips-actions{display:flex;justify-content:flex-end;gap:8px}.tips-btn{padding:8px 16px;border-radius:8px;font-family:var(--font-sans);font-size:13px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all var(--t-fast)}.tips-btn-secondary{background:transparent;border-color:var(--border);color:var(--text)}.tips-btn-secondary:hover{background:var(--surface2)}.tips-btn-primary{background:var(--accent);color:#fff}.tips-btn-primary:hover{background:var(--accent-hover)}@media (max-width:768px){.pricing-overlay:not(.open),.tips-overlay:not(.open),.dl-modal-overlay:not(.open){display:none !important}.pricing-overlay.open{display:block !important}.tips-overlay.open{display:flex !important}.dl-modal-overlay.open{display:flex !important}}.sidebar-downloads-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);margin-right:6px;flex-shrink:0}.sidebar-downloads-btn:hover{background:var(--surface2);color:var(--text);border-color:var(--border-strong)}.sidebar-downloads-btn svg{display:block}.dl-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:520;padding:16px}.dl-modal-overlay.open{display:flex}.dl-modal{width:100%;max-width:760px;max-height:88vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:18px;padding:32px 28px 24px;position:relative;box-shadow:0 24px 64px rgba(0,0,0,0.5);animation:tipsIn 0.18s ease-out}.dl-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.dl-close:hover{background:var(--surface2);color:var(--text)}.dl-title{margin:0 0 6px;font-family:var(--font-serif,var(--font-sans));font-size:26px;font-weight:600;color:var(--text)}.dl-subtitle{margin:0 0 24px;font-family:var(--font-sans);font-size:13.5px;color:var(--text2)}.dl-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dl-card{display:flex;flex-direction:column;align-items:flex-start;padding:20px 18px;background:var(--bg);border:1px solid var(--border);border-radius:14px;transition:border-color var(--t-fast),background var(--t-fast)}.dl-card:hover{border-color:var(--border-strong)}.dl-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid var(--border);border-radius:10px;color:var(--accent);margin-bottom:14px}.dl-card-name{margin:0 0 6px;font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--text)}.dl-card-desc{margin:0 0 16px;font-family:var(--font-sans);font-size:12.5px;line-height:1.45;color:var(--text2);flex:1}.dl-card-cta{width:100%;padding:9px 14px;border-radius:8px;background:var(--text);color:var(--bg);border:none;font-family:var(--font-sans);font-size:12.5px;font-weight:600;cursor:not-allowed;opacity:0.55}.dl-footnote{margin:22px 0 0;font-family:var(--font-sans);font-size:12px;color:var(--text3);text-align:center}@media (max-width:768px){.dl-grid{grid-template-columns:1fr}.dl-modal{padding:26px 18px 18px;border-radius:14px}.dl-title{font-size:22px}}