:root{--primary-color: #AFF257;--primary-hover: #9Ee048;--primary-text: #000000;--primary-light: #ECFCCB;--canvas-bg: #F6F7FA;--bg-canvas: #F6F7FA;--surface-bg: #FFFFFF;--bg-surface: #FFFFFF;--bg-glass: rgba(255, 255, 255, .8);--bg-divider: #F3F4F6;--text-main: #252525;--text-primary: #252525;--text-dim: #757575;--text-secondary: #757575;--text-placeholder: #9CA3AF;--border-color: #E5E7EB;--border-default: #E5E7EB;--border-medium: #D1D5DB;--border-hover: #AFF257;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .02);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px -10px rgba(0, 0, 0, .15);--shadow-floating: 0 24px 48px -12px rgba(0, 0, 0, .1);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .12);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 100px;--sidebar-width: 52px;--header-height: 72px;--content-max: 900px;--content-wide: 1200px;--panel-chat: 360px;--z-sidebar: 100;--z-header: 90;--z-dropdown: 200;--z-modal: 300;--z-tooltip: 400;--transition-fast: all .15s ease;--transition-normal: all .25s ease;--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--canvas-bg);color:var(--text-main);overflow:hidden;height:100vh;background-image:radial-gradient(#E5E7EB 1px,transparent 1px);background-size:24px 24px}.canvas-background{background:var(--canvas-bg);background-image:radial-gradient(#E5E7EB 1px,transparent 1px);background-size:24px 24px}.page-placeholder{min-height:100vh;width:100%;background:var(--canvas-bg, #F6F7FA)}.app,.app-container{display:flex;flex-direction:column;height:100vh;width:100vw}.main-wrapper,.main-container{flex:1;display:flex;flex-direction:row;min-width:0;position:relative;padding-left:90px}.content,.content-area{flex:1;overflow-y:auto;padding:20px 40px 60px;display:flex;flex-direction:column;align-items:center}.content-no-scroll{flex:1;overflow:hidden;padding:20px 40px;display:flex;flex-direction:column;align-items:center;height:100%}.hero-section{text-align:center;margin:20px 0 24px}.hero-section h1{font-size:48px;font-weight:800;color:var(--text-main);margin-bottom:8px;letter-spacing:-1.5px;line-height:1.1}.hero-section p{color:var(--text-dim);font-size:16px}.hero-badge{background:#ecfccb;padding:8px 16px;border-radius:6px;display:flex;align-items:center;gap:8px;margin:0 auto 32px;font-size:14px;color:#3f6212;width:-moz-fit-content;width:fit-content;font-weight:500}.highlight-link{color:#3f6212;font-weight:700;text-decoration:underline;cursor:pointer}.chat-container{width:100%;margin-bottom:32px;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.chat-input-wrapper{background:var(--surface-bg);border-radius:24px;padding:20px 24px 16px;box-shadow:0 4px 20px #00000014;width:100%;max-width:900px;margin:0 auto;position:relative;border:1px solid transparent;display:flex;flex-direction:column;min-height:180px;transition:var(--transition-smooth)}.chat-input-wrapper:hover,.chat-input-wrapper:focus-within{box-shadow:0 8px 30px #0000001f}.chat-input-wrapper textarea{width:100%;flex:1;background:transparent;border:none;color:var(--text-main);font-size:16px;resize:none;outline:none;line-height:1.6;margin-bottom:24px;font-family:inherit}.chat-input-wrapper textarea::-moz-placeholder{color:#9ca3af}.chat-input-wrapper textarea::placeholder{color:#9ca3af}.input-toolbar{display:flex;justify-content:space-between;align-items:center}.toolbar-left{display:flex;align-items:center;gap:12px}.toolbar-right{display:flex;gap:12px}.icon-btn-circle{width:36px;height:36px;border-radius:50%;border:1px solid #E5E7EB;background:transparent;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);font-size:18px}.icon-btn-circle:hover{background:#f3f4f6;border-color:#d1d5db}.icon-btn-plain{background:transparent;border:none;color:var(--text-main);cursor:pointer;font-size:18px;padding:8px;border-radius:50%;transition:var(--transition-smooth)}.icon-btn-plain:hover{background:#f3f4f6}.pill-btn-sm{background:#f3f4f6;border:none;padding:8px 14px;border-radius:20px;font-size:13px;color:var(--text-main);display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:500}.pill-btn-sm:hover{background:#e5e7eb}.send-btn-pill{background:#bef264;color:#000;border:none;padding:8px 20px;border-radius:20px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:var(--transition-smooth)}.send-btn-pill:hover{background:#a3e635;transform:translateY(-1px)}.suggestion-pills{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:24px auto 0;max-width:900px}.pill{background:var(--surface-bg);border:1px solid #E5E7EB;color:var(--text-main);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition-smooth);box-shadow:0 1px 2px #00000005}.pill i{color:#6b7280;font-size:14px}.pill:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d}.tool-section{width:100%;max-width:1200px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:18px;font-weight:700;color:#111827}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{background:var(--surface-bg);border:1px solid #E5E7EB;border-radius:12px;padding:20px;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;gap:16px;height:88px}.tool-card:hover{border-color:#d1d5db;box-shadow:0 10px 15px -3px #0000000d;transform:translateY(-2px)}.tool-icon{width:48px;height:48px;background:transparent;color:var(--text-main);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.tool-card h3{font-size:15px;font-weight:600;color:#1f2937;margin:0}.tool-card p{display:none}.section-tabs{display:flex;gap:8px;margin-bottom:32px;background:#e5e7eb;padding:4px;border-radius:var(--radius-full);width:-moz-fit-content;width:fit-content}.tab{padding:8px 24px;font-size:13px;font-weight:600;color:var(--text-dim);cursor:pointer;border-radius:var(--radius-full);transition:var(--transition-smooth)}.tab.active{background:var(--surface-bg);color:var(--text-main);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--primary-color);color:var(--primary-text);border:none;padding:10px 24px;border-radius:12px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:var(--transition-smooth)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--border-color);padding:10px 24px;border-radius:12px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:var(--transition-smooth)}.btn-secondary:hover{background:#f3f4f6;border-color:#d1d5db}.workspace-layout{display:flex;flex:1;height:calc(100vh - var(--header-height));overflow:hidden}.left-pane{flex:1;overflow-y:auto;background:transparent}.right-pane{width:400px;min-width:350px;max-width:500px;display:flex;flex-direction:column;background:transparent}.history-page-container,.material-page-container,.extraction-page-container,.tools-page-container{min-height:100vh;background:transparent}.content-layout{padding-left:90px}.content-layout .workspace-layout{height:calc(100vh - var(--header-height))}.main-content{flex:1;overflow-y:auto;background:transparent}.agent-page-standalone{height:100%;display:flex;flex-direction:column}.workbench-layout-full{height:100vh!important;min-height:100vh!important}.workbench-layout-full .workspace-layout{height:100vh!important}.workbench-sidebar-right{width:320px;min-width:320px;max-width:320px;border-left:1px solid var(--border-color);background:var(--surface-bg);display:flex;flex-direction:column}.workbench-main-canvas{flex:1;background:transparent;position:relative;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){body{overflow-y:auto}.main-wrapper,.main-container{padding-bottom:80px}.content,.content-area{padding:16px}.hero-section h1{font-size:32px}.chat-input-wrapper{min-height:140px;padding:16px}.grid{grid-template-columns:1fr}.tool-card{height:auto;padding:16px}.suggestion-pills{gap:8px}.pill{padding:6px 12px;font-size:12px}}.app.agent-fullscreen .floating-sidebar,.app.agent-fullscreen .header{display:none!important}.app.agent-fullscreen .main-container{margin-left:0;padding-top:0}.pro-modal-overlay{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1100;animation:fadeIn .3s ease}.pro-modal-content{background:#fff;border-radius:20px;width:960px;max-width:90vw;height:640px;display:flex;overflow:hidden;position:relative;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}.close-button{position:absolute;top:20px;right:20px;background:#666;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s;color:#fff;font-size:14px}.close-button:hover{background:#444}.modal-left{flex:.9;padding:60px 50px;display:flex;flex-direction:column;background-color:#fff}.features-title{font-size:26px;font-weight:800;font-style:italic;color:#666;margin-bottom:30px}.features-list{display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#666;font-weight:500}.feature-icon{color:#60e698;font-size:14px}.feature-highlight{color:#4ade80;font-weight:600;background:none;padding:0}.modal-right{flex:1.1;background:#fcfcfc;padding:60px 50px;display:flex;flex-direction:column;align-items:flex-start;position:relative}.trial-title{font-size:32px;font-weight:800;text-align:left;line-height:1.2;margin-bottom:8px;color:#1a1a1a}.highlight-green{color:#46dc34}.trial-subtitle{color:#666;font-size:16px;margin-bottom:30px}.plan-options{width:100%;display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.plan-option{display:flex;align-items:center;padding:16px 20px;border:1px solid #f0f0f0;background:#f8f9fa;border-radius:16px;cursor:pointer;transition:all .2s;position:relative;justify-content:flex-start}.plan-option:hover{background-color:#f1f3f5}.plan-option.selected{border:1px solid #e0e0e0;background-color:#f6faff;background:#f8f9fa}.radio-selection{margin-right:15px}.radio-empty{width:20px;height:20px;border:2px solid #ddd;border-radius:50%;background:#fff}.check-icon{width:20px;height:20px;background:#00e5ff;background:#42f5eb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px}.plan-details{flex:1;display:flex;flex-direction:column}.price-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.original-price{text-decoration:line-through;color:#999;font-size:14px}.current-price{font-size:16px;font-weight:700;color:#1a1a1a}.credits-info{display:flex;gap:6px;font-size:13px;color:#666;font-weight:500}.plan-name{font-weight:700;color:#1a1a1a}.discount-badge{background:#e6f7ff;color:#09f;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600;margin-left:auto}.try-button{width:100%;padding:16px;background:#5f7;border:none;border-radius:50px;color:#1a1a1a;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;box-shadow:0 4px 15px #55ff774d}.try-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5f76}.help-link{color:#999;font-size:12px;cursor:pointer;text-decoration:underline;align-self:center;margin-bottom:auto}.modal-footer-links{margin-top:40px;font-size:10px;color:#999;align-self:center;display:flex;gap:8px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-in}.auth-modal{width:100%;max-width:420px;background:var(--surface-bg, #FFFFFF);border:1px solid var(--border-color, #E5E7EB);border-radius:24px;padding:40px;position:relative;box-shadow:0 20px 60px #00000026;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-dim, #757575);transition:all .2s}.auth-modal-close:hover{background:#e5e7eb;color:var(--text-main, #252525)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.auth-logo-icon{flex-shrink:0}.auth-logo-text{font-size:24px;font-weight:700;color:var(--text-main, #252525);letter-spacing:-.5px}.auth-region-selector{display:flex;gap:12px;margin-bottom:24px}.auth-region-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#f9fafb;border:1px solid var(--border-color, #E5E7EB);border-radius:12px;color:var(--text-dim, #757575);font-size:14px;cursor:pointer;transition:all .2s}.auth-region-btn:hover{background:#f3f4f6;border-color:#d1d5db}.auth-region-btn.active{background:#ecfccb;border-color:#bef264;color:var(--text-main, #252525)}.auth-region-flag{font-size:18px}.auth-modal-title{font-size:20px;font-weight:600;color:var(--text-main, #252525);text-align:center;margin:0 0 8px}.auth-subtitle{font-size:13px;color:var(--text-dim, #757575);text-align:center;margin:0 0 20px}.auth-error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #FECACA;border-radius:12px;color:#dc2626;font-size:14px;margin-bottom:16px}.auth-success-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ecfdf5;border:1px solid #A7F3D0;border-radius:12px;color:#059669;font-size:14px;margin-bottom:16px}.auth-form-container{display:flex;flex-direction:column}.auth-form-container form{display:flex;flex-direction:column;gap:16px}.auth-form-group{display:flex;flex-direction:column;gap:8px}.auth-form-group label{font-size:13px;font-weight:500;color:var(--text-main, #252525)}.auth-form-group input{padding:14px 16px;background:#f9fafb;border:1px solid var(--border-color, #E5E7EB);border-radius:12px;color:var(--text-main, #252525);font-size:14px;outline:none;transition:all .2s}.auth-form-group input::-moz-placeholder{color:#9ca3af}.auth-form-group input::placeholder{color:#9ca3af}.auth-form-group input:focus{border-color:var(--primary-color, #AFF257);background:var(--surface-bg, #FFFFFF);box-shadow:0 0 0 3px #aff25733}.auth-phone-input-group{display:flex;gap:8px}.auth-country-code{width:80px;padding:14px 12px;background:#f9fafb;border:1px solid var(--border-color, #E5E7EB);border-radius:12px;color:var(--text-main, #252525);font-size:14px;cursor:pointer}.auth-phone-input-group input{flex:1}.auth-code-input-group{display:flex;gap:8px}.auth-code-input-group input{flex:1}.auth-send-code-btn{padding:14px 20px;background:#ecfccb;border:1px solid #BEF264;border-radius:12px;color:#3f6212;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.auth-send-code-btn:hover:not(:disabled){background:#d9f99d}.auth-send-code-btn:disabled{opacity:.5;cursor:not-allowed}.auth-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-dim, #757575)}.auth-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--primary-color, #AFF257);cursor:pointer}.auth-checkbox label{line-height:1.5;cursor:pointer}.auth-checkbox a{color:#3f6212;text-decoration:none;font-weight:500}.auth-checkbox a:hover{text-decoration:underline}.auth-submit-button{width:100%;padding:14px 24px;background:var(--primary-color, #AFF257);border:none;border-radius:12px;color:var(--text-main, #252525);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #aff25766;margin-top:8px}.auth-submit-button:hover:not(:disabled){background:var(--primary-hover, #9EE048);transform:translateY(-1px);box-shadow:0 6px 20px #aff25780}.auth-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.auth-social-login{margin-top:24px}.auth-divider{display:flex;align-items:center;gap:16px;margin-bottom:20px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color, #E5E7EB)}.auth-divider span{font-size:13px;color:var(--text-dim, #757575);white-space:nowrap}.auth-social-buttons{display:flex;gap:12px}.auth-social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#f9fafb;border:1px solid var(--border-color, #E5E7EB);border-radius:12px;color:var(--text-main, #252525);font-size:13px;cursor:pointer;transition:all .2s}.auth-social-btn:hover{background:#f3f4f6;border-color:#d1d5db}.auth-social-btn.wechat:hover{background:#07c1601a;border-color:#07c1604d;color:#07c160}.auth-social-btn.google:hover{background:#4285f41a;border-color:#4285f44d;color:#4285f4}.auth-social-btn.apple:hover{background:#1f2937;border-color:#1f2937;color:#fff}.auth-wechat-qr-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:1001}.auth-wechat-qr-content{background:var(--surface-bg, #FFFFFF);border-radius:20px;padding:32px;text-align:center;position:relative;box-shadow:0 20px 60px #00000026}.auth-wechat-qr-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border:none;background:#f3f4f6;border-radius:50%;cursor:pointer;font-size:18px;color:var(--text-dim, #757575)}.auth-wechat-qr-close:hover{background:#e5e7eb;color:var(--text-main, #252525)}.auth-wechat-qr-content h3{color:var(--text-main, #252525);font-size:18px;margin-bottom:20px}.auth-wechat-qr-content img{width:200px;height:200px;border-radius:8px}.auth-wechat-qr-content p{color:var(--text-dim, #757575);font-size:14px;margin-top:16px}.auth-footer{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color, #E5E7EB);text-align:center}.auth-footer p{font-size:12px;color:var(--text-dim, #757575);margin:0}.auth-footer a{color:#3f6212;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}@media(max-width:480px){.auth-modal{padding:24px;border-radius:16px}.auth-region-selector,.auth-social-buttons{flex-direction:column}}.install-app-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.install-app-modal{background:#fff;border-radius:20px;padding:32px;width:420px;max-width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;font-size:20px;cursor:pointer;color:#9ca3af;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close-btn:hover{background:#f3f4f6;color:#6b7280}.modal-title{margin:0 0 24px;font-size:20px;font-weight:700;color:#1f2937}.modal-content{display:flex;gap:24px;align-items:flex-start}.qr-section{flex-shrink:0;text-align:center}.qr-code-container{width:140px;height:140px;background:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.qr-label{font-size:12px;color:#6b7280}.download-buttons{flex:1;display:flex;flex-direction:column;gap:12px}.download-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;text-decoration:none;transition:all .2s ease}.download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.download-btn i,.download-btn svg{font-size:24px;flex-shrink:0}.btn-text{display:flex;flex-direction:column}.btn-label{font-size:10px;opacity:.8}.btn-store{font-size:14px;font-weight:600}.download-btn.app-store{background:#1f2937;color:#fff}.download-btn.app-store:hover{background:#374151}.download-btn.google-play{background:#1f2937;color:#fff}.download-btn.google-play:hover{background:#374151}.download-btn.app-gallery{background:linear-gradient(135deg,#c71d23,#e63934);color:#fff}.download-btn.app-gallery:hover{background:linear-gradient(135deg,#b01a20,#d42e2e)}@media(max-width:480px){.install-app-modal{padding:24px;width:calc(100% - 32px)}.modal-content{flex-direction:column;align-items:center}.qr-section{margin-bottom:16px}.download-buttons{width:100%}}.header{height:72px;display:flex;align-items:center;justify-content:flex-end;padding:0 40px;position:relative;z-index:90;background:transparent}.header-left{position:absolute;left:26px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;z-index:101}.logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);text-decoration:none}.logo:hover{opacity:.9}.brand-logo,.logo-icon-img img{height:32px;width:auto;mix-blend-mode:multiply}.logo-icon-img{display:flex;align-items:center;justify-content:center}.brand-name,.logo-text{font-size:20px;font-weight:700;color:#252525;letter-spacing:-.5px}.text-primary{color:#aff257}.header-right,.user-actions{display:flex;align-items:center;gap:16px}.header-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#252525;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);background:transparent;border:none}.header-icon-btn:hover{background:#0000000d}.get-pro-btn,.btn-vip-header{background:#ffedd5;color:#9a3412;padding:8px 16px;border-radius:100px;font-size:13px;font-weight:700;border:none;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1)}.get-pro-btn:hover,.btn-vip-header:hover{transform:translateY(-1px);box-shadow:0 1px 2px #0000000d}.get-pro-btn i,.btn-vip-header i{color:#f59e0b}.user-profile,.user-avatar-circle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#3b82f6;color:#fff;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:all .3s cubic-bezier(.25,.8,.25,1)}.user-profile:hover,.user-avatar-circle:hover{box-shadow:0 4px 12px #0000000d;transform:scale(1.05)}.user-avatar-img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.btn-login{background:#252525;color:#fff;border:none;padding:8px 18px;border-radius:100px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);white-space:nowrap}.btn-login:hover{background:#404040;transform:translateY(-1px)}.auth-combo-button{display:flex;align-items:center;background:#f0fdf4;border-radius:100px;padding:4px;gap:0;border:1px solid #DCFCE7}.btn-free-pro{background:transparent;border:none;padding:8px 14px;font-size:14px;font-weight:600;color:#10b981;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap}.btn-free-pro:hover{color:#059669}.user-dropdown,.user-menu-v2{position:absolute;top:64px;right:40px;width:280px;background:#fff;border-radius:20px;box-shadow:0 24px 48px -12px #0000001a;border:1px solid #E5E7EB;z-index:1000;display:flex;flex-direction:column;padding:16px;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header,.user-menu-header-v2{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #F3F4F6;margin-bottom:8px}.dropdown-avatar,.user-avatar-large{width:48px;height:48px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;overflow:hidden}.dropdown-avatar-img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.user-info-text,.user-details-v2{display:flex;flex-direction:column;gap:2px}.user-name,.user-name-v2{font-weight:700;font-size:16px;color:#252525}.user-uid,.user-uid-v2{font-size:12px;color:#757575;display:flex;align-items:center;gap:4px}.user-uid i,.btn-copy-uid{cursor:pointer;font-size:10px;background:none;border:none;color:#757575;padding:2px;transition:color .2s}.btn-copy-uid:hover{color:#252525}.dropdown-menu,.user-menu-content-v2{display:flex;flex-direction:column;gap:4px}.dropdown-item,.user-menu-item-v2{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:#252525;text-decoration:none;font-size:14px;font-weight:500;transition:background .2s;cursor:pointer;background:none;border:none;width:100%;text-align:left}.dropdown-item:hover,.user-menu-item-v2:hover{background:#f9fafb}.dropdown-item i,.item-left i{width:20px;text-align:center;font-size:16px;color:#757575}.item-left{display:flex;align-items:center;gap:12px;flex:1}.item-right{display:flex;align-items:center;gap:8px}.dropdown-item .item-label{flex:1}.dropdown-item .item-value,.credits-value{font-size:13px;color:#252525;font-weight:600}.dropdown-item .chevron,.arrow-icon{font-size:12px;color:#d1d5db}.credits-icon{color:#4ade80!important}.pro-icon{color:#f59e0b!important}.dropdown-divider,.user-menu-divider-v2{height:1px;background:#f3f4f6;margin:8px 0}.language-selector-v2{display:flex;flex-direction:column}.language-options-v2{background:#f9fafb;padding:4px 0;border-radius:8px;margin-top:4px}.lang-option{width:100%;padding:8px 20px 8px 52px;text-align:left;background:none;border:none;cursor:pointer;font-size:14px;color:#757575;transition:all .2s}.lang-option:hover{background:#f3f4f6;color:#252525}.lang-option.active{color:#aff257;font-weight:600}.logout-btn,.btn-logout-v2{text-align:center;padding:12px;color:#252525;font-weight:600;font-size:14px;cursor:pointer;border-radius:12px;transition:background .2s;background:none;border:none;width:100%}.logout-btn:hover,.btn-logout-v2:hover{background:#fef2f2;color:#dc2626}.user-menu-footer-v2{margin-top:8px;padding-top:8px;border-top:1px solid #F3F4F6}.user-profile-wrapper{position:relative}.language-btn{display:flex;align-items:center;gap:6px;width:auto;padding:0 8px}.language-btn .lang-code{font-size:13px;font-weight:500}.language-btn .chevron-icon{font-size:10px}.notification-wrapper,.notification-btn{position:relative}.notification-badge{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid #FFF}.notification-panel{position:absolute;top:48px;right:0;width:380px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;border:1px solid #E5E7EB;z-index:1000;overflow:hidden;animation:dropdownSlide .2s ease-out}.notification-header{padding:16px 20px;border-bottom:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center}.notification-title{font-size:16px;font-weight:700;color:#252525}.mark-read-btn{font-size:12px;color:#757575;cursor:pointer;transition:color .2s}.mark-read-btn:hover{color:#252525}.notification-list{max-height:400px;overflow-y:auto}.notification-item{padding:16px 20px;border-bottom:1px solid #F3F4F6;display:flex;gap:12px;cursor:pointer;transition:background .2s}.notification-item:hover{background:#f9fafb}.notification-item.is-new{background:#fffbeb}.notification-item.is-new:hover{background:#fef3c7}.notification-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon i{color:#fff;font-size:16px}.notification-content{flex:1;min-width:0}.notification-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.notification-item-title{font-size:14px;font-weight:600;color:#252525}.new-badge{background:#ef4444;color:#fff;font-size:10px;padding:2px 6px;border-radius:100px;font-weight:700}.notification-description{font-size:13px;color:#757575;margin:0;line-height:1.5}.notification-time{font-size:11px;color:#b0b0b0;margin-top:8px;display:block}.notification-footer{padding:12px 20px;border-top:1px solid #E5E7EB;text-align:center}.view-all-btn{background:none;border:none;font-size:13px;color:#252525;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .2s}.view-all-btn:hover{color:#aff257}.view-all-btn i{font-size:11px}.language-selector-wrapper{position:relative}.language-dropdown{position:absolute;top:48px;right:0;width:180px;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;border:1px solid #E5E7EB;z-index:1000;padding:8px;animation:dropdownSlide .2s ease-out}.language-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .2s}.language-option:hover{background:#f3f4f6}.language-option.active{background:#f0fdf4}.language-option .lang-flag{font-size:18px}.language-option .lang-name{flex:1;font-size:14px;font-weight:500;color:#252525}.language-option i{color:#10b981;font-size:12px}.header-container{width:100%;display:flex;align-items:center;justify-content:space-between;height:100%}.flex-1{flex:1}@media(max-width:768px){.header{padding:0 16px;height:64px}.header-left{left:16px;top:12px}.brand-name,.logo-text{font-size:18px}.get-pro-btn,.btn-vip-header{padding:6px 12px;font-size:12px}.user-dropdown,.user-menu-v2{width:calc(100vw - 32px);right:16px}}.loading-spinner{display:inline-block;position:relative}.loading-spinner.small{width:20px;height:20px}.loading-spinner.medium{width:40px;height:40px}.loading-spinner.large{width:60px;height:60px}.spinner-ring{box-sizing:border-box;display:block;position:absolute;width:100%;height:100%;border:2px solid var(--spinner-color, #667eea);border-radius:50%;animation:spinner-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--spinner-color, #667eea) transparent transparent transparent}.spinner-ring:nth-child(1){animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s}.spinner-ring:nth-child(3){animation-delay:-.15s}@keyframes spinner-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-sidebar{width:52px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;left:26px;top:0;bottom:0;z-index:100;pointer-events:none}.sidebar-nav{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:4px;border-radius:40px;display:flex;flex-direction:column;gap:4px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(255,255,255,.5);pointer-events:auto}.nav-item{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);color:var(--text-dim, #757575);background:transparent;border:none;font-size:18px}.nav-item:hover{background:#f3f4f6;color:var(--text-main, #252525);transform:translateY(-2px)}.nav-item.active{background:var(--primary-color, #AFF257);color:var(--primary-text, #000000);box-shadow:0 4px 12px #aff25766}.nav-item i{font-size:18px}.sidebar-settings{background:var(--surface-bg, #FFFFFF);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-dim, #757575);box-shadow:0 1px 2px #0000000d;border:1px solid var(--border-color, #E5E7EB);margin-top:16px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);pointer-events:auto}.sidebar-settings:hover{background:#f3f4f6;color:var(--text-main, #252525)}@media(max-width:768px){.floating-sidebar{display:none}}.error-boundary{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.error-content{text-align:center;max-width:500px;padding:2rem;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.error-content h2{margin:0 0 1rem;font-size:2rem;font-weight:600}.error-content p{margin:0 0 1.5rem;opacity:.9;line-height:1.6}.error-details{margin:1rem 0;text-align:left;background:#0000004d;border-radius:8px;padding:1rem}.error-details summary{cursor:pointer;font-weight:600;margin-bottom:.5rem}.error-details pre{margin:0;font-size:.875rem;white-space:pre-wrap;word-break:break-word;opacity:.8}.retry-button{background:#fff;color:#667eea;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.retry-button:active{transform:translateY(0)}