body.dark-mode{--ink: rgb(220, 220, 220);--ink-2: #aaa;--ink-3: #777;--ink-4: #444;--bg: #101010;--bg-2: #111111;--card: #101010;--btn: #333;--input-bg: #1a1a1a;--input-border: #333;--highlight-bg: #333;--border-color: #2a2a2a;--green-accent: #4CAF50;--green-bright: #4ade80;--blue-accent: #4a9eff;--red-accent: #ff5555;--shadow: 0 10px 20px rgba(0, 0, 0, .4);--background-color-popup-darkmode: rgba(20, 20, 20, .728);--main-bg: var(--bg);--card-bg: var(--card);--card-bg-elevated: #161616;--text-primary: var(--ink);--text-secondary: var(--ink-2);--text-tertiary: var(--ink-3);--button-primary: var(--btn);--button-primary-text: var(--ink);--accent-blue: var(--blue-accent);--accent-green: var(--green-accent);--accent-red: var(--red-accent)}.dark-mode{background:var(--main-bg)!important;color:var(--text-primary)}.dark-mode P{color:var(--text-secondary)}.dark-mode .navbar{background:var(--main-bg)}.dark-mode .logo{filter:invert(1);opacity:.8}.dark-mode .navbar a{color:var(--text-secondary)}.dark-mode .navbar a:hover,.dark-mode .theme-toggle i{color:var(--text-primary)}.dark-mode .theme-toggle:hover{background:#ffffff1a}.dark-mode .nav-btn-primary{background:transparent;border:1.5px dashed #444;color:var(--text-secondary)}.dark-mode .nav-btn-primary:hover{background:#ffffff0d;border-color:#888;color:var(--text-primary)}.dark-mode .nav-btn-primary2{background:transparent;border-color:var(--border-color);color:var(--text-primary)}.dark-mode .nav-btn-primary2:hover{border-color:var(--text-primary)}.dark-mode .motto-badge{background:linear-gradient(135deg,#e0e0e0,#ccc);color:#111}.dark-mode .motto-title{color:var(--text-primary)}.dark-mode .motto-text{color:#ffffff80}.dark-mode .upload-container{background:var(--card-bg);border:solid 1px var(--border-color)}.dark-mode .upload-container.dragover{border-color:var(--green-bright);background:var(--card-bg);box-shadow:0 0 0 4px #4ade800f}.dark-mode .upload-icon-wrap{background:#22c55e14}.dark-mode .upload-icon-wrap i{color:#4ade80}.dark-mode .upload-main-text{color:var(--text-primary)}.dark-mode .upload-sub-text{color:#666}.dark-mode .upload-divider-line{background:#ffffff0f}.dark-mode .upload-divider-text{color:#555;background:var(--card-bg)}.dark-mode .upload-hint{color:#555}.dark-mode .upload-btn{background:#333;color:#dcdcdc}.dark-mode .upload-btn:hover{background:#444;box-shadow:0 4px 12px #0000004d}.dark-mode .login-required-box{background:transparent}.dark-mode .login-required-icon-wrap{background:linear-gradient(135deg,#4ade8026,#4a9eff1f)}.dark-mode .login-required-icon-wrap:after{border-color:#4ade8040}.dark-mode .login-required-icon-wrap i{color:var(--green-bright)}.dark-mode .login-required-title{color:var(--text-primary)}.dark-mode .login-required-subtitle{color:var(--green-bright)}.dark-mode .login-required-text{color:var(--text-secondary)}.dark-mode .login-required-feature i{color:var(--green-bright)}.dark-mode .login-required-feature span{color:var(--text-secondary)}.dark-mode .login-required-btn{background:linear-gradient(135deg,var(--green-bright),#22c55e);color:#fff;box-shadow:0 4px 16px #4ade8033}.dark-mode .login-required-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 24px #4ade804d}.dark-mode .login-required-or{color:#555}.dark-mode .login-required-create{color:var(--green-bright)}.dark-mode .login-required-create:hover{background:#4ade8014}.dark-mode #viewerPreloader{background:var(--main-bg)!important}.dark-mode #viewerPreloader i,.dark-mode #viewerPreloader p{color:var(--text-secondary)!important}.dark-mode .auth-modal{background:#0a0a0aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark-mode .auth-card{background:#12121200;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text-primary);border:1px solid rgba(255,255,255,.06)}.dark-mode .close-modal{background:#ffffff14;color:var(--ink-3)}.dark-mode .close-modal:hover{background:#ef44441f;color:#ef4444}.dark-mode .auth-logo{filter:invert(1);opacity:1}.dark-mode .auth-card h2,.dark-mode .auth-card h3{color:var(--text-primary)}.dark-mode .auth-subtitle{color:var(--text-tertiary)}.dark-mode .auth-input-wrap{background:var(--input-bg);border-color:var(--input-border)}.dark-mode .auth-input-wrap:focus-within{border-color:#555;background:#1e1e1e}.dark-mode .auth-input-wrap i{color:#555}.dark-mode .auth-input-wrap input{color:var(--text-primary)}.dark-mode .auth-input-wrap input::placeholder{color:#555}.dark-mode .remember-row label{color:var(--text-secondary)}.dark-mode .remember-row input[type=checkbox]{accent-color:#888}.dark-mode .auth-error-msg,.dark-mode .login-error{color:var(--accent-red)}.dark-mode .auth-btn{background:var(--button-primary);color:var(--button-primary-text)}.dark-mode .auth-btn:hover{background:#444}.dark-mode .auth-link-btn{color:var(--text-secondary)}.dark-mode .auth-link-btn:hover{color:var(--text-primary)}.dark-mode .auth-link-divider{background:#333}.dark-mode .auth-divider:before,.dark-mode .auth-divider:after{background:#2a2a2a}.dark-mode .auth-divider span{color:#555}.dark-mode .google-btn{background:#1a1a1a;border-color:#333;color:#dcdcdc}.dark-mode .google-btn:hover{background:#252525;border-color:#444}.dark-mode .auth-provider-btn.google{background:#fff;border-color:#e0e0e0;color:#1f1f1f}.dark-mode .auth-provider-btn.google:hover{background:#f5f5f5}.dark-mode .auth-provider-btn.email.primary{background:#1a1a1a;border-color:#333;color:#dcdcdc}.dark-mode .auth-provider-btn.email.primary:hover{background:#252525;border-color:#444}.dark-mode .auth-provider-btn.email:not(.primary){background:transparent;border-color:#444;color:var(--text-primary)}.dark-mode .auth-provider-btn.email:not(.primary):hover{background:#ffffff0d;border-color:#666}.dark-mode .auth-helper-text{color:var(--text-tertiary)}.dark-mode .auth-back-btn{background:#2a2a2a;color:#888}.dark-mode .auth-back-btn:hover{background:#333;color:var(--text-primary)}.dark-mode .auth-email-icon{background:linear-gradient(135deg,#2a2a2a,#1f1f1f)}.dark-mode .auth-email-icon i{color:var(--green-accent)}.dark-mode .terms-row label{color:var(--text-tertiary)}.dark-mode .terms-row label a{color:var(--text-secondary)}.dark-mode .terms-row label a:hover{color:var(--text-primary)}.dark-mode .auth-step-icon{background:#4a9eff1a}.dark-mode .auth-step-icon.success{background:#4caf501a}.dark-mode .auth-step-icon.error{background:#e539351a}.dark-mode .auth-step-title{color:var(--text-primary)}.dark-mode .auth-step-desc{color:var(--text-secondary)}.dark-mode .auth-code-input{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark-mode .auth-code-input:focus{border-color:var(--accent-blue);background:#1e1e1e}.dark-mode .auth-code-timer{color:var(--text-secondary)}.dark-mode .auth-code-timer .timer-count{color:var(--accent-blue)}.dark-mode .terms-row,.dark-mode .terms-row label{color:var(--text-secondary)}.dark-mode .terms-row input[type=checkbox]{accent-color:#888}.dark-mode .modal-preloader{background:#0a0a0ad9}.dark-mode .modal-spinner{border-color:#333;border-top-color:var(--text-primary)}.dark-mode .modal-preloader-box p{color:var(--text-secondary)}.dark-mode .modal-error-screen{background:#101010f2}.dark-mode .modal-error-screen h4{color:var(--text-primary)}.dark-mode .verify-input{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark-mode .verify-input:focus{border-color:var(--accent-blue)}.dark-mode .verify-timer{color:var(--text-secondary)}.dark-mode .verify-timer.expired{color:var(--accent-red)}.dark-mode .verify-result{color:var(--text-secondary)}.dark-mode .verify-result.success{color:#5cb85c}.dark-mode .verify-result.error{color:var(--accent-red)}.dark-mode .verify-title{color:var(--text-primary)}.dark-mode .forgot-password-btn{color:var(--text-secondary)}.dark-mode .auth-success-title{color:var(--text-primary)}.dark-mode .auth-error-icon i{color:var(--accent-red)}.dark-mode .explore-modal-content{background:#141414f2;border-color:#ffffff14;color:#fff}.dark-mode .explore-scroll::-webkit-scrollbar-thumb{background:#ffffff14}.dark-mode .pricing-scroll::-webkit-scrollbar-thumb{background:#ffffff14}.dark-mode .explore-section-title{color:var(--text-primary)}.dark-mode .explore-section-subtitle{color:var(--text-secondary)}.dark-mode .explore-hero{border-bottom-color:#ffffff0f}.dark-mode .explore-hero-badge{background:linear-gradient(135deg,#222,#333);color:#e0e0e0}.dark-mode .explore-hero-badge i{color:var(--green-bright)}.dark-mode .explore-hero-title{color:var(--text-primary)}.dark-mode .explore-hero-subtitle{color:#ffffff80}.dark-mode .hero-pill{background:transparent;border:none;color:#ffffffd9}.dark-mode .hero-pill:hover{background:transparent;border:none;color:#4ade80}.dark-mode .hero-pill i{color:var(--green-bright)}.dark-mode .hero-note{color:var(--ink-2)}.dark-mode .explore-cta-btn{box-shadow:0 4px 16px #4ade8033}.dark-mode .explore-cta-btn:hover{box-shadow:0 6px 24px #4ade804d}.dark-mode .explore-features{border-bottom-color:#ffffff0f}.dark-mode .explore-card{background:var(--card-bg-elevated);border-color:#ffffff0f}.dark-mode .explore-card-icon{background:linear-gradient(135deg,#4ade8026,#22c55e1a)}.dark-mode .explore-card-tag{color:var(--green-bright);background:#4ade801a}.dark-mode .explore-card-title{color:var(--text-primary)}.dark-mode .explore-card-desc{color:var(--text-secondary)}.dark-mode .features-toggle-btn{border-color:#ffffff1a;color:var(--text-primary)}.dark-mode .features-toggle-btn:hover{background:#ffffff0a;border-color:#fff3}.dark-mode .explore-how{border-bottom-color:#ffffff0f}.dark-mode .explore-step-card{background:var(--card-bg, #101010);border-color:#ffffff0f}.dark-mode .step-number-big{color:#22c55e;-webkit-text-stroke:none;text-shadow:0 1px 3px rgba(34,197,94,.2)}.dark-mode .step-arrow{background:#4ade801a}.dark-mode .step-arrow i{color:var(--green-bright)}.dark-mode .step-card-title{color:#4ade80}.dark-mode .step-card-desc{color:var(--text-secondary)}.dark-mode .step-card-visual{background:#ffffff08;border-color:#ffffff0f}.dark-mode .step-visual-inner i,.dark-mode .step-visual-inner span{color:var(--green-bright)}.dark-mode .explore-video{border-bottom-color:#ffffff0f}.dark-mode .explore-workspace-card{box-shadow:0 4px 24px #00000059}.dark-mode .explore-video-frame{background:var(--card-bg-elevated);border-color:#ffffff0f}.dark-mode .explore-video-placeholder{color:#555}.dark-mode .explore-audience{border-bottom-color:#ffffff0f}.dark-mode .explore-pill{background:transparent;border:none;color:#ffffffd9}.dark-mode .explore-cta-footer-title{color:var(--text-primary)}.dark-mode .explore-cta-footer-text{color:var(--text-secondary)}.dark-mode .explore-trust-item{color:#666}.dark-mode .explore-trust-item i,.dark-mode .explore-video-placeholder:hover i{color:var(--green-bright)}.dark-mode .legal-links a{color:#555}.dark-mode .legal-links a:hover{color:#aaa}.dark-mode .legal-sep{color:#333}.dark-mode .legal-modal-content{background:#141414f2;border-color:#ffffff14}.dark-mode .legal-modal-header{border-bottom-color:#ffffff0f}.dark-mode .legal-modal-header h3{color:var(--text-primary)}.dark-mode .legal-modal-close{background:#ffffff0f;color:#666}.dark-mode .legal-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.dark-mode .legal-modal-body{color:var(--text-secondary)}.dark-mode .legal-modal-body h4{color:var(--text-primary)}.dark-mode .legal-modal-body::-webkit-scrollbar-thumb{background:#ffffff14}.dark-mode .legal-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff26}.dark-mode .demo-color-slider-wrap label,.dark-mode .demo-slider-item label{color:var(--ink-3)}.dark-mode .demo-slider-item input[type=range]{background:#333}.dark-mode .demo-slider-item input[type=range]:hover{background:#444}.dark-mode .demo-slider-item input[type=range]::-webkit-slider-thumb{background:#fff;box-shadow:0 2px 8px #00000080}.dark-mode .demo-slider-item input[type=range]::-moz-range-thumb{background:#fff;box-shadow:0 2px 8px #00000080}.dark-mode .demo-color-slider-wrap input[type=range]::-webkit-slider-thumb{background:#282828e6;border-color:#ffffffb3}.dark-mode .demo-color-slider-wrap input[type=range]::-moz-range-thumb{background:#282828e6;border-color:#ffffffb3}.dark-mode .index-step-icon{border-color:#22c55e4d;background:#22c55e14}.dark-mode .index-step-icon i{color:#4ade80}.dark-mode .index-step-text strong{color:var(--text-primary)}.dark-mode .index-step-text span{color:var(--ink-3)}.dark-mode .index-step-line:before{border-top-color:#4ade8033}.dark-mode .index-step-line:after{border-top-color:#4ade8040;border-right-color:#4ade8040}