.main-navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:#1b2a33;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-dark);padding:0}[data-theme=light] .main-navigation{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .main-navigation{background:#fff}}.nav-container{max-width:1400px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:32px}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:700;font-size:20px;letter-spacing:.04em;transition:opacity .2s ease}.nav-brand:hover{opacity:.8}@media (max-width: 768px){.nav-brand{cursor:pointer}}.nav-logo{display:flex;align-items:center}.logo-dot{width:36px;height:36px;border-radius:12px;border:1px solid var(--border-light);background:#1e303aeb;box-shadow:0 16px 40px #00000059;object-fit:contain;object-position:center;display:block;flex-shrink:0}.nav-brand-text{color:#d79c42}.nav-links{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.nav-link{padding:10px 20px;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-size:15px;font-weight:500;transition:all .2s ease;position:relative}.nav-link:hover{color:var(--text);background:#ffffff0d}.nav-link.active{color:var(--accent2);background:#d79c421a}.nav-link--disabled,.mobile-nav-link--disabled{opacity:.45;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.nav-link--disabled:hover,.mobile-nav-link--disabled:hover{color:var(--text-secondary);background:transparent;border-left-color:transparent}[data-theme=light] .nav-link.active{color:#e8b366}@media (prefers-color-scheme: light){[data-theme=auto] .nav-link.active{color:#e8b366}}.nav-actions{display:flex;align-items:center;gap:12px;position:relative}.nav-profile-container{position:relative}.nav-profile-circle{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-light);background:#d79c4226;color:#d79c42;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;flex-shrink:0}.nav-profile-circle:hover{background:#d79c4240;border-color:#d79c4266;transform:scale(1.05)}.nav-profile-circle svg{width:20px;height:20px}.nav-profile-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:#1b2a33;border:1px solid var(--border-dark);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:1001;overflow:hidden;animation:fadeInDown .2s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-menu-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-dark)}.profile-menu-avatar{width:48px;height:48px;border-radius:50%;background:#d79c4226;color:#d79c42;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-menu-avatar svg{width:24px;height:24px}.profile-menu-info{flex:1;min-width:0}.profile-menu-name{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-email{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-divider{height:1px;background:var(--border-dark);margin:8px 0}.profile-menu-items{padding:8px}.profile-menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--text);font-size:14px;font-weight:500;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.profile-menu-item:hover{background:#ffffff0d;color:var(--text)}.profile-menu-item.danger{color:#f87171}.profile-menu-item.danger:hover{background:#f871711a;color:#f87171}.profile-menu-item svg{width:18px;height:18px;flex-shrink:0}.profile-menu-edit-section{padding:12px;max-height:400px;overflow-y:auto}.profile-edit-item{margin-bottom:16px}.profile-edit-item:last-child{margin-bottom:0}.profile-edit-item label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.profile-edit-display{display:flex;align-items:center;padding:8px 12px;border-radius:6px;background:#ffffff08;border:1px solid var(--border-dark);color:var(--text);font-size:14px;cursor:pointer;transition:all .2s ease;min-height:36px}.profile-edit-display:hover{background:#ffffff0d;border-color:var(--border-medium)}.profile-edit-field{display:flex;flex-direction:column;gap:4px}.profile-edit-input,.profile-edit-textarea{width:100%;padding:8px 12px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(215,156,66,.3);color:var(--text);font-size:14px;font-family:inherit;transition:all .2s ease}.profile-edit-input:focus,.profile-edit-textarea:focus{outline:none;border-color:#d79c4299;background:#ffffff14}.profile-edit-textarea{resize:vertical;min-height:60px}.profile-menu-name{display:flex;align-items:center}.nav-btn{padding:10px 20px;border-radius:8px;text-decoration:none;font-size:15px;font-weight:600;transition:all .2s ease;border:1px solid transparent;font-family:inherit}.nav-btn-secondary{color:var(--text);background:#ffffff0d;border-color:var(--border-light)}.nav-btn-secondary:hover{background:#ffffff1a;border-color:var(--border-medium)}.nav-btn-primary{color:var(--text);background:#d79c4226;border-color:#d79c424d}.nav-btn-primary:hover{background:#d79c4238;border-color:#d79c4266}.nav-mobile-menu-btn{display:none;width:40px;height:40px;border-radius:8px;border:1px solid var(--border-light);background:#ffffff0d;color:var(--text);cursor:pointer;align-items:center;justify-content:center;margin-right:12px;transition:all .2s ease;padding:0;flex-shrink:0}.nav-mobile-menu-btn:hover{background:#ffffff1a}.nav-mobile-menu-btn svg{width:24px;height:24px;stroke-width:2.5}.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 768px){.mobile-nav-overlay.open{display:block}}.mobile-nav-sidebar{display:none;position:fixed;top:0;left:0;width:280px;height:100vh;background:#1b2a33;border-right:1px solid var(--border-dark);z-index:1000;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;box-shadow:4px 0 20px #00000080;flex-direction:column}.mobile-nav-sidebar.open{transform:translate(0)!important}@media (max-width: 768px){.mobile-nav-sidebar{display:flex!important}}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-dark)}.mobile-nav-close-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-light);background:#ffffff0d;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.mobile-nav-close-btn:hover{background:#ffffff1a}.mobile-nav-close-btn svg{width:20px;height:20px}.mobile-nav-links{display:flex;flex-direction:column;padding:20px 0}.mobile-nav-link{padding:14px 20px;text-decoration:none;color:var(--text-secondary);font-size:16px;font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.mobile-nav-link:hover{color:var(--text);background:#ffffff0d;border-left-color:var(--accent)}[data-theme=light] .mobile-nav-link.active{color:#e8b366}@media (prefers-color-scheme: light){[data-theme=auto] .mobile-nav-link.active{color:#e8b366}}.mobile-nav-link.active{color:var(--accent2);background:#d79c421a;border-left-color:var(--accent)}.mobile-nav-actions{display:flex;flex-direction:column;gap:12px;padding:20px;border-top:1px solid var(--border-dark);margin-top:auto}.mobile-nav-user-info{color:#ecf0f1cc;font-size:14px;padding:10px 0;text-align:center}.mobile-nav-btn{padding:12px 20px;border-radius:8px;text-decoration:none;font-size:15px;font-weight:600;transition:all .2s ease;border:1px solid transparent;font-family:inherit;text-align:center;cursor:pointer}.mobile-nav-btn-secondary{color:var(--text);background:#ffffff0d;border-color:var(--border-light)}.mobile-nav-btn-secondary:hover{background:#ffffff1a;border-color:var(--border-medium)}.mobile-nav-btn-primary{color:var(--text);background:#d79c4226;border-color:#d79c424d}.mobile-nav-btn-primary:hover{background:#d79c4238;border-color:#d79c4266}@media (max-width: 768px){.nav-container{padding:12px 16px;gap:12px}.nav-mobile-menu-btn{display:flex;margin-right:0}.nav-links{display:none}.nav-actions{gap:8px}.nav-btn{padding:8px 16px;font-size:14px}.nav-profile-circle{width:36px;height:36px}.nav-profile-circle svg{width:18px;height:18px}.nav-profile-menu{min-width:260px;right:0}.nav-brand-text{font-size:18px}.nav-brand .nav-logo{display:none!important}.nav-brand{margin-left:0;padding-left:0;gap:0}.mobile-nav-overlay.open{display:block!important}.mobile-nav-sidebar.open{transform:translate(0)!important}}@media (max-width: 480px){.mobile-nav-sidebar{width:100%}}.home-page{min-height:100vh;padding-top:80px;position:relative;overflow-x:hidden;background:#1e303a}[data-theme=light] .home-page{background:#f0f4f6}@media (prefers-color-scheme: light){[data-theme=auto] .home-page{background:#f0f4f6}}.home-container{max-width:1200px;margin:0 auto;padding:60px 24px 120px;position:relative;z-index:1}.home-hero{text-align:center;margin-bottom:100px;animation:fadeInUp .8s ease-out}.home-title{font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.1;margin:0 0 24px;color:var(--text);letter-spacing:-.02em}[data-theme=light] .home-title{color:#1e303a}@media (prefers-color-scheme: light){[data-theme=auto] .home-title{color:#1e303a}}.home-title-with{color:#ecf0f1}[data-theme=light] .home-title-with{color:#1e303a}@media (prefers-color-scheme: light){[data-theme=auto] .home-title-with{color:#1e303a}}[data-theme=light] .home-title span[style*=d79c42],[data-theme=light] .home-subtitle span[style*=d79c42],[data-theme=light] .cta-secondary{color:#d79c42!important}@media (prefers-color-scheme: light){[data-theme=auto] .home-title span[style*=d79c42],[data-theme=auto] .home-subtitle span[style*=d79c42],[data-theme=auto] .cta-secondary{color:#d79c42!important}}.gradient-text{color:#d79c42}.home-subtitle{font-size:clamp(20px,3vw,32px);color:var(--text-secondary);margin:0 0 24px;font-weight:500;letter-spacing:.01em}.home-description{font-size:clamp(16px,2vw,20px);color:var(--muted);max-width:700px;margin:0 auto 48px;line-height:1.6}.home-content-section{text-align:center;margin:80px 0;animation:fadeInUp .8s ease-out}.home-content-title{font-size:clamp(32px,5vw,48px);font-weight:600;line-height:1.2;margin:0 0 32px;color:var(--text);letter-spacing:-.01em}.home-content-title-text{color:#ecf0f1}[data-theme=light] .home-content-title-text{color:#1e303a}@media (prefers-color-scheme: light){[data-theme=auto] .home-content-title-text{color:#1e303a}}.home-content-body{font-size:clamp(16px,2vw,20px);color:var(--muted);max-width:700px;margin:0 auto;line-height:1.6;text-align:justify;direction:ltr;font-family:inherit}.body-text-normal{color:#ecf0f1}[data-theme=light] .body-text-normal{color:#415a69}@media (prefers-color-scheme: light){[data-theme=auto] .body-text-normal{color:#415a69}}.home-content-body p{margin:0 0 20px;text-align:justify;direction:ltr}.home-content-body p:last-child{margin-bottom:0}.home-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-button{padding:16px 32px;border-radius:12px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid transparent;display:inline-block;font-family:inherit;cursor:pointer}.cta-primary{background:#ffffff0d;border-color:var(--border-light);color:var(--text)}.cta-primary:hover{background:#ffffff1a;border-color:var(--border-medium);transform:translateY(-2px)}.cta-secondary{background:#ffffff0d;border-color:var(--border-light);color:#d79c42}[data-theme=light] .cta-secondary{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .cta-secondary{background:#fff}}.cta-secondary:hover{background:#ffffff1a;border-color:var(--border-medium);transform:translateY(-2px)}[data-theme=light] .cta-secondary:hover{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .cta-secondary:hover{background:#fff}}.home-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:80px}.feature-card{padding:32px;border-radius:18px;border:1px solid var(--border-dark);background:#1b2a33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;animation:fadeInUp .8s ease-out}[data-theme=light] .feature-card{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .feature-card{background:#fff}}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:hover{transform:translateY(-8px);border-color:var(--border-medium);background:#1b2a33;box-shadow:0 12px 40px #0006}[data-theme=light] .feature-card:hover{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .feature-card:hover{background:#fff}}.feature-icon{width:56px;height:56px;border-radius:14px;background:#7b2cff26;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--accent2)}.feature-icon svg{width:28px;height:28px}.feature-title{font-size:22px;font-weight:600;color:var(--text);margin:0 0 12px}[data-theme=light] .feature-title{color:#1e303a}@media (prefers-color-scheme: light){[data-theme=auto] .feature-title{color:#1e303a}}.feature-description{font-size:15px;color:var(--muted);line-height:1.6;margin:0}.home-footer-text{text-align:center;margin-top:80px;animation:fadeInUp .8s ease-out;animation-delay:.4s;animation-fill-mode:both}.home-footer-message{font-size:clamp(20px,3vw,32px);color:var(--text);margin:0;font-weight:500;letter-spacing:.01em}@media (max-width: 768px){.home-container{padding:40px 20px 80px}.home-hero{margin-bottom:60px}.home-features{grid-template-columns:1fr;gap:24px;margin-top:60px}.feature-card{padding:24px}.cta-button{padding:14px 28px;font-size:16px}}.about-page{min-height:100vh;padding-top:80px;position:relative;background:#1e303a}[data-theme=light] .about-page{background:#f0f4f6}@media (prefers-color-scheme: light){[data-theme=auto] .about-page{background:#f0f4f6}}.about-container{max-width:900px;margin:0 auto;padding:60px 24px 120px;position:relative;z-index:1}.about-header{text-align:center;margin-bottom:80px;animation:fadeInUp .8s ease-out}.about-title{font-size:clamp(48px,6vw,72px);font-weight:700;color:var(--text);margin:0 0 24px;letter-spacing:-.02em}.about-subtitle{font-size:clamp(18px,2.5vw,24px);color:var(--text-secondary);margin:0;font-weight:500}.about-content{display:flex;flex-direction:column;gap:60px}.about-section{animation:fadeInUp .8s ease-out;padding:32px;border-radius:18px;border:1px solid var(--border-dark);background:#1b2a33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}[data-theme=light] .about-section{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .about-section{background:#fff}}.about-section:hover{border-color:var(--border-medium);background:#1b2a33;box-shadow:0 8px 32px #0000004d}[data-theme=light] .about-section:hover{background:#fff;box-shadow:0 8px 32px #0000001a}@media (prefers-color-scheme: light){[data-theme=auto] .about-section:hover{background:#fff;box-shadow:0 8px 32px #0000001a}}.section-title{font-size:28px;font-weight:600;color:var(--text);margin:0 0 20px;padding-bottom:16px;border-bottom:2px solid rgba(215,156,66,.2)}.section-text{font-size:17px;color:var(--muted);line-height:1.8;margin:0 0 24px}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:32px}.about-feature{padding:24px;border-radius:12px;border:1px solid var(--border-dark);background:#1b2a33;transition:all .3s ease}[data-theme=light] .about-feature{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .about-feature{background:#fff}}.about-feature:hover{border-color:var(--border-medium);background:#1b2a33;transform:translateY(-4px)}[data-theme=light] .about-feature:hover{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .about-feature:hover{background:#fff}}.about-feature h3{font-size:20px;font-weight:600;color:var(--accent2);margin:0 0 12px}.about-feature p{font-size:15px;color:var(--muted);line-height:1.6;margin:0}@media (max-width: 768px){.about-container{padding:40px 20px 80px}.about-header{margin-bottom:60px}.about-content{gap:40px}.about-section{padding:24px}.section-title{font-size:24px}.section-text{font-size:16px}.about-features{grid-template-columns:1fr}}.mechanisms-page{min-height:100vh;position:relative;padding:120px 20px 60px;background:#1e303a;color:var(--text-primary, #ECF0F1)}[data-theme=light] .mechanisms-page{background:#f0f4f6}@media (prefers-color-scheme: light){[data-theme=auto] .mechanisms-page{background:#f0f4f6}}.mechanisms-container{max-width:1400px;margin:0 auto}.mechanisms-header{text-align:center;margin-bottom:60px}.mechanisms-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#d79c42,#e8b366);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mechanisms-subtitle{font-size:1.25rem;color:var(--text-secondary, rgba(236, 240, 241, .7));max-width:600px;margin:0 auto}.mechanisms-controls{margin-bottom:40px;display:flex;flex-direction:column;gap:24px}.search-box{position:relative;max-width:500px;margin:0 auto}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-secondary, rgba(236, 240, 241, .5))}.search-input{width:100%;padding:14px 16px 14px 48px;background:var(--bg-secondary, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;color:var(--text-primary, #ECF0F1);font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--accent-color, #d79c42);background:var(--bg-secondary, rgba(255, 255, 255, .08));box-shadow:0 0 0 3px #d79c421a}.search-input::placeholder{color:var(--text-secondary, rgba(236, 240, 241, .4))}.category-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.category-btn{padding:10px 20px;background:var(--bg-secondary, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:20px;color:var(--text-primary, #ECF0F1);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.category-btn:hover{background:var(--bg-secondary, rgba(255, 255, 255, .1));border-color:var(--accent-color, #d79c42);transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#d79c42,#e8b366);border-color:transparent;box-shadow:0 4px 12px #d79c424d}.mechanisms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:30px;margin-top:40px}.mechanism-card{background:var(--bg-secondary, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:16px;padding:30px;transition:all .3s ease;position:relative;overflow:hidden}[data-theme=light] .mechanism-card{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .mechanism-card{background:#fff}}.mechanism-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d79c42,#e8b366);transform:scaleX(0);transition:transform .3s ease}.mechanism-card:hover{transform:translateY(-5px);border-color:var(--accent-color, #d79c42);box-shadow:0 10px 30px #d79c4233}.mechanism-card:hover:before{transform:scaleX(1)}.mechanism-icon{font-size:3.5rem;margin-bottom:20px;display:block;text-align:center}.mechanism-content{display:flex;flex-direction:column;gap:12px}.mechanism-category{display:inline-block;padding:6px 12px;background:#d79c4233;color:#d79c42;border-radius:6px;font-size:.8rem;font-weight:600;width:fit-content;text-transform:uppercase;letter-spacing:.5px}.mechanism-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary, #ECF0F1);line-height:1.3}.mechanism-description{font-size:1rem;line-height:1.6;color:var(--text-secondary, rgba(236, 240, 241, .7));margin:0;flex-grow:1}.mechanism-applications{font-size:.9rem;color:var(--text-secondary, rgba(236, 240, 241, .8));padding-top:12px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1));line-height:1.6}.mechanism-applications strong{color:var(--text-primary, #ECF0F1);font-weight:600}.no-results{text-align:center;padding:80px 20px;color:var(--text-secondary, rgba(236, 240, 241, .6));font-size:1.2rem}.gradient-text{background:linear-gradient(135deg,#d79c42,#e8b366);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.mechanisms-page{padding:100px 16px 40px}.mechanisms-title{font-size:2.5rem}.mechanisms-subtitle{font-size:1.1rem}.mechanisms-grid{grid-template-columns:1fr;gap:24px}.mechanism-card{padding:24px}.category-filters{justify-content:flex-start;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.category-filters::-webkit-scrollbar{height:4px}.category-filters::-webkit-scrollbar-track{background:#ffffff0d}.category-filters::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}}@media (max-width: 480px){.mechanisms-title{font-size:2rem}.mechanism-card{padding:20px}.mechanism-icon{font-size:2.5rem}.mechanism-title{font-size:1.3rem}}.auth-page{min-height:100vh;padding-top:80px;position:relative;display:flex;align-items:center;justify-content:center;background:#1e303a}[data-theme=light] .auth-page{background:#f0f4f6}@media (prefers-color-scheme: light){[data-theme=auto] .auth-page{background:#f0f4f6}}.auth-container{max-width:480px;width:100%;padding:40px 24px;position:relative;z-index:1}.auth-card{padding:48px;border-radius:20px;border:1px solid var(--border-dark);background:#1b2a33;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 80px #00000080;animation:fadeInUp .6s ease-out}[data-theme=light] .auth-card{background:#fff;box-shadow:0 24px 80px #00000026}@media (prefers-color-scheme: light){[data-theme=auto] .auth-card{background:#fff;box-shadow:0 24px 80px #00000026}}.auth-header{text-align:center;margin-bottom:32px}.auth-title{font-size:32px;font-weight:700;color:var(--text);margin:0 0 12px;letter-spacing:-.02em}.auth-subtitle{font-size:16px;color:var(--muted);margin:0}.auth-error{padding:12px 16px;border-radius:8px;background:#ff4d4d26;border:1px solid rgba(255,77,77,.3);color:#ff9696e6;font-size:14px;margin-bottom:24px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group input{padding:14px 16px;border-radius:10px;border:1px solid var(--border-light);background:#ffffff0a;color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:all .2s ease}.form-group input::placeholder{color:var(--muted2)}.form-group input:hover{border-color:var(--border-medium);background:#ffffff0f}.form-group input:focus{border-color:var(--accent);background:#d79c4214}.form-options{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent);margin:0;flex-shrink:0}.checkbox-label span{line-height:1.45}.legal-link{background:none;border:none;padding:0;font:inherit;font-size:inherit;color:var(--accent2);text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .2s ease}.legal-link:hover{color:var(--accent)}.legal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000a6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.legal-modal{width:100%;max-width:520px;max-height:min(70vh,640px);display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--border-light);background:linear-gradient(180deg,#1e303afa,#293a45f2);box-shadow:0 24px 80px #0009}[data-theme=light] .legal-modal{background:#fff;box-shadow:0 24px 80px #0003}.legal-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 12px;flex-shrink:0}.legal-modal-title{margin:0;font-size:18px;font-weight:600;color:var(--text)}.legal-modal-close{background:none;border:none;color:var(--muted);font-size:28px;line-height:1;cursor:pointer;padding:0 4px}.legal-modal-close:hover{color:var(--text)}.legal-modal-body{flex:1;min-height:0;overflow-y:auto;padding:0 20px 16px}.legal-modal-content{font-size:14px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap}.legal-modal-placeholder{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}.legal-modal-placeholder code{font-size:13px;color:var(--accent2)}.legal-modal-footer{flex-shrink:0;padding:12px 20px 20px;border-top:1px solid var(--border-dark)}.legal-modal-done{width:100%;padding:12px 16px;border-radius:10px;border:1px solid rgba(215,156,66,.3);background:#d79c4226;color:var(--text);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s ease}.legal-modal-done:hover{background:#d79c4240}.forgot-link{font-size:14px;color:var(--accent2);text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:var(--accent)}.auth-button{padding:14px 24px;border-radius:10px;border:1px solid rgba(215,156,66,.3);background:#d79c4226;color:var(--text);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;margin-top:8px}.auth-button:hover{background:#d79c4240;border-color:#d79c4280;transform:translateY(-2px);box-shadow:0 8px 24px #d79c424d}.auth-button:active{transform:translateY(0)}.auth-footer{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-dark);text-align:center}.auth-footer p{font-size:15px;color:var(--muted);margin:0}.auth-link{color:var(--accent2);text-decoration:none;font-weight:600;transition:color .2s ease}.auth-link:hover{color:var(--accent)}@media (max-width: 768px){.auth-container{padding:20px 16px}.auth-card{padding:32px 24px}.auth-title{font-size:28px}.form-options{flex-direction:column;align-items:flex-start;gap:12px}}.wallet-page{min-height:100vh;padding-top:84px;background:#1e303a;position:relative}.wallet-container{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:48px 24px 96px;display:grid;gap:20px}.wallet-header-card,.wallet-card{background:#1b2a33;border:1px solid var(--border-light);border-radius:16px;padding:24px}.wallet-header-card h1{margin:0 0 10px;color:var(--text)}.wallet-header-card p{margin:0 0 18px;color:var(--text-secondary)}.wallet-balance-box{display:inline-flex;flex-direction:column;gap:6px;background:#d79c421f;border:1px solid rgba(215,156,66,.32);border-radius:12px;padding:14px 16px;color:var(--text)}.wallet-balance-label{color:var(--text-secondary);font-size:13px}.wallet-balance-box strong{font-size:1.35rem}.wallet-summary-meta{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:8px;font-size:13px;color:var(--text-secondary)}.wallet-auth-hint{margin:0 0 12px!important}.wallet-auth-hint a{color:#e8b366}.wallet-error{color:#f87171!important}.wallet-ledger-card{overflow:hidden}.wallet-ledger-table-wrap{overflow-x:auto;margin-top:8px}.wallet-ledger-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text-secondary)}.wallet-ledger-table th,.wallet-ledger-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-light)}.wallet-ledger-table th{color:var(--text);font-weight:600}.wallet-delta-pos{color:#6ee7b7}.wallet-delta-neg{color:#fca5a5}.wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wallet-card h2{margin:0 0 12px;color:var(--text);font-size:22px}.wallet-card p,.wallet-card li{color:var(--text-secondary);line-height:1.7}.wallet-card ol,.wallet-card ul{margin:0;padding-left:20px}.recharge-card input{width:100%;max-width:360px;border:1px solid var(--border-light);background:#ffffff0a;border-radius:10px;padding:12px 14px;color:var(--text);font-size:16px;letter-spacing:1.2px}.recharge-card input:focus{outline:none;border-color:#d79c42b3}.code-helper-text{margin:10px 0 14px;font-size:14px}.recharge-card button{border:none;border-radius:10px;padding:11px 18px;background:#d79c42eb;color:#ecf0f1;font-weight:600;cursor:pointer}.wallet-status-message{margin-top:12px;color:#e8b366}.support-card a{color:#e8b366;text-decoration:none}.support-card a:hover{text-decoration:underline}@media (max-width: 860px){.wallet-grid{grid-template-columns:1fr}}.checkout-page{min-height:100vh;padding-top:80px;position:relative;overflow-x:hidden}.checkout-container{max-width:1200px;margin:0 auto;padding:60px 24px 120px;position:relative;z-index:1}.checkout-content{display:grid;grid-template-columns:1fr 400px;gap:48px;animation:fadeInUp .8s ease-out}.checkout-main{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-light);border-radius:20px;padding:40px}.checkout-title{font-size:36px;font-weight:700;color:var(--text);margin:0 0 32px}.checkout-section{margin-bottom:32px}.section-title{font-size:20px;font-weight:600;color:var(--text);margin:0 0 24px}.payment-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-secondary)}.form-group input{padding:14px 16px;border:1px solid var(--border-light);border-radius:12px;background:#ffffff0d;color:var(--text);font-size:16px;font-family:inherit;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--accent);background:#ffffff14;box-shadow:0 0 0 3px #7b2cff1a}.form-group input::placeholder{color:var(--text-tertiary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.submit-button{padding:16px 32px;border-radius:12px;font-size:17px;font-weight:600;border:none;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);color:#ecf0f1;cursor:pointer;transition:all .3s ease;font-family:inherit;margin-top:8px}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--accent2) 0%,var(--accent) 100%);transform:translateY(-2px);box-shadow:0 8px 24px #7b2cff66}.submit-button:disabled{opacity:.6;cursor:not-allowed}.checkout-sidebar{position:sticky;top:100px;height:fit-content}.order-summary{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-light);border-radius:20px;padding:32px}.summary-item{margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;color:var(--text-secondary);font-size:15px;border-bottom:1px solid var(--border-light)}.summary-row:last-child{border-bottom:none}.summary-row.total{font-size:20px;font-weight:700;color:var(--text);margin-top:8px;padding-top:16px;border-top:2px solid var(--border-medium);border-bottom:none}.summary-value{color:var(--text);font-weight:600}.summary-features{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-light)}.summary-features h3{font-size:16px;font-weight:600;color:var(--text);margin:0 0 16px}.summary-features ul{list-style:none;padding:0;margin:0}.summary-features li{padding:8px 0;color:var(--text-secondary);font-size:14px;display:flex;align-items:center;gap:8px}.summary-features li:before{content:"✓";color:var(--accent);font-weight:700}.change-plan-button{width:100%;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;border:2px solid var(--border-light);background:transparent;color:var(--text);cursor:pointer;transition:all .3s ease;font-family:inherit;margin-top:24px}.change-plan-button:hover{border-color:var(--border-medium);background:#ffffff0d}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:12px;font-size:14px;margin-top:8px}.back-button{padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;border:2px solid var(--border-light);background:transparent;color:var(--text);cursor:pointer;transition:all .3s ease;font-family:inherit;margin-top:24px}.back-button:hover{border-color:var(--border-medium);background:#ffffff0d}.loading{text-align:center;color:var(--text-secondary);font-size:18px;padding:60px 20px}.free-plan-notice{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:24px;margin-bottom:24px}.free-plan-notice p{color:var(--text-secondary);margin:16px 0 0;line-height:1.6}@media (max-width: 968px){.checkout-content{grid-template-columns:1fr;gap:32px}.checkout-sidebar{position:static}.form-row{grid-template-columns:1fr}}@media (max-width: 640px){.checkout-main,.order-summary{padding:24px}}.success-page{min-height:100vh;padding-top:80px;position:relative;overflow-x:hidden;display:flex;align-items:center;justify-content:center}.success-container{max-width:600px;margin:0 auto;padding:60px 24px;position:relative;z-index:1;width:100%}.success-content{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-light);border-radius:20px;padding:60px 40px;text-align:center;animation:fadeInUp .8s ease-out}.success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#ecf0f1;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;margin:0 auto 32px;box-shadow:0 8px 32px #10b9814d}.success-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 32px #ef44444d}.success-title{font-size:36px;font-weight:700;color:var(--text);margin:0 0 16px}.success-message{font-size:18px;color:var(--text-secondary);margin:0 0 40px;line-height:1.6}.subscription-details{background:#ffffff0d;border-radius:16px;padding:24px;margin-bottom:40px;text-align:left}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-light)}.detail-item:last-child{border-bottom:none}.detail-label{font-size:14px;color:var(--text-secondary);font-weight:500}.detail-value{font-size:16px;color:var(--text);font-weight:600}.detail-value.status-active{color:#10b981;text-transform:uppercase;font-size:14px}.success-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.success-button{padding:16px 32px;border-radius:12px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid transparent;display:inline-block;font-family:inherit;cursor:pointer}.success-button.primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);border-color:var(--accent);color:#ecf0f1}.success-button.primary:hover{background:linear-gradient(135deg,var(--accent2) 0%,var(--accent) 100%);transform:translateY(-2px);box-shadow:0 8px 24px #7b2cff66}.success-button.secondary{background:#ffffff0d;border-color:var(--border-light);color:var(--text)}.success-button.secondary:hover{background:#ffffff1a;border-color:var(--border-medium);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.success-content{padding:40px 24px}.success-title{font-size:28px}.success-actions{flex-direction:column}.success-button{width:100%}}.settings-page{min-height:100vh;padding-top:80px;background:#1e303a;color:#ecf0f1}[data-theme=light] .settings-page{background:#f0f4f6}@media (prefers-color-scheme: light){[data-theme=auto] .settings-page{background:#f0f4f6}}.settings-container{max-width:800px;margin:0 auto;padding:40px 24px}.settings-header{display:flex;align-items:center;gap:20px;margin-bottom:32px}.settings-back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ecf0f1;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;font-family:inherit}.settings-back-button:hover{background:#ffffff1a;border-color:#fff3}.settings-back-button svg{width:18px;height:18px}.settings-title{font-size:32px;font-weight:700;margin:0;color:#ecf0f1}.settings-message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;font-weight:500}.settings-message.success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80}.settings-message.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.settings-content{background:#1b2a33;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:32px}[data-theme=light] .settings-content{background:#fff;border:1px solid rgba(0,0,0,.1)}@media (prefers-color-scheme: light){[data-theme=auto] .settings-content{background:#fff;border:1px solid rgba(0,0,0,.1)}}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-size:20px;font-weight:600;margin:0 0 24px;color:#ecf0f1;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-section-desc{font-size:14px;color:#ecf0f1bf;margin:-8px 0 20px;line-height:1.5}.settings-field{margin-bottom:24px}.settings-field:last-child{margin-bottom:0}.settings-label{display:block;font-size:13px;font-weight:600;color:#ecf0f1b3;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.settings-display-field{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);min-height:48px}[data-theme=light] .settings-display-field,[data-theme=light] .settings-display-field *,body[data-theme=light] .settings-display-field,html[data-theme=light] .settings-display-field{background:#fff!important}@media (prefers-color-scheme: light){[data-theme=auto] .settings-display-field,[data-theme=auto] .settings-display-field *,body[data-theme=auto] .settings-display-field,html[data-theme=auto] .settings-display-field{background:#fff!important}}.settings-display-field span{color:#ecf0f1;font-size:15px;flex:1}.settings-readonly{font-size:12px;color:#ecf0f180;font-style:italic}.settings-edit-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid rgba(215,156,66,.3);background:#d79c421a;color:#d79c42;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;font-family:inherit}[data-theme=light] .settings-edit-btn{background:#fff!important}@media (prefers-color-scheme: light){[data-theme=auto] .settings-edit-btn{background:#fff!important}}.settings-edit-btn:hover{background:#d79c4233;border-color:#d79c4280}[data-theme=light] .settings-edit-btn:hover{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .settings-edit-btn:hover{background:#fff}}.settings-edit-btn svg{width:14px;height:14px}.settings-edit-field{display:flex;flex-direction:column;gap:12px}.settings-input,.settings-textarea{width:100%;padding:12px 16px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(215,156,66,.3);color:#ecf0f1;font-size:15px;font-family:inherit;transition:all .2s ease}[data-theme=light] .settings-input,[data-theme=light] .settings-textarea{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .settings-input,[data-theme=auto] .settings-textarea{background:#fff}}.settings-input:focus,.settings-textarea:focus{outline:none;border-color:#d79c4299;background:#ffffff14}[data-theme=light] .settings-input:focus,[data-theme=light] .settings-textarea:focus{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .settings-input:focus,[data-theme=auto] .settings-textarea:focus{background:#fff}}.settings-input:disabled,.settings-textarea:disabled{opacity:.6;cursor:not-allowed}.settings-textarea{resize:vertical;min-height:100px}.settings-field-actions{display:flex;gap:8px;justify-content:flex-end}.settings-save-btn,.settings-cancel-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;border:none}.settings-save-btn{background:#d79c4233;border:1px solid rgba(215,156,66,.4);color:#d79c42}.settings-save-btn:hover:not(:disabled){background:#d79c424d;border-color:#d79c4299}.settings-save-btn:disabled{opacity:.5;cursor:not-allowed}.settings-cancel-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ecf0f1}.settings-cancel-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.settings-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.settings-select{padding:8px 12px;border-radius:6px;border:1px solid rgba(215,156,66,.3);background:#ffffff0d;color:#ecf0f1;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;min-width:150px}.settings-select:focus{outline:none;border-color:#d79c4299;background:#ffffff14}.settings-select option{background:#1b2a33;color:#ecf0f1}.settings-toggle{position:relative;display:inline-block;width:48px;height:24px;cursor:pointer}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff3;transition:.3s;border-radius:24px}.settings-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#ecf0f1;transition:.3s;border-radius:50%}.settings-toggle input:checked+.settings-toggle-slider{background-color:#d79c4280}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(24px);background-color:#d79c42}.settings-toggle input:disabled+.settings-toggle-slider{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.settings-container{padding:24px 16px}.settings-content{padding:24px}.settings-title{font-size:24px}.settings-display-field{flex-direction:column;align-items:flex-start;gap:8px}.settings-field-actions{width:100%}.settings-save-btn,.settings-cancel-btn{flex:1}}:root{--bg0:#1e303a;--bg1:#1e303a;--bg2:#1e303a;--panel:#1e303acc;--panel2:#415a69cc;--stroke:#ffffff20;--text:#f4f2ff;--muted:#d8d2ffb8;--muted2:#bfb6ff80;--accent:#d79c42;--accent2:#e8b366;--shadow: 0 24px 80px rgba(0,0,0,.55);--radius:18px;--sidebar-w: 280px;--sidebar-w-collapsed: 60px;--sidebar-transition-duration: .3s;--sidebar-transition-timing: linear;--text-primary: rgba(236,240,241,.9);--text-secondary: rgba(236,240,241,.85);--text-tertiary: rgba(236,240,241,.55);--text-muted: rgba(236,240,241,.45);--border-light: rgba(255,255,255,.1);--border-medium: rgba(255,255,255,.12);--border-dark: rgba(255,255,255,.08);--bg-overlay-light: rgba(255,255,255,.04);--bg-overlay-medium: rgba(255,255,255,.06);--bg-overlay-dark: rgba(255,255,255,.07);--bg-overlay-strong: rgba(255,255,255,.03);--font-english: "Inter", "Times New Roman", Times, serif, sans-serif;--font-persian: "Vazirmatn", "Vazir", "Inter", "Times New Roman", Times, serif, sans-serif;--font-default: var(--font-english)}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:var(--font-default),"Vazirmatn","Vazir","Apple Color Emoji","Segoe UI Emoji"}body{color:var(--text);background:#1e303a;overflow:hidden;font-family:var(--font-default),"Vazirmatn","Vazir",sans-serif}*,*:before,*:after{font-family:inherit}input,textarea,select,button,h1,h2,h3,h4,h5,h6,p,span,div,a,label,li,ul,ol,td,th,table{font-family:inherit}[dir=rtl],[lang=fa],[lang=ar],body[dir=rtl],html[dir=rtl],.persian-text,[data-lang=fa]{font-family:var(--font-persian),var(--font-english),sans-serif}body:after{content:"";position:fixed;top:-2px;right:-2px;bottom:-2px;left:-2px;background:transparent;pointer-events:none;z-index:0}[data-theme=light] body:after{background:transparent}.network{position:fixed;top:0;right:0;bottom:0;left:0;opacity:.35;pointer-events:none;z-index:0}.app{position:relative;z-index:1;height:100%;display:flex}.sidebar{width:var(--sidebar-w);height:100vh;max-height:100vh;padding:0 14px 18px;background:#1b2a33;border-right:1px solid var(--border-dark);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:20px 0 60px #00000059;display:flex;flex-direction:column;gap:14px;transition:width var(--sidebar-transition-duration) var(--sidebar-transition-timing),padding var(--sidebar-transition-duration) var(--sidebar-transition-timing);overflow:hidden;position:fixed;top:0;left:0;bottom:0;margin:0;border-radius:0}[data-theme=light] .sidebar{background:#fff;box-shadow:20px 0 60px #0000001a}@media (prefers-color-scheme: light){[data-theme=auto] .sidebar{background:#fff;box-shadow:20px 0 60px #0000001a}}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff26}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar.collapsed{padding:0 10px 18px;width:var(--sidebar-w-collapsed)}.app:has(.sidebar.collapsed) .main{margin-left:var(--sidebar-w-collapsed)}.collapsedIconBtn{width:38px;height:38px;border-radius:12px;border:1px solid var(--border-light);background:var(--bg-overlay-light);display:grid;place-items:center;cursor:pointer;color:var(--text-secondary);margin:0 auto;transition:all .2s ease;flex-shrink:0}.collapsedIconBtn:hover{background:var(--bg-overlay-dark)}.collapsedIconBtn svg{width:18px;height:18px;opacity:.9}[data-theme=light] .collapsedIconBtn svg{fill:#d79c42;color:#d79c42}@media (prefers-color-scheme: light){[data-theme=auto] .collapsedIconBtn svg{fill:#d79c42;color:#d79c42}}.collapsedIconsContainer{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:0}.sidebarTopTools{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:12px}.sidebarTop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 6px 2px}.sidebar.collapsed .sidebarTop{justify-content:center;padding:18px 0 2px}.sidebarBody{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sidebarExpandedShell{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:14px;overflow:hidden;opacity:1;max-height:min(2000px,calc(100vh - 72px));transition:opacity var(--sidebar-transition-duration) var(--sidebar-transition-timing),max-height var(--sidebar-transition-duration) var(--sidebar-transition-timing),flex-grow var(--sidebar-transition-duration) var(--sidebar-transition-timing),margin var(--sidebar-transition-duration) var(--sidebar-transition-timing),padding var(--sidebar-transition-duration) var(--sidebar-transition-timing),gap var(--sidebar-transition-duration) var(--sidebar-transition-timing)}.sidebarExpandedShell--closed{flex:0 0 0;min-height:0;max-height:0;margin:0;padding:0;gap:0;opacity:0;pointer-events:none;overflow:hidden}.sidebarCollapsedShell{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;max-height:0;opacity:0;margin-top:0;overflow:hidden;pointer-events:none;transition:opacity var(--sidebar-transition-duration) var(--sidebar-transition-timing),max-height var(--sidebar-transition-duration) var(--sidebar-transition-timing),margin-top var(--sidebar-transition-duration) var(--sidebar-transition-timing)}.sidebarCollapsedShell--open{max-height:280px;opacity:1;margin-top:12px;pointer-events:auto}.brandMini{display:flex;align-items:center;gap:10px;min-width:0;position:relative}.sidebar.collapsed .brandMini{justify-content:center;width:100%}.sidebar.collapsed .logoDot{width:38px;height:38px;margin:0 auto}.logoClickable{position:relative}.logoClickableInner{position:relative;display:inline-block;line-height:0;vertical-align:middle}.logoClickableInner .logoDot{position:relative;z-index:0}.logoClickable .expandIcon{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin:0;opacity:0;transition:opacity .2s ease;pointer-events:none;display:flex;align-items:center;justify-content:center;background:#0000008c;border-radius:12px;z-index:1;color:#ecf0f1f2}.logoClickableInner:hover .expandIcon{opacity:1}.logoClickable .expandIcon svg{width:16px;height:16px;color:var(--text-primary)}.logoDot{width:34px;height:34px;border-radius:12px;border:1px solid var(--border-light);background:#1e303aeb;box-shadow:0 16px 40px #00000059;flex:0 0 auto;object-fit:contain;object-position:center;display:block}.brandText{line-height:1.1;min-width:0}.brandText b{display:block;letter-spacing:.04em;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandText span{display:block;font-size:12px;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iconBtn{width:38px;height:38px;border-radius:12px;border:1px solid var(--border-light);background:var(--bg-overlay-light);display:grid;place-items:center;cursor:pointer;color:var(--text-secondary)}.iconBtn svg{width:18px;height:18px;opacity:.9}[data-theme=light] .iconBtn svg{fill:#d79c42;color:#d79c42}@media (prefers-color-scheme: light){[data-theme=auto] .iconBtn svg{fill:#d79c42;color:#d79c42}}.iconBtn:hover{background:var(--bg-overlay-dark)}.searchBox{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--border-light);background:#1e303a8c;position:relative}[data-theme=light] .searchBox{background:#f0f4f6}@media (prefers-color-scheme: light){[data-theme=auto] .searchBox{background:#f0f4f6}}.searchBox svg{width:18px;height:18px;opacity:.9}[data-theme=light] .searchBox svg{fill:#d79c42;color:#d79c42}@media (prefers-color-scheme: light){[data-theme=auto] .searchBox svg{fill:#d79c42;color:#d79c42}}.searchBox input{width:100%;background:transparent;border:none;outline:none;color:var(--text);font-size:14px}[data-theme=light] .searchBox input{color:#415a69}@media (prefers-color-scheme: light){[data-theme=auto] .searchBox input{color:#415a69}}.searchBox input::placeholder{color:var(--muted2)}[data-theme=light] .searchBox input::placeholder{color:#415a69}@media (prefers-color-scheme: light){[data-theme=auto] .searchBox input::placeholder{color:#415a69}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.newChat{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--border-medium);background:#d79c421f;cursor:pointer;font-weight:600;letter-spacing:.02em;width:100%;position:relative}.newChat:hover{background:#d79c4229}.newChat svg{width:18px;height:18px;flex-shrink:0}[data-theme=light] .newChat svg{fill:#d79c42;color:#d79c42}@media (prefers-color-scheme: light){[data-theme=auto] .newChat svg{fill:#d79c42;color:#d79c42}}.newChat svg:last-child{margin-left:auto;opacity:.7;transition:opacity .2s ease}.newChat:hover svg:last-child{opacity:1}.newChat span{color:#ecf0f1e6;flex:1;text-align:left}.newChat-text{color:#ecf0f1e6}[data-theme=light] .newChat span,[data-theme=light] .newChat .newChat-text,[data-theme=light] .newChat-text,[data-theme=light] button.newChat span,[data-theme=light] button.newChat .newChat-text{color:#415a69!important}body[data-theme=light] .newChat span,body[data-theme=light] .newChat-text,html[data-theme=light] .newChat span,html[data-theme=light] .newChat-text,[data-theme=light] .newChat span,[data-theme=light] .newChat .newChat-text,[data-theme=light] .newChat-text,[data-theme=light] button.newChat span,[data-theme=light] button.newChat .newChat-text{color:#415a69!important}@media (prefers-color-scheme: light){[data-theme=auto] .newChat span,[data-theme=auto] .newChat .newChat-text,[data-theme=auto] .newChat-text,[data-theme=auto] button.newChat span,[data-theme=auto] button.newChat .newChat-text{color:#415a69!important}}body[data-theme=light] .newChat span,body[data-theme=light] .newChat-text,html[data-theme=light] .newChat span,html[data-theme=light] .newChat-text{color:#415a69!important}.sectionTitle{font-size:12px;letter-spacing:.16em;color:var(--text-tertiary);text-transform:uppercase;padding:4px 6px 0}.sectionTitle.clickable:hover{color:var(--text-secondary);opacity:.9}.history{flex:0 0 auto;overflow-y:auto;overflow-x:hidden;padding-right:6px}.history::-webkit-scrollbar{width:8px}.history::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.history::-webkit-scrollbar-thumb:hover{background:#ffffff26}.history::-webkit-scrollbar-track{background:transparent}.chatItem{display:flex;align-items:center;gap:10px;padding:10px;margin:8px 0;border-radius:14px;border:1px solid var(--border-dark);background:var(--bg-overlay-strong);cursor:pointer;transition:all .2s ease}.chatItem:hover{background:#ffffff0f}.sidebar.collapsed .chatItem{justify-content:center;padding:10px}.sidebar.collapsed .chatItem .dot{margin:0 auto}.chatItem .dot{width:10px;height:10px;border-radius:999px;background:#d79c42a6;box-shadow:0 0 0 4px #d79c421a;flex:0 0 auto}.chatItem .meta{min-width:0;flex:1}.chatItem .meta b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatItem .meta span{display:block;font-size:12px;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.sidebarScrollable{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;display:flex;flex-direction:column;gap:14px;padding-right:6px}.sidebarScrollable::-webkit-scrollbar{width:8px}.sidebarScrollable::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.sidebarScrollable::-webkit-scrollbar-thumb:hover{background:#ffffff26}.sidebarScrollable::-webkit-scrollbar-track{background:transparent}.sidebarBottom{display:flex;flex-direction:column;gap:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;margin-top:auto;position:relative;z-index:100}.sidebar.collapsed .sidebarBottom{margin-top:auto}.navRow{display:flex;gap:10px}.navBtn{flex:1;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--border-light);background:var(--bg-overlay-strong);cursor:pointer;font-size:13px;color:#ecf0f1e6;text-decoration:none;-webkit-user-select:none;user-select:none}.navBtn:hover{background:#ffffff0f}.navBtn svg{width:18px;height:18px;opacity:.9}[data-theme=light] .navBtn svg{fill:#d79c42;color:#d79c42}@media (prefers-color-scheme: light){[data-theme=auto] .navBtn svg{fill:#d79c42;color:#d79c42}}.accountBar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--border-light);background:#1e303a73;position:relative;z-index:100;transition:padding var(--sidebar-transition-duration) var(--sidebar-transition-timing),background var(--sidebar-transition-duration) var(--sidebar-transition-timing),border-color var(--sidebar-transition-duration) var(--sidebar-transition-timing),justify-content var(--sidebar-transition-duration) var(--sidebar-transition-timing)}[data-theme=light] .accountBar{background:#f0f4f6}@media (prefers-color-scheme: light){[data-theme=auto] .accountBar{background:#f0f4f6}}.sidebar.collapsed .accountBar{justify-content:center;padding:0;border-color:transparent;background:transparent;width:auto}.sidebar.collapsed .accountBar .user{justify-content:center}.accountMenu{margin-top:8px;padding:8px;border-radius:12px;border:1px solid var(--border-light);background:#1e303ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:4px;position:relative;z-index:1000;box-shadow:0 4px 16px #0006}[data-theme=light] .accountMenu{background:#f0f4f6}@media (prefers-color-scheme: light){[data-theme=auto] .accountMenu{background:#f0f4f6}}.accountMenuCollapsed{position:absolute;left:calc(100% + 12px);bottom:0;margin-top:0;min-width:200px;z-index:1001}.accountMenuCollapsed:before{content:"";position:absolute;left:-8px;bottom:20px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid rgba(30,48,58,.85)}.accountOverlay{background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.accountOverlayBox{padding:16px;border-radius:14px;border:1px solid var(--border-light);background:#1e303af2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 32px #0009;max-height:calc(100vh - 100px);overflow-y:auto}.accountOverlayBox::-webkit-scrollbar{width:8px}.accountOverlayBox::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.accountOverlayBox::-webkit-scrollbar-thumb:hover{background:#ffffff26}.accountOverlayBox::-webkit-scrollbar-track{background:transparent}.accountPopup{position:absolute;bottom:calc(100% + 12px);left:0;right:0;padding:16px;border-radius:14px;border:1px solid var(--border-light);background:#1e303af2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 32px #0009;z-index:10000;min-width:280px;max-height:calc(100vh - 100px);overflow-y:auto}.accountPopup::-webkit-scrollbar{width:8px}.accountPopup::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.accountPopup::-webkit-scrollbar-thumb:hover{background:#ffffff26}.accountPopup::-webkit-scrollbar-track{background:transparent}.accountPopup:after{content:"";position:absolute;bottom:-8px;left:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(30,48,58,.95)}.accountPopupHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.accountPopupHeader h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.closeAccountPopupBtn{width:28px;height:28px;border-radius:8px;border:1px solid var(--border-light);background:#ffffff0a;color:#ecf0f1d9;cursor:pointer;display:grid;place-items:center;font-size:20px;line-height:1;transition:all .2s ease}.closeAccountPopupBtn:hover{background:#ffffff12}.accountPopupContent{display:flex;flex-direction:column;gap:16px}.accountPopupItem{display:flex;flex-direction:column;gap:8px}.accountPopupItem label{font-size:12px;color:var(--muted2);text-transform:uppercase;letter-spacing:.05em}.accountPopupItem span{font-size:13px;color:var(--text)}.accountPopupAvatar{display:flex;justify-content:center;margin-bottom:8px}.accountPopupDetails{text-align:center}.accountPopupDetails b{display:block;font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.accountPopupDetails span{display:block;font-size:13px;color:var(--muted2)}.accountMenuItem{padding:10px 12px;border-radius:8px;border:none;background:transparent;color:var(--text);font-size:14px;text-align:left;cursor:pointer;transition:all .2s ease;font-family:inherit}.accountMenuItem:hover{background:#ffffff14}.accountActions{display:flex;align-items:center;gap:6px}.accountActionBtn{width:32px;height:32px;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-overlay-light);display:grid;place-items:center;cursor:pointer;color:var(--text-secondary);text-decoration:none;transition:all .2s ease}.accountActionBtn:hover{background:var(--bg-overlay-dark)}.accountActionBtn svg{width:16px;height:16px;opacity:.9}.authActions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.authBtn{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border-light);background:var(--bg-overlay-strong);cursor:pointer;font-size:13px;font-weight:600;color:#ecf0f1e6;transition:all .2s ease;font-family:inherit}.loginBtn{background:#d79c421f;border-color:#d79c4233}.loginBtn:hover{background:#d79c4229}.signupBtn:hover{background:var(--bg-overlay-medium)}.settingsPanel{margin-top:10px;padding:16px;border-radius:14px;border:1px solid var(--border-light);background:#1e303aa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:calc(100vh - 200px);overflow-y:auto}.settingsModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.settingsModal{width:100%;max-width:900px;max-height:90vh;padding:0;border-radius:18px;border:1px solid var(--border-light);background:linear-gradient(180deg,#1e303af2,#293a45e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 80px #0009;display:flex;flex-direction:column;overflow:hidden}[data-theme=light] .settingsModal{background:#f0f4f6}@media (prefers-color-scheme: light){[data-theme=auto] .settingsModal{background:#f0f4f6}}.settingsModal .settingsHeader{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.settingsModal .settingsHeader h3{font-size:20px;font-weight:600}.settingsModalBody{display:flex;flex:1;overflow:hidden}.settingsNavVertical{width:200px;min-width:200px;padding:20px 0;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px;overflow-y:auto;background:#0000001a}[data-theme=light] .settingsNavVertical{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .settingsNavVertical{background:#fff}}.settingsNavVertical::-webkit-scrollbar{width:6px}.settingsNavVertical::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.settingsNavVertical::-webkit-scrollbar-track{background:transparent}.settingsModal .settingsNavItem{padding:12px 20px;text-align:left;font-size:14px;border-radius:0;border-left:3px solid transparent;transition:all .2s ease}.settingsModal .settingsNavItem:hover{background:#ffffff0d}.settingsModal .settingsNavItem.active{background:#d79c4226;border-left-color:var(--accent);color:#d79c42;font-weight:600}[data-theme=light] .settingsModal .settingsNavItem.active{color:#d79c42}@media (prefers-color-scheme: light){[data-theme=auto] .settingsModal .settingsNavItem.active{color:#d79c42}}.settingsModal .settingsContent{flex:1;overflow-y:auto;padding:24px}[data-theme=light] .settingsModal .settingsContent{background:#f0f4f6}@media (prefers-color-scheme: light){[data-theme=auto] .settingsModal .settingsContent{background:#f0f4f6}}.settingsModal .settingsContent::-webkit-scrollbar{width:8px}.settingsModal .settingsContent::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.settingsModal .settingsContent::-webkit-scrollbar-thumb:hover{background:#ffffff26}.settingsModal .settingsContent::-webkit-scrollbar-track{background:transparent}.settingsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.settingsHeader h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.closeSettingsBtn{width:28px;height:28px;border-radius:8px;border:1px solid var(--border-light);background:#ffffff0a;color:#ecf0f1d9;cursor:pointer;display:grid;place-items:center;font-size:20px;line-height:1;transition:all .2s ease}.closeSettingsBtn:hover{background:#ffffff12}.settingsContent{display:flex;flex-direction:column;gap:16px}.deleteConfirmOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.deleteConfirmModal{width:100%;max-width:440px;padding:24px;border-radius:16px;border:1px solid var(--border-light);background:linear-gradient(180deg,#1e303afa,#293a45f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 80px #0009;display:flex;flex-direction:column;gap:16px}.deleteConfirmTitle{margin:0;font-size:20px;font-weight:600;color:#ecf0f1f2;line-height:1.4}.deleteConfirmMessage{margin:0;font-size:14px;color:#ecf0f1d9;line-height:1.5}.deleteConfirmMessage strong{font-weight:600;color:#ecf0f1f2}.deleteConfirmInfo{margin:0;font-size:13px;color:#ecf0f1a6;line-height:1.5}.deleteConfirmInfo a,.deleteConfirmLink{color:#ecf0f1d9;text-decoration:underline;text-decoration-color:#ffffff4d;cursor:pointer;transition:color .2s ease,text-decoration-color .2s ease}.deleteConfirmInfo a:hover,.deleteConfirmLink:hover{color:#ecf0f1f2;text-decoration-color:#ffffff80}.deleteConfirmActions{display:flex;gap:12px;margin-top:8px;justify-content:flex-end}.deleteConfirmCancel{padding:10px 20px;border-radius:10px;border:1px solid var(--border-light);background:#ffffff14;color:#ecf0f1e6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.deleteConfirmCancel:hover{background:#ffffff1f;border-color:#fff3}.deleteConfirmDelete{padding:10px 20px;border-radius:10px;border:1px solid rgba(239,68,68,.3);background:#ef444426;color:#f87171;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.deleteConfirmDelete:hover{background:#ef444440;border-color:#ef444480;color:#fca5a5}.settingItem{display:flex;justify-content:space-between;align-items:center;gap:12px}.settingItem label{font-size:13px;color:var(--text);font-weight:500;min-width:100px}.settingSelect{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border-light);background:#ffffff0a;color:var(--text);font-size:13px;outline:none;cursor:pointer;transition:all .2s ease;font-family:inherit}[data-theme=light] .settingSelect{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .settingSelect{background:#fff}}.settingSelect:hover{background:#ffffff0f;border-color:#ffffff26;color:var(--text)}.settingSelect:focus{border-color:var(--accent);background:#d79c4214;color:var(--text)}.settingSelect option{background:var(--bg1);color:var(--text);padding:8px}.settingSelect option:hover{background:#d79c4226;color:var(--accent2)}.settingSelect option:checked,.settingSelect option:focus{background:#d79c4233;color:var(--accent2)}.settingSelect,.settingSelect *{color:var(--text)}.settingSelect:not([disabled]):hover,.settingSelect:not([disabled]):focus{color:var(--text)}.settingItem input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.settingItem input[type=range]{flex:1;height:6px;border-radius:3px;background:#ffffff1a;outline:none;cursor:pointer}.settingItem input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer}.settingItem input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.settingsNav{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.settingsNavItem{padding:10px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;text-align:left;cursor:pointer;transition:all .2s ease;font-family:inherit}.settingsNavItem:hover{background:#ffffff0f}.settingsNavItem.active{background:#d79c4226;color:var(--accent2);font-weight:600}.settingInput{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border-light);background:#ffffff0a;color:var(--text);font-size:13px;outline:none;transition:all .2s ease;font-family:inherit}.settingInput:hover{background:#ffffff0f;border-color:#ffffff26}.settingInput:focus{border-color:var(--accent);background:#d79c4214}.settingTextarea{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border-light);background:#ffffff0a;color:var(--text);font-size:13px;outline:none;transition:all .2s ease;font-family:inherit;resize:vertical;min-height:60px}.settingTextarea:hover{background:#ffffff0f;border-color:#ffffff26}.settingTextarea:focus{border-color:var(--accent);background:#d79c4214}.settingButton{padding:8px 16px;border-radius:8px;border:1px solid var(--border-light);background:#d79c421f;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}[data-theme=light] .settingButton{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .settingButton{background:#fff}}.settingButton:hover{background:#d79c422e;border-color:#d79c424d}.settingButton.danger{background:#ff4d4d1f;border-color:#ff4d4d33;color:#ff9696e6}.settingButton.danger:hover{background:#ff4d4d2e;border-color:#ff4d4d4d}.settingSection{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.settingSection:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settingSectionTitle{font-size:14px;font-weight:600;color:var(--text);margin:0 0 12px}.helpContent{color:var(--text-secondary);line-height:1.6}.helpContent p{margin:0 0 12px}.helpContent ul{margin:0;padding-left:20px;list-style-type:disc}.helpContent li{margin:8px 0}.settingItemHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.editButton{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid var(--border-light);background:#ffffff0a;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease;font-family:inherit}.editButton:hover{background:#ffffff14;border-color:#ffffff26}.editButton svg{width:14px;height:14px;opacity:.8}.editActions{display:flex;gap:8px}.saveButton,.cancelButton{padding:6px 12px;border-radius:6px;border:1px solid var(--border-light);font-size:12px;cursor:pointer;transition:all .2s ease;font-family:inherit}.saveButton{background:#d79c4226;color:var(--accent2);border-color:#d79c424d}.saveButton:hover{background:#d79c4238;border-color:#d79c4266}.cancelButton{background:#ffffff0a;color:var(--text-secondary)}.cancelButton:hover{background:#ffffff14;border-color:#ffffff26}.settingValue{padding:10px 12px;border-radius:8px;border:1px solid var(--border-dark);background:#ffffff05;color:var(--text);font-size:14px;min-height:20px;word-break:break-word}[data-theme=light] .settingValue{background:#fff!important}@media (prefers-color-scheme: light){[data-theme=auto] .settingValue{background:#fff!important}}.accountInfoPanel{margin-top:10px;padding:16px;border-radius:14px;border:1px solid var(--border-light);background:#1e303aa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;left:calc(100% + 12px);bottom:0;width:280px;z-index:1000;box-shadow:0 8px 32px #0006;transform:translateY(0)}.accountInfoPanel:before{content:"";position:absolute;left:-8px;bottom:20px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid rgba(30,48,58,.65)}.accountInfoHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.accountInfoHeader h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.closeAccountInfoBtn{width:28px;height:28px;border-radius:8px;border:1px solid var(--border-light);background:#ffffff0a;color:#ecf0f1d9;cursor:pointer;display:grid;place-items:center;font-size:20px;line-height:1;transition:all .2s ease}.closeAccountInfoBtn:hover{background:#ffffff12}.accountInfoContent{display:flex;flex-direction:column;gap:16px}.accountInfoItem{display:flex;flex-direction:column;gap:8px}.accountInfoItem label{font-size:12px;color:var(--muted2);text-transform:uppercase;letter-spacing:.05em}.accountInfoItem span{font-size:13px;color:var(--text)}.accountInfoAvatar{display:flex;justify-content:center;margin-bottom:8px}.accountInfoDetails{text-align:center}.accountInfoDetails b{display:block;font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.accountInfoDetails span{display:block;font-size:13px;color:var(--muted2)}.statusBadge{display:inline-block;padding:4px 10px;border-radius:12px;background:#d79c4226;color:var(--accent2);font-size:12px;font-weight:600}[data-theme=light]{--bg0:#f5f5f5;--bg1:#ffffff;--bg2:#f0f0f0;--panel:#ffffffcc;--panel2:#f8f8f8cc;--stroke:#00000020;--text:#1a1a1a;--muted:#4a4a4ab8;--muted2:#6a6a6a80;--accent:#d79c42;--accent2:#9d5aff;--text-primary: rgba(26,26,26,.9);--text-secondary: rgba(26,26,26,.85);--text-tertiary: rgba(26,26,26,.55);--text-muted: rgba(26,26,26,.45);--border-light: rgba(0,0,0,.1);--border-medium: rgba(0,0,0,.12);--border-dark: rgba(0,0,0,.08);--bg-overlay-light: rgba(0,0,0,.04);--bg-overlay-medium: rgba(0,0,0,.06);--bg-overlay-dark: rgba(0,0,0,.07);--bg-overlay-strong: rgba(0,0,0,.03)}[data-theme=light] span[style*=d79c42],[data-theme=light] div[style*=d79c42],[data-theme=light] p[style*=d79c42],[data-theme=light] h1[style*=d79c42],[data-theme=light] h2[style*=d79c42],[data-theme=light] h3[style*=d79c42],[data-theme=light] button[style*=d79c42],[data-theme=light] a[style*=d79c42],[data-theme=light] .gradient-text{color:#d79c42!important}@media (prefers-color-scheme: light){[data-theme=auto] span[style*=d79c42],[data-theme=auto] div[style*=d79c42],[data-theme=auto] p[style*=d79c42],[data-theme=auto] h1[style*=d79c42],[data-theme=auto] h2[style*=d79c42],[data-theme=auto] h3[style*=d79c42],[data-theme=auto] button[style*=d79c42],[data-theme=auto] a[style*=d79c42],[data-theme=auto] .gradient-text{color:#d79c42!important}}@media (prefers-color-scheme: light){[data-theme=auto]{--bg0:#f5f5f5;--bg1:#ffffff;--bg2:#f0f0f0;--panel:#ffffffcc;--panel2:#f8f8f8cc;--stroke:#00000020;--text:#1a1a1a;--muted:#4a4a4ab8;--muted2:#6a6a6a80;--accent:#d79c42;--accent2:#9d5aff;--text-primary: rgba(26,26,26,.9);--text-secondary: rgba(26,26,26,.85);--text-tertiary: rgba(26,26,26,.55);--text-muted: rgba(26,26,26,.45);--border-light: rgba(0,0,0,.1);--border-medium: rgba(0,0,0,.12);--border-dark: rgba(0,0,0,.08);--bg-overlay-light: rgba(0,0,0,.04);--bg-overlay-medium: rgba(0,0,0,.06);--bg-overlay-dark: rgba(0,0,0,.07);--bg-overlay-strong: rgba(0,0,0,.03)}}.user{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:34px;height:34px;border-radius:12px;border:1px solid var(--border-light);background:#d79c4226;color:#d79c42;flex:0 0 auto;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar svg{width:18px;height:18px}.user .uMeta{min-width:0}.user .uMeta b{display:block;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user .uMeta span{display:block;font-size:12px;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{flex:1;height:100vh;position:relative;overflow:hidden;margin-left:var(--sidebar-w);transition:margin-left var(--sidebar-transition-duration) var(--sidebar-transition-timing);background:#1e303a}[data-theme=light] .main{background:#f0f4f6}@media (prefers-color-scheme: light){[data-theme=auto] .main{background:#f0f4f6}}.mainHeader{position:absolute;top:18px;left:20px;z-index:10;display:flex;align-items:center;gap:0}.mainHeaderRight{position:absolute;top:18px;right:18px;z-index:10;display:flex;align-items:flex-start;gap:12px;overflow:visible}.coinBalanceWrap{position:relative;display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.coinBalance{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:999px;border:1px solid var(--border-light);background:var(--bg-overlay-medium);color:var(--text);text-decoration:none;font-weight:600;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.coinBalance:hover{border-color:#d79c4273;box-shadow:0 0 0 1px #d79c4226}.coinBalanceWrap:has(.coinCostGuide) .coinBalance{border-color:#d79c4280;box-shadow:0 0 0 1px #d79c4233}.coinCostGuide{position:absolute;top:calc(100% + 10px);right:0;width:min(300px,calc(100vw - 48px));padding:12px 36px 12px 14px;border-radius:var(--radius);border:1px solid var(--border-light);border-top:2px solid var(--accent);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text-secondary);font-size:12px;line-height:1.5;box-shadow:var(--shadow);z-index:1001;animation:coinGuideIn .28s ease-out}.coinCostGuide:before{content:"";position:absolute;top:-7px;right:28px;width:12px;height:12px;background:var(--panel);border-left:1px solid var(--border-light);border-top:1px solid var(--accent);transform:rotate(45deg);box-shadow:-2px -2px 6px #0000001f}@keyframes coinGuideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .coinCostGuide{background:#fff}[data-theme=light] .coinCostGuide:before{background:#fff}.coinCostGuideLabel{display:block;margin-bottom:6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent2)}.coinCostGuide p{margin:0;color:var(--text-secondary)}.coinCostGuideClose{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;border-radius:6px;background:var(--bg-overlay-light);color:var(--text-muted);font-size:16px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.coinCostGuideClose:hover{background:var(--bg-overlay-medium);color:var(--text)}[data-theme=light] .coinBalance{background:#fff}.coinBalanceIcon{display:block;flex-shrink:0}.coinBalanceCount{min-width:1.5ch;text-align:right}.headerActions{position:relative}.headerActionBtn{padding:8px 16px;border-radius:8px;border:1px solid var(--border-light);background:#ffffff0a;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;gap:6px}[data-theme=light] .headerActionBtn{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .headerActionBtn{background:#fff}}.headerActionBtn:hover{background:#ffffff14;border-color:#ffffff26}[data-theme=light] .headerActionBtn:hover{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .headerActionBtn:hover{background:#fff}}.headerActionBtn.moreBtn{padding:8px;width:36px;height:36px;display:grid;place-items:center}[data-theme=light] .headerActionBtn.moreBtn{background:#fff}@media (prefers-color-scheme: light){[data-theme=auto] .headerActionBtn.moreBtn{background:#fff}}.headerMenu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;padding:8px;border-radius:12px;border:1px solid var(--border-light);background:#120c20f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;gap:4px;z-index:1000}.headerMenuItem{padding:10px 12px;border-radius:8px;border:none;background:transparent;color:var(--text);font-size:13px;text-align:left;cursor:pointer;transition:all .2s ease;font-family:inherit}.headerMenuItem:hover{background:#ffffff14}.headerMenuItem.danger{color:#ff9696e6}.headerMenuItem.danger:hover{background:#ff4d4d26;color:#ffc8c8e6}.brandHeader{display:flex;align-items:center}.brandHeader b{font-size:24px;font-weight:700;letter-spacing:.04em;color:#d79c42}.wrap{height:100vh;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px 120px;position:relative;z-index:1}.hero{text-align:center;width:100%;max-width:800px;margin:0 auto}.hero h1{margin:0;font-weight:600;letter-spacing:.5px;font-size:clamp(64px,8vw,120px);line-height:1;text-shadow:0 10px 40px rgba(0,0,0,.35)}.hero .sub{margin-top:18px;font-size:clamp(18px,2vw,30px);letter-spacing:.18em;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.hero-sub-text{color:#ecf0f1}[data-theme=light] .hero-sub-text{color:#1e303a}@media (prefers-color-scheme: light){[data-theme=auto] .hero-sub-text{color:#1e303a}}.chat-container{width:100%;max-width:980px;margin:0 auto;padding:20px}.chat-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.chat-container::-webkit-scrollbar-thumb{background:#d79c4266;border-radius:4px}.chat-container::-webkit-scrollbar-thumb:hover{background:#d79c4299}.message{animation:fadeIn .3s ease-in}.tools{position:fixed;left:calc(var(--sidebar-w) + (100% - var(--sidebar-w))/2 - min(980px,calc(100% - var(--sidebar-w) - 80px))/2);bottom:126px;width:220px;background:linear-gradient(180deg,#293a45cc,#1e303ab8);border:1px solid var(--border-dark);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(10px) scale(.95);pointer-events:none;transition:left var(--sidebar-transition-duration) var(--sidebar-transition-timing),transform var(--sidebar-transition-duration) var(--sidebar-transition-timing),opacity var(--sidebar-transition-duration) var(--sidebar-transition-timing)}.tools.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.tools.closed{opacity:0;transform:translateY(10px) scale(.95);pointer-events:none}.tools.sidebar-collapsed{left:calc(var(--sidebar-w-collapsed) + (100% - var(--sidebar-w-collapsed))/2 - min(980px,calc(100% - var(--sidebar-w-collapsed) - 80px))/2)}.tool{display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--text);text-decoration:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;border-top:1px solid rgba(255,255,255,.08)}.tool:first-child{border-top:none}.tool:hover{background:#ffffff0f}.ico{width:18px;height:18px;opacity:.9;flex:0 0 auto}.chat{position:fixed;left:calc(var(--sidebar-w) + (100% - var(--sidebar-w))/2);bottom:40px;transform:translate(-50%);width:min(980px,calc(100% - var(--sidebar-w) - 80px));z-index:3;transition:left var(--sidebar-transition-duration) var(--sidebar-transition-timing),width var(--sidebar-transition-duration) var(--sidebar-transition-timing),transform var(--sidebar-transition-duration) var(--sidebar-transition-timing);display:flex;flex-direction:column;gap:0}.chat.sidebar-collapsed{left:calc(var(--sidebar-w-collapsed) + (100% - var(--sidebar-w-collapsed))/2);width:min(980px,calc(100% - var(--sidebar-w-collapsed) - 80px))}.bar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:999px;border:1px solid var(--border-medium);background:#415a69a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 60px #00000073;font-family:inherit;gap:8px;margin-top:0}[data-theme=light] .bar{background:#fff;box-shadow:0 18px 60px #00000026}@media (prefers-color-scheme: light){[data-theme=auto] .bar{background:#fff;box-shadow:0 18px 60px #00000026}}.plus{width:36px;height:36px;border-radius:999px;border:none;background:transparent;display:grid;place-items:center;cursor:pointer;flex-shrink:0;padding:0;margin:0}.plus svg{width:18px;height:18px}.plus path{fill:var(--accent)}.plus:hover{background:#ffffff0d}.bar input{width:100%;background:transparent;border:none;outline:none;color:var(--text);font-size:16px;font-family:inherit}.bar input::placeholder{color:#b0bec5}[data-theme=light] .bar input::placeholder{color:#415a69}@media (prefers-color-scheme: light){[data-theme=auto] .bar input::placeholder{color:#415a69}}.send{width:38px;height:38px;border-radius:12px;border:1px solid var(--border-light);background:#d79c421f;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.send svg{width:18px;height:18px}.send path{fill:var(--accent2)}.foot{position:fixed;left:calc(var(--sidebar-w) + (100% - var(--sidebar-w))/2);bottom:15px;transform:translate(-50%);font-size:12px;color:var(--text-muted);font-family:inherit;z-index:2;text-align:center;width:min(980px,calc(100% - var(--sidebar-w) - 80px));transition:left var(--sidebar-transition-duration) var(--sidebar-transition-timing),width var(--sidebar-transition-duration) var(--sidebar-transition-timing),transform var(--sidebar-transition-duration) var(--sidebar-transition-timing)}.foot.sidebar-collapsed{left:calc(var(--sidebar-w-collapsed) + (100% - var(--sidebar-w-collapsed))/2);width:min(980px,calc(100% - var(--sidebar-w-collapsed) - 80px))}@media (max-width: 980px){:root{--sidebar-w: 250px}.tools{left:calc(var(--sidebar-w) + (100% - var(--sidebar-w))/2);transform:translate(-50%)}.chat,.foot{width:calc(100% - var(--sidebar-w) - 26px)}}@media (max-width: 760px){:root{--sidebar-w: 220px}.tools{left:50%!important;transform:translate(-50%)!important;width:calc(100% - 32px)!important;max-width:280px!important;bottom:140px!important}.tools.sidebar-collapsed{left:50%!important;transform:translate(-50%)!important}}.chat-container{scrollbar-width:thin;scrollbar-color:rgba(215,156,66,.3) transparent}.chat-container::-webkit-scrollbar{width:8px}.chat-container::-webkit-scrollbar-track{background:transparent}.chat-container::-webkit-scrollbar-thumb{background:#d79c424d;border-radius:4px}.chat-container::-webkit-scrollbar-thumb:hover{background:#d79c4280}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message{animation:fadeIn .3s ease-in}.chat-message-body{line-height:1.42}.chat-message-body>:first-child{margin-top:0!important}.chat-message-body>:last-child{margin-bottom:0!important}.chat-message-body p{margin:.3em 0}.chat-message-body h1{margin:.4em 0 .2em;font-size:1.35em;font-weight:600;line-height:1.25}.chat-message-body h2{margin:.38em 0 .18em;font-size:1.2em;font-weight:600;line-height:1.28}.chat-message-body h3{margin:.35em 0 .15em;font-size:1.1em;font-weight:600;line-height:1.3}.chat-message-body h4,.chat-message-body h5,.chat-message-body h6{margin:.32em 0 .12em;font-weight:600;line-height:1.32}.chat-message-body li{margin:.12em 0}.chat-message-body li>p{margin:.15em 0}.chat-message .chat-message-feedback-trigger{visibility:visible!important;opacity:1!important;display:inline-flex!important}.chat-message table{width:100%;border-collapse:collapse;margin:.35em 0;background-color:#ffffff08;border-radius:8px;overflow:hidden}.chat-message table thead tr{background:linear-gradient(135deg,#667eea4d,#764ba24d)}.chat-message table th{padding:8px 10px;border-bottom:2px solid rgba(102,126,234,.5);text-align:left;color:#ecf0f1f2;font-weight:600;font-size:14px}.chat-message table th:first-child{text-align:left;font-size:14px}.chat-message table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.1);color:#ecf0f1d9;vertical-align:top;line-height:1.42;font-size:15px}.chat-message table tbody tr:nth-child(2n){background-color:#ffffff05}.chat-message table tbody tr:nth-child(odd){background-color:#ffffff0a}.chat-message table tbody tr:hover{background-color:#667eea1a}.chat-message table td:first-child{text-align:left;font-size:15px;font-weight:600;vertical-align:top}.chat-message table td:first-child :where(p,span,strong,em,a){font-size:inherit;line-height:inherit}.chat-message table td:first-child :where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:600;margin:0;line-height:inherit}@media (max-width: 768px){.chat-message table{font-size:12px}.chat-message table th,.chat-message table td{padding:10px 8px}.chat-message table td,.chat-message table td:first-child{font-size:13px}}.chat-container{position:relative;padding-bottom:180px!important}.chat-container:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,rgba(30,48,58,.95),transparent);pointer-events:none;z-index:1}[data-theme=light] .chat-container:before{background:linear-gradient(to bottom,rgba(240,244,246,.95),transparent)}@media (prefers-color-scheme: light){[data-theme=auto] .chat-container:before{background:linear-gradient(to bottom,rgba(240,244,246,.95),transparent)}}.chat-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgba(30,48,58,.98),transparent);pointer-events:none;z-index:1}[data-theme=light] .chat-container:after{background:linear-gradient(to top,rgba(240,244,246,.98),transparent)}@media (prefers-color-scheme: light){[data-theme=auto] .chat-container:after{background:linear-gradient(to top,rgba(240,244,246,.98),transparent)}}html{scrollbar-width:thin;scrollbar-color:rgba(215,156,66,.4) rgba(255,255,255,.05)}body{scrollbar-width:thin;scrollbar-color:rgba(215,156,66,.4) rgba(255,255,255,.05);overflow-y:auto;overflow-x:hidden}html::-webkit-scrollbar,body::-webkit-scrollbar{width:12px;height:12px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#0000001a;border-radius:6px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:#d79c4266;border-radius:6px;border:2px solid transparent;background-clip:padding-box}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:#d79c4299}html::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner{background:#0000001a}.mobile-menu-btn{display:none;width:40px;height:40px;border-radius:8px;border:1px solid var(--border-light);background:#ffffff0d;color:var(--text);cursor:pointer;align-items:center;justify-content:center;margin-right:12px;transition:all .2s ease}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-menu-btn svg{width:20px;height:20px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 768px){:root{--sidebar-w: 280px;--sidebar-w-collapsed: 0px}.mobile-menu-btn{display:flex}.sidebar-overlay{display:block}.sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:1000;box-shadow:4px 0 20px #00000080}.sidebar.open{transform:translate(0)}.main{margin-left:0!important;width:100%}.chat{left:50%!important;width:calc(100% - 40px)!important;max-width:100%!important}.chat.sidebar-collapsed{left:50%!important;width:calc(100% - 40px)!important}.foot{left:50%!important;width:calc(100% - 40px)!important;max-width:100%!important}.foot.sidebar-collapsed{left:50%!important;width:calc(100% - 40px)!important}.tools{left:50%!important;transform:translate(-50%)!important;width:calc(100% - 32px)!important;max-width:280px!important;bottom:140px!important}.tools.sidebar-collapsed{left:50%!important;transform:translate(-50%)!important}.mainHeader{left:16px;top:10px;display:flex;align-items:center}.mainHeaderRight{right:10px;top:10px}.chat-container{padding:20px 10px 200px!important}.wrap{padding:20px 10px 120px}.brandHeader b{font-size:20px}.headerActionBtn{padding:6px 12px;font-size:12px}.headerActionBtn.moreBtn{width:32px;height:32px;padding:6px}}@media (max-width: 480px){:root{--sidebar-w: 100%}.sidebar{width:100%}.chat{width:calc(100% - 20px)!important;bottom:60px}.bar{padding:12px 14px}.foot{width:calc(100% - 20px)!important;bottom:20px;font-size:11px}.mainHeader{left:14px;top:8px}.mainHeaderRight{right:8px;top:8px;gap:8px}.chat-container{padding:15px 8px 180px!important}.hero h1{font-size:clamp(48px,12vw,64px)}}