@import url(https://fonts.googleapis.com/icon?family=Material+Icons);@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:400;src:url(/static/media/Kanit-Regular.f3bae13d78ced30b6ea3.ttf) format("truetype")}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:700;src:url(/static/media/Kanit-Regular.f3bae13d78ced30b6ea3.ttf) format("truetype")}@font-face{font-display:swap;font-family:Kanit Light;font-style:normal;font-weight:400;src:url(/static/media/Kanit-Regular.f3bae13d78ced30b6ea3.ttf) format("truetype")}:root{--primary-light:#aea9eb;--dark-bg:#1a1a1a;--dark-bg-secondary:#222;--card-bg-dark:#2a2a2a;--light-bg:#fff;--success:#4caf50;--warning:#ffc107;--error:#ff5252;--button-purple:#482673;--button-purple-hover:#5a3581;--font-secondary:"Kanit","Arial",sans-serif;--success-color:#4caf50;--danger-color:#f44336;--warning-color:#ff9800;--light-color:#f8f9fa;--gray-color:#6c757d;--border-color:#333;--shadow:0 4px 6px #0000004d;--card-bg:#2a2a2a}*{margin:0;padding:0}#root,body,html{background-color:#1a1a1a;background-color:var(--dark-bg)}body{color:#f0f0f0;color:var(--text-color);font-family:Kanit,Arial,sans-serif;font-family:var(--font-secondary);line-height:1.6;max-width:100%;min-height:100vh;width:100vw}a{color:#7b6fff;color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:#6259cc;color:var(--dark-primary-hover,#6259cc)}h1,h2,h3,h4,h5,h6{font-family:Kanit,sans-serif;font-family:var(--font-primary);font-weight:700;line-height:1.2}h1,h2,h3,h4,h5,h6,p{color:#f0f0f0;color:var(--text-color);margin-bottom:1rem}.app{margin:0 auto;max-width:1200px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-color);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background-color:#ffffffb3;border:1px solid #dddddd80;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s,background-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#333;border-color:var(--primary-dark);box-shadow:0 0 0 2px #26133d33;outline:none}.form-hint{color:#f0f0f0;color:var(--text-color);font-size:.875rem;margin-top:.25rem;opacity:.8}.form-section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#2a2a2a;background-color:var(--card-bg);border-radius:8px;box-shadow:0 4px 6px #0000004d;box-shadow:var(--shadow);margin-bottom:2rem;padding:1.5rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-group.days{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.checkbox-group label{align-items:center;display:flex;font-weight:400;gap:.5rem}.btn-danger,.btn-primary,.btn-secondary,.btn-success,button{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-align:center;transition:background-color .2s,transform .1s,box-shadow .2s}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled,button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.7;transform:none!important}.btn-primary{background-color:#333;background-color:var(--primary-dark)}.btn-primary:hover:not(:disabled){background-color:#5a3581;background-color:var(--button-purple-hover);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.btn-secondary{background-color:#ffffff80;border:1px solid #dddddd80;color:#f0f0f0;color:var(--text-color)}.btn-secondary:hover:not(:disabled){background-color:#fff3;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.btn-success{background-color:#4caf50;background-color:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background-color:#3d8b40;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.btn-danger{background-color:#f44336;background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#d32f2f;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.login-container,.register-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#2a2a2a;background-color:var(--card-bg);border-radius:8px;box-shadow:0 4px 6px #0000004d;box-shadow:var(--shadow);margin:4rem auto;max-width:500px;padding:2rem}.login-container h2,.register-container h2{color:#333;color:var(--primary-dark);margin-bottom:2rem;text-align:center}.auth-links{margin-top:1.5rem;text-align:center}.auth-links a{color:#333;color:var(--primary-dark);font-weight:500;transition:color .2s}.auth-links a:hover{color:#6259cc;color:var(--dark-primary-hover,#6259cc)}.error-message{background-color:#ffebee;border-left:4px solid #f44336;border-left:4px solid var(--danger-color);color:var(--danger-color);margin-bottom:1rem;padding:.75rem}.dashboard-container{margin:0 auto;max-width:1200px;padding:2rem}.dashboard-container h2{color:#333;color:var(--primary-dark);margin-bottom:2rem}.goals-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.goal-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#2a2a2a;background-color:var(--card-bg);box-shadow:0 4px 6px #0000004d;box-shadow:var(--shadow);padding:1.5rem;transition:transform .2s,box-shadow .2s}.goal-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px)}.goal-card.completed{border-left:4px solid #4caf50;border-left:4px solid var(--success-color)}.goal-card h3{color:#333;color:var(--primary-dark);margin-bottom:1rem}.goal-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.empty-state{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#2a2a2a;background-color:var(--card-bg);border-radius:8px;box-shadow:0 4px 6px #0000004d;box-shadow:var(--shadow);padding:3rem}.create-goal-container{max-width:700px}.assessment-container,.create-goal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000004d;box-shadow:var(--shadow);margin:0 auto;padding:2rem}.assessment-container{max-width:800px}.assessment-intro,.question-card{margin-bottom:2rem}.question-card{background-color:#f8f9fa;border-radius:8px;padding:1.5rem}.question-text{margin-bottom:1rem}.assessment-results{padding:2rem}.score-display{margin:2rem 0}.score{color:var(--primary-color);font-size:2rem;font-weight:700}.score-message{font-size:1.25rem;margin-top:1rem}.learning-plan-container{margin-bottom:0}.plan-header{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000004d;box-shadow:var(--shadow);margin-bottom:2rem;padding:1.5rem}.plan-sections{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.plan-section{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000004d;box-shadow:var(--shadow);padding:1.5rem}.detailed-plan-list,.roadmap-list{margin-left:1.5rem}.detailed-plan-list li,.roadmap-list li{margin-bottom:.75rem}.lessons-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.lesson-card{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.lesson-card.completed{border-left:4px solid #4caf50;border-left:4px solid var(--success-color)}.completed-badge{background-color:#4caf50;background-color:var(--success-color);border-radius:4px;color:#fff;display:inline-block;font-size:.875rem;padding:.25rem .75rem}.lesson-container{margin-bottom:3rem}.lesson-header,.pomodoro-timer{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000004d;box-shadow:var(--shadow);margin-bottom:2rem;padding:1.5rem}.pomodoro-timer{text-align:center}.timer-display{font-size:2rem;margin:1.5rem 0}.timer-mode{color:#6c757d;color:var(--gray-color);display:block;font-size:1rem;margin-bottom:.5rem}.timer-controls{display:flex;gap:1rem;justify-content:center}.lesson-content,.lesson-notes,.lesson-resources,.lesson-videos{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000004d;box-shadow:var(--shadow);margin-bottom:2rem;padding:1.5rem}.content-text{line-height:1.8}.resource-list,.video-list{margin-left:1.5rem}.resource-list li,.video-list li{margin-bottom:.75rem}.notes-list{margin-bottom:2rem}.note-card{background-color:#f8f9fa;border-left:4px solid var(--accent-color);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.note-content{margin-bottom:1rem;white-space:pre-wrap}.note-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.tag{background-color:#e9ecef;border-radius:4px;display:inline-block;font-size:.75rem;padding:.25rem .5rem}.note-date{color:#6c757d;color:var(--gray-color);font-size:.875rem}.add-note h4,.add-note input,.add-note textarea{margin-bottom:1rem}.loading{align-items:center;color:#6c757d;color:var(--gray-color);display:flex;font-size:1.25rem;height:200px;justify-content:center}@media (min-width:768px){.plan-sections{grid-template-columns:repeat(2,1fr)}}*{box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}:root{--primary:#7b6fff;--primary-light:#ffecb3;--primary-dark:#333;--secondary:#40c4ff;--secondary-light:#b3e5fc;--secondary-dark:#0288d1;--text-color:#f0f0f0;--dark-primary-hover:#5a52ac}#root,.App,body,html{height:100%;margin:0;padding:0;width:100%}#root,.App,body,html{background:#0a101e;background:var(--dark-bg);overflow-x:hidden}.App{color:#f0f0f0;color:var(--text-color);flex-direction:column;font-family:Kanit,sans-serif;font-family:var(--font-secondary);min-height:100vh;overflow-y:hidden;text-align:center;width:100vw}.App,.app-content{display:flex;max-width:100%}.app-content{background-color:#0a101e;background-color:var(--dark-bg);flex:1 1;flex-direction:column;padding:0;transition:background-color .3s ease,color .3s ease;width:100%}.app-content.with-header{margin-top:60px}.app-content.with-authenticated-header{margin-left:0}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:initial;color:#fff;display:flex;flex-direction:column;font-family:Kanit,sans-serif;font-family:var(--font-primary);font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#7b6fff;color:var(--primary);font-family:Kanit,sans-serif;font-family:var(--font-secondary)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.app-layout{background-color:#0a101e;background-color:var(--dark-bg);height:100vh;height:auto!important;overflow-x:hidden;overflow-y:visible!important}.app-container{width:100%}.app-container,.app-layout .main-content{background-color:#0a101e;background-color:var(--dark-bg);color:#f0f0f0;color:var(--text-color);min-height:100vh}.app-layout .main-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.app-layout .main-content,.app-layout .main-content.dark,.app-layout .main-content.light,.app-layout .main-content.sidebar-collapsed{margin-left:250px!important;width:calc(100% - 250px)!important}.main-content{background-color:var(--dark-bg);box-sizing:border-box;color:#f0f0f0;color:var(--text-color);display:flex;flex-direction:column;min-height:100vh}button{border:none;border-radius:4px;cursor:pointer;font-family:inherit;font-size:1rem;transition:all .2s ease}.auth-submit-btn,.button-primary,.cta-signup-btn,.home-primary-action-btn{align-items:center;background:linear-gradient(135deg,#8a42ff,#7b6fff);background:linear-gradient(135deg,var(--auth-primary),#7b6fff);border:none;border-radius:10px;box-shadow:0 4px 15px #8a42ff4d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-submit-btn:hover:not(:disabled),.button-primary:hover,.cta-signup-btn:hover,.home-primary-action-btn:hover{background:linear-gradient(135deg,#a06eff,#8b7aff);background:linear-gradient(135deg,var(--auth-primary-hover),#8b7aff);box-shadow:0 6px 20px #8a42ff66;transform:translateY(-2px)}.auth-submit-btn:active,.button-primary:active,.cta-signup-btn:active,.home-primary-action-btn:active{transform:translateY(0)}.button-secondary,.cta-learn-more-btn,.nav-login-btn{align-items:center;background-color:initial;border:1px solid #3e356b;border:1px solid var(--auth-border-color);border-radius:10px;color:#b3a8d8;color:var(--auth-text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .3s ease}.button-secondary:hover,.cta-learn-more-btn:hover,.nav-login-btn:hover{background-color:#2c254d;background-color:var(--auth-bg-tertiary);border-color:#8a42ff;border-color:var(--auth-primary);box-shadow:0 4px 12px #0003;color:#f0f0f0;color:var(--auth-text-primary);transform:translateY(-2px)}.forgot-password,.link-button{align-items:center;background:none;border:none;border-radius:6px;color:#8a42ff;color:var(--auth-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;gap:4px;padding:4px 8px;text-decoration:none;transition:all .3s ease}.forgot-password:hover,.link-button:hover{background:#8a42ff1a;color:#a06eff;color:var(--auth-primary-hover);transform:translateX(2px)}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{background:#2c254d;background:var(--auth-bg-tertiary);border:2px solid #0000;border-radius:12px;box-sizing:border-box;color:#f0f0f0;color:var(--auth-text-primary);font-family:inherit;font-size:1rem;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:#8e85b3;color:var(--auth-text-tertiary)}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{background:#3e356b;background:var(--auth-bg-hover);border-color:#8a42ff;border-color:var(--auth-primary);box-shadow:0 0 0 3px #8a42ff1a;outline:none;transform:translateY(-1px)}input[type=email]:hover:not(:focus),input[type=number]:hover:not(:focus),input[type=password]:hover:not(:focus),input[type=text]:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){background:#3e356b;background:var(--auth-bg-hover);border-color:#3e356b;border-color:var(--auth-border-color)}@media (max-width:450px){.main-content{padding-left:0!important;padding-right:0!important}}@media (max-width:849px){.app-layout .main-content,.app-layout .main-content.dark,.app-layout .main-content.light,.app-layout .main-content.sidebar-collapsed,.app-layout .main-content[style*=margin-left],.main-content,.main-content.dark,.main-content.light,.main-content.sidebar-collapsed,.main-content[style*=margin-left]{box-sizing:border-box!important;margin-left:0!important;padding-top:60px!important;width:100%!important}.app-layout .main-content{margin-left:0!important;padding-top:60px!important;width:100%!important}.authenticated-header,.side-menu{display:none!important}.authenticated-header{margin-left:0!important;width:100%!important}.app-content.with-authenticated-header{margin-left:0!important;padding-top:0!important}.main-content[style]{margin-left:0!important;width:100%!important}}@media (min-width:850px){.app-layout .main-content,.main-content{padding-top:0!important}.authenticated-header{display:flex!important;margin-left:250px!important;width:calc(100% - 250px)!important}}.dashboard-container{background-color:#0a101e;background-color:var(--dark-bg);color:#f0f0f0;color:var(--text-color);padding:20px}.dashboard-container h2{color:#f0f0f0;color:var(--text-color);font-size:24px;margin-bottom:20px}.goals-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.goal-card{background-color:var(--dark-bg-secondary);border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#f0f0f0;color:var(--text-color);padding:20px}.authenticated-app{background-color:#0a101e;background-color:var(--dark-bg);color:#e4e6eb;color:var(--dark-text);display:flex;flex-direction:column;min-height:100vh;position:relative;transition:background-color .3s ease,color .3s ease}.authenticated-app>:not(.authenticated-header){flex:1 1}.loading-app{align-items:center;background-color:#0a101e;background-color:var(--dark-bg-primary,#0a101e);color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);display:flex;font-size:18px;height:100vh;justify-content:center}.authenticated-header{background-color:#0a101e;background-color:var(--dark-bg);border-bottom:0 solid #ffffff1a;box-shadow:0 1px 2px #0003}.authenticated-header.light{border-bottom:1px solid #0000001a;box-shadow:0 1px 2px #0000001a}.search-container{background-color:#ffffff1a}.search-icon{color:#b0b3b8}.search-input{color:#e4e6eb;color:var(--dark-text)}.search-input::placeholder{color:#b0b3b8;color:var(--dark-text-secondary)}.more-button,.notification-icon{color:#e4e6eb;color:var(--dark-text)}.more-dropdown{background-color:#111725;background-color:var(--dark-bg-secondary)}.dropdown-item{color:#e4e6eb;color:var(--dark-text)}body.light{--dark-bg:#f2f2f7;--dark-bg-secondary:#e5e5ea;--dark-text:#333;--dark-text-secondary:#666;--dark-border:#0000001a;--dark-primary:#7b6fff;--dark-primary-hover:#6a60e1}body.dark{--dark-bg:#0a101e;--dark-bg-secondary:#111725;--dark-text:#e4e6eb;--dark-text-secondary:#b0b3b8;--dark-border:#ffffff26;--dark-primary:#7b6fff;--dark-primary-hover:#5a52ac}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#f0f0f0;color:var(--auth-text-primary);font-size:.9rem;margin-bottom:4px}.form-input-wrapper{align-items:center;display:flex;position:relative}.form-input-icon{color:#8e85b3;color:var(--auth-text-tertiary);left:16px;position:absolute;transition:color .3s ease;z-index:2}.form-input-wrapper:focus-within .form-input-icon{color:#8a42ff;color:var(--auth-primary)}.input-error{background:#ff6b6b0d!important;border-color:#ff6b6b!important;border-color:var(--auth-error)!important}.input-success{background:#51cf660d!important;border-color:#51cf66!important;border-color:var(--auth-success)!important}.form-error-message{color:#ff6b6b;color:var(--auth-error)}.form-error-message,.form-success-message{align-items:center;display:flex;font-size:.85rem;gap:6px;margin-top:4px}.form-success-message{color:#51cf66;color:var(--auth-success)}.loading-spinner,.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:initial;height:18px;width:18px}.modern-card{background:#2c254d;background:var(--auth-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--auth-border-light);border-radius:16px;box-shadow:0 8px 32px #0000001f;padding:24px;transition:all .3s ease}.modern-card:hover{border-color:#8a42ff33;box-shadow:0 12px 40px #0000002e;transform:translateY(-2px)}.app-layout .main-content{margin-left:250px!important;transition:margin-left .3s ease,width .3s ease!important;width:calc(100% - 250px)!important}.app-layout .main-content.sidebar-collapsed{margin-left:60px!important;width:calc(100% - 60px)!important}.app-layout .main-content[style*=margin-left]{margin-left:250px!important}.app-layout .main-content.sidebar-collapsed[style*=margin-left]{margin-left:60px!important}html body .app-layout .main-content,html body .app-layout .main-content.dark,html body .app-layout .main-content.light,html body .app-layout .main-content[class*=main-content]{box-sizing:border-box!important;margin-left:250px!important;position:relative!important;width:calc(100% - 250px)!important}html body .app-layout .main-content.sidebar-collapsed,html body .app-layout .main-content.sidebar-collapsed.dark,html body .app-layout .main-content.sidebar-collapsed.light{margin-left:60px!important;width:calc(100% - 60px)!important}.app-layout .main-content:before{content:"";height:0;left:0;pointer-events:none;position:absolute;top:0;width:0}@keyframes enforce-layout{0%{margin-left:250px;width:calc(100% - 250px)}to{margin-left:250px;width:calc(100% - 250px)}}@keyframes enforce-layout-collapsed{0%{margin-left:60px;width:calc(100% - 60px)}to{margin-left:60px;width:calc(100% - 60px)}}.app-layout .main-content{animation:enforce-layout .1s ease-in-out}.app-layout .main-content.sidebar-collapsed{animation:enforce-layout-collapsed .1s ease-in-out}.app-layout .main-content:focus-within{margin-left:250px!important;width:calc(100% - 250px)!important}.app-layout .main-content.sidebar-collapsed:focus-within{margin-left:60px!important;width:calc(100% - 60px)!important}.main-content.new-user-mode{overflow:hidden!important}.main-content.new-user-mode:before{z-index:1000!important}@media (max-width:849px){html body .app-layout .main-content,html body .app-layout .main-content.dark,html body .app-layout .main-content.light,html body .app-layout .main-content[class*=main-content],html body .main-content,html body .main-content.dark,html body .main-content.light,html body .main-content[class*=main-content]{box-sizing:border-box!important;margin-left:0!important;padding-top:60px!important;position:relative!important;width:100%!important}html body .app-layout .main-content.sidebar-collapsed,html body .main-content.sidebar-collapsed{margin-left:0!important;width:100%!important}.app-layout .main-content:before,.main-content:before{content:"";height:0;left:0;pointer-events:none;position:absolute;top:0;width:0}}@media (min-width:850px){html body .app-layout .main-content,html body .app-layout .main-content.dark,html body .app-layout .main-content.light,html body .app-layout .main-content[class*=main-content]{box-sizing:border-box!important;margin-left:250px!important;padding:0 10px!important;position:relative!important;width:calc(100% - 250px)!important}html body .app-layout .main-content.sidebar-collapsed,html body .app-layout .main-content.sidebar-collapsed.dark,html body .app-layout .main-content.sidebar-collapsed.light{margin-left:60px!important;width:calc(100% - 60px)!important}}*{scrollbar-color:#fff3 #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#fff3;border:1px solid #ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::-webkit-scrollbar-corner{background:#0000}body.light *{scrollbar-color:#0000004d #0000}body.light ::-webkit-scrollbar-thumb{background:#0000004d;border:1px solid #0000001a}body.light ::-webkit-scrollbar-thumb:hover{background:#0006}.app-layout,.app-layout *,.main-content,.main-content *{scrollbar-color:#fff3 #0000;scrollbar-width:thin}.app-layout ::-webkit-scrollbar,.app-layout::-webkit-scrollbar,.main-content ::-webkit-scrollbar,.main-content::-webkit-scrollbar{height:8px;width:8px}.app-layout ::-webkit-scrollbar-track,.app-layout::-webkit-scrollbar-track,.main-content ::-webkit-scrollbar-track,.main-content::-webkit-scrollbar-track{background:#0000}.app-layout ::-webkit-scrollbar-thumb,.app-layout::-webkit-scrollbar-thumb,.main-content ::-webkit-scrollbar-thumb,.main-content::-webkit-scrollbar-thumb{background:#fff3;border:1px solid #ffffff1a;border-radius:4px}.app-layout ::-webkit-scrollbar-thumb:hover,.app-layout::-webkit-scrollbar-thumb:hover,.main-content ::-webkit-scrollbar-thumb:hover,.main-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}body.light .app-layout,body.light .app-layout *,body.light .main-content,body.light .main-content *{scrollbar-color:#0000004d #0000}body.light .app-layout ::-webkit-scrollbar-thumb,body.light .app-layout::-webkit-scrollbar-thumb,body.light .main-content ::-webkit-scrollbar-thumb,body.light .main-content::-webkit-scrollbar-thumb{background:#0000004d;border:1px solid #0000001a}body.light .app-layout ::-webkit-scrollbar-thumb:hover,body.light .app-layout::-webkit-scrollbar-thumb:hover,body.light .main-content ::-webkit-scrollbar-thumb:hover,body.light .main-content::-webkit-scrollbar-thumb:hover{background:#0006}.authenticated-app{scrollbar-color:#fff3 #0000;scrollbar-width:thin}.authenticated-app::-webkit-scrollbar{height:8px;width:8px}.authenticated-app::-webkit-scrollbar-track{background:#0000}.authenticated-app::-webkit-scrollbar-thumb{background:#fff3;border:1px solid #ffffff1a;border-radius:4px}.authenticated-app::-webkit-scrollbar-thumb:hover{background:#ffffff4d}body.light .authenticated-app{scrollbar-color:#0000004d #0000}body.light .authenticated-app::-webkit-scrollbar-thumb{background:#0000004d;border:1px solid #0000001a}body.light .authenticated-app::-webkit-scrollbar-thumb:hover{background:#0006}.app-layout .main-content,.main-content{overflow-x:hidden;overflow-y:hidden!important}.toast-container{align-items:center;animation:slide-in .3s ease-out forwards;border-radius:6px;box-shadow:0 6px 16px #0000004d;display:flex;font-size:16px;font-weight:500;justify-content:space-between;max-width:400px;min-width:300px;padding:18px 24px;position:fixed;right:20px;top:20px;z-index:9999}.toast-container.error{animation:slide-in .3s ease-out forwards,pulse 1.5s ease-in-out .5s infinite;background-color:#f33;border-left:6px solid #c00;color:#fff}.toast-container.success{background-color:#4caf50;border-left:6px solid #2e7d32;color:#fff}.toast-container.info{background-color:#2196f3;border-left:6px solid #0d47a1;color:#fff}.toast-message{flex:1 1;margin-right:10px}.toast-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:22px;padding:0 5px}@keyframes slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.app-header{background:#0000;box-sizing:border-box;justify-content:space-between;margin:0 auto;max-width:1440px;padding:20px 32px;width:100%}.app-header,.header-left{align-items:center;display:flex}.header-left{gap:40px}.logo{color:#171713;font-size:18px;font-weight:700;gap:8px}.nav-links{gap:24px}.nav-item{border-radius:4px;color:#171713;transition:background-color .2s,transform .1s}.nav-item:hover{background-color:#fff6}.nav-item.active{background-color:#fff9;font-weight:500}.header-right{align-items:center;display:flex;gap:16px}.nav-login-btn{border:1px solid #171713;border-radius:4px;color:#171713;transition:background-color .2s,transform .1s}.nav-login-btn:hover{background-color:#fff6}.nav-signup-btn{background-color:#171713;border-radius:4px;font-weight:500;transition:background-color .2s,transform .1s}.nav-signup-btn:hover{background-color:var(--button-purple-hover)}@media (max-width:768px){.app-header{flex-direction:column;gap:16px;padding:16px}.header-left{justify-content:space-between;width:100%}.nav-links{gap:10px}.nav-item{font-size:13px;padding:4px 8px}.header-right{justify-content:center;width:100%}}.authenticated-header{align-items:center;background-color:#111725;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;display:flex;height:70px;margin-left:250px;padding:0 16px;position:sticky;top:0;transition:width .3s ease,margin-left .3s ease;width:calc(100% - 250px);z-index:1000}.authenticated-header.light{background-color:#f8f9fa}.header-content{align-items:center;display:flex;justify-content:flex-end;margin:0 auto;max-width:1200px;width:100%}.search-container{align-items:center;background-color:#fff0;border-radius:8px;display:flex;flex-grow:1;height:40px;max-width:300px;min-width:240px;padding:0 12px}.authenticated-header.light .search-container{background-color:#0000}.search-icon{align-items:center;color:#fff9;display:flex}.authenticated-header.light .search-icon{color:#00000080}.search-input{background:#0000;border:none;color:#fff;font-size:14px;height:100%;outline:none;width:100%}.authenticated-header.light .search-input{color:#333}.search-input::placeholder{color:#ffffff80}.header-actions{align-items:center;display:flex;gap:16px;margin-left:auto}.get-pro-button{background:linear-gradient(135deg,#7b6fff,#5a52ac);border:none;border-radius:20px;box-shadow:0 2px 8px #7b6fff4d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.get-pro-button:hover{background:linear-gradient(135deg,#8b7aff,#6b62bc);box-shadow:0 4px 12px #7b6fff66;transform:translateY(-1px)}.get-pro-button:active{box-shadow:0 2px 6px #7b6fff4d;transform:translateY(0)}.get-pro-button.light{background:linear-gradient(135deg,#7b6fff,#5a52ac);box-shadow:0 2px 8px #7b6fff40;color:#fff}.get-pro-button.light:hover{background:linear-gradient(135deg,#8b7aff,#6b62bc);box-shadow:0 4px 12px #7b6fff59}.notification-container{margin-right:16px;position:relative}.logout-container{margin-right:16px}.logout-button{align-items:center;background:none;border:none;border-radius:50%;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);cursor:pointer;display:flex;height:36px;justify-content:center;padding:5px;transition:color .2s ease;width:36px}.logout-button:hover{background-color:#ffffff1a;color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.notification-icon{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s;width:36px}.authenticated-header.light .notification-icon{color:#333}.notification-badge{align-items:center;background-color:#fd0;border-radius:10px;display:flex;height:20px;padding:0 6px;position:absolute;right:-8px;top:-5px}.notification-flame{font-size:10px;margin-right:2px}.notification-count{color:#333;font-size:12px;font-weight:600}.more-container{position:relative}.more-button{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:8px 12px;transition:background-color .2s}.more-button:hover{background-color:#ffffff1a}.chevron-icon{transition:transform .2s}.chevron-icon.rotated{transform:rotate(180deg)}.more-dropdown{background:#1a2035;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 12px #0000004d;margin-top:8px;padding:8px 0;position:absolute;right:0;top:100%;width:180px;z-index:1001}.dropdown-item{color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.dropdown-item:hover{background-color:#ffffff1a}.profile-container{cursor:pointer}.profile-icon{border-radius:50%;height:42px;width:42px}.profile-icon,.user-avatar-container{align-items:center;display:flex;justify-content:center;overflow:hidden}.user-avatar-container{height:100%;width:100%}.user-avatar-container svg{display:block;height:100%;width:100%}.profile-avatar{align-items:center;background-color:#5f6368;color:#fff;display:flex;font-size:16px;font-weight:500;height:100%;justify-content:center;width:100%}.theme-toggle-switch{margin:0 8px}.theme-toggle-switch.light .toggle-track{background-color:#e0e6ed}@media (min-width:850px){.authenticated-header{display:flex!important;margin-left:250px!important;width:calc(100% - 250px)!important}}@media (max-width:849px){.authenticated-header{display:none!important;margin-left:0!important;width:100%!important}}.logout-button,.notification-icon,.profile-icon,.theme-toggle-switch{overflow:hidden;position:relative}.logout-button:before,.notification-icon:before,.profile-icon:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.logout-button:hover:before,.notification-icon:hover:before,.profile-icon:hover:before{left:100%}.notification-badge{animation:pulse 2s infinite}.authenticated-header{margin-left:250px!important;transition:width .3s ease,margin-left .3s ease!important;width:calc(100% - 250px)!important}html body .authenticated-header,html body .authenticated-header.dark,html body .authenticated-header.light,html body .authenticated-header[class*=authenticated-header]{box-sizing:border-box!important;margin-left:250px!important;position:sticky!important;top:0!important;width:calc(100% - 250px)!important}.authenticated-header[style*=width]{width:calc(100% - 250px)!important}.authenticated-header[style*=margin-left]{margin-left:250px!important}@media (max-width:849px){html body .authenticated-header,html body .authenticated-header.dark,html body .authenticated-header.light,html body .authenticated-header[class*=authenticated-header]{box-sizing:border-box!important;display:none!important;margin-left:0!important;position:relative!important;width:100%!important}.authenticated-header[style*=width]{width:100%!important}.authenticated-header[style*=margin-left]{margin-left:0!important}.authenticated-header[style*=display]{display:none!important}}@media (min-width:850px){html body .authenticated-header,html body .authenticated-header.dark,html body .authenticated-header.light,html body .authenticated-header[class*=authenticated-header]{box-sizing:border-box!important;display:flex!important;margin-left:250px!important;position:sticky!important;top:0!important;width:calc(100% - 250px)!important}}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:700;src:url(/static/media/Oswald-Bold.b7e4ee4988cd0d8bd386.ttf) format("truetype")}@font-face{font-display:swap;font-family:Monofonto;font-style:normal;font-weight:400;src:url(/static/media/monofonto.821b3e3165be8bd476b6.ttf) format("truetype")}.side-menu{border-right:0!important;box-shadow:0 8px 32px #0000001f;color:#fff;display:flex;flex-direction:column;font-weight:700;height:100vh;width:250px;z-index:100}.side-menu,.sidemenu-mobile-top-bar{background-color:#111725;font-family:Kanit,sans-serif;left:0;position:fixed;top:0}.sidemenu-mobile-top-bar{box-shadow:0 2px 8px #00000026;color:#000;display:none;min-height:60px;right:0;z-index:1000}.sidemenu-mobile-top-bar.light{background-color:#f8f9fa;color:#000}.sidemenu-mobile-header{align-items:center;background-color:inherit;box-sizing:border-box;display:flex!important;height:60px;justify-content:space-between;padding:12px 16px;position:relative;width:100%;z-index:1001}.sidemenu-mobile-logo{align-items:center;display:flex;gap:8px}.sidemenu-mobile-product-name{-webkit-text-fill-color:#0000;background:#7b6fff;-webkit-background-clip:text;background-clip:text;font-family:Oswald,sans-serif;font-size:1.2rem;font-weight:600}.sidemenu-mobile-header-actions{align-items:center;display:flex;gap:12px}.sidemenu-mobile-get-pro-button{background:linear-gradient(135deg,#7b6fff,#5a52ac);border:none;border-radius:16px;box-shadow:0 2px 6px #7b6fff4d;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.sidemenu-mobile-get-pro-button:hover{background:linear-gradient(135deg,#8b7aff,#6b62bc);box-shadow:0 3px 8px #7b6fff66;transform:translateY(-1px)}.sidemenu-mobile-get-pro-button:active{box-shadow:0 2px 4px #7b6fff4d;transform:translateY(0)}.sidemenu-mobile-get-pro-button.light{background:linear-gradient(135deg,#7b6fff,#5a52ac);box-shadow:0 2px 6px #7b6fff40;color:#fff}.sidemenu-mobile-get-pro-button.light:hover{background:linear-gradient(135deg,#8b7aff,#6b62bc);box-shadow:0 3px 8px #7b6fff59}.sidemenu-mobile-theme-toggle{cursor:pointer;height:22px;position:relative;width:40px}.sidemenu-mobile-toggle-track{background-color:#555;border-radius:11px;height:100%;position:relative;transition:background-color .3s ease;width:100%}.sidemenu-mobile-toggle-thumb{align-items:center;background-color:#7b6fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;display:flex;height:18px;justify-content:center;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:18px}.sidemenu-toggle-icon{color:#fff;opacity:0;position:absolute;transition:opacity .3s ease}.sidemenu-toggle-icon.active{opacity:1}.sidemenu-mobile-theme-toggle.light .sidemenu-mobile-toggle-track{background-color:#e0e6ed}.sidemenu-mobile-theme-toggle.light .sidemenu-mobile-toggle-thumb{background-color:#7b6fff;transform:translateX(18px)}.sidemenu-mobile-theme-toggle.light .sidemenu-toggle-icon-moon{opacity:1}.sidemenu-mobile-theme-toggle.light .sidemenu-toggle-icon-sun{opacity:0}.sidemenu-mobile-theme-toggle.dark .sidemenu-mobile-toggle-track{background-color:#34495e}.sidemenu-mobile-theme-toggle.dark .sidemenu-mobile-toggle-thumb{background-color:#7b6fff;transform:translateX(0)}.sidemenu-mobile-theme-toggle.dark .sidemenu-toggle-icon-sun{opacity:1}.sidemenu-mobile-theme-toggle.dark .sidemenu-toggle-icon-moon{opacity:0}.sidemenu-mobile-menu-toggle{align-items:center;background:none;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s ease}.sidemenu-mobile-menu-toggle:hover{background-color:#ffffff1a}.sidemenu-mobile-top-bar.light .sidemenu-mobile-menu-toggle:hover{background-color:#0000000d}.sidemenu-mobile-header-actions .sidemenu-mobile-menu-toggle{color:#6e6e73!important}.sidemenu-mobile-header-actions.dark .sidemenu-mobile-menu-toggle{color:#fff!important}.sidemenu-mobile-menu-overlay{background-color:#111725;border-top:1px solid #ffffff1a;box-shadow:0 4px 12px #0003;left:0;max-height:calc(100vh - 60px);overflow-y:auto;position:absolute;right:0;top:100%}.sidemenu-mobile-top-bar.light .sidemenu-mobile-menu-overlay{background-color:#fff;border-top:1px solid #0000001a}.sidemenu-mobile-menu-content{padding:16px}.sidemenu-mobile-user-info{align-items:center;background-color:#ffffff0d;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.sidemenu-mobile-top-bar.light .sidemenu-mobile-user-info{background-color:#00000008}.sidemenu-mobile-user-avatar{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.sidemenu-mobile-user-avatar svg{height:100%;width:100%}.sidemenu-mobile-username{color:#fff;font-size:16px;font-weight:600}.sidemenu-mobile-username.light{color:#000}.sidemenu-mobile-menu-items{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.sidemenu-mobile-menu-item{align-items:center;background-color:#fff0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.sidemenu-mobile-menu-item:hover{background-color:#ffffff14;transform:translateX(4px)}.sidemenu-mobile-top-bar.light .sidemenu-mobile-menu-item:hover{background-color:#0000000d}.sidemenu-mobile-menu-item.active{background:linear-gradient(135deg,#7b6fff33,#5a52ac1a);border:1px solid #7b6fff4d}.sidemenu-mobile-top-bar.light .sidemenu-mobile-menu-item.active{background:linear-gradient(135deg,#7b6fff26,#8b7aff14)}.sidemenu-mobile-menu-icon{color:#9ca3af;transition:color .2s ease}.sidemenu-mobile-menu-item.active .sidemenu-mobile-menu-icon,.sidemenu-mobile-menu-item:hover .sidemenu-mobile-menu-icon{color:#fff}.sidemenu-mobile-top-bar.light .sidemenu-mobile-menu-icon{color:#6e6e73}.sidemenu-mobile-top-bar.light .sidemenu-mobile-menu-item.active .sidemenu-mobile-menu-icon,.sidemenu-mobile-top-bar.light .sidemenu-mobile-menu-item:hover .sidemenu-mobile-menu-icon{color:#000}.sidemenu-mobile-menu-label{color:#9ca3af;font-size:14px;font-weight:500;transition:color .2s ease}.sidemenu-mobile-menu-item.active .sidemenu-mobile-menu-label,.sidemenu-mobile-menu-item:hover .sidemenu-mobile-menu-label{color:#fff}.sidemenu-mobile-top-bar.light .sidemenu-mobile-menu-label{color:#6e6e73}.sidemenu-mobile-top-bar.light .sidemenu-mobile-menu-item.active .sidemenu-mobile-menu-label,.sidemenu-mobile-top-bar.light .sidemenu-mobile-menu-item:hover .sidemenu-mobile-menu-label{color:#000}.sidemenu-mobile-menu-footer{border-top:1px solid #ffffff1a;padding-top:16px}.sidemenu-mobile-top-bar.light .sidemenu-mobile-menu-footer{border-top:1px solid #0000001a}.sidemenu-mobile-logout-btn{align-items:center;background-color:#fff0;border:1px solid #ffffff0d;border-radius:12px;color:#e4e6eb;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.sidemenu-mobile-logout-btn:hover{background-color:#e74c3c1a;border-color:#e74c3c;color:#e74c3c}.sidemenu-mobile-logout-btn i{font-size:18px}.sidemenu-mobile-top-bar.light .sidemenu-mobile-logout-btn{border:1px solid #0000000d;color:#3c3c43}.sidemenu-mobile-top-bar.light .sidemenu-mobile-logout-btn:hover{background-color:#e74c3c14;border-color:#e74c3c;color:#e74c3c}.logo-container{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:center;padding:20px}.logo{cursor:pointer;transition:transform .2s ease}.logo:hover{transform:scale(1.02)}.product-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);-webkit-background-clip:text;background-clip:text;font-family:Oswald,sans-serif;font-size:1.5rem!important;font-weight:600;margin-left:0!important;overflow:hidden;text-overflow:ellipsis;transition:transform .2s ease,filter .2s ease;white-space:nowrap}.logo:hover .product-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b7aff,#6b62bc);-webkit-background-clip:text;background-clip:text;transform:translateY(-1px)}.side-menu-header{border-bottom:1px solid #ffffff14;padding:15px}.user-info{flex-direction:column;margin-bottom:10px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background-color:#444;border-radius:50%;box-shadow:0 4px 12px #0000004d;font-size:24px;height:40px;justify-content:center;margin-bottom:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:40px}.user-avatar:hover{box-shadow:0 6px 16px #0006;transform:translateY(-1px)}.user-avatar svg{display:block;height:100%;width:100%}.user-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:5px}.progress-container{margin-bottom:12px;width:100%}.progress-bar-wrapper{background-color:#ffffff1a;border-radius:4px;height:8px;margin-bottom:4px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#7b6fff,#10b981);background:linear-gradient(90deg,var(--dark-primary,#7b6fff),#10b981);border-radius:4px;height:100%;transition:width .5s ease-in-out}.progress-text{color:#aaa;font-size:12px}.user-goal{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;margin-top:4px;padding:12px;transition:all .2s ease;width:100%}.user-goal:hover{background-color:#ffffff14;border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);transform:translateY(-1px)}.goal-label{color:#aaa;font-size:12px;font-weight:500;margin-bottom:4px}.goal-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:13px;overflow:hidden;text-align:center;text-overflow:ellipsis;word-break:break-word}.menu-section{margin-bottom:20px}.section-title{color:#777;font-weight:500;letter-spacing:.5px;padding:8px 20px}.side-menu-items{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:20px 0}.side-menu-item{align-items:center;background-color:#fff0;border-radius:12px;cursor:pointer;display:flex;margin-bottom:2px;margin-left:12px;margin-right:12px;overflow:hidden;padding:12px 20px;position:relative;transition:all .2s ease}.side-menu-item:before{background:#7b6fff;background:var(--dark-primary,#7b6fff);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:3px}.side-menu-item:hover{background-color:#ffffff14;border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);box-shadow:0 4px 12px #7b6fff33;transform:translateX(4px)}.side-menu-item:hover:before{transform:scaleY(1)}.side-menu-item:hover .side-menu-icon,.side-menu-item:hover .side-menu-label{color:#fff}.side-menu-item.active{background:linear-gradient(135deg,#7b6fff33,#5a52ac);border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);box-shadow:0 4px 12px #7b6fff4d}.side-menu-item.active:before{transform:scaleY(1)}.side-menu-item.active .side-menu-icon,.side-menu-item.active .side-menu-label{color:#fff}.side-menu-icon,.side-menu-label{color:#9ca3af;transition:color .2s ease}.side-menu-icon{height:20px;margin-right:12px;opacity:.9;width:20px}.side-menu-item.active .side-menu-icon,.side-menu-item:hover .side-menu-icon{color:#fff;opacity:1}.side-menu-label{font-size:14px;font-weight:500}.more-item,.more-item .side-menu-label{color:#777}.side-menu-footer{border-top:1px solid #ffffff14;margin-top:auto;padding:20px}.help-center{align-items:center;background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;color:#9ca3af;cursor:pointer;display:flex;margin-bottom:12px;padding:8px 12px;transition:all .2s ease}.help-center svg{height:20px;margin-right:12px;transition:all .2s ease;width:20px}.help-center:hover{background-color:#ffffff14;border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);color:#fff;transform:translateX(2px)}.sign-out-btn{align-items:center;background-color:#fff0;border:1px solid #ffffff0d;border-radius:10px;color:#e4e6eb;cursor:pointer;display:flex;font-weight:500;margin-bottom:12px;padding:12px 16px;transition:all .2s ease}.sign-out-btn:hover{background-color:#e74c3c1a;border-color:#e74c3c;box-shadow:0 4px 12px #e74c3c33;transform:translateX(2px)}.sign-out-btn:hover i,.sign-out-btn:hover span{color:#e74c3c}.sign-out-btn i{color:#e4e6eb;font-size:18px;margin-right:12px;transition:all .2s ease}.sign-out-btn span{font-weight:500;transition:color .2s ease}.policy-links{background-color:#ffffff05;border:1px solid #ffffff08;border-radius:8px;color:#777;font-size:12px;line-height:1.5;padding:8px;text-align:center}.policy-links span{cursor:pointer;transition:color .2s ease}.policy-links span:hover{color:#7b6fff;color:var(--dark-primary,#7b6fff);text-decoration:underline}.link-separator{cursor:default;margin:0 3px}.policy-links .link-separator:hover{color:#777;cursor:default;text-decoration:none}.main-content{margin-left:250px;transition:margin-left .3s ease;width:calc(100% - 250px)}.main-content.sidebar-collapsed{margin-left:60px;width:calc(100% - 60px)}.menu-title{color:#f0f0f0;font-weight:500;margin-left:8px}.side-menu.collapsed .help-center,.side-menu.collapsed .logo-container,.side-menu.collapsed .side-menu-item,.side-menu.collapsed .user-info{justify-content:center;padding-left:0;padding-right:0}.side-menu.collapsed .side-menu-items{align-items:center}.side-menu.collapsed .menu-section{align-items:center;display:flex;flex-direction:column;width:100%}.side-menu.collapsed .progress-container{display:none}.theme-toggle-switch{cursor:pointer;height:26px;position:relative;width:50px}.toggle-track{background-color:#555;border-radius:13px;height:100%;position:relative;transition:background-color .3s ease;width:100%}.toggle-thumb{align-items:center;background-color:#7b6fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;display:flex;height:20px;justify-content:center;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:20px}.toggle-thumb .icon{color:#fff;opacity:0;position:absolute;transition:opacity .3s ease,color .3s ease}.toggle-thumb .icon.active{opacity:1}.toggle-thumb .icon-moon,.toggle-thumb .icon-sun{color:#fff}.theme-toggle-switch.light .toggle-thumb{background-color:#7b6fff;transform:translateX(24px)}.theme-toggle-switch.light .icon-moon{opacity:1}.theme-toggle-switch.light .icon-sun{opacity:0}.theme-toggle-switch.dark .toggle-track{background-color:#34495e}.theme-toggle-switch.dark .toggle-thumb{background-color:#7b6fff;transform:translateX(0)}.theme-toggle-switch.dark .icon-sun{opacity:1}.theme-toggle-switch.dark .icon-moon{opacity:0}.side-menu.collapsed .theme-toggle-switch{height:22px;width:40px}.side-menu.collapsed .toggle-track{border-radius:11px}.side-menu.collapsed .toggle-thumb{height:16px;left:3px;top:3px;width:16px}.side-menu.collapsed .theme-toggle-switch.light .toggle-thumb{transform:translateX(18px)}.side-menu.collapsed .toggle-thumb .icon{transform:scale(.8)}.side-menu.light{background-color:#f8f9fa;box-shadow:0 8px 32px #00000014;color:#000}.side-menu.light .sidebar-toggle{background-color:#f2f2f7;border:1px solid #d1d1d6;color:#6e6e73}.side-menu.light .sidebar-toggle:hover{background-color:#e5e5ea}.side-menu.light .sidebar-toggle svg{color:#6e6e73}.side-menu.light .logo-container,.side-menu.light .side-menu-header{border-bottom:1px solid #e2e8f0}.side-menu.light .product-name{-webkit-text-fill-color:#0000;background:#7b6fff;-webkit-background-clip:text;background-clip:text;color:#000;font-family:Oswald,sans-serif}.side-menu.light .logo:hover .product-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b7aff,#6b62bc);-webkit-background-clip:text;background-clip:text;transform:translateY(-1px)}.side-menu.light .user-name{color:#000}.side-menu.light .progress-bar-wrapper{background-color:#00000014}.side-menu.light .progress-bar-fill{background:linear-gradient(90deg,#7b6fff,#10b981)}.side-menu.light .progress-text{color:#6e6e73}.side-menu.light .user-goal{background-color:#00000008;border:1px solid #0000000d}.side-menu.light .user-goal:hover{background-color:#0000000f;border-color:#7b6fff}.side-menu.light .goal-label{color:#6e6e73}.side-menu.light .goal-text{color:#000}.side-menu.light .side-menu-item{background-color:#0000}.side-menu.light .side-menu-item .side-menu-icon,.side-menu.light .side-menu-item .side-menu-label{color:#6e6e73}.side-menu.light .side-menu-item:hover{background-color:#0000000d;border-color:#7b6fff;box-shadow:0 4px 12px #7b6fff26}.side-menu.light .side-menu-item:hover .side-menu-icon,.side-menu.light .side-menu-item:hover .side-menu-label{color:#000}.side-menu.light .side-menu-item.active{background:linear-gradient(135deg,#7b6fff26,#8b7aff14);border-color:#7b6fff;box-shadow:0 4px 12px #7b6fff33}.side-menu.light .side-menu-item.active .side-menu-icon,.side-menu.light .side-menu-item.active .side-menu-label{color:#000}.side-menu.light .help-center{background-color:#00000005;border:1px solid #0000000d;color:#6e6e73}.side-menu.light .help-center:hover{background-color:#0000000d;border-color:#7b6fff;color:#000}.side-menu.light .sign-out-btn{border:1px solid #0000000d;color:#3c3c43}.side-menu.light .sign-out-btn i{color:#6e6e73}.side-menu.light .sign-out-btn span{color:#3c3c43}.side-menu.light .sign-out-btn:hover{background-color:#e74c3c14;border-color:#e74c3c}.side-menu.light .sign-out-btn:hover i,.side-menu.light .sign-out-btn:hover span{color:#e74c3c}.side-menu.light .policy-links{background-color:#00000005;border:1px solid #00000008}.side-menu.light .policy-links span{color:#6e6e73}.side-menu.light .policy-links span:hover{color:#7b6fff}.side-menu.light .policy-links .link-separator{color:#6e6e73}@media (max-width:849px){.side-menu{display:none!important}.sidemenu-mobile-top-bar{display:block!important;visibility:visible!important}.sidemenu-mobile-header{display:flex!important;visibility:visible!important}.app-layout .main-content,.app-layout .main-content.dark,.app-layout .main-content.light,.app-layout .main-content.sidebar-collapsed,.main-content,.main-content.dark,.main-content.light,.main-content.sidebar-collapsed{box-sizing:border-box!important;margin-left:0!important;padding-top:60px!important;width:100%!important}.app-layout .main-content[style*=margin-left],.main-content[style*=margin-left]{margin-left:0!important}.app-layout .main-content[style*=width],.main-content[style*=width]{width:100%!important}}@media (min-width:850px){.sidemenu-mobile-header,.sidemenu-mobile-top-bar{display:none!important;visibility:hidden!important}.side-menu{display:flex!important}.app-layout .main-content,.main-content{padding-top:0!important}}@media screen and (max-width:849px){.sidemenu-mobile-top-bar .sidemenu-mobile-header{box-sizing:border-box!important;display:flex!important;height:60px!important;max-height:60px!important;min-height:60px!important;opacity:1!important;position:relative!important;visibility:visible!important;width:100%!important;z-index:1001!important}.sidemenu-mobile-top-bar{display:block!important;left:0!important;opacity:1!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;width:100%!important;z-index:1000!important}}@media screen and (min-width:850px){.sidemenu-mobile-header,.sidemenu-mobile-top-bar{display:none!important;opacity:0!important;visibility:hidden!important}}.pro-badge{background:linear-gradient(135deg,#7b6fff,#9f7aea);color:#fff;font-weight:600;letter-spacing:.5px;margin-left:8px;opacity:.9;text-transform:uppercase}.modal-header{padding:20px 30px}.modal-footer{padding:30px}:root{--bg-primary:#120e24;--bg-secondary:#1a152e;--bg-tertiary:#2c254d;--bg-hover:#3e356b;--text-primary:#f0f0f0;--text-secondary:#b3a8d8;--text-tertiary:#8e85b3;--primary:#8a42ff;--primary-hover:#a06eff;--border-color:#3e356b;--font-primary:"Kanit",sans-serif;--font-secondary:"Kanit",sans-serif;--font-accent:"Kanit Light","Kanit",sans-serif}.section-animate{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.section-animate.visible{opacity:1;transform:translateY(0)}.section-header{margin-bottom:4rem;text-align:center}.section-subtitle{color:#b3a8d8;color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:600px}.features-section{background:linear-gradient(135deg,#1a152e,#120e24);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);overflow:hidden;padding:80px 20px;position:relative}.features-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='m30 30 15-15v30z' fill='%238A42FF' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.features-grid-modern{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0;position:relative;z-index:1}.feature-card-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c254d66;border:1px solid #8a42ff1a;border-radius:20px;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card-modern:before{background:linear-gradient(135deg,#8a42ff1a,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card-modern:hover:before{opacity:1}.feature-card-modern:hover{border-color:#8a42ff4d;box-shadow:0 20px 40px #8a42ff33;transform:translateY(-12px) scale(1.02)}.feature-card-inner{padding:2rem;position:relative;z-index:2}.feature-icon-container{height:80px;margin-bottom:1.5rem;position:relative;width:80px}.feature-icon-bg{background:linear-gradient(135deg,#8a42ff,#a06eff);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:20px;height:100%;left:0;opacity:.1;position:absolute;top:0;transition:all .3s ease;width:100%}.feature-card-modern:hover .feature-icon-bg{opacity:.2;transform:scale(1.1)}.feature-icon{color:#8a42ff;color:var(--primary);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.feature-card-modern:hover .feature-icon{color:#a06eff;color:var(--primary-hover);transform:translate(-50%,-50%) scale(1.1)}.feature-content h3{color:#f0f0f0;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem;transition:color .3s ease}.feature-content p{color:#b3a8d8;color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.feature-stats{display:flex;gap:1rem}.stat{color:#8a42ff;color:var(--primary);font-size:.9rem;font-weight:600;gap:.5rem}.feature-hover-overlay,.stat{align-items:center;display:flex}.feature-hover-overlay{background:linear-gradient(135deg,#8a42ff,#a06eff);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:50%;color:#fff;height:40px;justify-content:center;opacity:0;position:absolute;right:1.5rem;top:1.5rem;transform:translate(10px,-10px) scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.feature-card-modern:hover .feature-hover-overlay{opacity:1;transform:translate(0) scale(1)}.beta-badge{background-color:#8a42ff33!important}.beta-badge,.pro-badge{-webkit-text-fill-color:#fff!important;background-clip:initial!important;-webkit-background-clip:border-box!important;border-radius:4px;color:#fff!important;font-size:10px;font-weight:700;margin-left:6px;padding:2px 6px;position:relative;top:-1px;vertical-align:top}.pro-badge{background-color:#7b6fff!important}.landing-container{background-attachment:fixed;background-color:#120e24;background-color:var(--bg-primary);background-image:radial-gradient(circle at top left,#8a42ff26 0,#0000 30%),radial-gradient(circle at bottom right,#8a42ff1a 0,#0000 40%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='m0 38.59 2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM10 40l2.83-2.83 1.41 1.41L11.41 40H10zm10 0 2.83-2.83 1.41 1.41L21.41 40H20zm10 0 2.83-2.83 1.41 1.41L31.41 40H30zm10 0v-1.41L38.59 40H40zM0 28.59l2.83-2.83 1.41 1.41L1.41 30H0v-1.41zM10 30l2.83-2.83 1.41 1.41L11.41 30H10zm10 0 2.83-2.83 1.41 1.41L21.41 30H20zm10 0 2.83-2.83 1.41 1.41L31.41 30H30zm10 0v-1.41L38.59 30H40zM0 18.59l2.83-2.83 1.41 1.41L1.41 20H0v-1.41zM10 20l2.83-2.83 1.41 1.41L11.41 20H10zm10 0 2.83-2.83 1.41 1.41L21.41 20H20zm10 0 2.83-2.83 1.41 1.41L31.41 20H30zm10 0v-1.41L38.59 20H40zM0 8.59l2.83-2.83 1.41 1.41L1.41 10H0V8.59zM10 10l2.83-2.83 1.41 1.41L11.41 10H10zm10 0 2.83-2.83 1.41 1.41L21.41 10H20zm10 0 2.83-2.83 1.41 1.41L31.41 10H30zm10 0V8.59L38.59 10H40zM0 0h1.41L0 1.41V0zm10 0h1.41L10 1.41V0zm10 0h1.41L20 1.41V0zm10 0h1.41L30 1.41V0z' fill='%232C254D' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");color:#f0f0f0;color:var(--text-primary);font-family:Kanit,sans-serif;font-family:var(--font-secondary);height:100vh!important;margin:0;max-width:100%;overflow-x:hidden!important;overflow-y:auto!important;padding:0;position:relative;scrollbar-color:#ffffff1a #0000!important;scrollbar-width:thin!important;width:100vw}.landing-container::-webkit-scrollbar{width:12px!important}.landing-container::-webkit-scrollbar-track{background:#0000!important}.landing-container::-webkit-scrollbar-thumb{background-color:#ffffff1a!important;border:3px solid #120e24!important;border:3px solid var(--bg-primary)!important;border-radius:6px!important}.landing-container::-webkit-scrollbar-thumb:hover{background-color:#fff3!important}.landing-nav{background:#0000;box-sizing:border-box;justify-content:space-between;margin:0 auto;max-width:1440px;padding:1.5rem 2rem;position:relative;width:100%;z-index:1000}.landing-nav,.logo,.nav-left{align-items:center;display:flex}.logo{margin-right:2rem}.logo span{background:#7b6fff;-webkit-background-clip:text;background-clip:text;font-family:Oswald,sans-serif;font-size:1.25rem;font-weight:600;margin-left:.5rem;transition:all .2s ease}.logo span,.logo:hover span{-webkit-text-fill-color:#0000}.logo:hover span{background:linear-gradient(135deg,#8b7aff,#6b62bc);-webkit-background-clip:text;background-clip:text;transform:translateY(-1px)}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:#b3a8d8;color:var(--text-secondary);font-weight:500;padding:.5rem 0;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#f0f0f0;color:var(--text-primary)}.nav-item{align-items:center;border-radius:8px;color:#b3a8d8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:4px;padding:6px 10px;transition:all .2s ease}.nav-item:hover{background-color:#3e356b;background-color:var(--bg-hover);color:#f0f0f0;color:var(--text-primary);transform:translateY(-1px)}.dropdown-arrow{font-size:10px}.nav-right{align-items:center;display:flex;gap:16px}.mobile-menu-toggle{background:#0000;border:1px solid #3e356b;border:1px solid var(--border-color);border-radius:8px;color:#f0f0f0;color:var(--text-primary);cursor:pointer;display:none;padding:8px;position:relative;transition:all .2s ease;z-index:1001}.mobile-menu-toggle:hover{background-color:#3e356b;background-color:var(--bg-hover);border-color:#8a42ff;border-color:var(--primary);transform:translateY(-1px)}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#120e24fa;display:none;height:100vh;left:0;opacity:0;position:fixed;top:0;transform:translateY(-20px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%;z-index:999}.mobile-nav.open{opacity:1;transform:translateY(0);visibility:visible}.mobile-nav-content{align-items:center;display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:flex-start;overflow-y:auto;padding:3rem 2rem 2rem}.mobile-nav-header{align-items:center;border-bottom:1px solid #8a42ff1a;display:flex;justify-content:left;margin-bottom:1rem;padding:1.5rem 1rem;width:100%}.mobile-nav-logo{align-items:center;cursor:pointer;display:flex;gap:.75rem;transition:transform .2s ease}.mobile-nav-logo:hover{transform:scale(1.02)}.mobile-nav-logo span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8a42ff,#5a52ac);background:linear-gradient(135deg,var(--primary,#7b6fff),#5a52ac);-webkit-background-clip:text;background-clip:text;font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:600;transition:all .2s ease}.mobile-nav-logo:hover span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b7aff,#6b62bc);-webkit-background-clip:text;background-clip:text;transform:translateY(-1px)}.mobile-nav-logo .beta-badge{background-color:#8a42ff33!important}.mobile-nav-logo .beta-badge,.mobile-nav-logo .pro-badge{-webkit-text-fill-color:#fff!important;background-clip:initial!important;-webkit-background-clip:border-box!important;border-radius:4px;color:#fff!important;font-size:10px;font-weight:700;margin-left:6px;padding:2px 6px;position:relative;top:-1px;vertical-align:top}.mobile-nav-logo .pro-badge{background-color:#ffb70333!important}.mobile-nav-links{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;max-width:300px;text-align:center;width:100%}.mobile-nav-link{align-items:center;background:#2c254d4d;border:1px solid #8a42ff33;border-radius:12px;color:#f0f0f0;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:12px;justify-content:flex-start;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.mobile-nav-link:before{background:linear-gradient(135deg,#8a42ff1a,#0000);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.mobile-nav-link:hover:before{opacity:1}.mobile-nav-link:hover{border-color:#8a42ff;border-color:var(--primary);box-shadow:0 8px 25px #8a42ff4d;color:#8a42ff;color:var(--primary);transform:translateY(-2px)}.mobile-nav-icon{color:#9ca3af;flex-shrink:0;transition:color .2s ease}.mobile-nav-link:hover .mobile-nav-icon{color:#8a42ff;color:var(--primary)}.mobile-nav-label{color:#f0f0f0;color:var(--text-primary);font-size:1.25rem;font-weight:600;transition:color .2s ease}.mobile-nav-link:hover .mobile-nav-label{color:#8a42ff;color:var(--primary)}.mobile-nav-buttons{display:flex;flex-direction:column;gap:1rem;max-width:300px;width:100%}.mobile-nav-login-btn{align-items:center;background:#2c254d80;border:2px solid #3e356b;border:2px solid var(--border-color);border-radius:12px;color:#f0f0f0;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease;width:100%}.mobile-nav-login-btn:hover{background-color:#3e356b;background-color:var(--bg-hover);border-color:#8a42ff;border-color:var(--primary);box-shadow:0 8px 20px #0000004d;color:#f0f0f0;color:var(--text-primary);transform:translateY(-2px)}.mobile-nav-signup-btn{align-items:center;background:linear-gradient(135deg,#8a42ff,#5a52ac);background:linear-gradient(135deg,var(--primary),#5a52ac);border:none;border-radius:12px;box-shadow:0 4px 15px #8a42ff66;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease;width:100%}.mobile-nav-signup-btn:hover{background:linear-gradient(135deg,#a06eff,#6b63bc);background:linear-gradient(135deg,var(--primary-hover),#6b63bc);box-shadow:0 8px 25px #8a42ff80;transform:translateY(-2px)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}.desktop-nav{display:flex}@media (max-width:768px){.landing-nav{padding:1rem 1.5rem}.logo{margin-right:0}.logo span{font-size:1.1rem}.desktop-nav{display:none}.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.mobile-nav{display:block}.mobile-nav-link{font-size:1.25rem;padding:.75rem 1.5rem}.mobile-nav-content{gap:2rem;padding:2.5rem 1.5rem 2rem}.mobile-nav-header{margin-bottom:.5rem;padding:1rem}.mobile-nav-logo span{font-size:1.3rem}}@media (max-width:480px){.landing-nav{padding:1rem}.logo span{font-size:1rem}.mobile-nav-link{font-size:1.1rem;gap:10px;padding:.6rem 1.2rem}.mobile-nav-label{font-size:1rem}.mobile-nav-content{gap:1.5rem;padding:2rem 1rem 1.5rem}.mobile-nav-buttons{max-width:280px}.mobile-nav-header{margin-bottom:.25rem;padding:.75rem}.mobile-nav-logo span{font-size:1.1rem}.mobile-nav-logo .beta-badge{font-size:9px;padding:1px 4px}}.mobile-nav.open .mobile-nav-link,.mobile-nav.open .mobile-nav-login-btn,.mobile-nav.open .mobile-nav-signup-btn{animation:slideInFromTop .3s ease-out forwards}.mobile-nav.open .mobile-nav-link:first-child{animation-delay:.1s}.mobile-nav.open .mobile-nav-link:nth-child(2){animation-delay:.15s}.mobile-nav.open .mobile-nav-link:nth-child(3){animation-delay:.2s}.mobile-nav.open .mobile-nav-link:nth-child(4){animation-delay:.25s}.mobile-nav.open .mobile-nav-login-btn{animation-delay:.3s}.mobile-nav.open .mobile-nav-signup-btn{animation-delay:.35s}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-login-btn{background:#0000;border:1px solid #3e356b;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.nav-login-btn,.nav-login-btn:hover{color:#f0f0f0;color:var(--text-primary)}.nav-login-btn:hover{background-color:#3e356b;background-color:var(--bg-hover);border-color:#3e356b;border-color:var(--bg-hover);box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.nav-signup-btn{background:linear-gradient(135deg,#8a42ff,#5a52ac);background:linear-gradient(135deg,var(--primary),#5a52ac);border:none;border-radius:8px;box-shadow:0 2px 8px #8a42ff4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.nav-signup-btn:hover{background:linear-gradient(135deg,#a06eff,#6b63bc);background:linear-gradient(135deg,var(--primary-hover),#6b63bc);box-shadow:0 4px 12px #8a42ff66;transform:translateY(-1px)}.new-feature-badge{align-items:center;background-color:#2c254d;background-color:var(--bg-tertiary);border:1px solid #3e356b;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#f0f0f0;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;gap:8px;margin:20px auto 40px;max-width:max-content;padding:8px 16px;transition:all .2s ease}.new-feature-badge:hover{background-color:#3e356b;background-color:var(--bg-hover);border-color:#8a42ff;border-color:var(--primary);box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.new-badge{background-color:#8a42ff;background-color:var(--primary);border-radius:12px;color:#f0f0f0;color:var(--text-primary);font-size:11px;font-weight:700;padding:2px 8px}.feature-text{font-weight:500}.badge-arrow{font-size:16px;transition:transform .2s ease}.new-feature-badge:hover .badge-arrow{transform:translateX(4px)}.hero-section{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;min-height:60vh;padding:0 20px;position:relative;text-align:center}.hero-title{color:#f0f0f0;color:var(--text-primary);font-size:4rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.hero-description{color:#b3a8d8;color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin-bottom:2rem;max-width:600px}.title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8a42ff,#5a52ac);background:linear-gradient(135deg,var(--primary,#7b6fff),#5a52ac);-webkit-background-clip:text;background-clip:text;font-family:Kanit Light,Kanit,sans-serif;font-family:var(--font-accent);padding:0}.cta-buttons{display:flex;gap:20px;justify-content:center}.cta-signup-btn{background:linear-gradient(135deg,#8a42ff,#5a52ac);background:linear-gradient(135deg,var(--primary),#5a52ac);border:none;border-radius:10px;box-shadow:0 4px 12px #8a42ff4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .2s ease}.cta-signup-btn:hover{background:linear-gradient(135deg,#a06eff,#6b63bc);background:linear-gradient(135deg,var(--primary-hover),#6b63bc);box-shadow:0 6px 16px #8a42ff66;transform:translateY(-2px)}.cta-learn-more-btn{background-color:initial;border:1px solid #3e356b;border:1px solid var(--border-color);border-radius:10px;color:#b3a8d8;color:var(--text-secondary);cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .2s ease}.cta-learn-more-btn:hover{background-color:#2c254d;background-color:var(--bg-tertiary);border-color:#8a42ff;border-color:var(--primary);box-shadow:0 4px 12px #0003;color:#f0f0f0;color:var(--text-primary);transform:translateY(-2px)}.hero-graphic{align-items:center;display:flex;height:100%!important;justify-content:center;margin:30px 0;max-width:1000px;position:relative;width:100%}.hero-svg{height:100%;overflow:visible;width:100%}.central-logo text{font-family:Kanit,sans-serif;font-family:var(--font-primary)}.feature-node text{font-family:Kanit,sans-serif;font-family:var(--font-primary)}.central-chip-svg,.node-svg{fill:#2c254d;fill:var(--bg-tertiary);stroke:#8a42ff;stroke:var(--primary);stroke-width:1.5}.node-svg{r:18}.connector-line-svg{stroke:url(#lineGradient);stroke-width:2;stroke-linecap:round}.features-section{background-color:#1a152e;background-color:var(--bg-secondary);padding:60px 20px}.features-section .section-title{margin-bottom:40px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1100px}.feature-card{background-color:#2c254d;background-color:var(--bg-tertiary);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 8px 32px #0000001f;color:#f0f0f0;color:var(--text-primary);padding:24px;text-align:left;transition:all .3s ease}.feature-card:hover{background-color:#3e356b;background-color:var(--bg-hover);border-color:#8a42ff4d;box-shadow:0 12px 40px #0000002e;transform:translateY(-8px)}.feature-icon-landing{align-items:center;background:#8a42ff1a;border-radius:12px;color:#8a42ff;color:var(--primary);display:flex;height:48px;justify-content:center;margin-bottom:16px;transition:all .3s ease;width:48px}.feature-card:hover .feature-icon-landing{background:#8a42ff33;transform:scale(1.1)}.feature-card h3{color:#f0f0f0;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:12px;transition:color .3s ease}.feature-card p{color:#b3a8d8;color:var(--text-secondary);line-height:1.6;margin:0}.section-container{margin:0;padding:20px 20px 30px}.section-title{color:#f0f0f0;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.problem-section{background:#120e24;background:var(--bg-primary);overflow:hidden;padding:60px 0;position:relative}.problem-section:before{background:radial-gradient(circle at 20% 80%,#8a42ff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#8a42ff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.problem-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:1}.problem-left{animation:slideInLeft .8s ease-out}.problem-badge{background:linear-gradient(135deg,#ff4b4b33,#ff4b4b1a);border:1px solid #ff6b6b4d;border-radius:20px;color:#ff6b6b;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1rem;padding:8px 16px}.problem-title{color:#f0f0f0;color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:2rem}.problem-items{display:flex;flex-direction:column;gap:1.5rem}.problem-item{background:#2c254d4d;border:1px solid #ff6b6b1a;border-radius:16px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.problem-item:hover{background:#2c254d80;border-color:#ff6b6b4d;transform:translateX(8px)}.problem-icon{align-items:center;background:#ff6b6b1a;border-radius:12px;color:#ff6b6b;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.problem-text h4{color:#f0f0f0;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.problem-text p{color:#b3a8d8;color:var(--text-secondary);line-height:1.5}.problem-right{align-items:center;animation:slideInRight .8s ease-out;display:flex;justify-content:center}.problem-visual{height:100%;padding:1rem}.comparison-container,.problem-visual{align-items:center;display:flex;justify-content:center;width:100%}.comparison-container{gap:2rem;max-width:600px}.comparison-side{background:#2c254d4d;border:2px solid #0000;border-radius:20px;flex:1 1;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.comparison-side:before{border-radius:18px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.comparison-side.traditional{border-color:#ff6b6b33}.comparison-side.traditional:before{background:linear-gradient(135deg,#ff6b6b1a,#0000 50%)}.comparison-side.traditional:hover{border-color:#ff6b6b66;transform:translateY(-4px)}.comparison-side.traditional:hover:before{opacity:1}.comparison-side.ai-powered{background:#8a42ff0d;border-color:#8a42ff4d}.comparison-side.ai-powered:before{background:linear-gradient(135deg,#8a42ff1a,#0000 50%)}.comparison-side.ai-powered:hover{border-color:#8a42ff;border-color:var(--primary);box-shadow:0 8px 25px #8a42ff33;transform:translateY(-4px)}.comparison-side.ai-powered:hover:before{opacity:1}.comparison-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.comparison-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.traditional-icon{background:#ff6b6b1a;border:1px solid #ff6b6b4d;color:#ff6b6b}.ai-icon{background:#8a42ff1a;border:1px solid #8a42ff4d;color:#8a42ff;color:var(--primary)}.comparison-side:hover .comparison-icon{transform:scale(1.1)}.comparison-header h4{color:#f0f0f0;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.learning-flow{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.flow-step{align-items:center;border-radius:12px;display:flex;gap:.75rem;padding:.75rem;position:relative;transition:all .3s ease}.flow-step.static{background:#ff6b6b0d;border:1px solid #ff6b6b1a}.flow-step.dynamic{background:#8a42ff0d;border:1px solid #8a42ff33}.flow-step:hover{transform:translateX(4px)}.flow-step.static:hover{background:#ff6b6b1a;border-color:#ff6b6b4d}.flow-step.dynamic:hover{background:#8a42ff1a;border-color:#8a42ff;border-color:var(--primary)}.step-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .3s ease;width:32px}.flow-step.static .step-icon{background:#ff6b6b1a;color:#ff6b6b}.flow-step.dynamic .step-icon{background:#8a42ff1a;color:#8a42ff;color:var(--primary)}.flow-step:hover .step-icon{transform:scale(1.1)}.flow-step span{color:#b3a8d8;color:var(--text-secondary);font-size:.9rem;font-weight:500}.flow-connector{border-radius:1px;height:2px;margin:.25rem 0;overflow:hidden;position:relative}.flow-connector.static{background:#ff6b6b33}.flow-connector.dynamic{background:linear-gradient(90deg,#8a42ff,#a06eff);background:linear-gradient(90deg,var(--primary),var(--primary-hover))}.flow-connector.dynamic:before{animation:flowAnimation 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.outcome-badge{align-items:center;border-radius:12px;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.outcome-badge.negative{background:#ff6b6b1a;border:1px solid #ff6b6b4d;color:#ff6b6b}.outcome-badge.positive{animation:softGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#8a42ff1a,#8a42ff0d);border:1px solid #8a42ff4d;color:#8a42ff;color:var(--primary)}.vs-divider-modern{flex-direction:column;flex-shrink:0;gap:1rem}.vs-circle,.vs-divider-modern{align-items:center;display:flex}.vs-circle{animation:vsRotate 4s ease-in-out infinite;background:linear-gradient(135deg,#8a42ff,#a06eff);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border:3px solid #fff3;border-radius:50%;box-shadow:0 8px 25px #8a42ff4d;color:#fff;font-size:1.1rem;font-weight:700;height:60px;justify-content:center;width:60px}.divider-line{background:linear-gradient(180deg,#8a42ff,#0000,#8a42ff);background:linear-gradient(180deg,var(--primary),#0000,var(--primary));border-radius:1px;height:60px;width:2px}@keyframes flowAnimation{0%{left:-100%}to{left:100%}}@keyframes softGlow{0%,to{box-shadow:0 0 10px #8a42ff33}50%{box-shadow:0 0 20px #8a42ff66}}@keyframes vsRotate{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(5deg) scale(1.05)}75%{transform:rotate(-5deg) scale(1.05)}}.pricing-section{background:#120e24;background:var(--bg-primary);overflow:hidden;padding:60px 0;position:relative}.pricing-section:before{background:radial-gradient(circle at 30% 70%,#8a42ff14 0,#0000 50%),radial-gradient(circle at 70% 30%,#8a42ff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.pricing-cards-modern{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:900px;position:relative;z-index:1}.pricing-card-modern{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#2c254d66;border:2px solid #8a42ff1a;border-radius:24px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.pricing-card-modern:before{background:linear-gradient(135deg,#8a42ff1a,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.pricing-card-modern:hover:before{opacity:1}.pricing-card-modern:hover{border-color:#8a42ff4d;box-shadow:0 25px 50px #8a42ff33;transform:translateY(-12px) scale(1.02)}.pricing-card-modern.featured{background:#2c254d99;border-color:#8a42ff;border-color:var(--primary);box-shadow:0 20px 40px #8a42ff4d;transform:scale(1.05)}.pricing-card-modern.featured:hover{box-shadow:0 30px 60px #8a42ff66;transform:scale(1.05) translateY(-8px)}.popular-badge{background:linear-gradient(135deg,#8a42ff,#a06eff);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:12px;box-shadow:0 4px 15px #8a42ff66;color:#fff;font-size:.875rem;font-weight:700;left:90%;padding:8px 24px;position:absolute;top:-10px;transform:translateX(-50%);z-index:3}.pricing-header-modern{padding:2rem 2rem 1rem;position:relative;text-align:center;z-index:2}.plan-badge{border-radius:16px;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;padding:6px 16px;text-transform:uppercase}.plan-badge.free{background:#00c85133;border:1px solid #00c8514d;color:#00c851}.plan-badge.pro{background:#8a42ff33;border:1px solid #8a42ff4d;color:#8a42ff;color:var(--primary)}.pricing-header-modern h3{color:#f0f0f0;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.pricing-amount{align-items:baseline;display:flex;justify-content:center;margin-bottom:1rem}.currency{color:#b3a8d8;color:var(--text-secondary);font-size:1.5rem;font-weight:600;margin-right:.25rem}.price{color:#f0f0f0;color:var(--text-primary);font-size:3.5rem;font-weight:700;line-height:1}.period{color:#b3a8d8;color:var(--text-secondary);font-size:1.1rem;margin-left:.25rem}.coming-soon-badge{-webkit-text-fill-color:#0000;animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#8a42ff,#a06eff);background:linear-gradient(135deg,var(--primary),var(--primary-hover));-webkit-background-clip:text;background-clip:text;border:2px solid #8a42ff;border:2px solid var(--primary);border-radius:12px;font-size:1.25rem;font-weight:700;padding:.5rem 1rem}.plan-description{color:#b3a8d8;color:var(--text-secondary);font-size:1rem;line-height:1.5}.pricing-features-modern{padding:0 2rem 2rem;position:relative;z-index:2}.feature-category{margin-bottom:1.5rem}.feature-category:last-child{margin-bottom:0}.feature-category h4{color:#8a42ff;color:var(--primary);font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.feature-category ul{list-style:none;margin:0;padding:0}.feature-category li{align-items:center;color:#b3a8d8;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.75rem;padding:.5rem 0;transition:all .2s ease}.feature-category li:hover{color:#f0f0f0;color:var(--text-primary);transform:translateX(4px)}.pricing-cta-modern{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin:0 2rem 2rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-cta-modern.primary{background:linear-gradient(135deg,#8a42ff,#a06eff);background:linear-gradient(135deg,var(--primary),var(--primary-hover));box-shadow:0 8px 25px #8a42ff4d;color:#fff}.pricing-cta-modern.primary:hover{background:linear-gradient(135deg,#a06eff,#c087ff);background:linear-gradient(135deg,var(--primary-hover),#c087ff);box-shadow:0 12px 35px #8a42ff66;transform:translateY(-2px)}.pricing-cta-modern.secondary{background:#8a42ff1a;border:2px solid #8a42ff4d;color:#8a42ff;color:var(--primary)}.pricing-cta-modern.secondary:hover{background:#8a42ff33;border-color:#8a42ff;border-color:var(--primary)}.pricing-cta-modern:disabled{background:#3e356b;background:var(--bg-hover);box-shadow:none;color:#b3a8d8;color:var(--text-secondary);cursor:not-allowed}.pricing-cta-modern:disabled:hover{background:#3e356b;background:var(--bg-hover);transform:none}.pricing-guarantee{align-items:center;background:#2c254d4d;border:1px solid #8a42ff1a;border-radius:16px;color:#b3a8d8;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.75rem;justify-content:center;margin-left:auto;margin-right:auto;margin-top:3rem;max-width:600px;padding:1.5rem}@keyframes glow{0%{box-shadow:0 0 5px #8a42ff4d}to{box-shadow:0 0 20px #8a42ff99}}.dashboard-preview{margin:0 auto;max-width:1200px;padding:60px 20px;text-align:center}.dashboard-preview img{border-radius:16px;box-shadow:0 12px 40px #0003;max-width:100%;transition:all .3s ease}.dashboard-preview img:hover{box-shadow:0 16px 48px #00000040;transform:translateY(-4px)}.landing-footer{background-color:#1a152e;background-color:var(--bg-secondary);color:#f0f0f0;color:var(--text-primary);padding:40px 0 0}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-logo{flex:0 0 100%;margin-bottom:30px}@media (min-width:768px){.footer-logo{flex:0 0 20%}}.footer-links{display:flex;flex:1 1;flex-wrap:wrap;gap:40px;justify-content:space-around}.footer-column{min-width:150px}.footer-column h4{color:#8a42ff;color:var(--primary);font-size:1.125rem;margin-bottom:20px}.footer-column a{display:block;margin-bottom:10px;transition:all .2s ease}.footer-column a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #3e356b;border-top:1px solid var(--border-color);color:#8e85b3;color:var(--text-tertiary);font-size:.875rem;margin:0;max-width:100%;padding:20px;text-align:center}@media (max-width:1024px){.hero-title{font-size:3rem}.pricing-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.steps-containers{grid-template-columns:repeat(2,1fr)}.step-card{min-width:240px}.hero-graphic{height:350px;max-width:800px}.hero-svg{transform:scale(1)}.nav-links{gap:1rem}.nav-links a{font-size:.9rem}}@media (max-width:768px){.hero-title{font-size:2.5rem;line-height:1.1}.hero-subtitle{font-size:1rem}.hero-description{font-size:1.1rem;margin-bottom:1.5rem}.features-grid,.steps-containers{grid-template-columns:1fr}.cta-buttons{flex-direction:column;gap:12px;margin:0 auto;max-width:300px;width:100%}.cta-learn-more-btn,.cta-signup-btn{font-size:1.1rem;padding:16px 24px;width:100%}.pricing-cards{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:400px}.pricing-card.featured{transform:scale(1)}.pricing-card.featured:hover{transform:translateY(-10px)}.footer-links{gap:20px}.steps-containers{grid-template-columns:1fr}.step-card{flex:0 0 80%;min-width:80%}.step-number{left:10px;top:10px}.hero-graphic{height:300px;margin-bottom:2rem;max-width:600px}.hero-svg{transform:scale(1.1)}.feature-node text{font-size:12px}.hero-section{min-height:50vh;padding:2rem 20px}.section-title{font-size:2rem;margin-bottom:1.5rem}.section-subtitle{font-size:1.1rem}.new-feature-badge{font-size:13px;margin:15px auto 30px;padding:6px 12px}}@media (max-width:480px){.hero-title{font-size:2rem;margin-bottom:.8rem}.hero-description{font-size:1rem;margin-bottom:1.2rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.step-card{flex:0 0 90%;min-width:90%}.hero-graphic{height:250px;margin-bottom:1.5rem;max-width:400px}.hero-svg{transform:scale(1.1)}.feature-node text{display:none}.hero-section{min-height:45vh;padding:1.5rem 15px}.cta-buttons{max-width:280px}.cta-learn-more-btn,.cta-signup-btn{font-size:1rem;padding:14px 20px}.new-feature-badge{font-size:12px;margin:10px auto 25px;padding:5px 10px}.new-feature-badge .feature-text{display:none}.new-feature-badge:after{content:"New AI Features!"}.mobile-nav-content{padding:1rem}}#root,body,html{background:#120e24;background:var(--bg-primary);height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.empty-state,.form-section,.goal-card,.login-container,.register-container{background:#2c254d;background:var(--bg-tertiary);color:#f0f0f0;color:var(--text-primary)}#root:before{content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.landing-nav.dark-text a{color:#171713}.landing-nav.dark-text a:hover{color:#6259cc;color:var(--dark-primary-hover,#6259cc)}.feature-card.dark-bg{background-color:#171713;color:#f5f5f5}.feature-card.dark-bg h3{color:#f5f5f5}.feature-card.dark-bg p{color:#e0e0e0}.feature-card.dark-bg .feature-icon-landing{color:#fff}@media (max-width:1024px){.hero-graphic{height:350px;max-width:800px}}@media (max-width:768px){.hero-graphic{height:300px;max-width:600px}.feature-node text{font-size:12px}}@media (max-width:480px){.hero-graphic{height:250px;max-width:400px}.feature-node text{display:none}}.how-it-works-section{background:linear-gradient(135deg,#1a152e,#120e24);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);overflow:hidden;padding:60px 0;position:relative}.how-it-works-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M0 0h80v80H0V0zm20 20v40h40V20H20zm20 35a15 15 0 1 1 0-30 15 15 0 0 1 0 30z' fill-rule='evenodd' fill='%238A42FF' fill-opacity='.02'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.steps-timeline-container{max-width:100%;padding:0 2rem;position:relative}.timeline-progress{background:#8a42ff33;height:4px;margin-bottom:3rem;overflow:hidden;width:100%}.progress-line,.timeline-progress{border-radius:2px;position:relative}.progress-line{background:linear-gradient(90deg,#8a42ff,#a06eff);background:linear-gradient(90deg,var(--primary),var(--primary-hover));height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.progress-line:after{animation:progressShimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d);content:"";height:100%;position:absolute;right:0;top:0;width:20px}.steps-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);width:100%}.step-card-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c254d66;border:2px solid #0000;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;min-height:400px;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.step-card-modern:before{background:linear-gradient(135deg,#8a42ff1a,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.step-card-modern.active{border-color:#8a42ff;border-color:var(--primary);box-shadow:0 20px 40px #8a42ff4d;transform:scale(1.02)}.step-card-modern.active:before{opacity:1}.step-card-modern.completed{border-color:#8a42ff80}.step-card-modern:hover{border-color:#a06eff;border-color:var(--primary-hover);box-shadow:0 15px 30px #8a42ff33;transform:translateY(-8px) scale(1.02)}.step-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.step-number-modern{align-items:center;background:linear-gradient(135deg,#8a42ff,#a06eff);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:50%;box-shadow:0 4px 15px #8a42ff66;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;transition:all .3s ease;width:48px}.step-card-modern.completed .step-number-modern{background:linear-gradient(135deg,#00c851,#00a63e)}.step-card-modern:hover .step-number-modern{box-shadow:0 6px 20px #8a42ff80;transform:scale(1.1)}.step-icon-modern{align-items:center;background:#8a42ff1a;border-radius:20px;color:#8a42ff;color:var(--primary);display:flex;flex-shrink:0;height:80px;justify-content:center;transition:all .3s ease;width:80px}.step-card-modern:hover .step-icon-modern{background:#8a42ff33;color:#a06eff;color:var(--primary-hover);transform:scale(1.1)}.step-content-modern{display:flex;flex:1 1;flex-direction:column}.step-content-modern h3{color:#f0f0f0;color:var(--text-primary);font-size:1.4rem;font-weight:700;margin-bottom:1rem;text-align:center;transition:color .3s ease}.step-content-modern p{color:#b3a8d8;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem;text-align:center}.step-details{flex:1 1;list-style:none;margin:0;padding:0;text-align:left}.step-details li{color:#b3a8d8;color:var(--text-secondary);font-size:.9rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.step-details li:before{content:"•";font-weight:700;left:0;top:.5rem}.step-arrow,.step-details li:before{color:#8a42ff;color:var(--primary);position:absolute}.step-arrow{align-items:center;background:#8a42ff1a;border-radius:50%;bottom:1.5rem;display:flex;height:40px;justify-content:center;opacity:0;right:1.5rem;transform:translate(10px,10px) scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.step-card-modern:hover .step-arrow{opacity:1;transform:translate(0) scale(1)}@keyframes progressShimmer{0%{opacity:0}50%{opacity:1}to{opacity:0}}.how-it-works-tabs-container{display:flex;gap:2rem;margin:0 auto;max-width:1200px;padding:0 2rem}.tabs-list{display:flex;flex:0 0 280px;flex-direction:column;gap:.75rem;justify-content:center}.tab-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c254d66;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-item:hover{background:#2c254d99;border-color:#8a42ff4d;transform:translateX(6px)}.tab-item.active{background:#8a42ff1a;border-color:#8a42ff;border-color:var(--primary);transform:translateX(6px)}.tab-icon{align-items:center;background:linear-gradient(135deg,#8a42ff,#a06eff);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.tab-item.active .tab-icon{background:linear-gradient(135deg,#a06eff,#8a42ff);background:linear-gradient(135deg,var(--primary-hover),var(--primary));box-shadow:0 8px 24px #8a42ff66}.tab-content{flex:1 1}.tab-content h3{color:#f0f0f0;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0;transition:color .3s ease}.tab-item.active .tab-content h3{color:#8a42ff;color:var(--primary)}.tab-image-container{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.tab-display-image{max-height:580px;transition:all .5s cubic-bezier(.4,0,.2,1)}.hero-image,.tab-display-image{border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:100%;object-fit:contain}.hero-image{max-height:500px}.landing-footer-modern{background:linear-gradient(135deg,#1a152e,#0f0b1f);background:linear-gradient(135deg,var(--bg-secondary) 0,#0f0b1f 100%);color:#f0f0f0;color:var(--text-primary);overflow:hidden;position:relative}.landing-footer-modern:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath d='M50 50c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10zM30 30c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10z' fill='%238A42FF' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.footer-container-modern{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:1}.footer-top{align-items:center;border-bottom:1px solid #8a42ff1a;display:flex;justify-content:center;padding:4rem 0}.footer-brand{display:flex;flex-direction:column;gap:1.5rem;max-width:600px;text-align:center}.footer-logo{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.footer-logo span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8a42ff,#a06eff);background:linear-gradient(135deg,var(--primary),var(--primary-hover));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.footer-description{color:#b3a8d8;color:var(--text-secondary);font-size:1.05rem;line-height:1.6;text-align:center}.footer-stats{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.footer-stats .stat{align-items:center;display:flex;flex-direction:column}.stat-number{color:#8a42ff;color:var(--primary);font-size:1.75rem}.stat-label{color:#8e85b3;color:var(--text-tertiary);font-size:.875rem;margin-top:.25rem}.footer-links-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.footer-column{display:flex;flex-direction:column}.footer-column h4{color:#f0f0f0;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem;position:relative}.footer-column h4:after{background:linear-gradient(90deg,#8a42ff,#a06eff);background:linear-gradient(90deg,var(--primary),var(--primary-hover));border-radius:1px;bottom:-4px;content:"";height:2px;left:0;position:absolute;width:30px}.footer-column a{color:#b3a8d8;color:var(--text-secondary);display:inline-block;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.footer-column a:before{background:#8a42ff;background:var(--primary);bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-column a:hover{color:#8a42ff;color:var(--primary);transform:translateX(4px)}.footer-column a:hover:before{width:100%}.footer-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:2rem 0}.footer-copyright p{color:#8e85b3;color:var(--text-tertiary);font-size:.9rem;margin:0}.footer-social{display:flex;gap:1rem}.social-link{align-items:center;background:#8a42ff1a;border:1px solid #8a42ff33;border-radius:50%;color:#8a42ff;color:var(--primary);display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.social-link:hover{background:#8a42ff;background:var(--primary);box-shadow:0 8px 20px #8a42ff4d;color:#fff;transform:translateY(-2px) scale(1.05)}@media (max-width:1024px){.problem-content{gap:3rem;grid-template-columns:1fr;text-align:center}.problem-graphic{margin:0 auto;max-width:450px;padding:1.5rem}.footer-top{padding:3rem 0}.footer-stats{gap:1.5rem;justify-content:center}.footer-container-modern{padding:0 1.5rem}.footer-brand{gap:1rem;text-align:center}.footer-description{margin:0 auto;max-width:500px}.how-it-works-tabs-container{flex-direction:column;gap:2rem}.how-it-works-tabs-container .tabs-list{flex:none!important;flex-direction:row!important;gap:1rem!important;margin:0 -2rem!important;overflow-x:auto!important;padding:.5rem 2rem!important;scroll-behavior:smooth!important;scroll-padding-left:2rem!important;scroll-snap-type:x mandatory!important;scrollbar-color:#8a42ff4d #0000!important;scrollbar-width:thin!important}.tabs-list::-webkit-scrollbar{height:4px}.tabs-list::-webkit-scrollbar-track{background:#0000}.tabs-list::-webkit-scrollbar-thumb{background:#8a42ff4d;border-radius:2px}.tabs-list::-webkit-scrollbar-thumb:hover{background:#8a42ff80}.how-it-works-tabs-container .tab-item{flex-shrink:0!important;min-width:160px!important;scroll-snap-align:start!important}.tab-image-container{min-height:400px;order:-1}.tab-display-image{max-height:380px}}@media (max-width:768px){.features-grid-modern{gap:1.5rem;grid-template-columns:1fr}.steps-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.step-card-modern{min-height:350px;padding:1.5rem}.step-content-modern h3{font-size:1.2rem}.step-content-modern p{font-size:.9rem}.step-details li{font-size:.85rem}.pricing-cards-modern{grid-template-columns:1fr;max-width:400px}.problem-content{gap:2rem;grid-template-columns:1fr;padding:0 1rem}.comparison-container{flex-direction:column;gap:1.5rem;max-width:100%;padding:0 .5rem}.comparison-side{padding:1rem}.comparison-header{margin-bottom:1rem}.comparison-header h4{font-size:1rem}.comparison-icon{height:40px;width:40px}.learning-flow{gap:.5rem;margin-bottom:1rem}.flow-step{gap:.6rem;padding:.6rem}.flow-step span{font-size:.85rem}.step-icon{height:28px;width:28px}.vs-divider-modern{gap:.5rem;margin:1rem 0}.vs-circle{font-size:1rem;height:50px;width:50px}.divider-line{height:40px}.outcome-badge{font-size:.8rem;padding:.6rem .8rem}.problem-left{order:2}.problem-right{order:1}.footer-container-modern{padding:0 1rem}.footer-top{padding:2.5rem 0}.footer-brand{gap:1.5rem;text-align:center}.footer-logo span{font-size:1.3rem}.footer-description{font-size:1rem;max-width:none;text-align:center}.footer-stats{flex-wrap:wrap;gap:1.5rem;justify-content:center}.footer-stats .stat{align-items:center;text-align:center}.stat-number{font-size:1.5rem}.footer-bottom{flex-direction:column;gap:1rem;padding:1.5rem 0;text-align:center}.problem-title,.section-title{font-size:2rem}.how-it-works-tabs-container{padding:0}.how-it-works-tabs-container .tabs-list{flex-direction:row!important;gap:.75rem!important;margin:0 -1.5rem!important;overflow-x:auto!important;padding:.5rem 1.5rem!important;scroll-behavior:smooth!important;scroll-padding-left:1.5rem!important;scroll-snap-type:x mandatory!important}.how-it-works-tabs-container .tab-item{flex-direction:column!important;flex-shrink:0!important;gap:.5rem!important;min-width:120px!important;padding:.75rem!important;scroll-snap-align:start!important;text-align:center!important}.tab-icon{align-self:center;height:32px;width:32px}.tab-content h3{font-size:.9rem}.tab-image-container{min-height:300px}.tab-display-image{max-height:280px}.hero-image{max-height:300px}}@media (max-width:576px){.how-it-works-tabs-container .tabs-list{flex-direction:column!important}}@media (max-width:480px){.hero-title{font-size:2rem}.problem-title,.section-title{font-size:1.75rem}.steps-grid{gap:1rem;grid-template-columns:1fr}.step-card-modern{min-height:300px;padding:1rem}.steps-timeline-container{padding:0 1rem}.comparison-container{gap:1rem;padding:0 .25rem}.comparison-side{padding:.75rem}.comparison-header{gap:.5rem;margin-bottom:.75rem}.comparison-header h4{font-size:.9rem}.comparison-icon{height:36px;width:36px}.flow-step{gap:.5rem;padding:.5rem}.flow-step span{font-size:.8rem}.step-icon{height:24px;width:24px}.vs-circle{font-size:.9rem;height:45px;width:45px}.divider-line{height:30px}.outcome-badge{font-size:.75rem;padding:.5rem .7rem}.problem-item{gap:.8rem;padding:1rem}.problem-icon{height:40px;width:40px}.problem-text h4{font-size:1.1rem}.problem-text p{font-size:.9rem}.problem-badge{font-size:.8rem;padding:6px 12px}.footer-container-modern{padding:0 .75rem}.footer-top{gap:2rem;padding:2rem 0}.footer-logo span{font-size:1.2rem}.footer-description{font-size:.95rem;line-height:1.5}.footer-stats{align-items:center;flex-direction:column;gap:1rem}.stat-number{font-size:1.3rem}.stat-label{font-size:.8rem}.footer-bottom{gap:.75rem;padding:1.25rem 0}.footer-copyright p,.social-link{font-size:.8rem}.social-link{height:36px;width:36px}.how-it-works-tabs-container .tabs-list{gap:.5rem!important;margin:0 -1rem!important;padding:.5rem 1rem!important;scroll-padding-left:1rem!important;scroll-snap-type:x mandatory!important}.how-it-works-tabs-container .tab-item{flex-shrink:0!important;min-width:100px!important;padding:.6rem!important;scroll-snap-align:start!important}.tab-content h3{font-size:.8rem}.tab-icon{height:28px;width:28px}.tab-image-container{min-height:250px}.tab-display-image{max-height:230px}.hero-image{max-height:250px}}.cookie-banner-overlay{bottom:0;left:0;pointer-events:none;position:fixed;right:0;z-index:10000}.cookie-banner{animation:slideUp .3s ease-out;background:#1a152e;background:var(--bg-secondary,#1a152e);border:1px solid #3e356b;border:1px solid var(--border-color,#3e356b);border-radius:16px 16px 0 0;box-shadow:0 -8px 32px #0000004d;margin:0 16px;max-width:calc(100vw - 32px);pointer-events:auto}.cookie-banner-header{align-items:center;border-bottom:1px solid #3e356b;border-bottom:1px solid var(--border-color,#3e356b);display:flex;gap:12px;padding:20px 24px 16px}.cookie-banner-icon{color:#8a42ff;color:var(--primary,#8a42ff);flex-shrink:0}.cookie-banner-header h3{color:#f0f0f0;color:var(--text-primary,#f0f0f0);flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.cookie-banner-close{background:none;border:none;border-radius:6px;color:#b3a8d8;color:var(--text-secondary,#b3a8d8);cursor:pointer;flex-shrink:0;padding:4px;transition:all .2s ease}.cookie-banner-close:hover{background-color:#3e356b;background-color:var(--bg-hover,#3e356b);color:#f0f0f0;color:var(--text-primary,#f0f0f0)}.cookie-banner-content{padding:20px 24px}.cookie-banner-content p{color:#b3a8d8;color:var(--text-secondary,#b3a8d8);font-size:.95rem;line-height:1.5;margin:0 0 16px}.cookie-details{border-top:1px solid #3e356b;border-top:1px solid var(--border-color,#3e356b);margin-top:20px;padding-top:20px}.cookie-category{background:#2c254d;background:var(--bg-tertiary,#2c254d);border:1px solid #ffffff0d;border-radius:12px;margin-bottom:20px;padding:16px}.cookie-category:last-child{margin-bottom:0}.cookie-category-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.cookie-category-info{align-items:center;display:flex;flex:1 1;gap:8px}.cookie-category h4{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:1rem;font-weight:600;margin:0}.cookie-required{color:#8a42ff;color:var(--primary,#8a42ff);font-size:.8rem;font-weight:500}.cookie-category p{color:#b3a8d8;color:var(--text-secondary,#b3a8d8);font-size:.85rem;line-height:1.4;margin:0}.cookie-toggle{cursor:pointer;display:inline-block;height:24px;position:relative;width:44px}.cookie-toggle input{height:0;opacity:0;width:0}.cookie-toggle input:disabled{cursor:not-allowed}.cookie-toggle-slider{background-color:#3e356b;background-color:var(--bg-hover,#3e356b);border:1px solid #3e356b;border:1px solid var(--border-color,#3e356b);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.cookie-toggle-slider:before{background-color:#b3a8d8;background-color:var(--text-secondary,#b3a8d8);border-radius:50%;bottom:3px;content:"";height:16px;left:3px;position:absolute;transition:.3s;width:16px}.cookie-toggle input:checked+.cookie-toggle-slider{background:linear-gradient(135deg,#8a42ff,#5a52ac);background:linear-gradient(135deg,var(--primary,#8a42ff),#5a52ac);border-color:#8a42ff;border-color:var(--primary,#8a42ff)}.cookie-toggle input:checked+.cookie-toggle-slider:before{background-color:#fff;transform:translateX(20px)}.cookie-toggle input:disabled+.cookie-toggle-slider{cursor:not-allowed;opacity:.6}.cookie-banner-actions{border-top:1px solid #3e356b;border-top:1px solid var(--border-color,#3e356b);padding:20px 24px 24px}.cookie-banner-links{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.cookie-details-toggle,.cookie-policy-link{align-items:center;background:none;border:none;border-radius:6px;color:#b3a8d8;color:var(--text-secondary,#b3a8d8);cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:6px 8px;text-decoration:none;transition:all .2s ease}.cookie-details-toggle:hover,.cookie-policy-link:hover{background-color:#8a42ff1a;color:#8a42ff;color:var(--primary,#8a42ff)}.cookie-banner-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.cookie-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.cookie-btn-reject{background:#0000;border:1px solid #3e356b;border:1px solid var(--border-color,#3e356b);color:#b3a8d8;color:var(--text-secondary,#b3a8d8)}.cookie-btn-reject:hover{background:#3e356b;background:var(--bg-hover,#3e356b);border-color:#3e356b;border-color:var(--bg-hover,#3e356b)}.cookie-btn-reject:hover,.cookie-btn-save{color:#f0f0f0;color:var(--text-primary,#f0f0f0)}.cookie-btn-save{background:#2c254d;background:var(--bg-tertiary,#2c254d);border:1px solid #3e356b;border:1px solid var(--border-color,#3e356b)}.cookie-btn-save:hover{background:#3e356b;background:var(--bg-hover,#3e356b);border-color:#8a42ff;border-color:var(--primary,#8a42ff)}.cookie-btn-accept{background:linear-gradient(135deg,#8a42ff,#5a52ac);background:linear-gradient(135deg,var(--primary,#8a42ff),#5a52ac);box-shadow:0 2px 8px #8a42ff4d;color:#fff}.cookie-btn-accept:hover{background:linear-gradient(135deg,#a06eff,#6b63bc);background:linear-gradient(135deg,var(--primary-hover,#a06eff),#6b63bc);box-shadow:0 4px 12px #8a42ff66;transform:translateY(-1px)}@media (max-width:768px){.cookie-banner{-webkit-overflow-scrolling:touch;border-radius:0;margin:0;max-height:70vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;scrollbar-color:#8a42ff80 #0000;scrollbar-width:thin}.cookie-banner::-webkit-scrollbar{width:4px}.cookie-banner::-webkit-scrollbar-track{background:#0000}.cookie-banner::-webkit-scrollbar-thumb{background-color:#8a42ff80;border-radius:2px}.cookie-banner::-webkit-scrollbar-thumb:hover{background-color:#8a42ffb3}.cookie-banner-actions,.cookie-banner-content,.cookie-banner-header{padding-left:16px;padding-right:16px}.cookie-banner-buttons{justify-content:stretch}.cookie-btn{flex:1 1;min-width:0}.cookie-banner-links{justify-content:center}.cookie-category{padding:12px}.cookie-category-header{align-items:flex-start;flex-direction:column;gap:8px}.cookie-toggle{align-self:flex-start}}@media (max-width:480px){.cookie-banner{max-height:100vh}.cookie-banner-buttons{flex-direction:column}.cookie-btn{width:100%}.cookie-banner-links{align-items:center;flex-direction:column;gap:8px}}@media (prefers-contrast:high){.cookie-banner,.cookie-toggle-slider{border:2px solid #f0f0f0;border:2px solid var(--text-primary,#f0f0f0)}}@media (prefers-reduced-motion:reduce){.cookie-banner{animation:none}.cookie-btn,.cookie-details-toggle,.cookie-policy-link,.cookie-toggle-slider,.cookie-toggle-slider:before{transition:none}}.cookie-banner-close:focus,.cookie-btn:focus,.cookie-details-toggle:focus,.cookie-policy-link:focus,.cookie-toggle input:focus+.cookie-toggle-slider{outline:2px solid #8a42ff;outline:2px solid var(--primary,#8a42ff);outline-offset:2px}:root{--auth-bg-primary:#120e24;--auth-bg-secondary:#1a152e;--auth-bg-tertiary:#2c254d;--auth-bg-hover:#3e356b;--auth-text-primary:#f0f0f0;--auth-text-secondary:#b3a8d8;--auth-text-tertiary:#8e85b3;--auth-primary:#8a42ff;--auth-primary-hover:#a06eff;--auth-border-color:#3e356b;--auth-border-light:#ffffff1a;--auth-error:#ff6b6b;--auth-success:#51cf66;--auth-warning:#ffd43b;--auth-font-primary:"Kanit",sans-serif;--auth-font-secondary:"Kanit",sans-serif;--auth-font-size-base:clamp(14px,2.5vw,16px);--auth-font-size-small:clamp(12px,2vw,14px);--auth-font-size-large:clamp(16px,3vw,18px);--auth-font-size-xl:clamp(20px,4vw,24px);--auth-font-size-xxl:clamp(24px,5vw,32px);--auth-space-xs:clamp(4px,1vw,8px);--auth-space-sm:clamp(8px,2vw,12px);--auth-space-md:clamp(12px,3vw,16px);--auth-space-lg:clamp(16px,4vw,24px);--auth-space-xl:clamp(24px,5vw,32px);--auth-space-xxl:clamp(32px,6vw,48px);--auth-shadow-sm:0 2px 8px #0000001a;--auth-shadow-md:0 8px 32px #00000026;--auth-shadow-lg:0 25px 50px #00000040;--auth-shadow-primary:0 4px 15px #8a42ff4d}.auth-backdrop,.auth-backdrop *,.auth-container,.auth-container *{color-scheme:dark}body,html{font-family:Kanit,sans-serif;font-family:var(--auth-font-secondary);height:100%;margin:0;padding:0;width:100%}.auth-backdrop{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#120e24f2,#1a152efa);box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;padding:clamp(12px,3vw,16px);padding:var(--auth-space-md);position:fixed;top:0;width:100%;z-index:1000}.auth-container{animation:slideUp .4s ease-out;background:#120e24;background:var(--auth-bg-primary);border:1px solid #ffffff1a;border:1px solid var(--auth-border-light);border-radius:clamp(16px,3vw,24px);box-shadow:0 25px 50px #00000040;box-shadow:var(--auth-shadow-lg);display:flex;height:auto;margin:auto;max-height:90vh;min-height:min(650px,80vh);overflow:hidden;position:relative;width:min(1100px,95vw)}.auth-container.modern{background:linear-gradient(135deg,#1a152e,#120e24);background:linear-gradient(135deg,var(--auth-bg-secondary) 0,var(--auth-bg-primary) 100%)}.auth-left-panel{background:linear-gradient(135deg,#8a42ff,#7b6fff);background:linear-gradient(135deg,var(--auth-primary) 0,#7b6fff 100%);color:#fff;flex:0 0 40%;min-height:200px;overflow:hidden;position:relative;width:40%}.auth-left-panel:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='m30 30 15-15v30z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;bottom:0;content:"";right:0}.auth-left-panel:before,.background-svg{left:0;pointer-events:none;position:absolute;top:0}.background-svg{height:100%;opacity:.1;overflow:hidden;width:100%;z-index:1}.auth-left-panel .content{display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:400px;padding:clamp(32px,6vw,48px);padding:var(--auth-space-xxl);position:relative;z-index:10}.auth-logo{align-items:center;animation:slideInLeft .6s ease-out .2s both;display:flex;flex-shrink:0;margin-bottom:clamp(24px,5vw,32px);margin-bottom:var(--auth-space-xl)}.auth-logo img{border-radius:8px;height:clamp(24px,5vw,32px);margin-right:clamp(8px,2vw,12px);margin-right:var(--auth-space-sm);width:clamp(24px,5vw,32px)}.auth-logo span{color:#fff;font-family:Kanit,sans-serif;font-family:var(--auth-font-primary);font-size:clamp(20px,4vw,24px);font-size:var(--auth-font-size-xl);font-weight:700}.back-to-site.modern{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:clamp(8px,2vw,12px);color:#fff;cursor:pointer;display:flex;font-size:clamp(12px,2vw,14px);font-size:var(--auth-font-size-small);font-weight:500;gap:clamp(4px,1vw,8px);gap:var(--auth-space-xs);padding:clamp(4px,1vw,8px) clamp(12px,3vw,16px);padding:var(--auth-space-xs) var(--auth-space-md);position:absolute;right:clamp(16px,4vw,24px);right:var(--auth-space-lg);text-decoration:none;top:clamp(16px,4vw,24px);top:var(--auth-space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:20}.back-to-site.modern:hover{background:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.auth-tagline{animation:slideInLeft .6s ease-out .4s both;flex-shrink:0;margin-bottom:clamp(24px,5vw,32px);margin-bottom:var(--auth-space-xl)}.auth-tagline h2{color:#fff;font-family:Kanit,sans-serif;font-family:var(--auth-font-primary);font-size:clamp(24px,5vw,32px);font-size:var(--auth-font-size-xxl);font-weight:700;line-height:1.2;margin-bottom:clamp(12px,3vw,16px);margin-bottom:var(--auth-space-md)}.auth-tagline p{color:#f0f0f0;font-size:clamp(14px,2.5vw,16px);font-size:var(--auth-font-size-base);line-height:1.6;margin-bottom:0;max-width:100%;opacity:.9}.auth-features{animation:slideInLeft .6s ease-out .6s both;display:flex;flex-direction:column;flex-shrink:0;gap:clamp(12px,3vw,16px);gap:var(--auth-space-md);margin-top:auto}.auth-feature-card,.feature-item.modern{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:clamp(8px,2vw,12px);box-sizing:border-box;display:flex;margin-bottom:clamp(12px,3vw,16px);margin-bottom:var(--auth-space-md);min-height:clamp(48px,8vw,56px);padding:clamp(8px,2vw,12px) clamp(12px,3vw,16px);padding:var(--auth-space-sm) var(--auth-space-md);transition:all .3s ease;width:100%}.auth-feature-card:hover,.feature-item.modern:hover{background:#ffffff26;transform:translateX(4px)}.auth-feature-icon,.feature-item.modern .feature-icon{align-items:center;background:#fff3;border-radius:clamp(6px,2vw,10px);display:flex;flex-shrink:0;height:clamp(32px,6vw,40px);justify-content:center;margin-right:clamp(12px,3vw,16px);margin-right:var(--auth-space-md);width:clamp(32px,6vw,40px)}.auth-feature-icon svg,.feature-item.modern .feature-icon svg{color:#fff;flex-shrink:0;height:clamp(16px,3vw,20px);width:clamp(16px,3vw,20px)}.auth-feature-card span,.feature-item.modern span{word-wrap:break-word;color:#f0f0f0;flex:1 1;font-size:clamp(12px,2vw,14px);font-size:var(--auth-font-size-small);font-weight:500;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;overflow-wrap:break-word}.auth-right-panel{align-items:center;background:#120e24;background:var(--auth-bg-primary);display:flex;flex:1 1;flex-direction:column;height:auto;min-height:auto;overflow-x:hidden;overflow-y:auto;padding:clamp(32px,6vw,48px);padding:var(--auth-space-xxl);position:relative;width:60%}.auth-right-panel::-webkit-scrollbar{width:6px}.auth-right-panel::-webkit-scrollbar-track{background:#0000}.auth-right-panel::-webkit-scrollbar-thumb{background:#3e356b;background:var(--auth-border-color);border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.auth-right-panel::-webkit-scrollbar-thumb:hover{background:#8a42ff;background:var(--auth-primary)}.auth-right-panel{scrollbar-color:#3e356b #0000;scrollbar-color:var(--auth-border-color) #0000;scrollbar-width:thin}.auth-right-panel:before{background:radial-gradient(circle at 80% 20%,#8a42ff0d 0,#0000 50%),radial-gradient(circle at 20% 80%,#8a42ff08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-form-container.modern{animation:slideInRight .6s ease-out .2s both;display:flex;flex-direction:column;margin:0 auto;max-width:420px;min-height:min-content;padding-bottom:clamp(16px,4vw,24px);padding-bottom:var(--auth-space-lg);position:relative;width:100%;z-index:1}.auth-header{flex-shrink:0;margin-bottom:clamp(24px,5vw,32px);margin-bottom:var(--auth-space-xl);margin-top:clamp(16px,4vw,24px);margin-top:var(--auth-space-lg);text-align:center}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0f0f0,#b3a8d8);background:linear-gradient(135deg,var(--auth-text-primary),var(--auth-text-secondary));-webkit-background-clip:text;background-clip:text;color:#f0f0f0;color:var(--auth-text-primary);font-family:Kanit,sans-serif;font-family:var(--auth-font-primary);font-size:clamp(24px,5vw,32px);font-size:var(--auth-font-size-xxl);font-weight:700;margin-bottom:clamp(4px,1vw,8px);margin-bottom:var(--auth-space-xs)}.auth-header p{color:#b3a8d8;color:var(--auth-text-secondary);font-size:clamp(14px,2.5vw,16px);font-size:var(--auth-font-size-base);line-height:1.5;margin:0}.auth-error.modern{align-items:center;animation:slideInDown .3s ease-out;background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b0d);border:1px solid #ff6b6b33;border-radius:12px;color:#ff6b6b;color:var(--auth-error);display:flex;font-size:.9rem;font-weight:500;gap:12px;margin-bottom:24px;padding:16px}.auth-error.modern .error-icon{color:#ff6b6b;color:var(--auth-error);flex-shrink:0}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-form.modern{display:flex;flex-direction:column;gap:24px}.input-group.modern{display:flex;flex-direction:column;gap:clamp(4px,1vw,8px);gap:var(--auth-space-xs)}.input-group.modern label{color:#f0f0f0;color:var(--auth-text-primary);font-size:clamp(12px,2vw,14px);font-size:var(--auth-font-size-small);font-weight:600;margin-bottom:clamp(4px,1vw,8px);margin-bottom:var(--auth-space-xs)}.input-wrapper{position:relative!important}.input-icon,.input-wrapper{align-items:center!important;display:flex!important}.input-icon{color:#8e85b3!important;color:var(--auth-text-tertiary)!important;height:18px!important;justify-content:center!important;left:clamp(12px,3vw,16px)!important;left:var(--auth-space-md)!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:color .3s ease!important;width:18px!important;z-index:2!important}.input-wrapper:focus-within .input-icon{color:#8a42ff!important;color:var(--auth-primary)!important}.modern-input{background:#2c254d!important;background:var(--auth-bg-tertiary)!important;border:2px solid #0000!important;border-radius:clamp(8px,2vw,12px)!important;box-sizing:border-box!important;color:#f0f0f0!important;color:var(--auth-text-primary)!important;font-family:inherit!important;font-size:clamp(14px,2.5vw,16px)!important;font-size:var(--auth-font-size-base)!important;min-height:clamp(48px,8vw,56px)!important;padding:clamp(12px,3vw,16px) calc(clamp(32px, 6vw, 48px) + clamp(12px, 3vw, 16px)) clamp(12px,3vw,16px) calc(clamp(32px, 6vw, 48px) + clamp(4px, 1vw, 8px))!important;padding:var(--auth-space-md) calc(var(--auth-space-xxl) + var(--auth-space-md)) var(--auth-space-md) calc(var(--auth-space-xxl) + var(--auth-space-xs))!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.modern-input::placeholder{color:#8e85b3!important;color:var(--auth-text-tertiary)!important}.modern-input:focus{border-color:#8a42ff!important;border-color:var(--auth-primary)!important;box-shadow:0 0 0 3px #8a42ff1a!important;outline:none!important;transform:translateY(-1px)!important}.modern-input:focus,.modern-input:hover:not(:focus){background:#3e356b!important;background:var(--auth-bg-hover)!important}.modern-input:hover:not(:focus){border-color:#3e356b!important;border-color:var(--auth-border-color)!important}.modern-input.invalid-password{background:#ff6b6b0d!important;border-color:#ff6b6b!important;border-color:var(--auth-error)!important}.input-wrapper .modern-input{padding-right:calc(clamp(32px, 6vw, 48px) + clamp(12px, 3vw, 16px))!important;padding-right:calc(var(--auth-space-xxl) + var(--auth-space-md))!important}.modern-input:-webkit-autofill,.modern-input:-webkit-autofill:active,.modern-input:-webkit-autofill:focus,.modern-input:-webkit-autofill:hover{-webkit-text-fill-color:#f0f0f0!important;-webkit-text-fill-color:var(--auth-text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #2c254d!important;-webkit-box-shadow:0 0 0 30px var(--auth-bg-tertiary) inset!important;caret-color:#f0f0f0!important;caret-color:var(--auth-text-primary)!important}.auth-container input[type=email],.auth-container input[type=password],.auth-container input[type=text]{background:#2c254d!important;background:var(--auth-bg-tertiary)!important;border:2px solid #0000!important;color:#f0f0f0!important;color:var(--auth-text-primary)!important}.auth-container input[type=email]:focus,.auth-container input[type=password]:focus,.auth-container input[type=text]:focus{background:#3e356b!important;background:var(--auth-bg-hover)!important;border-color:#8a42ff!important;border-color:var(--auth-primary)!important;color:#f0f0f0!important;color:var(--auth-text-primary)!important}.password-toggle.modern{align-items:center!important;background:none!important;border:none!important;border-radius:6px!important;color:#8e85b3!important;color:var(--auth-text-tertiary)!important;cursor:pointer!important;display:flex!important;height:32px!important;justify-content:center!important;padding:4px!important;position:absolute!important;right:clamp(12px,3vw,16px)!important;right:var(--auth-space-md)!important;top:50%!important;transform:translateY(-50%)!important;transition:all .3s ease!important;width:32px!important;z-index:3!important}.password-toggle.modern:hover{background:#8a42ff1a!important;color:#8a42ff!important;color:var(--auth-primary)!important}.password-toggle.modern svg{height:18px!important;width:18px!important}.password-requirements.modern{background:#2c254d;background:var(--auth-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--auth-border-light);border-radius:12px;margin-top:12px;padding:16px}.password-strength{margin-bottom:12px}.strength-label{color:#b3a8d8;color:var(--auth-text-secondary);font-size:.85rem;margin-bottom:6px}.strength-indicator{font-weight:600}.strength-indicator.weak{color:#ff6b6b;color:var(--auth-error)}.strength-indicator.fair{color:#ffd43b;color:var(--auth-warning)}.strength-indicator.good{color:#51cf66}.strength-indicator.strong{color:#51cf66;color:var(--auth-success)}.strength-bar{background:#120e24;background:var(--auth-bg-primary);border-radius:2px;height:4px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:width .3s ease,background-color .3s ease}.strength-fill.weak{background:#ff6b6b;background:var(--auth-error);width:25%}.strength-fill.fair{background:#ffd43b;background:var(--auth-warning);width:50%}.strength-fill.good{background:#51cf66;width:75%}.strength-fill.strong{background:#51cf66;background:var(--auth-success);width:100%}.requirements-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.requirement{align-items:center;display:flex;font-size:.8rem;gap:8px;padding:4px 0}.requirement.met{color:#51cf66;color:var(--auth-success)}.requirement.unmet{color:#8e85b3;color:var(--auth-text-tertiary)}.requirement svg{flex-shrink:0}.auth-form-actions.modern{align-items:center;display:flex;justify-content:space-between;margin:8px 0}.remember-me.modern{align-items:center;cursor:pointer;display:flex;gap:12px;position:relative}.remember-me.modern input{cursor:pointer;opacity:0;position:absolute}.checkmark{background:#2c254d;background:var(--auth-bg-tertiary);border:2px solid #3e356b;border:2px solid var(--auth-border-color);border-radius:4px;flex-shrink:0;height:20px;position:relative;transition:all .3s ease;width:20px}.remember-me.modern input:checked+.checkmark{background:#8a42ff;background:var(--auth-primary);border-color:#8a42ff;border-color:var(--auth-primary)}.remember-me.modern input:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.remember-me.modern .label-text{color:#b3a8d8;color:var(--auth-text-secondary);font-size:.9rem;font-weight:500}.terms-agreement.modern{align-items:flex-start;cursor:pointer;display:flex;gap:12px;margin:8px 0 24px}.terms-agreement.modern input{cursor:pointer;opacity:0;position:absolute}.terms-agreement.modern input:checked+.checkmark{background:#8a42ff;background:var(--auth-primary);border-color:#8a42ff;border-color:var(--auth-primary)}.terms-agreement.modern input:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.terms-agreement.modern .label-text{color:#b3a8d8;color:var(--auth-text-secondary);font-size:.9rem;line-height:1.5}.link-text{background:none;border:none;color:#8a42ff;color:var(--auth-primary);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:underline;transition:color .3s ease}.link-text:hover{color:#a06eff;color:var(--auth-primary-hover)}.forgot-password.modern{background:none;border:none;color:#8a42ff;color:var(--auth-primary);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:4px 0;text-decoration:none;transition:all .3s ease}.forgot-password.modern:hover{color:#a06eff;color:var(--auth-primary-hover);text-decoration:underline}.auth-submit-btn.modern{align-items:center;background:linear-gradient(135deg,#8a42ff,#7b6fff);background:linear-gradient(135deg,var(--auth-primary),#7b6fff);border:none;border-radius:clamp(8px,2vw,12px);box-shadow:0 4px 15px #8a42ff4d;box-shadow:var(--auth-shadow-primary);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:clamp(14px,2.5vw,16px);font-size:var(--auth-font-size-base);font-weight:600;gap:clamp(4px,1vw,8px);gap:var(--auth-space-xs);justify-content:center;margin-top:clamp(4px,1vw,8px);margin-top:var(--auth-space-xs);min-height:clamp(48px,8vw,56px);padding:clamp(12px,3vw,16px) clamp(16px,4vw,24px);padding:var(--auth-space-md) var(--auth-space-lg);touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-submit-btn.modern:hover:not(:disabled){background:linear-gradient(135deg,#a06eff,#8b7aff);background:linear-gradient(135deg,var(--auth-primary-hover),#8b7aff);box-shadow:0 6px 20px #8a42ff66;transform:translateY(-2px)}.auth-submit-btn.modern:active{transform:translateY(0)}.auth-submit-btn.modern:disabled{background:#3e356b;background:var(--auth-bg-hover);box-shadow:none;color:#8e85b3;color:var(--auth-text-tertiary);cursor:not-allowed;transform:none}.auth-loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.auth-divider.modern{align-items:center;color:#8e85b3;color:var(--auth-text-tertiary);display:flex;font-size:.9rem;margin:32px 0 24px;position:relative}.auth-divider.modern:after,.auth-divider.modern:before{background:#ffffff1a;background:var(--auth-border-light);content:"";flex:1 1;height:1px}.auth-divider.modern span{background:#120e24;background:var(--auth-bg-primary);font-weight:500;padding:0 16px}.login-link.modern,.register-link.modern{align-items:center;color:#b3a8d8;color:var(--auth-text-secondary);display:flex;flex-wrap:wrap;font-size:.95rem;gap:8px;justify-content:center;text-align:center}.link-button.modern{align-items:center;background:none;border:none;border-radius:6px;color:#8a42ff;color:var(--auth-primary);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:600;gap:4px;padding:4px 8px;text-decoration:none;transition:all .3s ease}.link-button.modern:hover{background:#8a42ff1a;color:#a06eff;color:var(--auth-primary-hover);transform:translateX(2px)}.auth-notification.modern{align-items:center;animation:slideInRight .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2c254d,#1a152e);background:linear-gradient(135deg,var(--auth-bg-tertiary),var(--auth-bg-secondary));border:1px solid #ffffff1a;border:1px solid var(--auth-border-light);border-radius:16px;box-shadow:0 8px 32px #00000026;box-shadow:var(--auth-shadow-md);color:#f0f0f0;color:var(--auth-text-primary);display:flex;gap:12px;max-width:400px;padding:16px 20px;position:fixed;right:24px;top:24px;z-index:1001}.notification-icon{color:#8a42ff;color:var(--auth-primary);flex-shrink:0}.notification-content{flex:1 1;font-size:.9rem;font-weight:500}.notification-close{align-items:center;background:none;border:none;border-radius:6px;color:#8e85b3;color:var(--auth-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .3s ease}.notification-close:hover{background:#ffffff1a;color:#f0f0f0;color:var(--auth-text-primary)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1200px){.auth-backdrop{padding:clamp(16px,4vw,24px);padding:var(--auth-space-lg)}.auth-container{height:auto;max-height:85vh;max-width:1000px;min-height:min(600px,75vh);width:95%}.auth-right-panel{height:auto;max-height:none;min-height:auto}.auth-left-panel .content,.auth-right-panel{padding:clamp(24px,5vw,32px);padding:var(--auth-space-xl)}}@media (max-width:900px){.auth-backdrop{align-items:flex-start;justify-content:center;padding:clamp(8px,2vw,12px);padding:var(--auth-space-sm);padding-bottom:clamp(16px,4vw,24px);padding-bottom:var(--auth-space-lg);padding-top:clamp(16px,4vw,24px);padding-top:var(--auth-space-lg)}.auth-container{border-radius:clamp(12px,3vw,20px);flex-direction:column;height:auto;margin:0 auto;max-height:none;max-width:500px;min-height:auto;width:100%}.auth-left-panel{flex:none;min-height:clamp(180px,30vh,250px);order:1;width:100%}.auth-left-panel .content{justify-content:center;min-height:auto;padding:clamp(16px,4vw,24px);padding:var(--auth-space-lg);text-align:center}.auth-tagline h2{font-size:clamp(1.5rem,5vw,2rem)}.auth-tagline p{font-size:clamp(.9rem,3vw,1rem);max-width:none}.auth-features{grid-gap:clamp(8px,2vw,12px);grid-gap:var(--auth-space-sm);display:grid;gap:clamp(8px,2vw,12px);gap:var(--auth-space-sm);grid-template-columns:1fr;margin-top:clamp(16px,4vw,24px);margin-top:var(--auth-space-lg)}.back-to-site.modern{align-self:flex-start;margin-bottom:clamp(16px,4vw,24px);margin-bottom:var(--auth-space-lg);order:-1;position:relative;right:auto;top:auto}.auth-right-panel{height:auto;max-height:none;min-height:auto;order:2;overflow-y:visible;padding:clamp(16px,4vw,24px);padding:var(--auth-space-lg);width:100%}.auth-form-container.modern{max-width:none}.auth-header{margin-bottom:clamp(16px,4vw,24px);margin-bottom:var(--auth-space-lg);margin-top:clamp(12px,3vw,16px);margin-top:var(--auth-space-md)}.auth-header h1{font-size:clamp(1.5rem,5vw,2rem)}.requirements-list{gap:clamp(4px,1vw,8px);gap:var(--auth-space-xs);grid-template-columns:1fr}.auth-notification.modern{left:clamp(12px,3vw,16px);left:var(--auth-space-md);max-width:none;right:clamp(12px,3vw,16px);right:var(--auth-space-md);top:clamp(12px,3vw,16px);top:var(--auth-space-md)}.auth-form.modern{gap:clamp(16px,4vw,24px);gap:var(--auth-space-lg)}}@media (max-width:600px){.auth-backdrop{padding:clamp(4px,1vw,8px);padding:var(--auth-space-xs);padding-bottom:clamp(12px,3vw,16px);padding-bottom:var(--auth-space-md);padding-top:clamp(12px,3vw,16px);padding-top:var(--auth-space-md)}.auth-container{margin:0 auto;max-width:400px;width:100%}.auth-left-panel{min-height:clamp(160px,25vh,200px)}.auth-left-panel .content{padding:clamp(12px,3vw,16px);padding:var(--auth-space-md)}.auth-tagline h2{font-size:clamp(1.3rem,6vw,1.8rem);margin-bottom:clamp(8px,2vw,12px);margin-bottom:var(--auth-space-sm)}.auth-tagline p{font-size:clamp(.85rem,3.5vw,.95rem)}.auth-right-panel{padding:clamp(12px,3vw,16px);padding:var(--auth-space-md)}.auth-header h1{font-size:clamp(1.3rem,6vw,1.8rem)}.auth-form.modern{gap:clamp(12px,3vw,16px);gap:var(--auth-space-md)}.login-link.modern,.register-link.modern{flex-direction:column;gap:clamp(4px,1vw,8px);gap:var(--auth-space-xs);text-align:center}.password-requirements.modern{margin-top:clamp(8px,2vw,12px);margin-top:var(--auth-space-sm);padding:clamp(8px,2vw,12px);padding:var(--auth-space-sm)}.auth-feature-card,.feature-item.modern{min-height:clamp(44px,7vw,48px);padding:clamp(4px,1vw,8px) clamp(8px,2vw,12px);padding:var(--auth-space-xs) var(--auth-space-sm)}.auth-feature-icon,.feature-item.modern .feature-icon{height:clamp(28px,5vw,32px);margin-right:clamp(8px,2vw,12px);margin-right:var(--auth-space-sm);width:clamp(28px,5vw,32px)}.input-icon{height:16px!important;left:clamp(8px,2vw,12px)!important;left:var(--auth-space-sm)!important;width:16px!important}.password-toggle.modern{height:28px!important;right:clamp(8px,2vw,12px)!important;right:var(--auth-space-sm)!important;width:28px!important}.password-toggle.modern svg{height:16px!important;width:16px!important}.modern-input{padding:clamp(12px,3vw,16px) calc(clamp(24px, 5vw, 32px) + clamp(12px, 3vw, 16px)) clamp(12px,3vw,16px) calc(clamp(24px, 5vw, 32px) + clamp(4px, 1vw, 8px))!important;padding:var(--auth-space-md) calc(var(--auth-space-xl) + var(--auth-space-md)) var(--auth-space-md) calc(var(--auth-space-xl) + var(--auth-space-xs))!important}}@media (max-width:480px){.auth-backdrop{height:100vh;height:100dvh;padding:clamp(4px,1vw,8px);padding:var(--auth-space-xs)}.auth-container{border-radius:clamp(12px,4vw,16px);margin:0;max-width:none;width:100%}.auth-left-panel .content{padding:clamp(8px,2vw,12px);padding:var(--auth-space-sm)}.auth-tagline h2{font-size:clamp(1.2rem,7vw,1.5rem)}.auth-right-panel{padding:clamp(8px,2vw,12px);padding:var(--auth-space-sm)}.auth-header h1{font-size:clamp(1.2rem,7vw,1.6rem)}.auth-form.modern{gap:clamp(12px,3vw,16px);gap:var(--auth-space-md)}.modern-input{font-size:clamp(14px,4vw,16px)!important;padding:clamp(8px,2vw,12px) calc(clamp(24px, 5vw, 32px) + clamp(8px, 2vw, 12px)) clamp(8px,2vw,12px) calc(clamp(24px, 5vw, 32px) + clamp(4px, 1vw, 8px))!important;padding:var(--auth-space-sm) calc(var(--auth-space-xl) + var(--auth-space-sm)) var(--auth-space-sm) calc(var(--auth-space-xl) + var(--auth-space-xs))!important}.input-icon{height:16px!important;left:clamp(8px,2vw,12px)!important;left:var(--auth-space-sm)!important;width:16px!important}.password-toggle.modern{height:28px!important;right:clamp(8px,2vw,12px)!important;right:var(--auth-space-sm)!important;width:28px!important}.password-toggle.modern svg{height:16px!important;width:16px!important}.auth-submit-btn.modern{font-size:clamp(14px,4vw,16px);padding:clamp(8px,2vw,12px) clamp(12px,3vw,16px);padding:var(--auth-space-sm) var(--auth-space-md)}}@media (hover:none) and (pointer:coarse){.auth-backdrop{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.auth-feature-card,.auth-submit-btn.modern,.back-to-site.modern,.feature-item.modern,.modern-input,.password-toggle.modern{min-height:48px}.auth-feature-card:hover,.auth-submit-btn.modern:hover,.feature-item.modern:hover{transform:none}}@media (max-height:500px) and (orientation:landscape){.auth-backdrop{align-items:flex-start;padding-bottom:clamp(8px,2vw,12px);padding-bottom:var(--auth-space-sm);padding-top:clamp(8px,2vw,12px);padding-top:var(--auth-space-sm)}.auth-container{flex-direction:row;height:auto;max-height:95vh}.auth-left-panel{min-height:auto;width:40%}.auth-right-panel{overflow-y:auto;width:60%}.auth-tagline{margin-bottom:clamp(12px,3vw,16px);margin-bottom:var(--auth-space-md)}.auth-features{display:none}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.auth-container{border-width:.5px}.modern-input{border-width:1px}}@supports (height:100dvh){@media (max-width:480px){.auth-backdrop{height:100dvh}}}@media screen and (max-width:480px){.modern-input{font-size:16px}}.auth-backdrop .auth-container .modern-input,.auth-backdrop input.modern-input,.auth-container.modern .auth-form.modern .input-group.modern .input-wrapper .modern-input{background:#2c254d!important;border:2px solid #0000!important;border-radius:12px!important;box-sizing:border-box!important;color:#f0f0f0!important;font-size:1rem!important;min-height:56px!important;padding:16px 64px 16px 50px!important}.auth-backdrop .auth-container .modern-input::placeholder,.auth-backdrop input.modern-input::placeholder,.auth-container.modern .auth-form.modern .input-group.modern .input-wrapper .modern-input::placeholder{color:#8e85b3!important}.auth-backdrop .auth-container .modern-input:focus,.auth-backdrop input.modern-input:focus,.auth-container.modern .auth-form.modern .input-group.modern .input-wrapper .modern-input:focus{background:#3e356b!important;border-color:#8a42ff!important;box-shadow:0 0 0 3px #8a42ff1a!important;color:#f0f0f0!important;outline:none!important;transform:translateY(-1px)!important}.auth-backdrop .auth-container .modern-input:hover:not(:focus),.auth-backdrop input.modern-input:hover:not(:focus),.auth-container.modern .auth-form.modern .input-group.modern .input-wrapper .modern-input:hover:not(:focus){background:#3e356b!important;border-color:#3e356b!important}.auth-backdrop .auth-container .input-icon,.auth-container.modern .auth-form.modern .input-group.modern .input-wrapper .input-icon{align-items:center!important;color:#8e85b3!important;display:flex!important;height:18px!important;justify-content:center!important;left:16px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;z-index:2!important}.auth-backdrop .auth-container .input-wrapper:focus-within .input-icon,.auth-container.modern .auth-form.modern .input-group.modern .input-wrapper:focus-within .input-icon{color:#8a42ff!important}.auth-backdrop .auth-container .password-toggle.modern,.auth-container.modern .auth-form.modern .input-group.modern .input-wrapper .password-toggle.modern{align-items:center!important;background:none!important;border:none!important;border-radius:6px!important;color:#8e85b3!important;cursor:pointer!important;display:flex!important;height:32px!important;justify-content:center!important;padding:4px!important;position:absolute!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important;width:32px!important;z-index:3!important}.auth-backdrop .auth-container .password-toggle.modern:hover,.auth-container.modern .auth-form.modern .input-group.modern .input-wrapper .password-toggle.modern:hover{background:#8a42ff1a!important;color:#8a42ff!important}.auth-backdrop .auth-container .password-toggle.modern svg,.auth-container.modern .auth-form.modern .input-group.modern .input-wrapper .password-toggle.modern svg{height:18px!important;width:18px!important}@media (max-width:480px){.auth-backdrop .auth-container .modern-input,.auth-backdrop input.modern-input,.auth-container.modern .auth-form.modern .input-group.modern .input-wrapper .modern-input{font-size:16px!important;padding:12px 52px 12px 42px!important}.auth-backdrop .auth-container .input-icon,.auth-container.modern .auth-form.modern .input-group.modern .input-wrapper .input-icon{height:16px!important;left:12px!important;width:16px!important}.auth-backdrop .auth-container .password-toggle.modern,.auth-container.modern .auth-form.modern .input-group.modern .input-wrapper .password-toggle.modern{height:28px!important;right:12px!important;width:28px!important}.auth-backdrop .auth-container .password-toggle.modern svg,.auth-container.modern .auth-form.modern .input-group.modern .input-wrapper .password-toggle.modern svg{height:16px!important;width:16px!important}}:root{--dark-bg:#0a101e;--dark-bg-secondary:#111725;--dark-text:#e4e6eb;--dark-text-secondary:#b0b3b8;--dark-border:#2c2c2c;--dark-success:#2e7d32;--dark-success-bg:#2e7d321a;--dark-primary:#7b6fff;--dark-primary-hover:#6259cc;--dark-card-bg:#242424;--dark-card-bg-alt:#2c2c2c;--dark-hover-bg:#333;--dark-error-bg:#380c0c;--dark-error-text:#ef5350;--dark-spinner-track:#444;--light-bg:#f5f7fa;--light-bg-secondary:#fff;--light-text:#1e2329;--light-text-secondary:#5a626d;--light-border:#e0e0e0;--light-success:#2e7d32;--light-success-bg:#2e7d321a;--light-primary:#7b6fff;--light-primary-hover:#4a41b8;--light-card-bg:#fff;--light-card-bg-alt:#f0f0f0;--light-hover-bg:#f5f5f5;--light-error-bg:#fde8e8;--light-error-text:#e53935;--light-spinner-track:#e0e0e0}.roadmap-lessons .lesson-item{align-items:center;background-color:#111827;border:1px solid #2c3b52;border-radius:8px;display:flex;margin:10px 0;padding:12px 16px;transition:all .2s ease}.roadmap-lessons .lesson-item.completed{background-color:#10b9811a;border-color:#10b98180}.roadmap-lessons .lesson-item.next-lesson{background-color:#7b6fff26;border-color:#7b6fff80;position:relative}.roadmap-lessons .lesson-item.next-lesson:before{background-color:#7b6fff;border-radius:4px 0 0 4px;bottom:0;content:"";left:-1px;position:absolute;top:0;width:4px}.learning-plan-main-content{background-color:#0a101e;background-color:var(--dark-bg,#0d1117);color:#e4e6eb;color:var(--dark-text,#e4e6eb);flex:1 1;overflow:auto;padding:20px}.learning-plan-main-content.light,body.light .learning-plan-main-content{background-color:#f5f7fa;color:#343a40}.app-container{display:flex;height:100vh;overflow:hidden}.dark.app-container{background-color:#0a101e;background-color:var(--dark-bg);color:#e4e6eb;color:var(--dark-text)}.light.app-container{background-color:#f5f7fa;background-color:var(--light-bg);color:#1e2329;color:var(--light-text)}.lp-container{background-color:var(--dark-bg);color:#e4e6eb;color:var(--dark-text);display:flex;flex-direction:column;height:100%}body.light .lp-container{background-color:#f5f7fa;background-color:var(--light-bg)}body.light .lp-container,body.light .lp-title{color:#1e2329;color:var(--light-text)}.lp-roadmap-item-blocks{gap:20px;overflow-y:auto;padding-right:10px}.lp-roadmap-item-block{background-color:#111725;background-color:var(--dark-bg-secondary);border-radius:10px;box-shadow:0 4px 8px #0003;padding:20px;transition:all .3s ease}.light .lp-roadmap-item-block,body.light .lp-roadmap-item-block{background-color:#fff;background-color:var(--light-bg-secondary);box-shadow:0 4px 8px #0000001a}.lp-roadmap-item-block:hover{transform:translateY(-3px)}.lp-roadmap-item-block-number{background-color:var(--dark-primary);font-size:1.1rem;height:36px;margin-right:15px;width:36px}body.light .lp-roadmap-item-block-number{background-color:#7b6fff;background-color:var(--light-primary)}.lp-roadmap-item-title h3{color:#e4e6eb;color:var(--dark-text);font-size:1.3rem;margin:0;text-align:left}.lp-completed-badge{background-color:#2e7d321a;background-color:var(--dark-success-bg);border-radius:12px;color:#2e7d32;color:var(--dark-success);font-size:.8rem;font-weight:600;margin-left:auto;padding:4px 10px}body.light .lp-completed-badge{background-color:#2e7d321a;background-color:var(--light-success-bg);color:#2e7d32;color:var(--light-success)}.lp-lessons-container{border-left:2px solid #2c2c2c;border-left:2px solid var(--dark-border);gap:10px;margin-left:18px;margin-top:15px;padding-left:25px}body.light .lp-lessons-container{border-left:2px solid #e0e0e0;border-left:2px solid var(--light-border)}.light .lp-lesson-header,body.light .lp-lesson-header{background-color:#fff;background-color:var(--light-bg-secondary)}.lp-lesson-header-completed{border-left:3px solid var(--dark-success)}body.light .lp-lesson-header-completed{border-left:3px solid #2e7d32;border-left:3px solid var(--light-success)}.lp-checkbox{border:2px solid #2c2c2c;border:2px solid var(--dark-border);margin-right:15px}body.light .lp-checkbox{border:2px solid #e0e0e0;border:2px solid var(--light-border)}.lp-checkbox.checked{background-color:var(--dark-success);border-color:var(--dark-success)}body.light .lp-checkbox.checked{background-color:#2e7d32;background-color:var(--light-success);border-color:#2e7d32;border-color:var(--light-success)}.lp-lesson-title{color:var(--dark-text);display:flex;flex:1 1;flex-direction:column;gap:3px}body.light .lp-lesson-title{color:#1e2329;color:var(--light-text)}.lp-score-badge{background-color:#7b6fff;background-color:var(--dark-primary);font-size:.75rem;font-weight:600;margin-left:8px}.lp-locked-message{color:var(--dark-text-secondary);font-size:.9rem;margin-left:auto}.lp-lesson-action-button{align-items:center;background-color:var(--dark-primary);border-radius:6px;display:flex;font-size:.85rem;font-weight:600;gap:5px;margin-left:10px;padding:6px 12px;transition:all .2s}.lp-lesson-action-button:hover{background-color:#6259cc;background-color:var(--dark-primary-hover)}.lp-unavailable{opacity:.5}.lp-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d}.lp-generating-button{background-color:#2a2a2a!important;cursor:not-allowed!important}.lp-no-plan-message{align-items:center;color:var(--dark-text-secondary);display:flex;font-size:1.1rem;height:200px;justify-content:center}.lp-roadmap-item-blocks::-webkit-scrollbar{width:8px}.lp-roadmap-item-blocks::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}body.light .lp-roadmap-item-blocks::-webkit-scrollbar-track{background:#0000000d}.lp-roadmap-item-blocks::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}body.light .lp-roadmap-item-blocks::-webkit-scrollbar-thumb{background:#0003}.lp-roadmap-item-blocks::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.lp-learning-plan-skeleton{height:100%}.lp-learning-plan-header-skeleton{margin-bottom:30px}.lp-title-skeleton{background-color:#ffffff14;height:36px;width:200px}body.light .lp-title-skeleton{background-color:#00000014}.lp-button-skeleton{background-color:#ffffff14;height:38px;width:120px}body.light .lp-button-skeleton{background-color:#00000014}.lp-roadmap-item-skeletons{gap:20px}.lp-roadmap-item-skeleton{background-color:var(--dark-bg-secondary);border-radius:10px;box-shadow:0 4px 8px #0003;padding:20px}body.light .lp-roadmap-item-skeleton{box-shadow:0 4px 8px #0000001a}.lp-roadmap-item-header-skeleton{padding-bottom:15px}.lp-title-block-skeleton{background-color:#ffffff14;flex:1 1;height:40px;margin-left:15px}body.light .lp-title-block-skeleton{background-color:#00000014}.lp-icon-skeleton{background-color:#ffffff14;height:36px;width:36px}body.light .lp-icon-skeleton{background-color:#00000014}.lp-roadmap-item-content-skeleton{border-left:2px solid #2c2c2c;border-left:2px solid var(--dark-border);margin-left:18px;margin-top:15px;padding-left:25px}.lp-lesson-skeleton{background-color:#ffffff14;border-radius:8px;height:60px;margin-bottom:10px;overflow:hidden;position:relative}body.light .lp-lesson-skeleton{background-color:#00000014}.lp-lesson-text-skeleton{background-color:#ffffff14;height:20px;margin-bottom:8px;width:60%}body.light .lp-lesson-text-skeleton{background-color:#00000014}.lp-button-skeleton:after,.lp-icon-skeleton:after,.lp-lesson-skeleton:after,.lp-lesson-text-skeleton:after,.lp-title-block-skeleton:after,.lp-title-skeleton:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}body.light .lp-button-skeleton:after,body.light .lp-icon-skeleton:after,body.light .lp-lesson-skeleton:after,body.light .lp-lesson-text-skeleton:after,body.light .lp-title-block-skeleton:after,body.light .lp-title-skeleton:after{background:linear-gradient(90deg,#0000,#0000000d,#0000)}.lp-error-container{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:center;padding:0 20px;text-align:center}.lp-error-message{background-color:#380c0c;background-color:var(--dark-error-bg,#ef53501a);border-radius:8px;color:#ef5350;color:var(--dark-error-text,#ef5350);font-size:1rem;max-width:500px;padding:15px 20px}.lp-retry-button{background-color:#7b6fff;background-color:var(--dark-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:all .2s}.lp-retry-button:hover{background-color:#6259cc;background-color:var(--dark-primary-hover)}.lp-container h2{border-bottom:1px solid #fff;color:#7b6fff;color:var(--dark-primary,#4f9eed);font-size:1.5em;margin-bottom:20px;margin-top:0;padding-bottom:5px}.lp-plan-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;grid-template-rows:auto;height:calc(100vh - 200px);margin-top:20px}.lp-plan-grid.today-only{margin:0 auto;max-width:800px}.lp-plan-section{background-color:#252525;background-color:var(--dark-bg-card,#252525);border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:20px}.lp-plan-section h3{border-bottom:1px solid #fff;color:#7b6fff;color:var(--dark-primary,#4f9eed);font-size:20px;margin-bottom:15px;margin-top:0;padding-bottom:5px}.lp-plan-section .lp-lessons-list{flex:1 1;margin-top:15px;max-height:calc(100% - 60px);overflow-y:auto;padding-right:10px}.lp-plan-section .lp-empty-message{color:#b0b3b8;color:var(--dark-text-secondary);font-style:italic;margin:auto;padding:20px 0;text-align:center}.lp-full-width{display:flex;flex-direction:column;grid-column:1/-1;height:100%;overflow:hidden}.lp-plan-section.lp-full-width h3{margin-bottom:15px}.lp-plan-section.lp-full-width .lp-detailed-plan-content{background-color:#ffffff0d;background-color:var(--dark-bg-card,#ffffff0d);border-radius:8px;flex:1 1;margin-top:15px;max-height:calc(100% - 60px);overflow-y:auto;padding:15px}.lp-plan-section.lp-full-width .lp-error-message{margin-top:0}.lp-plan-section.lp-full-width .lp-empty-state-container{max-height:calc(100% - 60px);overflow-y:auto}.lp-detailed-plan-content::-webkit-scrollbar{width:6px}.lp-detailed-plan-content::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.lp-detailed-plan-content::-webkit-scrollbar-thumb{background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);border-radius:4px}.lp-detailed-plan-header{color:#7b6fff;color:var(--dark-primary,#4f9eed);font-weight:600;margin-bottom:10px;margin-top:20px}.lp-detailed-plan-item{margin-bottom:12px}.lp-detailed-plan-item:first-child .lp-detailed-plan-header{margin-top:0}.lp-lesson-card{border-radius:6px;margin-bottom:0;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.lp-lesson-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.lp-lesson-card h4{color:#e4e6eb;color:var(--dark-text,#e4e6eb);margin-bottom:10px;margin-top:0}.lp-lesson-card p{margin:8px 0}.lp-lesson-card p,.lp-lesson-description{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:.9rem}.lp-lesson-description{line-height:1.4;margin-bottom:15px;margin-top:10px}.lp-lesson-card.completed{border-left-color:#2e7d32;border-left-color:var(--dark-success,#4caf50)}.lp-btn-primary{background-color:#7b6fff;background-color:var(--dark-primary,#4f9eed);border-radius:4px;color:#000;display:inline-block;font-weight:500;margin-top:10px;padding:8px 16px;text-decoration:none;transition:background-color .2s ease}.lp-btn-primary:hover{background-color:#6259cc;background-color:var(--dark-primary-hover,#3a8cda);text-decoration:none}.lp-error-message,.lp-loading{padding:20px;text-align:center}.lp-loading{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8)}.lp-error-message{color:#f44336;color:var(--dark-error,#f44336);margin-bottom:20px}.lp-loading-spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px 0}.lp-loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#7b6fff;border-top:4px solid var(--dark-primary,#4f9eed);height:30px;margin-bottom:15px;width:30px}.lp-empty-state-container{background-color:#111725;background-color:var(--dark-bg-secondary);border-radius:12px;box-shadow:0 4px 6px #0003;color:#e4e6eb;color:var(--dark-text);margin-top:20px;padding:30px;text-align:center}.lp-empty-state-container h3{color:#7b6fff;color:var(--dark-primary);font-size:24px;margin-bottom:15px}.lp-empty-state-container p{font-size:16px;margin-bottom:25px}.lp-steps-container{display:flex;flex-direction:column;gap:20px;margin-left:auto;margin-right:auto;margin-top:30px;max-width:600px}.lp-step{align-items:flex-start;background-color:#242424;background-color:var(--dark-card-bg);border-radius:10px;display:flex;padding:20px;text-align:left;transition:transform .2s,box-shadow .2s}.lp-step:hover{box-shadow:0 6px 12px #0000004d;transform:translateY(-3px)}.lp-step-number{align-items:center;background-color:#7b6fff;background-color:var(--dark-primary);border-radius:50%;color:#000;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:36px;justify-content:center;margin-right:15px;width:36px}.lp-step-content{flex:1 1}.lp-step-content h4{color:#e4e6eb;color:var(--dark-text);font-size:18px;margin:0 0 8px}.lp-step-content p{color:#b0b3b8;color:var(--dark-text-secondary);font-size:14px;margin:0 0 15px}.lp-action-button{background-color:#7b6fff;background-color:var(--dark-primary);border:none;border-radius:6px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:background-color .2s}.lp-action-button:hover{background-color:#6259cc;background-color:var(--dark-primary-hover)}.lp-create-plan-container{background-color:#242424;background-color:var(--dark-card-bg);border-radius:10px;margin-left:auto;margin-right:auto;margin-top:20px;max-width:600px;padding:25px}.lp-goal-summary{border-bottom:1px solid #2c2c2c;border-bottom:1px solid var(--dark-border);margin-bottom:20px;padding-bottom:15px;text-align:center;width:100%}.lp-goal-summary h4{color:#7b6fff;color:var(--dark-primary);font-size:18px;margin-bottom:10px}.lp-goal-summary p{color:#e4e6eb;color:var(--dark-text);font-size:16px;line-height:1.5}.lp-create-plan-button{align-items:center;background-color:#7b6fff;background-color:var(--dark-primary);border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;margin-top:10px;min-width:200px;padding:12px 24px;transition:all .2s ease}.lp-create-plan-button:hover:not(:disabled){background-color:#6259cc;background-color:var(--dark-primary-hover);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.lp-create-plan-button:disabled{cursor:not-allowed;opacity:.6}.lp-button-spinner{animation:spin 1s linear infinite;border:2px solid #00000055;border-radius:50%;border-top-color:#000;height:18px;margin-right:10px;width:18px}.lp-learning-plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.lp-learning-plan-header h2{border-bottom:1px solid #fff;margin:0;padding-bottom:5px}.lp-regenerate-plan-button{align-items:center;background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-weight:600;justify-content:center;min-width:200px;padding:8px 16px;transition:background-color .3s,transform .2s}.lp-regenerate-plan-button:hover{background-color:#6259cc;background-color:var(--dark-primary-hover,#6259cc);transform:translateY(-2px)}.lp-regenerate-plan-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.learning-plan-button .lp-button-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #3333334d;border-radius:50%;border-top-color:#333;height:16px;margin-right:8px;width:16px}.learning-plan-button .lp-refresh-icon{animation:none;height:26px!important;margin-right:8px;width:26px!important}.learning-plan-button:hover .lp-refresh-icon{animation:spin-once .5s ease-in-out}.lp-resource-item input[type=checkbox]:checked,.lp-subtopic-item input[type=checkbox]:checked,.lp-topic-prerequisites input[type=checkbox]:checked{appearance:none;-webkit-appearance:none;background-color:#7b6fff;border:2px solid #7b6fff;border-radius:3px;height:16px;position:relative;width:16px}.lp-resource-item input[type=checkbox]:checked:after,.lp-subtopic-item input[type=checkbox]:checked:after,.lp-topic-prerequisites input[type=checkbox]:checked:after{color:#000;content:"✓";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.lp-resource-item input[type=checkbox]:disabled:checked,.lp-subtopic-item input[type=checkbox]:disabled:checked,.lp-topic-prerequisites input[type=checkbox]:disabled:checked{background-color:#7b6fff;border-color:#7b6fff;opacity:1}.lp-resource-item input[type=checkbox],.lp-subtopic-item input[type=checkbox],.lp-topic-prerequisites input[type=checkbox]{appearance:none;-webkit-appearance:none;background-color:initial;border:2px solid #555;border-radius:3px;cursor:pointer;height:16px;width:16px}.lp-resource-item input[type=checkbox]:disabled,.lp-subtopic-item input[type=checkbox]:disabled,.lp-topic-prerequisites input[type=checkbox]:disabled{cursor:not-allowed;opacity:.8}.lp-learning-plan-skeleton{margin:0 auto;max-width:800px;padding:20px}.lp-learning-plan-header-skeleton{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.lp-title-skeleton{height:28px;width:180px}.lp-button-skeleton,.lp-title-skeleton{background-color:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.lp-button-skeleton{height:36px;width:100px}.lp-roadmap-item-skeletons{display:flex;flex-direction:column;gap:30px}.lp-roadmap-item-skeleton{background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border:1px solid #2c2c2c;border:1px solid var(--dark-border,#2c2c2c);border-radius:8px;overflow:hidden}.lp-roadmap-item-header-skeleton{align-items:center;background-color:#242424;background-color:var(--dark-card-bg,#242424);border-bottom:1px solid #2c2c2c;border-bottom:1px solid var(--dark-border,#2c2c2c);display:flex;justify-content:space-between;padding:15px 20px}.lp-title-block-skeleton{border-radius:4px;width:240px}.lp-icon-skeleton,.lp-title-block-skeleton{background-color:#ffffff1a;height:24px;overflow:hidden;position:relative}.lp-icon-skeleton{border-radius:50%;width:24px}.lp-roadmap-item-content-skeleton{display:flex;flex-direction:column;padding:15px 20px}.lp-lesson-skeleton{align-items:center;border-bottom:1px solid #2c2c2c;border-bottom:1px solid var(--dark-border,#2c2c2c);display:flex;height:48px;justify-content:space-between;padding:10px 0}.lp-lesson-text-skeleton{background-color:#ffffff1a;border-radius:4px;height:18px;overflow:hidden;position:relative;width:70%}.lp-button-skeleton:after,.lp-icon-skeleton:after,.lp-lesson-text-skeleton:after,.lp-title-block-skeleton:after,.lp-title-skeleton:after{animation:shimmer 2s infinite;background-image:linear-gradient(90deg,#fff0,#ffffff0d 20%,#ffffff1a 60%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.lp-roadmap-item-block{background-color:#181f32;border-radius:8px;box-shadow:0 2px 5px #0003;overflow:hidden;width:100%}.lp-roadmap-item-block:hover{box-shadow:0 4px 8px #0000004d}.lp-roadmap-item-block-header{align-items:center;background-color:#111725;background-color:var(--dark-bg-secondary);cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s ease}.light .lp-roadmap-item-block-header,body.light .lp-roadmap-item-block-header{background-color:#fff;background-color:var(--light-bg-secondary)}.lp-roadmap-item-block-header:hover{background-color:#333;background-color:var(--dark-hover-bg)}.light .lp-roadmap-item-block-header:hover,body.light .lp-roadmap-item-block-header:hover{background-color:#f5f5f5;background-color:var(--light-hover-bg)}.lp-roadmap-item-block-number{align-items:center;background-color:#7b6fff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;margin-right:12px;width:32px}.lp-roadmap-item-title{align-items:center;color:#e4e6eb;color:var(--dark-text,#e4e6eb);display:flex;font-size:18px;font-weight:600;justify-content:space-between;width:100%}.light .lp-roadmap-item-title,body.light .lp-roadmap-item-title,body.light .lp-roadmap-item-title h3{color:#1e2329;color:var(--light-text)}.lp-roadmap-item-title p{color:#b0b3b8;color:var(--dark-text-secondary);font-size:.9rem;margin:0}body.light .lp-roadmap-item-title p{color:#5a626d;color:var(--light-text-secondary)}.lp-roadmap-item-content{flex:1 1;margin-left:10px;word-break:break-word}.lp-completed-badge{animation:pulse 2s infinite;background-color:var(--dark-success,#2e7d32)}.lp-lesson-card{border-bottom:1px solid #2c2c2c;border-bottom:1px solid var(--dark-border,#2c2c2c);padding:10px 0}.lp-lesson-header{align-items:center;background-color:#111725;background-color:var(--dark-bg-secondary);border-radius:6px;display:flex;margin-bottom:6px;padding:14px 16px;transition:background-color .2s ease}.lp-lesson-header:last-child{margin-bottom:0}.lp-lesson-header:hover{background-color:#333;background-color:var(--dark-hover-bg)}.light .lp-lesson-header:hover,body.light .lp-lesson-header:hover{background-color:#f5f5f5;background-color:var(--light-hover-bg)}.lp-lesson-header-completed{background-color:#1d2b3a;border-left:3px solid #2e7d32;border-left:3px solid var(--dark-success,#2e7d32)}.lp-lesson-header-between{align-items:center;display:flex;justify-content:space-between}.lp-checkbox{align-items:center;border:2px solid #7b6fff;border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-right:10px;width:20px}.lp-checkbox.checked{background-color:#2e7d32;border-color:#2e7d32}.lp-lesson-title{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:16px;font-weight:500;margin-right:10px}.lp-score-badge{background-color:#2e7d32;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;margin-left:10px;padding:3px 8px}.lp-locked-message{align-items:center;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);display:flex;font-size:14px;margin-left:10px}.lp-lesson-action-button{background-color:#7b6fff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:background-color .2s ease;white-space:nowrap}.lp-lesson-action-button:hover{background-color:#6a5de8;color:#fff;text-decoration:none}.lp-unavailable{cursor:not-allowed;opacity:.6}.lp-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.lp-title{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:24px;font-weight:600;margin:0}.lp-create-button{align-items:center;background-color:#7b6fff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:background-color .2s ease}.lp-create-button:hover{background-color:#6a5de8}.lp-no-plan-message{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:16px;margin-top:40px;text-align:center}.lp-spinner{animation:spin .8s linear infinite;border:2px solid #0000001a;border-radius:50%;border-top-color:#fff;height:16px;margin-right:8px;width:16px}.lp-generating-button{align-items:center;background-color:#555f78;border-radius:4px;color:#fff;cursor:wait;display:flex;font-size:14px;gap:8px;padding:8px 16px}.lp-locked-icon{color:#a0a0a0;display:flex;margin-right:5px;opacity:.7}.lp-completed-badge,.lp-locked-icon{align-items:center;justify-content:center}.lp-completed-badge{background-color:#2e7d32;border-radius:50%;color:#fff;display:inline-flex;font-size:12px;height:20px;margin-left:10px;width:20px}.ReactWindowList{height:auto!important}.ReactWindowList,[style*="overflow: auto"]{overflow:visible!important}[style*="position: relative"]{position:relative!important}.roadmap-item-row{margin-bottom:8px!important;transition:height .3s ease;width:100%!important}.lp-container{background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border-radius:8px;max-width:900px;overflow:visible;padding:24px;width:100%}.lp-roadmap-item-blocks{display:flex;flex-direction:column;gap:8px;margin-top:20px;min-height:100px;padding-bottom:20px;position:relative;width:100%}.lp-roadmap-item-block{margin-bottom:8px;position:relative}.lp-roadmap-item-block:last-child{margin-bottom:0}.lp-roadmap-item-block{transition:box-shadow .2s ease,margin-bottom .3s ease}.lp-roadmap-item-block.expanded{margin-bottom:16px}.lp-lessons-container{background-color:#0a101e;background-color:var(--dark-bg);display:flex;flex-direction:column;gap:8px;padding:16px 20px;transition:height .3s ease;width:100%}.light.lp-lessons-container,body.light .lp-lessons-container{background-color:#fff;background-color:var(--light-bg-secondary)}.lp-refresh-button{display:none}@keyframes spin-once{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-layout{display:flex;min-height:100vh;overflow:auto}body.light .app-layout{background-color:#f5f7fa}.main-content{background-color:#0a101e;background-color:var(--dark-bg,#0d1117);flex:1 1;overflow:auto;padding:20px}.main-content.light,body.light .main-content{background-color:#f5f7fa;color:#343a40}.learning-plan-container{background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;overflow:auto;padding:30px;position:relative;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.learning-plan-container.light{background-color:#f8f9fa;box-shadow:0 4px 20px #0000001a;scrollbar-color:#0003 #0000}.error-message{background-color:#f443360d;color:var(--dark-error,#f44336)}.learning-plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.panel-title{color:#7b6fff}.panel-title h2{background:linear-gradient(135deg,#7b6fff,#5a52ac);color:#e4e6eb}.learning-plan-container.light .panel-title h2{color:#333}.learning-plan-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary),#5a52ac);-webkit-background-clip:text;background-clip:text;color:#e4e6eb;color:var(--dark-text);font-size:2rem;font-weight:700;margin:0}.learning-plan-container.light .learning-plan-header-title{color:#333}.learning-plan-button{align-items:center;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary),#5a52ac);border:none;border-radius:10px;box-shadow:0 4px 12px #7b6fff4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease}.learning-plan-button:hover,.learning-plan-container.light .learning-plan-button:hover{box-shadow:0 6px 16px #7b6fff66;transform:translateY(-1px)}.learning-plan-button:disabled{background:#4a4a4a;box-shadow:none;color:#7a7a7a;cursor:not-allowed;transform:none}.learning-plan-container.light .learning-plan-button:disabled{background:#ced4da;box-shadow:none;color:#6c757d;transform:none}.learning-plan-button span{align-items:center;display:flex}.learning-plan-button .sb-loading-spinner{animation:spin 1s linear infinite}.no-plan{background-color:#ffffff0d;border-radius:12px;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);margin-top:20px;padding:40px;text-align:center}.learning-plan-container.light .no-plan{background-color:#00000008;color:#343a40}.learning-plan-container.light .no-plan p{color:#343a40}.no-active-goal{background-color:#ffffff0d;border-radius:12px;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);margin-top:20px;padding:40px;text-align:center}.learning-plan-container.light .no-active-goal{background-color:#00000008;color:#212529}.no-active-goal p{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:1rem;line-height:1.5;margin:10px 0}.learning-plan-container.light .no-active-goal p{color:#212529}.go-to-goals-button{align-items:center;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary),#5a52ac);border:none;border-radius:10px;box-shadow:0 4px 12px #7b6fff4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;margin-top:20px;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease}.learning-plan-container.light .go-to-goals-button{background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);box-shadow:0 4px 12px #7b6fff4d;color:#fff}.go-to-goals-button:hover,.learning-plan-container.light .go-to-goals-button:hover{box-shadow:0 6px 16px #7b6fff66;transform:translateY(-1px)}.go-to-goals-button span{align-items:center;display:flex;gap:8px}.empty-state-icon{opacity:1}.reload-page-button{background:linear-gradient(135deg,var(--dark-primary),#5a52ac);border-radius:10px;box-shadow:0 4px 12px #7b6fff4d;display:flex;font-size:.95rem;justify-content:center;margin-top:20px;transition:transform .2s ease,box-shadow .2s ease}.learning-plan-container.light .reload-page-button{background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);box-shadow:0 4px 12px #7b6fff4d;color:#fff}.learning-plan-container.light .reload-page-button:hover,.reload-page-button:hover{box-shadow:0 6px 16px #7b6fff66;transform:translateY(-1px)}.reload-page-button:disabled{background-color:#4a4a4a;box-shadow:none;color:#7a7a7a;cursor:not-allowed;transform:none}.learning-plan-container.light .reload-page-button:disabled{background:#ced4da;box-shadow:none;color:#6c757d}.reload-page-button .lp-refresh-icon{height:16px;transition:transform .2s ease;width:16px}.reload-page-button:hover .lp-refresh-icon{transform:rotate(180deg)}.timeline-container{display:flex;flex-direction:column;margin:0 auto;max-width:1000px;position:relative;width:100%}.timeline-line{background-color:#2c3b52;border-radius:2px;bottom:0;left:24px;position:absolute;top:0;width:4px;z-index:1}.learning-plan-container.light .timeline-line{background-color:#e9ecef}.milestone-item{display:flex;margin-bottom:30px;position:relative}.milestone-dot{align-items:center;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary),#5a52ac);border-radius:50%;box-shadow:0 4px 12px #7b6fff4d;display:flex;height:52px;justify-content:center;margin-right:20px;transition:all .3s ease;width:52px;z-index:2}.milestone-dot-completed{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 12px #10b9814d!important}.learning-plan-container.light .milestone-dot{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary),#5a52ac);box-shadow:0 4px 12px #7b6fff33}.learning-plan-container.light .milestone-dot-completed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98133}.milestone-number{color:#fff;font-size:1.25rem;font-weight:700}.milestone-content{background-color:#111725;background-color:var(--dark-bg-secondary);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 8px 32px #0000001f;flex:1 1;margin-left:20px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.milestone-content:hover{box-shadow:0 12px 40px #0000002e;transform:translateY(-2px)}.learning-plan-container.light .milestone-content,.milestone-content.light{background-color:#fff;border:1px solid #e1e4e8;box-shadow:0 8px 32px #00000014}.learning-plan-container.light .milestone-content:hover{box-shadow:0 12px 40px #0000001f}.milestone-title{align-items:center;color:#e4e6eb;color:var(--dark-text,#e4e6eb);cursor:pointer;display:flex;font-size:1.3rem;font-weight:600;justify-content:space-between;margin-top:0}.learning-plan-container.light .milestone-title{color:#343a40}.milestone-title>span{cursor:pointer}.milestone-title:hover{opacity:.9}.milestone-progress{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;gap:5px;margin-left:auto}.learning-plan-container.light .milestone-progress{color:#6c757d}.milestone-completed{align-items:center;color:#10b981;cursor:pointer;display:flex;font-size:.9rem;gap:5px;margin-left:auto}.milestone-completed .expand-button{color:#10b981;margin-left:8px;opacity:.8;transition:opacity .2s ease}.milestone-completed .expand-button:hover{color:#10b981;opacity:1}.milestone-completed:hover{opacity:.9}.milestone-average-score{align-items:center;background-color:#10b98126;border:1px solid #10b9814d;border-radius:4px;color:#10b981;display:inline-flex;font-size:.8rem;font-weight:600;justify-content:center;margin-left:8px;padding:4px 8px;white-space:nowrap}.learning-plan-container.light .milestone-average-score{background-color:#10b9811a;border:1px solid #10b98133}.roadmap-average-score{align-items:center;background-color:#10b98126;border:1px solid #10b9814d;border-radius:3px;color:#10b981;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;margin-left:8px;padding:3px 6px;white-space:nowrap}.light .roadmap-average-score,body.light .roadmap-average-score{background-color:#10b9811a;border:1px solid #10b98133}.roadmap-status{gap:4px}.milestone-locked{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;gap:5px;margin-left:auto;opacity:.8}.learning-plan-container.light .milestone-locked{color:#6c757d}.topics-list{list-style:none;margin-top:15px!important;max-height:400px;overflow-y:auto;padding:0;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.topics-list::-webkit-scrollbar{width:8px}.topics-list::-webkit-scrollbar-track{background:#0000}.topics-list::-webkit-scrollbar-thumb{background-color:#ffffff1a;border:2px solid #1e293b;border-radius:4px}.topics-list::-webkit-scrollbar-thumb:hover{background-color:#fff3}.milestone-content.light .topics-list{scrollbar-color:#0003 #0000}.milestone-content.light .topics-list::-webkit-scrollbar-thumb{background-color:#0003;border:2px solid #fff}.milestone-content.light .topics-list::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.topic-item{align-items:center;background-color:#111827;border:1px solid #2c3b52;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;margin-bottom:10px;padding:12px 15px;position:relative;transition:all .2s ease}.learning-plan-container.light .topic-item{background-color:#f8f9fa;border:1px solid #e9ecef;box-shadow:0 1px 3px #0000000d}.topic-item-completed{background-color:#10b98133;border-color:#10b981b3;box-shadow:0 2px 8px #10b98126}.topic-item-next{background-color:#7b6fff26;border-color:#7b6fff80;box-shadow:0 2px 10px #7b6fff1a;position:relative}.topic-item-next:before{background-color:#7b6fff;border-radius:4px 0 0 4px;bottom:0;content:"";left:-1px;position:absolute;top:0;width:4px}.learning-plan-container.light .topic-item-completed{background-color:#10b9811f;border-color:#10b98180;box-shadow:0 2px 8px #10b9811a}.learning-plan-container.light .topic-item-next{background-color:#7b6fff14;border-color:#7b6fff4d;box-shadow:0 2px 8px #7b6fff12}.learning-plan-container.light .topic-checkbox{background-color:#e9ecef;border:2px solid #ced4da}.topic-checkbox:before{border-radius:50%;bottom:-5px;content:"";left:-5px;pointer-events:none;position:absolute;right:-5px;top:-5px}.learning-plan-container.light .topic-checkbox-completed,.topic-checkbox-completed{background-color:#10b981;border:2px solid #10b981}.topic-content{display:flex;flex:1 1;flex-direction:column}.topic-text{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1rem;line-height:1.4;margin:0;text-align:left}.learning-plan-container.light .topic-text{color:#343a40}.lesson-score-badge{align-items:center;background-color:#10b98126;border:1px solid #10b9814d;border-radius:4px;color:#10b981;display:flex;font-size:.85rem;font-weight:600;justify-content:center;margin-left:auto;margin-right:10px;padding:6px 10px;white-space:nowrap}.learning-plan-container.light .lesson-score-badge{background-color:#10b9811a;border:1px solid #10b98133}.lesson-action-button{align-items:center;border-radius:8px;display:flex;gap:6px;justify-content:center;margin-left:10px;padding:8px 16px;transition:transform .2s ease,box-shadow .2s ease}.view-lesson{background:#10b98126;border:1px solid #10b9814d;box-shadow:0 2px 8px #10b98133;color:#10b981}.view-lesson:hover{background:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b9814d;color:#fff;transform:translateY(-1px)}.start-lesson{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary),#5a52ac);box-shadow:0 2px 8px #7b6fff4d;color:#fff}.start-lesson:hover{box-shadow:0 4px 12px #7b6fff66;transform:translateY(-1px)}.learning-plan-container.light .view-lesson{background:#10b9811a;border:1px solid #10b98140;box-shadow:0 2px 8px #10b98126;color:#059669}.learning-plan-container.light .start-lesson{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary),#5a52ac);box-shadow:0 2px 8px #7b6fff4d;color:#fff}.expand-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#b0b3b8;color:var(--dark-text-secondary);justify-content:center;padding:6px 8px}.learning-plan-container.light .expand-button{background:#00000008;border:1px solid #00000014;color:#718096}.expand-button:hover{background:#ffffff1a;border-color:#fff3;color:var(--dark-text);transform:translateY(-1px)}.learning-plan-container.light .expand-button:hover{background:#0000000f;border-color:#00000026;color:#2d3748;transform:translateY(-1px)}.expand-button:focus{box-shadow:0 0 0 2px #7b6fff4d}.roadmap-block{background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border-radius:8px;box-shadow:0 4px 8px #0003;margin-bottom:16px;overflow:hidden;transition:all .3s ease;width:100%}.roadmap-block:hover{box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.roadmap-block.expanded{margin-bottom:24px}.roadmap-block-header{align-items:center;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;padding:16px 20px}.roadmap-block-number{align-items:center;background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:36px;justify-content:center;margin-right:16px;width:36px}.roadmap-block-content{align-items:center;display:flex;flex:1 1;justify-content:space-between}.roadmap-block-content h3{color:#e4e6eb;color:var(--dark-text,#e4e6eb);flex:1 1;font-size:1.25rem;margin:0}.roadmap-status{align-items:center;display:flex;font-size:.9rem;margin-left:auto;margin-right:16px}.roadmap-status.completed{color:#10b981}.roadmap-status.in-progress,.roadmap-status.locked{color:#94a3b8}.roadmap-status svg{margin-right:6px}.roadmap-lessons{max-height:400px;overflow-y:auto;padding:0 20px 16px}.lesson-item{align-items:center;background-color:#111827;border:1px solid #2c3b52;border-radius:8px;display:flex;margin:10px 0;padding:12px 16px;transition:all .2s ease}.lesson-item.completed{background-color:#10b9811a;border-color:#10b98180}.lesson-item.next-lesson{background-color:#7b6fff26;border-color:#7b6fff80;position:relative}.lesson-item.next-lesson:before{background-color:#7b6fff;border-radius:4px 0 0 4px;bottom:0;content:"";left:-1px;position:absolute;top:0;width:4px}.lesson-checkbox{align-items:center;background-color:#2c3b52;border:2px solid #3e4c63;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-right:15px;width:20px}.lesson-checkbox.checked{background-color:#10b981;border-color:#10b981}.lesson-content{display:flex;flex:1 1;flex-direction:column}.lesson-title{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:.95rem;text-align:left}.lesson-actions{gap:10px;margin-left:auto}.lesson-score{background-color:#10b98126;color:#10b981;padding:4px 8px}.lesson-action-button,.lesson-score{border-radius:4px;font-size:.85rem;font-weight:600;white-space:nowrap}.lesson-action-button{border:none;cursor:pointer;padding:6px 12px;transition:all .2s ease}.lesson-action-button.view{background-color:#10b98133;border:1px solid #10b9814d;color:#10b981}.lesson-action-button.view:hover{background-color:#10b9814d}.lesson-action-button.start{background-color:#7b6fff33;border:1px solid #7b6fff4d;color:#7b6fff}.lesson-action-button.start:hover{background-color:#7b6fff4d}.learning-plan-container.light .view-lesson{background-color:#10b9811a;border:1px solid #10b98133;color:#10b981}.learning-plan-container.light .start-lesson{background-color:#7b6fff1a;border:1px solid #7b6fff33}.expand-button{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:.9rem;margin-left:10px;padding:0;transition:all .2s ease}.learning-plan-container.light .expand-button{color:#6c757d}.expand-button:hover{color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.learning-plan-container.light .expand-button:hover{color:#343a40}.expand-button:focus{outline:none}.generating-badge{align-items:center;background-color:#10101099;border-radius:4px;color:#fff;display:flex;font-size:.8rem;gap:5px;padding:4px 8px;position:absolute;right:10px}.learning-plan-container.light .generating-badge{background-color:#0000001a;color:#333}.spinning-icon{animation:spin 1.5s linear infinite;height:14px;width:14px}.lp-container{background-color:#0a101e;background-color:var(--dark-bg,#0d1117);border-radius:10px;box-shadow:0 2px 10px #0003;margin:0 auto;max-width:1200px;padding:20px}.learning-plan-container::-webkit-scrollbar{width:12px}.learning-plan-container::-webkit-scrollbar-track{background:#0000}.learning-plan-container::-webkit-scrollbar-thumb{background-color:#ffffff1a;border:3px solid #111725;border-radius:6px}.learning-plan-container::-webkit-scrollbar-thumb:hover{background-color:#fff3}.learning-plan-container.light::-webkit-scrollbar-thumb{background-color:#0003;border:3px solid #f8f9fa}.learning-plan-container.light::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.lesson-number{align-items:center;background-color:#2c3b52;border-radius:12px;color:#94a3b8;display:flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;margin-right:10px;min-width:24px}.learning-plan-container.light .lesson-number{background-color:#e9ecef;color:#6c757d}.topic-item-completed .lesson-number{background-color:#10b9814d;border:1px solid #10b98180;color:#10b981;font-weight:600}.topic-item-next .lesson-number{background-color:#7b6fff33;color:#7b6fff}.learning-plan-container.light .topic-item-completed .lesson-number{background-color:#10b98133;border:1px solid #10b98166;color:#059669;font-weight:600}.learning-plan-container.light .topic-item-next .lesson-number{background-color:#7b6fff1a;color:#7b6fff}.topic-checkbox{align-items:center;background-color:#2c3b52;border:2px solid #3e4c63;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-right:15px;opacity:.9;position:relative;transition:all .2s ease;width:20px}.light .roadmap-block,body.light .roadmap-block{background-color:#fff;background-color:var(--light-bg-secondary,#fff);box-shadow:0 2px 6px #0000001a}.light .roadmap-block-header,body.light .roadmap-block-header{border-bottom:1px solid #0000001a}.light .roadmap-block-content h3,body.light .roadmap-block-content h3{color:#1e2329;color:var(--light-text,#1e2329)}.light .roadmap-status,body.light .roadmap-status{color:#5a626d;color:var(--light-text-secondary,#5a626d)}.light .roadmap-status.completed,body.light .roadmap-status.completed{color:#10b981}.light .roadmap-lessons .lesson-item,body.light .roadmap-lessons .lesson-item{background-color:#f8f9fa;border:1px solid #e9ecef}.light .roadmap-lessons .lesson-item.completed,body.light .roadmap-lessons .lesson-item.completed{background-color:#10b9810d;border-color:#10b9814d}.light .roadmap-lessons .lesson-item.next-lesson,body.light .roadmap-lessons .lesson-item.next-lesson{background-color:#7b6fff14;border-color:#7b6fff4d}.light .roadmap-lessons .lesson-title,body.light .roadmap-lessons .lesson-title{color:#1e2329;color:var(--light-text,#1e2329)}.light .roadmap-lessons .lesson-action-button.view,body.light .roadmap-lessons .lesson-action-button.view{background-color:#10b9811a;border:1px solid #10b98133;color:#10b981}.light .roadmap-lessons .lesson-action-button.start,body.light .roadmap-lessons .lesson-action-button.start{background-color:#7b6fff1a;border:1px solid #7b6fff33;color:#7b6fff}.learning-plan-goal-card{background-color:#1a2234;border:1px solid #2d3a56;border-left:5px solid #7b6fff;border-left:5px solid var(--dark-primary,#7b6fff);border-radius:12px;box-shadow:0 8px 25px #0006;display:block;margin:0 auto 50px;max-width:800px;padding:15px 20px 20px;position:relative;transition:all .3s ease;width:100%;z-index:2}.learning-plan-goal-card.light{background-color:#fff;border:1px solid #e1e4e8;border-left:5px solid #7b6fff;border-left:5px solid var(--light-primary,#7b6fff);box-shadow:0 4px 12px #0000001a}.learning-plan-goal-card.completed{background-color:#0f1a1a;border:1px solid #10b981;border-left-width:5px;box-shadow:0 8px 25px #10b98133}.learning-plan-goal-card.completed.light{background-color:#f0fdf4;border:1px solid #10b981;border-left-width:5px;box-shadow:0 4px 12px #10b98126}.learning-plan-goal-content-wrapper{align-items:center;display:flex;gap:20px}.learning-plan-goal-card .goal-thumbnail{align-items:center;background-color:#7b6fff1a;border-radius:12px;display:flex;flex-shrink:0;height:90px;justify-content:center;overflow:hidden;position:relative;width:90px}.learning-plan-goal-card.light .goal-thumbnail{background-color:#5c50e40d}.goal-completion-badge{background-color:#fff;border-radius:50%;box-shadow:0 2px 8px #0003;padding:2px;position:absolute;right:-8px;top:-8px;z-index:10}.learning-plan-goal-card.light .goal-completion-badge{background-color:initial;box-shadow:0 0 0 #0000}.learning-plan-goal-card .goal-image{border-radius:12px;height:100%;object-fit:cover;transition:transform .3s;width:100%}.learning-plan-goal-card .goal-thumbnail:hover .goal-image{transform:scale(1.05)}.learning-plan-goal-card .goal-icon{align-items:center;background-color:#7b6fff33;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.learning-plan-goal-card.light .goal-icon{background-color:#5c50e426}.learning-plan-goal-card .goal-icon-image{background-color:#fff3;height:32px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm1-8.41 2.54 2.53a1 1 0 0 1-1.42 1.42L11.3 12.7a1 1 0 0 1-.3-.7V8a1 1 0 0 1 2 0v3.59z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm1-8.41 2.54 2.53a1 1 0 0 1-1.42 1.42L11.3 12.7a1 1 0 0 1-.3-.7V8a1 1 0 0 1 2 0v3.59z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:32px}.learning-plan-goal-card.light .goal-icon-image{background-color:#5c50e466}.learning-plan-goal-text{flex:1 1}.learning-plan-goal-title-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.learning-plan-goal-card .goal-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.learning-plan-goal-card .goal-level{border-radius:12px;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.learning-plan-goal-card .goal-level[data-level=Beginner]{background-color:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.learning-plan-goal-card.light .goal-level[data-level=Beginner]{background-color:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.learning-plan-goal-card .goal-level[data-level=Practitioner]{background-color:#f9731626;border:1px solid #f973164d;color:#f97316}.learning-plan-goal-card.light .goal-level[data-level=Practitioner]{background-color:#f973161a;border:1px solid #f9731633;color:#ea580c}.learning-plan-goal-card .goal-level[data-level=Advanced]{background-color:#ef444426;border:1px solid #ef44444d;color:#ef4444}.learning-plan-goal-card.light .goal-level[data-level=Advanced]{background-color:#ef44441a;border:1px solid #ef444433;color:#dc2626}.learning-plan-goal-card .goal-level[data-level="Not specified"]{background-color:#9ca3af26;border:1px solid #9ca3af4d;color:#9ca3af}.learning-plan-goal-card.light .goal-level[data-level="Not specified"]{background-color:#9ca3af1a;border:1px solid #9ca3af33;color:#6b7280}.learning-plan-goal-title{color:#a3b3cc;display:block;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0;text-align:left!important;text-transform:uppercase;transition:color .3s ease}.goal-avg-score{font-size:1rem}.learning-plan-goal-card.light .learning-plan-goal-title{color:#6c757d}.learning-plan-goal-card.light .goal-avg-score{color:#059669}.learning-plan-goal-card.completed .learning-plan-goal-title{color:#10b981}.learning-plan-goal-card.completed.light .learning-plan-goal-title{color:#059669}.learning-plan-goal-content{color:#fff;display:block;font-size:1.6rem;font-weight:600;line-height:1.4;margin:0;text-align:left!important;text-shadow:0 1px 2px #0003;word-break:break-word}.learning-plan-goal-card.light .learning-plan-goal-content{color:#212529;text-shadow:none}.learning-plan-goal-card .goal-progress-container{align-items:center;display:flex;flex-direction:row;gap:15px;margin:0;width:100%}.learning-plan-goal-card .goal-progress-bar{background-color:#ffffff1a;border-radius:3px;flex:1 1;height:6px;margin-bottom:0;max-width:400px;overflow:hidden}.learning-plan-goal-card.light .goal-progress-bar{background-color:#0000001a}.learning-plan-goal-card .goal-progress-fill{background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);border-radius:3px;height:100%}.learning-plan-goal-card.light .goal-progress-fill{background-color:#7b6fff;background-color:var(--light-primary,#7b6fff)}.learning-plan-goal-card .goal-progress-info{align-items:center;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);display:flex;font-size:13px;margin-bottom:0;white-space:nowrap}.learning-plan-goal-card.light .goal-progress-info{color:#6c757d}.goal-completion-info{display:flex;flex-direction:column;gap:8px}.goal-completion-status{color:#10b981;font-size:1rem;font-weight:600;justify-content:space-between}.goal-completion-status,.goal-completion-status>span{align-items:center;display:flex;gap:8px}.learning-plan-goal-card.light .goal-completion-status{color:#059669}.learning-plan-goal-card.light .goal-completion-status>span{align-items:center;display:flex;gap:8px}.goal-completion-date{color:#a3b3cc;font-size:.9rem;font-weight:500}.learning-plan-goal-card.light .goal-completion-date{color:#6c757d}.goal-final-progress{color:#10b981;font-size:.9rem;font-weight:500}.learning-plan-goal-card.light .goal-final-progress{color:#059669}@media (max-width:470px){.milestone-content{margin-left:35px;padding:.75rem!important}.milestone-dot{height:24px!important;left:5px;width:24px!important}.milestone-number{font-size:.75rem}.timeline-line{left:12px}.timeline-container{padding-left:0!important}}@media (max-width:576px){.learning-plan-goal-content-wrapper{align-items:flex-start;flex-direction:column;gap:.75rem}.learning-plan-goal-card .goal-thumbnail{height:50px;margin-bottom:0;width:50px}.learning-plan-container{padding:.5rem!important}.learning-plan-header{align-items:stretch;flex-direction:column;gap:.75rem}.learning-plan-button{justify-content:center;width:100%}}@media (max-width:770px){.learning-plan-main-content{margin-left:0!important;padding:0!important;width:100%!important}.learning-plan-container{margin:0;min-height:calc(100vh - 60px);padding:1rem}}@media (min-width:770px) and (max-width:900px){.milestone-content{margin-left:0;padding:1.25rem}.milestone-dot{height:38px;left:10px;margin-right:0;width:38px}.timeline-line{left:16px}}.roadmap-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;display:none;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.roadmap-modal.show{display:flex}.modal-content{animation:modalSlideIn .3s ease-out forwards;background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 20px 60px #0006;max-height:85vh;max-width:90%;overflow-y:auto;padding:0;width:500px}.modal-content.light{background-color:#fff;border:1px solid #e1e4e8;box-shadow:0 20px 60px #00000026}.modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:0}.modal-content.light .modal-header{border-bottom:1px solid #e1e4e8}.modal-title{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:20px;font-weight:600;margin:0}.modal-content.light .modal-title{color:#1e2329}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);cursor:pointer;display:flex;font-size:28px;font-weight:700;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.close-button:hover{background-color:#ffffff1a;color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.modal-content.light .close-button{color:#6c757d}.modal-content.light .close-button:hover{background-color:#0000000d;color:#495057}.modal-body{padding:20px 30px}.modal-body p{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);line-height:1.6;margin:0 0 15px}.modal-content.light .modal-body p{color:#5a626d}.modal-list{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);margin:15px 0;padding-left:20px}.modal-content.light .modal-list{color:#5a626d}.modal-list li{margin-bottom:8px}.modal-paragraph{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-weight:500;margin-top:20px}.modal-content.light .modal-paragraph{color:#1e2329}.modal-footer{border-top:1px solid #ffffff14;display:flex;gap:85px;justify-content:space-between;padding:30px 30px 0}.modal-content.light .modal-footer{border-top:1px solid #e1e4e8;justify-content:space-between}.cancel-button{align-items:center;background-color:initial;border:1px solid #fff3;border-radius:8px;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);cursor:pointer;display:flex;font-size:14px;font-weight:500;height:44px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .2s ease}.cancel-button:hover{background-color:#ffffff0d}.modal-content.light .cancel-button{background-color:#f8f9fa;border:1px solid #e1e4e8;color:#6c757d}.modal-content.light .cancel-button:hover{background-color:#e9ecef;border-color:#ced4da;color:#495057}.confirm-button{align-items:center;background-color:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:44px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .2s ease}.confirm-button:hover{background-color:#c82333;border-color:#bd2130}.lesson-limit-warning{padding:0;text-align:center}.lesson-limit-warning .limit-icon{font-size:3rem;margin-bottom:1rem}.lesson-limit-warning .limit-message{margin-bottom:1.5rem}.lesson-limit-warning .limit-suggestion{background:#ffffff0d;border-left:3px solid #7b6fff;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.modal-content.light .lesson-limit-warning .limit-suggestion{background:#7b6fff1a;color:#4a5568}.lesson-limit-warning .limit-features{background:#ffffff05;border-radius:8px;margin-bottom:1rem;padding:1rem;text-align:left}.modal-content.light .lesson-limit-warning .limit-features{background:#00000005;color:#2d3748}.lesson-limit-warning .limit-features h4{color:#7b6fff;font-size:1rem;font-weight:600;margin:0 0 .75rem}.modal-content.light .lesson-limit-warning .limit-features h4{color:#7b6fff}.lesson-limit-warning .limit-features ul{list-style:none;margin:0;padding:0}.lesson-limit-warning .limit-features li{align-items:center;color:#e4e6eb;display:flex;font-size:.9rem;padding:.4rem 0}.modal-content.light .lesson-limit-warning .limit-features li{color:#4a5568}.confirm-button.upgrade,.modal-content.light .confirm-button.upgrade{background:linear-gradient(135deg,#7b6fff,#9f7aea);color:#fff}.confirm-button.upgrade:hover,.modal-content.light .confirm-button.upgrade:hover{background:linear-gradient(135deg,#6b5fff,#8f6aea);box-shadow:0 6px 20px #7b6fff66;transform:translateY(-2px)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sb-loader-overlay{bottom:0;right:0;z-index:9999}.sb-loader-content{flex-direction:column;gap:1rem}.sb-loader-overlay.dark{background-color:#0a101ee6}.sb-loader-spinner{border:4px solid #ffffff1a;height:50px;width:50px}.sb-loader-overlay.dark .sb-loader-spinner{border:4px solid #ffffff1a;border-top-color:#7b6fff;border-top:4px solid var(--dark-primary,#7b6fff)}.sb-loader-text{color:#e4e6eb;font-size:1.1rem;font-weight:500}.sb-loader-overlay.dark .sb-loader-text{color:#e4e6eb}.sb-loader-subtext{color:#b0b3b8;max-width:300px}.sb-loader-overlay.dark .sb-loader-subtext{color:#b0b3b8}.loading-icon-container{margin-bottom:1rem}@media (max-width:768px){.app-layout{flex-direction:column;height:90vh!important;overflow-x:hidden}.learning-plan-main-content{margin-left:0!important;overflow-x:hidden;padding:0 0 40px!important;width:100%!important}.learning-plan-container{border:none;border-radius:8px;box-shadow:none;margin:0;min-height:auto;padding:15px!important}.learning-plan-header{align-items:stretch;flex-direction:column;gap:15px;margin-bottom:25px}.panel-title{justify-content:center;text-align:center}.learning-plan-header-title,.panel-title h2{font-size:1.3rem}.learning-plan-button{font-size:.9rem;justify-content:center;padding:12px 16px;width:100%}.learning-plan-goal-card{border-radius:10px;margin-bottom:30px;padding:15px}.learning-plan-goal-content-wrapper{align-items:center;flex-direction:column;gap:15px;text-align:center}.learning-plan-goal-card .goal-thumbnail{height:70px;margin-bottom:0;width:70px}.learning-plan-goal-text{text-align:center;width:100%}.learning-plan-goal-title-container{align-items:center;flex-direction:column;gap:8px;text-align:center}.learning-plan-goal-card .goal-badges{justify-content:center;width:100%}.learning-plan-goal-title{font-size:.9rem;text-align:center!important}.learning-plan-goal-content{font-size:1.3rem;line-height:1.3;text-align:center!important}.learning-plan-goal-card .goal-progress-container{flex-direction:column;gap:8px;text-align:center}.goal-completion-status{align-items:center;flex-direction:column;gap:5px;text-align:center}.timeline-container{max-width:100%;padding-left:10px}.timeline-line{left:24px;width:2px}.milestone-item{align-items:flex-start;flex-direction:row;margin-bottom:20px}.milestone-dot{flex-shrink:0;height:32px!important;margin-right:15px;width:32px!important}.milestone-number{font-size:.9rem}.milestone-content{border-radius:12px;flex:1 1;margin-left:0!important;min-width:0;padding:16px!important}.milestone-title{align-items:flex-start;flex-direction:column;font-size:1.1rem;gap:8px}.milestone-completed,.milestone-locked,.milestone-progress{align-self:flex-start;font-size:.85rem;margin-left:0}.milestone-average-score{margin-left:0;margin-top:4px}.expand-button{margin-left:0;margin-top:5px}.topics-list{margin-top:10px!important;max-height:300px}.topic-item{align-items:flex-start;display:flex;flex-direction:column}.topic-item .lesson-number,.topic-item .lesson-score-badge{align-self:auto;margin:0}.topic-item{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto;margin-bottom:8px;padding:10px 12px}.topic-item .lesson-number{grid-column:1;grid-row:1;margin:0}.topic-item .lesson-score-badge{grid-column:3;grid-row:1;justify-self:end;margin:0}.topic-item .topic-content{grid-column:1/-1;grid-row:2;width:100%}.topic-item .lesson-action-button{font-size:.8rem;grid-column:1/-1;grid-row:3;justify-self:start;margin:0;padding:8px 12px}.topic-text{font-size:1.3rem;line-height:1.4}.no-active-goal,.no-plan{padding:25px 15px;text-align:center}.empty-state-icon{font-size:2.5rem;margin-bottom:10px}.no-active-goal p,.no-plan p{font-size:.9rem;line-height:1.4;margin:8px 0}.go-to-goals-button,.reload-page-button{font-size:.9rem;margin-top:15px;padding:12px 16px;width:100%}.modal-content{margin:20px;max-height:80vh;max-width:400px;width:95%}.modal-body,.modal-footer,.modal-header{padding:0}.modal-title{font-size:1.1rem}.modal-footer{flex-direction:column;gap:10px}.cancel-button,.confirm-button{font-size:.9rem;height:48px;min-width:0;min-width:auto;padding:14px 12px;width:100%}.sb-loader-content{padding:20px;text-align:center}.sb-loader-text{font-size:1rem}.sb-loader-subtext{font-size:.85rem;max-width:250px}.lesson-limit-warning .limit-icon{font-size:2.5rem;margin-bottom:.75rem}.lesson-limit-warning .limit-suggestion{margin-bottom:1rem;padding:.75rem}.lesson-limit-warning .limit-features{padding:.75rem}.lesson-limit-warning .limit-features h4{font-size:.95rem;margin-bottom:.5rem}.lesson-limit-warning .limit-features li{font-size:.85rem;padding:.3rem 0}}@media (max-width:480px){.learning-plan-container{padding:12px 0 12px 12px!important}.learning-plan-goal-card{padding:12px}.learning-plan-goal-content{font-size:1.2rem}.milestone-content{padding:12px!important}.milestone-dot{height:28px!important;width:28px!important}.milestone-number{font-size:.8rem}.timeline-line{left:12px}.milestone-title{font-size:1rem}.topic-item{padding:8px 10px}.topic-text{font-size:.85rem}.panel-title h2{font-size:1.2rem}}@media (max-width:360px){.learning-plan-container{padding:8px!important}.learning-plan-goal-card{padding:10px}.learning-plan-goal-card .goal-thumbnail{height:60px;width:60px}.learning-plan-goal-content{font-size:1.1rem}.milestone-content{padding:10px!important}.timeline-container{padding-left:5px}.timeline-line{left:12px}.milestone-dot{height:24px!important;margin-right:10px;width:24px!important}.milestone-number{font-size:.7rem}}@media (min-width:769px) and (max-width:1024px){.learning-plan-main-content{padding:15px}.learning-plan-container,.milestone-content{padding:20px}.learning-plan-goal-content{font-size:1.5rem}}@media (max-width:768px) and (orientation:landscape){.learning-plan-goal-content-wrapper{align-items:center;flex-direction:row;text-align:left}.learning-plan-goal-text{text-align:left}.learning-plan-goal-title-container{flex-direction:row;justify-content:space-between;text-align:left}.learning-plan-goal-content,.learning-plan-goal-title{text-align:left!important}}@media (max-width:768px) and (-webkit-min-device-pixel-ratio:2){.learning-plan-goal-card .goal-image{image-rendering:-webkit-optimize-contrast}}@media (max-width:768px){.expand-button,.go-to-goals-button,.learning-plan-button,.lesson-action-button,.reload-page-button{min-height:44px;touch-action:manipulation}.milestone-content,.topics-list{touch-action:pan-y}body.light .learning-plan-container{background-color:#fff;box-shadow:none}body.light .milestone-content{background-color:#f8f9fa;border:1px solid #e9ecef}body.light .topic-item{background-color:#fff;border:1px solid #e9ecef}}.app-layout .learning-plan-main-content{min-height:100vh;overflow-x:hidden}.knowledge-graph-main-content{background-color:#0d1117;background-color:var(--dark-bg,#0d1117);color:#e4e6eb;color:var(--dark-text,#e4e6eb);flex:1 1;overflow:auto;overflow-x:hidden;overflow-y:visible!important;padding:20px}.knowledge-graph-main-content.light,body.light .knowledge-graph-main-content{background-color:#f5f7fa;color:#343a40}@media (max-width:770px){.knowledge-graph-main-content{padding:20px 0!important}}.knowledge-graph-container{background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border-radius:12px;box-shadow:0 4px 20px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 40px);overflow:auto;padding:30px;position:relative;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;width:100%}.knowledge-graph-container.light{background-color:#f8f9fa;box-shadow:0 4px 20px #0000001a;scrollbar-color:#0003 #0000}.knowledge-graph-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;width:100%}.knowledge-graph-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--dark-primary),#5a52ac);-webkit-background-clip:text;background-clip:text;color:var(--dark-text);flex-shrink:0;font-size:2rem;font-weight:700;margin:0}.knowledge-graph-container.light .knowledge-graph-header-title{color:#333}.knowledge-graph-header-actions{align-items:center;display:flex;flex-grow:0;gap:16px;margin-left:auto;position:relative;z-index:100}.knowledge-graph-content{flex:1 1;height:calc(100vh - 140px);overflow:auto;position:relative}.search-section{position:relative;width:300px}.search-input-container{align-items:center;background-color:#ffffff1a;border:1px solid #fff3;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;height:50px;padding:8px 12px;transition:all .2s ease}.search-input-container:focus-within{border-color:var(--dark-primary);box-shadow:0 4px 12px #7b6fff33}.search-input-container:hover:not(:focus-within){background-color:#ffffff26;border-color:#ffffff4d}.search-icon{color:var(--dark-text-secondary);flex-shrink:0;margin-right:8px}.search-input-container input{background:#0000;border:none;color:var(--dark-text);flex:1 1;font-size:14px;outline:none}.search-input-container input::placeholder{color:var(--dark-text-secondary);opacity:.7}.knowledge-graph-container.light .search-input-container{background-color:#fff;border:1px solid #e1e4e8;box-shadow:0 2px 4px #0000000d}.knowledge-graph-container.light .search-input-container:focus-within{border-color:var(--dark-primary);box-shadow:0 4px 12px #7b6fff26}.knowledge-graph-container.light .search-input-container:hover:not(:focus-within){background-color:#f8f9fa;border-color:#c1c7cd;box-shadow:0 3px 8px #00000014}.knowledge-graph-container.light .search-icon{color:#666}.knowledge-graph-container.light .search-input-container input{color:#333}.knowledge-graph-container.light .search-input-container input::placeholder{color:#999}.search-results{background-color:#1e293b;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#e4e6eb;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:200}.knowledge-graph-container.light .search-results{background-color:#fff;border:1px solid #dee2e6;box-shadow:0 2px 8px #0000001a;color:#212529}.search-results h3{border-bottom:1px solid #ffffff1a;color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:16px;margin:0;padding:12px 15px}.knowledge-graph-container.light .search-results h3{border-bottom:1px solid #0000001a}.search-results ul{list-style:none;margin:0;padding:0}.search-results li{border-bottom:1px solid #ffffff1a;cursor:pointer;padding:10px 15px;transition:background-color .2s}.knowledge-graph-container.light .search-results li{border-bottom:1px solid #0000001a}.search-result-title{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-weight:500;margin-bottom:4px}.search-result-preview{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:12px;margin-top:3px}.search-match{background-color:#7b6fff33;border-radius:2px;color:#7b6fff;color:var(--dark-primary,#7b6fff);font-weight:700;padding:1px 3px}.knowledge-graph-container.light .search-result-title{color:#333}.knowledge-graph-container.light .search-result-preview{color:#666}.knowledge-graph-container.light .search-match{background-color:#7b6fff33;color:#7b6fff}.search-results li:hover{background-color:#ffffff1a}.knowledge-graph-container.light .search-results li:hover{background-color:#0000000d}.search-results li.active{background-color:#7b6fff1a;border-left:3px solid #7b6fff}.search-results .no-results{color:#94a3b8;padding:15px;text-align:center}.knowledge-graph-container.light .search-results .no-results{color:#6c757d}.notes-list-view{display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 180px);overflow:hidden;padding:0 20px;width:100%}.notes-list-header{border-bottom:1px solid #ffffff1a;padding-bottom:12px}.knowledge-graph-container.light .notes-list-header{border-bottom:1px solid #0000001a}.notes-list-header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.notes-list-header h3{color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:1.2rem;margin:0}.clear-filter-btn{background-color:#dc2626cc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.clear-filter-btn:hover{background-color:#dc2626;transform:translateY(-1px)}.notes-list-tags{display:flex;flex-direction:column;gap:8px}.notes-count-section{align-items:center;display:flex;gap:8px}.notes-count-icon{color:var(--dark-primary);opacity:.8}.tags-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.tags-icon{color:var(--dark-primary);opacity:.8}.tags-label{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:.9rem;font-weight:500}.knowledge-graph-container.light .notes-count-icon,.knowledge-graph-container.light .tags-icon{color:var(--dark-primary)}.knowledge-graph-container.light .tags-label{color:#666}.notes-list-tags-container{display:flex;flex-wrap:wrap;gap:8px}.notes-list-tag{background-color:#7b6fff26;border:1px solid #7b6fff4d;border-radius:16px;color:#7b6fff;color:var(--dark-primary,#7b6fff);cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.knowledge-graph-container.light .notes-list-tag{background-color:#7b6fff1a;border:1px solid #7b6fff33;color:#7b6fff}.notes-list-tag:hover{background-color:#7b6fff40;border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);box-shadow:0 2px 8px #7b6fff4d;transform:translateY(-1px)}.knowledge-graph-container.light .notes-list-tag:hover{background-color:#7b6fff33;border-color:#7b6fff;box-shadow:0 2px 8px #7b6fff33}.notes-list-tag.active{background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);box-shadow:0 2px 12px #7b6fff66;color:#fff}.knowledge-graph-container.light .notes-list-tag.active{background-color:#7b6fff;border-color:#7b6fff;box-shadow:0 2px 12px #7b6fff4d;color:#fff}.notes-list-tag.active:hover{background-color:#6c5feb;transform:translateY(-1px)}.knowledge-graph-container.light .notes-list-tag.active:hover{background-color:#6c5feb}.notes-grid{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));overflow-x:hidden;overflow-y:auto;padding:24px 4px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;width:100%}.note-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1e293b,#1a2332);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 20px #00000026,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:240px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform}.knowledge-graph-container.light .note-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #00000014;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d}.note-card:hover{background:linear-gradient(135deg,var(--dark-primary),#5a52ac);border-color:#7b6fff4d;box-shadow:0 20px 40px #00000040,0 8px 16px #7b6fff26;transform:translateY(-8px) scale(1.02)}.knowledge-graph-container.light .note-card:hover{background:linear-gradient(135deg,#fff,#f1f5f9);border-color:#7b6fff66;box-shadow:0 20px 40px #0000001f,0 8px 16px #7b6fff33}.knowledge-graph-container.light .note-card:hover .note-card-date,.knowledge-graph-container.light .note-card:hover .note-card-preview,.knowledge-graph-container.light .note-card:hover .note-card-title{color:#1a202c}.note-card-header{margin-bottom:16px}.note-card-title{color:var(--dark-text);font-size:1.3rem;font-weight:700;line-height:1.3;margin:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.note-card-title:after{background:linear-gradient(90deg,var(--dark-primary),#10b981);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.note-card:hover .note-card-title:after{width:60%}.knowledge-graph-container.light .note-card-title{color:#1a202c}.note-card-preview{-webkit-line-clamp:6;-webkit-box-orient:vertical;color:var(--dark-text-secondary);display:-webkit-box;flex:1 1;font-size:.95rem;line-height:1.5;margin:0 0 16px;opacity:.9;overflow:hidden;transition:opacity .3s ease}.note-card:hover .note-card-preview{opacity:1}.knowledge-graph-container.light .note-card-preview{color:#4a5568}.note-card-footer{border-top:1px solid #ffffff0d;color:var(--dark-text-secondary);display:flex;flex-direction:column;font-size:.85rem;gap:8px;margin-top:auto;padding-top:8px;transition:border-color .3s ease}.note-card-bottom-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.note-card:hover .note-card-footer{border-color:#7b6fff33}.knowledge-graph-container.light .note-card-footer{border-top:1px solid #0000000d;color:#718096}.knowledge-graph-container.light .note-card:hover .note-card-footer{border-color:#7b6fff26}.note-card-date{align-items:center;color:var(--dark-text-secondary);display:flex;flex-shrink:0;font-size:.8rem;font-style:italic;gap:6px;opacity:.7;transition:all .3s ease}.note-card:hover .note-card-date{color:#ffffffe6;opacity:1}.knowledge-graph-container.light .note-card-date{color:#718096}.knowledge-graph-container.light .note-card:hover .note-card-date{color:#4a5568;opacity:1}.note-card-tags{display:flex;flex:1 1;flex-wrap:wrap;gap:6px;max-height:60px;overflow:hidden}.note-card-tag{background:linear-gradient(135deg,#7b6fff26,#10b9811a);border:1px solid #7b6fff40;border-radius:20px;color:var(--dark-primary);cursor:pointer;font-size:.75rem;font-weight:600;overflow:hidden;padding:4px 10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.note-card-tag:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.note-card-tag:hover:before{left:100%}.note-card-tag:hover{background:linear-gradient(135deg,#7b6fff4d,#10b98133);border-color:var(--dark-primary);box-shadow:0 4px 12px #7b6fff4d;color:#fff;transform:translateY(-2px) scale(1.05)}.knowledge-graph-container.light .note-card-tag{background:linear-gradient(135deg,#7b6fff14,#10b9810d);border:1px solid #7b6fff26;color:#7b6fff}.knowledge-graph-container.light .note-card-tag:hover{background:linear-gradient(135deg,#7b6fff26,#10b98114);border-color:#7b6fff;box-shadow:0 4px 12px #7b6fff33;color:#5a52ac}.empty-graph{align-items:center;background:linear-gradient(135deg,#7b6fff0d,#10b98108);border:1px solid #ffffff1a;border-radius:16px;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);display:flex;flex-direction:column;justify-content:center;margin:40px auto;max-width:500px;padding:60px 30px;text-align:center}.empty-graph h3{color:var(--dark-text);font-size:1.5rem;font-weight:600;margin:0 0 12px}.empty-graph p{font-size:1.1rem;font-weight:400;line-height:1.5;margin:0 0 30px;opacity:.8}.knowledge-graph-container.light .empty-graph{background:linear-gradient(135deg,#7b6fff14,#10b98108);border:1px solid #7b6fff26}.knowledge-graph-container.light .empty-graph h3{color:#333}.knowledge-graph-container.light .empty-graph p{color:#666}.loading-icon-container .empty-state-icon{font-size:3rem;opacity:.8}.knowledge-graph-main-content.light .sb-loading-spinner{border:3px solid #0000000d;border-top-color:#7b6fff;border-top:3px solid var(--light-primary,#7b6fff)}.knowledge-graph-main-content.light .sb-loading-text{color:#333}.sb-loader-overlay{background-color:#ffffffe6;color:#333}.sb-loader-content{margin-bottom:15px}.knowledge-graph-main-content.dark .sb-loader-overlay{background-color:#000c;color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.sb-loader-spinner{border:3px solid #0000001a;border-top:3px solid var(--light-primary,#7b6fff);display:inline-block;height:30px;margin-right:15px;width:30px}.knowledge-graph-main-content.dark .sb-loader-spinner{border:3px solid #ffffff1a;border-top-color:#7b6fff;border-top:3px solid var(--dark-primary,#7b6fff)}.sb-loader-text{color:#333;display:inline-block;font-size:1.2rem;font-weight:400}.knowledge-graph-main-content.dark .sb-loader-text{color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.sb-loader-subtext{color:#555;font-size:.9rem;opacity:.7}.knowledge-graph-main-content.dark .sb-loader-subtext{color:#b0b3b8}.note-view-full{background-color:#1e293b;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:auto;padding:20px}.knowledge-graph-container.light .note-view-full{background-color:#fff;border:1px solid #dee2e6;box-shadow:0 2px 8px #0000001a}.note-view-header{align-items:flex-start;border-bottom:2px solid #ffffff1a;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.knowledge-graph-container.light .note-view-header{border-bottom:2px solid #0000001a}.note-view-header h3{display:none}.return-to-graph-btn{background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);border:none;border-radius:8px;box-shadow:0 4px 12px #7b6fff4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 18px;transition:all .2s ease}.knowledge-graph-container.light .return-to-graph-btn{background-color:#7b6fff;background-color:var(--light-primary,#7b6fff);box-shadow:0 3px 10px #7b6fff33}.return-to-graph-btn:hover{background-color:#6c5feb}.knowledge-graph-container.light .return-to-graph-btn:hover{background-color:#4f45c7}.note-view-content{color:#e4e6eb;color:var(--dark-text,#e4e6eb);flex:1 1;font-size:16px;line-height:1.6;margin-bottom:20px;overflow-y:auto;white-space:pre-wrap}.knowledge-graph-container.light .note-view-content{color:#212529}.note-actions-full-view{border-top:1px solid #ffffff1a;display:flex;gap:12px;margin-top:20px;padding-top:20px}.knowledge-graph-container.light .note-actions-full-view{border-top:1px solid #0000001a}.note-actions-full-view button{display:none}.note-edit-full{background-color:#1e293b;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding:20px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.knowledge-graph-container.light .note-edit-full{background-color:#fff;border:1px solid #dee2e6;box-shadow:0 2px 8px #0000001a;scrollbar-color:#0003 #0000}.note-edit-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.knowledge-graph-container.light .note-edit-header{border-bottom:1px solid #0000001a}.note-edit-header h3{display:none}.note-edit-buttons{display:flex;gap:10px}.note-edit-buttons .save-button{display:none}.note-form-full{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.note-title-input-full{background-color:#ffffff12;border:1px solid #fff3;border-radius:6px;color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:18px;margin-bottom:16px;outline:none;padding:12px 16px;transition:border-color .3s ease;width:100%}.knowledge-graph-container.light .note-title-input-full{background-color:#fff;border:1px solid #ced4da;color:#212529}.note-title-input-full:focus{border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff)}.note-content-input-full{background-color:#ffffff12;border:1px solid #fff3;border-radius:6px;color:#e4e6eb;color:var(--dark-text,#e4e6eb);flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;min-height:300px;outline:none;padding:16px;resize:none;transition:border-color .3s ease}.knowledge-graph-container.light .note-content-input-full{background-color:#fff;border:1px solid #ced4da;color:#212529}.note-content-input-full:focus{border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff)}.note-link{border-bottom:1px dashed #7b6fff;border-bottom:1px dashed var(--dark-primary,#7b6fff);color:#7b6fff;color:var(--dark-primary,#7b6fff);text-decoration:none;transition:all .2s ease}.note-link:hover{border-bottom:1px solid #6c5feb;color:#6c5feb}.knowledge-graph-container.light .note-link{border-bottom:1px dashed #7b6fff;border-bottom:1px dashed var(--dark-primary,#7b6fff);color:#7b6fff;color:var(--dark-primary,#7b6fff)}.knowledge-graph-container.light .note-link:hover{border-bottom:1px solid #4f45c7;color:#4f45c7}.knowledge-graph-container::-webkit-scrollbar{width:12px}.knowledge-graph-container::-webkit-scrollbar-track{background:#0000}.knowledge-graph-container::-webkit-scrollbar-thumb{background-color:#ffffff1a;border:3px solid #111725;border-radius:6px}.knowledge-graph-container::-webkit-scrollbar-thumb:hover{background-color:#fff3}.knowledge-graph-container.light::-webkit-scrollbar-thumb{background-color:#0003;border:3px solid #f8f9fa}.knowledge-graph-container.light::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.note-edit-full::-webkit-scrollbar{width:12px}.note-edit-full::-webkit-scrollbar-track{background:#0000}.note-edit-full::-webkit-scrollbar-thumb{background-color:#ffffff1a;border:3px solid #1e293b;border-radius:6px}.note-edit-full::-webkit-scrollbar-thumb:hover{background-color:#fff3}.knowledge-graph-container.light .note-edit-full::-webkit-scrollbar-thumb{background-color:#0003;border:3px solid #fff}.knowledge-graph-container.light .note-edit-full::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.notes-grid::-webkit-scrollbar{width:8px}.notes-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.notes-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--dark-primary),#10b981);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.notes-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6c5feb,#0d9668)}.knowledge-graph-container.light .notes-grid::-webkit-scrollbar-track{background:#0000000d}.knowledge-graph-container.light .notes-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--dark-primary),#10b981)}.note-view-tags{border-top:1px solid #ffffff1a;padding-top:16px}.knowledge-graph-container.light .note-view-tags{border-top:1px solid #0000001a}.note-view-tags h4{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1rem;font-weight:600;margin:0 0 12px}.knowledge-graph-container.light .note-view-tags h4{color:#333}.note-view-tags-list{display:flex;flex-wrap:wrap;gap:8px}.note-view-tag{background-color:#7b6fff33;border:1px solid #7b6fff4d;border-radius:16px;color:#7b6fff;color:var(--dark-primary,#7b6fff);cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.knowledge-graph-container.light .note-view-tag{background-color:#7b6fff1a;border:1px solid #7b6fff33;color:#7b6fff}.note-view-tag:hover{background-color:#7b6fff4d;border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff)}.knowledge-graph-container.light .note-view-tag:hover{background-color:#7b6fff33;border-color:#7b6fff}.note-edit-tags-preview{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;margin-top:16px;padding:12px}.knowledge-graph-container.light .note-edit-tags-preview{background-color:#00000005;border:1px solid #0000001a}.note-edit-tags-preview h5{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:.9rem;font-weight:500;margin:0 0 8px}.knowledge-graph-container.light .note-edit-tags-preview h5{color:#666}.note-edit-tags-list{display:flex;flex-wrap:wrap;gap:6px}.note-edit-tag{background-color:#7b6fff26;border:1px solid #7b6fff33;border-radius:12px;color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:.75rem;font-weight:500;padding:4px 8px;white-space:nowrap}.knowledge-graph-container.light .note-edit-tag{background-color:#7b6fff14;border:1px solid #7b6fff26;color:#7b6fff}.clickable-tag{cursor:pointer!important;transition:all .2s ease}.clickable-tag:hover{box-shadow:0 2px 8px #7b6fff66;transform:translateY(-1px)}.knowledge-graph-container.light .clickable-tag:hover{box-shadow:0 2px 8px #7b6fff4d}.clickable-tag:active{box-shadow:0 1px 4px #7b6fff4d;transform:translateY(0)}.modern-button{box-shadow:0 4px 12px #0000001a;white-space:nowrap}.secondary-button{background-color:#ffffff1a;border:1px solid #fff3}.secondary-button:hover{background-color:#ffffff26}.danger-button{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d}.danger-button:hover{box-shadow:0 6px 16px #dc262666}body.light .secondary-button{background-color:#fff;border:1px solid #e1e4e8;box-shadow:0 2px 8px #00000014;color:#333}body.light .secondary-button:hover{background-color:#f8f9fa;box-shadow:0 4px 12px #0000001f}body.light .panel-title h2{color:#333}.note-view-title-section{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.note-view-title{word-wrap:break-word;color:var(--dark-text);font-size:2rem;font-weight:700;line-height:1.2;margin:0;overflow-wrap:break-word}.knowledge-graph-container.light .note-view-title{color:#333}.note-view-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:12px}.note-edit-title-section{align-items:center;display:flex;gap:12px}.note-edit-title-section h3{color:var(--dark-primary);font-size:1.5rem;margin:0}.knowledge-graph-container.light .note-edit-title-section h3{color:var(--dark-primary)}.clear-filter-btn,.delete-button,.knowledge-graph-button,.return-to-graph-btn,.save-button{display:none}@media (max-width:1000px){.note-view-header{align-items:stretch;flex-direction:column;gap:16px}.note-view-title-section{justify-content:center;text-align:center}.note-view-title{font-size:1.5rem}.note-view-actions{flex-wrap:wrap;justify-content:center}}@media (max-width:1200px){.notes-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px 2px}}@media (max-width:768px){.notes-grid{gap:16px;grid-template-columns:1fr;padding:16px 0}.note-card{border-radius:12px;height:200px;margin:0!important;padding:20px}.note-card-title{font-size:1.2rem;margin-bottom:12px}.note-card-preview{-webkit-line-clamp:4;font-size:.9rem}}@media (max-width:480px){.knowledge-graph-container{padding:0!important}.note-card{height:180px;padding:16px}.note-card-title{font-size:1.1rem;margin-bottom:10px}.note-card-preview{-webkit-line-clamp:3;font-size:.85rem}.note-card-footer{gap:8px}.note-card-tag{font-size:.7rem;padding:3px 8px}}.note-card:focus{outline:2px solid var(--dark-primary);outline-offset:2px}.note-card-tag:focus{outline:2px solid var(--dark-primary);outline-offset:1px}@media (prefers-reduced-motion:reduce){.note-card,.note-card-tag,.note-card-tag:hover,.note-card:hover,.notes-grid{animation:none!important;transition:none!important}.note-card-tag:hover,.note-card:hover{transform:none}}.knowledge-graph-search-input{background:#0000!important;border:none!important;color:var(--dark-text)!important;flex:1 1!important;font-size:14px!important;outline:none!important;padding:4px 0!important;transition:all .2s ease!important}.knowledge-graph-search-input::placeholder{color:var(--dark-text-secondary)!important;opacity:.7!important;transition:all .2s ease!important}.knowledge-graph-search-input:hover{color:var(--dark-text)!important}.knowledge-graph-search-input:hover::placeholder{color:var(--dark-text-secondary)!important;opacity:.9!important}.knowledge-graph-search-input:focus{color:var(--dark-text)!important}.knowledge-graph-search-input:focus::placeholder{color:var(--dark-text-secondary)!important;opacity:.5!important}.knowledge-graph-search-input:active{color:var(--dark-text)!important}.knowledge-graph-container.light .knowledge-graph-search-input{color:#333!important}.knowledge-graph-container.light .knowledge-graph-search-input::placeholder{color:#999!important;opacity:.7!important}.knowledge-graph-container.light .knowledge-graph-search-input:hover{color:#1a1a1a!important}.knowledge-graph-container.light .knowledge-graph-search-input:hover::placeholder{color:#666!important;opacity:.9!important}.knowledge-graph-container.light .knowledge-graph-search-input:focus{color:#000!important}.knowledge-graph-container.light .knowledge-graph-search-input:focus::placeholder{color:#999!important;opacity:.5!important}.knowledge-graph-container.light .knowledge-graph-search-input:active{color:#000!important}@media (max-width:1100px){.knowledge-graph-header{align-items:stretch;flex-direction:column;gap:20px}.panel-title{align-self:flex-start;order:1}.knowledge-graph-header-actions{align-items:stretch;flex-direction:column;gap:16px;margin-left:0;order:2}.search-section{max-width:none;width:100%}.modern-button{align-self:flex-start;min-width:100px;width:auto}}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.21"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display>.katex{display:block;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.lesson-container{background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 8px 32px #0000001f;height:90vh;margin:0 auto;max-width:1200px;overflow:auto;padding:20px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;transition:transform .2s ease,box-shadow .2s ease}.lesson-container:hover{box-shadow:0 12px 40px #0000002e;transform:translateY(-2px)}.lesson-container.light{background-color:#fff;border:1px solid #e1e4e8;box-shadow:0 8px 32px #00000014;scrollbar-color:#0003 #0000}.lesson-container.light:hover{box-shadow:0 12px 40px #0000001f}.page-header{background:linear-gradient(135deg,#7b6fff1a,#10b9810d);border:1px solid #7b6fff33;border-radius:16px;box-shadow:0 8px 32px #0000001f;margin:20px auto 24px;max-width:600px;padding:24px 30px;transition:transform .2s ease,box-shadow .2s ease}.page-header:hover{box-shadow:0 12px 40px #0000002e;transform:translateY(-1px)}.page-header.light{background:linear-gradient(135deg,#7b6fff14,#10b98108);border:1px solid #7b6fff26;box-shadow:0 8px 32px #00000014}.page-header.light:hover{box-shadow:0 12px 40px #0000001f}.lesson-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--dark-primary),#5a52ac);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;line-height:1.2;margin:0;padding:0;text-align:center}.lesson-container h2,.lesson-title{color:#7b6fff;color:var(--dark-primary,#7b6fff)}.lesson-container h2{font-size:28px;margin-bottom:20px}.lesson-content{background-color:#252525;background-color:var(--dark-bg-card,#252525);border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;padding:20px;text-align:left}.lesson-content.light{background-color:#fff;border:1px solid #e1e4e8;box-shadow:0 2px 5px #0000000d}.lesson-content h3{border-bottom:1px solid #383838;border-bottom:1px solid var(--dark-border,#383838);color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:20px;margin-bottom:15px;margin-top:0;padding-bottom:10px}.lesson-content.light h3{border-bottom:1px solid #dee2e6}.content-text{color:#e4e6eb;color:var(--dark-text,#e4e6eb);line-height:1.6}.lesson-parsed-content{isolation:isolate}.lesson-parsed-content pre code{word-wrap:break-word;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;white-space:pre-wrap}.lesson-container.light .content-text,.lesson-container.light .content-text p{color:#212529}.lesson-image-container{background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border-radius:12px;box-shadow:0 4px 12px #00000040;margin:24px auto;max-width:700px;overflow:hidden;text-align:center;width:100%}.lesson-container.light .lesson-image-container{background-color:#f8f9fa;box-shadow:0 2px 8px #0000001a}.lesson-image{border-top-left-radius:10px;border-top-right-radius:10px;cursor:pointer;display:block;height:auto;max-width:100%;transition:opacity .2s}.lesson-image:hover{opacity:.9}.lesson-image-caption{border-top:1px solid #2c2c2c;border-top:1px solid var(--dark-border,#2c2c2c);color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:.9em;padding:10px 16px;text-align:center}.lesson-container.light .lesson-image-caption{border-top:1px solid #dee2e6;color:#6c757d}.content-text img{border-radius:8px;box-shadow:0 2px 8px #0003;display:block;height:auto;margin:20px auto;max-width:60%}.lesson-container.light .content-text img{box-shadow:0 2px 8px #0000001a}.content-text pre{background-color:#1a1a1a;border:1px solid #383838;border:1px solid var(--dark-border,#383838);border-radius:8px;box-shadow:0 2px 8px #00000026;margin:20px 0;max-height:500px;overflow-x:auto;overflow-y:auto;padding:16px;position:relative}.content-text pre::-webkit-scrollbar{height:8px;width:8px}.content-text pre::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.content-text pre::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.content-text pre::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.lesson-container.light .content-text pre{background-color:#f8f9fa;border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014;color:#212529}.lesson-container.light .content-text pre::-webkit-scrollbar-track{background:#0000000d}.lesson-container.light .content-text pre::-webkit-scrollbar-thumb{background:#0003}.lesson-container.light .content-text pre::-webkit-scrollbar-thumb:hover{background:#0000004d}.content-text code{font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:14px;font-weight:400;line-height:1.5}.content-text pre code{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:none!important;border:none!important;border-radius:0;color:inherit;display:block;font-size:14px;line-height:1.6;overflow-wrap:normal;padding:0;text-rendering:optimizeLegibility;white-space:pre;word-break:normal}.content-text h1 code,.content-text h2 code,.content-text h3 code,.content-text h4 code,.content-text h5 code,.content-text h6 code,.content-text li code,.content-text p code,.content-text td code{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:4px;color:#ff7b7b;font-size:.9em;font-weight:500;padding:2px 6px;white-space:nowrap}.lesson-container.light .content-text h1 code,.lesson-container.light .content-text h2 code,.lesson-container.light .content-text h3 code,.lesson-container.light .content-text h4 code,.lesson-container.light .content-text h5 code,.lesson-container.light .content-text h6 code,.lesson-container.light .content-text li code,.lesson-container.light .content-text p code,.lesson-container.light .content-text td code{background:#f4f4f4;border:1px solid #00000014;color:#e91e63}.content-text pre:hover:before{background:#ffffff1a;border-radius:4px;color:#ffffffb3;content:"Code";font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;padding:4px 8px;pointer-events:none;position:absolute;right:12px;top:8px}.lesson-container.light .content-text pre:hover:before{background:#0000001a;color:#000000b3}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6a9955}.token.punctuation{color:#d4d4d4}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:#b5cea8}.token.tag{color:#ff6b6b!important;font-weight:600}.token.tag .token.tag{color:#ff6b6b}.token.tag .token.punctuation{color:orange;font-weight:700}.token.attr-name{color:#87d068;font-style:italic}.token.attr-value{color:#ffec8b}.token.attr-value .token.punctuation{color:gold}.token.builtin,.token.char,.token.selector,.token.string{color:#ce9178}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#d4d4d4}.token.keyword{color:#569cd6}.token.function{color:#dcdcaa}.content-text .token.tag:not(.token.tag .token.tag),.content-text pre>code>.token.tag:not(.token.tag .token.tag){background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:3px;padding:2px 4px}.content-text .token.tag:not(.token.tag .token.tag).token.tag{background:#ff6b6b26;border:1px solid #ff6b6b4d;border-radius:4px;box-shadow:0 1px 3px #ff6b6b33;margin:0 2px;padding:3px 6px}.lesson-container.light .token.cdata,.lesson-container.light .token.comment,.lesson-container.light .token.doctype,.lesson-container.light .token.prolog{color:#6a9955}.lesson-container.light .token.keyword{color:#005cc5}.lesson-container.light .token.string{color:#032f62}.lesson-container.light .token.tag{color:#d73027!important;font-weight:600}.lesson-container.light .token.tag .token.punctuation{color:#ff8c00;font-weight:700}.lesson-container.light .token.attr-name{color:#22863a;font-style:italic}.lesson-container.light .token.attr-value{color:#6f42c1}.lesson-container.light .token.attr-value .token.punctuation{color:#e36209}.lesson-books,.lesson-resources,.lesson-videos{background:linear-gradient(135deg,#7b6fff0d,#10b98105);border:1px solid #7b6fff1a;border-radius:16px;box-shadow:0 8px 32px #00000014;margin-bottom:24px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.lesson-books:hover,.lesson-resources:hover,.lesson-videos:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-2px)}.lesson-books.light,.lesson-resources.light,.lesson-videos.light{background:linear-gradient(135deg,#7b6fff08,#10b98103);border:1px solid #7b6fff14;box-shadow:0 8px 32px #0000000d}.lesson-books h3,.lesson-resources h3,.lesson-videos h3{align-items:center;border-bottom:1px solid #7b6fff33;color:#7b6fff;color:var(--dark-primary,#7b6fff);display:flex;font-size:1.3rem;font-weight:600;gap:8px;margin-bottom:20px;margin-top:0;padding-bottom:12px}.lesson-videos h3:before{content:"🎥";font-size:1.2rem}.lesson-resources h3:before{content:"📚";font-size:1.2rem}.lesson-books h3:before{content:"📖";font-size:1.2rem}.lesson-books.light h3,.lesson-resources.light h3,.lesson-videos.light h3{border-bottom:1px solid #7b6fff26}.book-list,.resource-list,.video-list{list-style-type:none;margin:0;padding:0}.book-list li,.resource-list li,.video-list li{margin-bottom:10px}.resource-list a,.video-list a{color:#7b6fff;color:var(--dark-primary,#7b6fff);text-decoration:none;transition:color .2s}.lesson-resources.light a,.lesson-videos.light a{color:#7b6fff;color:var(--light-primary,#7b6fff)}.resource-list a:hover,.video-list a:hover{color:#6259cc;color:var(--dark-primary-hover,#6259cc);text-decoration:underline}.lesson-resources.light a:hover,.lesson-videos.light a:hover{color:#5c50e4;color:var(--light-primary-hover,#5c50e4)}.lesson-actions{align-items:center;display:flex;gap:16px;margin-top:32px;padding-bottom:20px}.lesson-back-button{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#e4e6eb;color:var(--dark-text,#e4e6eb);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-width:auto;overflow:hidden;padding:12px 20px;position:relative;transition:all .2s ease}.lesson-back-button:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.lesson-back-button:hover:before{left:100%}.lesson-back-button:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.lesson-back-button:active{box-shadow:0 4px 12px #00000026;transform:translateY(0)}.lesson-container.light .lesson-back-button{background:#00000008;border:2px solid #00000014;box-shadow:0 4px 12px #00000014;color:#495057}.lesson-container.light .lesson-back-button:before{background:linear-gradient(90deg,#0000,#00000005,#0000)}.lesson-container.light .lesson-back-button:hover{background:#0000000d;border-color:#00000026;box-shadow:0 6px 16px #0000001f}.roadmap-button:active{box-shadow:0 4px 12px #7b6fff4d;transform:translateY(0)}.lesson-container.light .roadmap-button{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac)}.lesson-btns{flex:0.4 1}.error-message{background-color:#380c0c;background-color:var(--dark-error-bg,#380c0c);padding:10px}.lesson-container.light .error-message{background-color:#f8d7da;color:#721c24}@media (max-width:768px){.lesson-actions{flex-direction:column;gap:10px}.lesson-back-button{width:100%}.page-header{margin:10px;padding:15px}.lesson-container{margin:0!important}.content-text img{max-width:100%}.lesson-chat-panel{right:0;width:100%}.lesson-main-content.chat-open{display:none;margin-right:0}.ask-ai-button-container.chat-open{right:20px}}@keyframes wave{0%{height:4px;opacity:.6}25%{height:16px;opacity:.8}50%{height:24px;opacity:1}75%{height:16px;opacity:.8}to{height:4px;opacity:.6}}.audio-section{background:linear-gradient(135deg,#7b6fff14,#10b98108);border:1px solid #7b6fff33;border-radius:16px;box-shadow:0 8px 32px #0000001f;margin:24px 0;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.audio-section:hover{box-shadow:0 12px 40px #0000002e;transform:translateY(-2px)}.audio-section.light{background:linear-gradient(135deg,#7b6fff0d,#10b98105);border:1px solid #7b6fff26;box-shadow:0 8px 32px #00000014}.audio-section.light:hover{box-shadow:0 12px 40px #0000001f}.audio-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.audio-icon{color:#7b6fff;color:var(--dark-primary,#7b6fff);height:24px;opacity:.9;width:24px}.audio-section.light .audio-icon{color:#7b6fff;color:var(--light-primary,#7b6fff)}.audio-title{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1.3rem;font-weight:600;margin:0}.audio-section.light .audio-title{color:#2d3748}.audio-player{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:20px;height:70px;padding:16px;transition:background-color .2s ease;width:100%}.audio-player:hover{background:#ffffff14}.audio-player.light{background:#00000008;border:1px solid #00000014}.audio-player.light:hover{background:#0000000d}.play-button{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);border:none;border-radius:50%;box-shadow:0 4px 12px #7b6fff4d;color:#fff;cursor:pointer;height:50px;overflow:hidden;position:relative;transition:all .2s ease;width:50px;z-index:2}.play-button:hover{box-shadow:0 6px 16px #7b6fff66;transform:scale(1.05)}.audio-player.light .play-button{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac)}.play-button:disabled{box-shadow:0 2px 8px #7b6fff33;cursor:not-allowed;opacity:.7;transform:none}.icon-container{height:24px;position:absolute;transform:translate(-45%,-47%);width:24px;z-index:5}.play-button:disabled .icon-container{display:none}.play-button:disabled .lesson-audio-loading-spinner{display:block}.audio-error-icon-container{align-items:center;color:#e74c3c;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:15}.audio-error-icon-container svg{stroke:#fff!important;fill:none!important;color:#fff!important}.icon-container svg{fill:#fff!important;stroke:none;height:100%;left:0;position:absolute;top:0;width:100%}.wave-bars-container{overflow:hidden}.audio-player.light .wave-bar{background:#7b6fff;background:var(--light-primary,#7b6fff)}.playing-animation .wave-bar{animation:waveMotion 1.5s ease-in-out infinite}.wave-bar.active{background:#7b6fff;background:var(--dark-primary,#7b6fff);opacity:.9}.audio-player.light .wave-bar.active{background:#7b6fff;background:var(--light-primary,#7b6fff)}.wave-bar.inactive{background:#7b6fff4d;opacity:.6}.audio-player.light .wave-bar.inactive{background:#7b6fff33}@keyframes waveMotion{0%{height:4px}25%{height:7px;height:calc(var(--random-height, 10px)*.7)}50%{height:15px;height:var(--random-height,15px)}75%{height:7px;height:calc(var(--random-height, 10px)*.7)}to{height:4px}}.time-display{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:14px;margin-left:10px;min-width:80px}.audio-player.light .time-display{color:#6c757d}.generate-audio-btn{align-items:center;align-self:center;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);border:none;border-radius:12px;box-shadow:0 4px 12px #7b6fff4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin:16px auto 15px;padding:12px 24px;transition:all .2s ease}.generate-audio-btn:hover{box-shadow:0 6px 16px #7b6fff66;transform:translateY(-1px)}.audio-section.light .generate-audio-btn{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac)}.generate-audio-btn:disabled{background:linear-gradient(135deg,#4a4a4a,#3a3a3a);box-shadow:none;color:#7a7a7a;cursor:not-allowed;transform:none}.audio-section.light .generate-audio-btn:disabled{background:linear-gradient(135deg,#ced4da,#adb5bd);color:#6c757d}.audio-loading-message{align-items:center;color:#fff;display:flex;font-size:14px;gap:2px;justify-content:center;padding:10px;text-align:center;width:100%}.audio-player.light .audio-loading-message{color:#212529}.audio-loading-message:after{animation:loadingDots 1.4s infinite;content:"";display:inline-block;width:4px}@keyframes loadingDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.audio-error-message{color:#e74c3c;font-size:14px;padding:10px;text-align:center;width:100%}.lesson-audio-loading-spinner{animation:lessonAudioSpin 1s linear infinite;background-color:initial;border:3px solid #fff3;border-radius:50%;border-top-color:#fff;height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;z-index:15}.audio-player.light .lesson-audio-loading-spinner{border:3px solid #0000001a;border-top-color:#000000b3}@keyframes lessonAudioSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.waveform{align-items:center;cursor:pointer;display:flex;flex:1 1;height:40px;position:relative}.progress-bar-container{background:#0000;pointer-events:none;width:100%;z-index:1}.progress-bar,.progress-bar-container{height:100%;left:0;position:absolute;top:0}.progress-bar{background:#7b6fff40;transition:width .1s linear}.audio-player.light .progress-bar{background:#7b6fff1a}.waveform:hover .progress-bar{background:#7b6fff59}.audio-player.light .waveform:hover .progress-bar{background:#7b6fff33}.wave-bars-container{align-items:center;display:flex;height:100%;justify-content:space-between;position:relative;width:100%;z-index:2}.wave-bar{background:#7b6fff;background:var(--dark-primary,#7b6fff);border-radius:2px;flex:1 1;height:4px;margin:0 1px;transition:height .2s ease;z-index:2}.waveform:hover .wave-bar{height:5px;transition:height .1s ease}.hover-indicator{background-color:#fff;height:100%;pointer-events:none;position:absolute;width:2px;z-index:10}.audio-player.light .hover-indicator{background-color:#212529}.hover-time{border-radius:4px;bottom:100%;font-size:12px;left:50%;margin-bottom:5px;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap}.audio-player.light .hover-time,.hover-time{background-color:#000000b3;color:#fff}.main-content.light{background-color:#f5f7fa;color:#212529}.main-content{background-color:#0d1117;background-color:var(--dark-bg-primary,#0d1117);color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.main-content.chat-open{margin-right:400px;transition:margin-right .3s ease}.lesson-container::-webkit-scrollbar{width:12px}.lesson-container::-webkit-scrollbar-track{background:#0000}.lesson-container::-webkit-scrollbar-thumb{background-color:#ffffff1a;border:3px solid #111725;border-radius:6px}.lesson-container::-webkit-scrollbar-thumb:hover{background-color:#fff3}.lesson-container.light::-webkit-scrollbar-thumb{background-color:#0003;border:3px solid #f8f9fa}.lesson-container.light::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.lesson-image-container.image-loading{align-items:center;background-color:#0000000d;display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:20px}.image-loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#7b6fff;border-top:4px solid var(--dark-primary,#7b6fff);height:50px;margin-bottom:16px;width:50px}.image-loading-text{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:.9em;max-width:80%;text-align:center}.lesson-image-container.image-placeholder{align-items:center;background-color:#0000000d;border:2px dashed #383838;border:2px dashed var(--dark-border,#383838);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:20px}.image-placeholder-icon{font-size:48px;margin-bottom:16px;opacity:.7}.image-placeholder-text{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:.9em;margin-bottom:16px;max-width:80%;text-align:center}.generate-image-btn{background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.generate-image-btn:hover{background-color:#6259cc;background-color:var(--dark-primary-hover,#6259cc)}.lesson-container.light .generate-image-btn{background-color:#7b6fff;background-color:var(--light-primary,#7b6fff)}.lesson-container.light .generate-image-btn:hover{background-color:#5c50e4;background-color:var(--light-primary-hover,#5c50e4)}.lesson-container.light .lesson-image-container.image-loading{background-color:#00000008}.lesson-container.light .image-loading-spinner{border:4px solid #0000001a;border-top-color:#7b6fff;border-top:4px solid var(--light-primary,#7b6fff)}.lesson-container.light .image-loading-text,.lesson-container.light .image-placeholder-text{color:#6c757d}.lesson-container.light .lesson-image-container.image-placeholder{background-color:#00000008;border:2px dashed #dee2e6}.katex-display{display:block;margin:1em 0;text-align:center}.katex{font-size:1.1em;line-height:1.2;white-space:normal}.katex-display>.katex{display:inline-block;max-width:100%;text-align:center}.math-error{background-color:#ff33331a;border:1px solid #f33;color:#f33;font-family:monospace;margin:5px 0;padding:5px}.dark .katex{color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.math-placeholder{background-color:#7b6fff1a;border:1px dashed #7b6fff;border-radius:3px;display:inline-block;font-family:monospace;margin:2px 0;padding:2px 4px;word-break:break-all}.dark .katex,.dark .katex-display{color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.ask-ai-button-container{align-items:flex-end;bottom:90px;display:flex;flex-direction:column;gap:12px;position:fixed;right:20px;transition:right .3s ease;z-index:999}.ask-ai-button-container.chat-open{right:420px}.ask-ai-button{align-items:center;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);border:none;border-radius:50%;box-shadow:0 8px 24px #7b6fff66;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;line-height:0;padding:0;position:relative;text-align:center;transition:all .3s ease;width:56px}.ask-ai-button>svg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease}.ask-ai-button:hover{box-shadow:0 12px 32px #7b6fff80;transform:scale(1.1) translateY(-2px)}.ask-ai-button:hover>svg{transform:translate(-50%,-50%) scale(1.1)}.ask-ai-button.active{display:none}.ask-ai-button.light{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac);box-shadow:0 8px 24px #7b6fff4d}.lesson-chat-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#111725f2,#111725fa);border:1px solid #7b6fff1a;border-radius:16px;box-shadow:-8px 0 32px #0000004d;display:flex;flex-direction:column;height:90vh;margin-top:70px;overflow:hidden;pointer-events:none;position:fixed;right:0;scrollbar-color:#ffffff1a #0000;top:0;transform:translateX(100%);transition:transform .3s ease;width:400px;z-index:998}.lesson-chat-panel.light{background:linear-gradient(135deg,#f8f9faf2,#f8f9fafa);border:1px solid #7b6fff14;box-shadow:-8px 0 32px #00000026;scrollbar-color:#0003 #0000}.lesson-chat-panel.open{pointer-events:all;transform:translateX(0)}.lesson-chat-header{align-items:center;background:#ffffff05;border-bottom:1px solid #7b6fff33;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.lesson-chat-header.light{background:#00000003;border-bottom:1px solid #7b6fff26}.lesson-chat-header h3{align-items:center;color:#7b6fff;color:var(--dark-primary,#7b6fff);display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0}.lesson-chat-header h3:before{content:"🤖";font-size:1.1rem}.lesson-chat-header-actions{display:flex;gap:12px}.lesson-chat-clear-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s ease}.lesson-chat-clear-button:hover{background:#7b6fff1a;border-color:#7b6fff4d;color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.lesson-chat-clear-button:disabled{cursor:not-allowed;opacity:.5}.lesson-chat-close-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;line-height:1;padding:6px 8px;transition:all .2s ease;width:32px}.lesson-chat-close-button:hover{background:#ef4444cc;border-color:#ef444480;transform:scale(1.1)}.lesson-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px 20px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.lesson-chat-messages.light{scrollbar-color:#0003 #0000}.lesson-chat-messages::-webkit-scrollbar{width:12px}.lesson-chat-messages::-webkit-scrollbar-track{background:#0000}.lesson-chat-messages::-webkit-scrollbar-thumb{background-color:#ffffff1a;border:3px solid #111725;border-radius:6px}.lesson-chat-messages::-webkit-scrollbar-thumb:hover{background-color:#fff3}.lesson-chat-panel.light .lesson-chat-messages::-webkit-scrollbar-thumb{background-color:#0000001a}.lesson-chat-panel.light .lesson-chat-messages::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.lesson-chat-message{border-radius:8px;font-size:14px;max-width:85%;padding:10px 12px}.lesson-chat-message.system{align-self:center;background-color:#7b6fff1a;color:#e4e6eb;color:var(--dark-text,#e4e6eb);max-width:95%;text-align:center}.lesson-chat-message.user{align-self:flex-end;background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);color:#fff}.lesson-chat-message.assistant{align-self:flex-start;background-color:#252525;background-color:var(--dark-bg-card,#252525);color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.lesson-chat-message.assistant.thinking{align-items:center;background-color:initial;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);display:flex;gap:2px}.lesson-chat-dot{animation:blinkDot 1.4s infinite;opacity:.7}.lesson-chat-dot:nth-child(2){animation-delay:.2s}.lesson-chat-dot:nth-child(3){animation-delay:.4s}@keyframes blinkDot{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.lesson-chat-input-container{border-top:1px solid #2c2c2c;border-top:1px solid var(--dark-border,#2c2c2c);display:flex;flex-shrink:0;gap:12px;padding:16px 20px}.lesson-chat-input{background-color:#252525;background-color:var(--dark-bg-card,#252525);border:1px solid #383838;border:1px solid var(--dark-border,#383838);border-radius:20px;color:#e4e6eb;color:var(--dark-text,#e4e6eb);flex:1 1;font-size:14px;outline:none;padding:12px}.lesson-chat-input:focus{border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff)}.lesson-chat-send-button{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);border:none;border-radius:50%;box-shadow:0 4px 12px #7b6fff4d;color:#fff;cursor:pointer;position:relative;transition:all .2s ease;width:40px}.lesson-chat-send-button svg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.lesson-chat-send-button:hover{box-shadow:0 6px 16px #7b6fff66;transform:scale(1.05)}.lesson-chat-send-button:disabled{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);box-shadow:none;cursor:not-allowed;transform:none}.lesson-chat-panel.light .lesson-chat-header h3{color:#7b6fff;color:var(--light-primary,#7b6fff)}.lesson-chat-panel.light .lesson-chat-clear-button,.lesson-chat-panel.light .lesson-chat-close-button{color:#6c757d}.lesson-chat-panel.light .lesson-chat-close-button:hover{color:#343a40}.lesson-chat-panel.light .lesson-chat-message.system{background-color:#7b6fff0d;color:#212529}.lesson-chat-panel.light .lesson-chat-message.assistant{background-color:#fff;border:1px solid #e9ecef;color:#212529}.lesson-chat-panel.light .lesson-chat-message.assistant.thinking{background-color:initial;border:none;color:#6c757d}.lesson-chat-panel.light .lesson-chat-input{background-color:#f8f9fa;border:1px solid #dee2e6;color:#212529}.lesson-chat-panel.light .lesson-chat-input:focus{border-color:#7b6fff;border-color:var(--light-primary,#7b6fff)}.lesson-chat-panel.light .lesson-chat-input-container{border-top:1px solid #dee2e6}.image-popup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000e6;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.image-popup-container{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#111725f2,#111725fa);border:1px solid #7b6fff33;border-radius:16px;box-shadow:0 24px 64px #00000080;cursor:default;display:flex;flex-direction:column;max-height:90vh;max-width:50%;overflow:hidden;position:relative}.image-popup-container.light{background:linear-gradient(135deg,#fffffff2,#fffffffa);border:1px solid #7b6fff26}.image-popup-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px;z-index:10}.image-popup-close:hover{background:#ef4444cc;border-color:#ef444480;transform:scale(1.1)}.image-popup-container.light .image-popup-close{background:#ffffffe6;border:1px solid #0000001a;color:#333}.image-popup-container.light .image-popup-close:hover{background:#ef4444e6;border-color:#ef444480;color:#fff}.image-popup-img{background-color:#171f30;display:block;margin:0 auto;max-height:calc(90vh - 70px);max-width:100%;object-fit:contain;padding:10px}.image-popup-container.light .image-popup-img{background-color:#f1f3f5}.image-popup-caption{background-color:#0a0f1a;border-top:1px solid #2c2c2c;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:.9em;overflow-y:auto;padding:15px 20px;text-align:center;width:100%}.image-popup-caption.light{background-color:#f8f9fa;border-top:1px solid #dee2e6;color:#6c757d}.content-text ::selection{background-color:#7b6fff4d;color:inherit}.content-text.light ::selection{background-color:#7b6fff33;color:inherit}.content-text::-moz-selection{background-color:#7b6fff4d;color:inherit}.content-text.light::-moz-selection{background-color:#7b6fff33;color:inherit}.selection-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#111725f2,#111725fa);border:1px solid #7b6fff4d;border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;gap:8px;justify-content:center;margin:0;padding:8px;position:absolute;z-index:9999}.selection-menu.light{background:linear-gradient(135deg,#fffffff2,#fffffffa);border:1px solid #7b6fff33;box-shadow:0 8px 32px #00000026}.selection-menu-button{align-items:center;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);border:none;border-radius:8px;box-shadow:0 4px 12px #7b6fff4d;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;position:relative;transition:all .2s ease;width:36px}.selection-menu-button:hover{box-shadow:0 6px 16px #7b6fff66;transform:translateY(-2px) scale(1.05)}.selection-menu-button.light{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac)}.selection-menu-button:after{background-color:#000000d9;border-radius:4px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;margin-bottom:5px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;white-space:nowrap}.selection-menu-button:hover:after{opacity:1;visibility:visible}.lesson-note-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.lesson-note-modal{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#111725fa,#111725f2);border:1px solid #7b6fff33;border-radius:20px;box-shadow:0 24px 64px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.lesson-note-modal.light{background:linear-gradient(135deg,#fffffffa,#fffffff2);border:1px solid #7b6fff26;box-shadow:0 24px 64px #00000026}.lesson-note-modal-header{align-items:center;background:#ffffff05;border-bottom:1px solid #7b6fff33;display:flex;justify-content:space-between;padding:28px 28px 20px}.lesson-note-modal-header.light{background:#00000003;border-bottom:1px solid #7b6fff26}.lesson-note-modal-header h3{align-items:center;color:#7b6fff;color:var(--dark-primary,#7b6fff);display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin:0}.lesson-note-modal-header h3:before{content:"✏️";font-size:18px}.lesson-note-modal-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:6px;transition:all .2s ease;width:36px}.lesson-note-modal-close:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:scale(1.1)}.lesson-note-modal.light .lesson-note-modal-close{background:#00000008;border:1px solid #00000014;color:#6c757d}.lesson-note-modal.light .lesson-note-modal-close:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.lesson-note-modal-body{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.lesson-note-input-group{display:flex;flex-direction:column;gap:8px}.lesson-note-input-label{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:14px;font-weight:500;margin-bottom:4px}.lesson-note-modal.light .lesson-note-input-label{color:#495057}.lesson-note-title-input{background-color:#252525;background-color:var(--dark-bg-card,#252525);border:2px solid #383838;border:2px solid var(--dark-border,#383838);border-radius:8px;box-sizing:border-box;color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-family:inherit;font-size:16px;font-weight:500;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.lesson-note-title-input:focus{background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);box-shadow:0 0 0 3px #7b6fff1a}.lesson-note-title-input::placeholder{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-weight:400}.lesson-note-modal.light .lesson-note-title-input{background-color:#f8f9fa;border:2px solid #dee2e6;color:#212529}.lesson-note-modal.light .lesson-note-title-input:focus{background-color:#fff;border-color:#7b6fff;border-color:var(--light-primary,#7b6fff);box-shadow:0 0 0 3px #7b6fff1a}.lesson-note-modal.light .lesson-note-title-input::placeholder{color:#6c757d}.lesson-note-content-textarea{background-color:#252525;background-color:var(--dark-bg-card,#252525);border:2px solid #383838;border:2px solid var(--dark-border,#383838);border-radius:8px;box-sizing:border-box;color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-family:inherit;font-size:14px;line-height:1.6;min-height:180px;outline:none;padding:14px 16px;resize:vertical;transition:all .2s ease;width:100%}.lesson-note-content-textarea:focus{background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);box-shadow:0 0 0 3px #7b6fff1a}.lesson-note-content-textarea::placeholder{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-style:italic}.lesson-note-modal.light .lesson-note-content-textarea{background-color:#f8f9fa;border:2px solid #dee2e6;color:#212529}.lesson-note-modal.light .lesson-note-content-textarea:focus{background-color:#fff;border-color:#7b6fff;border-color:var(--light-primary,#7b6fff);box-shadow:0 0 0 3px #7b6fff1a}.lesson-note-modal.light .lesson-note-content-textarea::placeholder{color:#6c757d}.lesson-note-modal-actions{background:#ffffff05;border-top:1px solid #7b6fff33;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.lesson-note-modal.light .lesson-note-modal-actions{background:#00000003;border-top:1px solid #7b6fff26}.lesson-note-save-button{align-items:center;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);border:none;border-radius:12px;box-shadow:0 4px 12px #7b6fff4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:14px 28px;transition:all .2s ease}.lesson-note-save-button:hover{box-shadow:0 6px 16px #7b6fff66;transform:translateY(-1px)}.lesson-note-save-button:active{transform:translateY(0)}.lesson-note-cancel-button{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:14px 28px;transition:all .2s ease}.lesson-note-cancel-button:hover{background:#ffffff14;border-color:#fff3;color:#e4e6eb;color:var(--dark-text,#e4e6eb);transform:translateY(-1px)}.lesson-note-modal.light .lesson-note-save-button{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac)}.lesson-note-modal.light .lesson-note-cancel-button{background:#00000008;border:2px solid #00000014;color:#6c757d}.lesson-note-modal.light .lesson-note-cancel-button:hover{background:#0000000d;border-color:#00000026;color:#495057}.lesson-note-textarea-info{align-items:center;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);display:flex;font-size:12px;justify-content:space-between;margin-top:4px}.lesson-note-modal.light .lesson-note-textarea-info{color:#6c757d}.lesson-loading-container{align-items:center;height:200px;justify-content:center;padding:40px 20px;text-align:center}.empty-state-icon{animation:pulse 2s infinite;opacity:.7}.empty-state-icon,.sb-loading-row{margin-bottom:16px}.sb-loading-spinner{border:3px solid #7b6fff33}.sb-loading-subtext{line-height:1.4;margin:0 auto;max-width:400px;opacity:.8}.lesson-container.light .sb-loading-text{color:#2d3748}.lesson-container.light .sb-loading-subtext{color:#718096}.lesson-no-content-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:40px 0;padding:60px 20px;text-align:center}.lesson-no-content-container .empty-state-icon{font-size:4rem;margin-bottom:20px;opacity:.7}.lesson-no-content-container p{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1rem;line-height:1.5;margin:8px 0}.lesson-container.light .lesson-no-content-container p{color:#6c757d}.lesson-container .reload-page-button{align-items:center;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);border:none;border-radius:12px;box-shadow:0 4px 12px #7b6fff4d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-top:24px;padding:12px 20px;transition:all .2s ease}.lesson-container .reload-page-button:hover{box-shadow:0 6px 16px #7b6fff66;transform:translateY(-1px)}.lesson-container .reload-page-button:disabled{background:linear-gradient(135deg,#4a4a4a,#3a3a3a);box-shadow:none;color:#7a7a7a;cursor:not-allowed;transform:none}.lesson-container .reload-page-button .lp-refresh-icon{height:16px;transition:transform .3s ease;width:16px}.lesson-container .reload-page-button:hover .lp-refresh-icon{transform:rotate(180deg)}.lesson-container .reload-page-button span{align-items:center;display:flex;gap:8px}@media (max-width:768px){.lesson-container{border-radius:12px;margin:0!important;padding:16px}.page-header{border-radius:12px;margin:10px auto 20px;padding:20px}.lesson-title{font-size:1.6rem}.audio-section{border-radius:12px;padding:20px}.audio-player{gap:16px;height:60px;padding:12px}.play-button{height:44px;width:44px}.lesson-actions{flex-direction:column;gap:12px}.lesson-back-button,.roadmap-button{justify-content:center;width:100%}.ask-ai-button{height:50px;width:50px}.lesson-chat-panel{border-radius:12px 12px 0 0;right:0;width:100%}.lesson-main-content.chat-open{display:none;margin-right:0}.ask-ai-button-container.chat-open{right:20px}.lesson-note-modal{border-radius:16px;width:95%}.lesson-note-modal-actions,.lesson-note-modal-body,.lesson-note-modal-header{padding-left:20px;padding-right:20px}.lesson-note-modal-actions{flex-direction:column}.lesson-note-cancel-button,.lesson-note-save-button{width:100%}.image-popup-container{border-radius:12px;max-width:95%}}@media (max-width:1024px) and (min-width:769px){.lesson-chat-panel{width:350px}.lesson-main-content.chat-open{margin-right:350px}.ask-ai-button-container.chat-open{right:370px}}.rate-limit-inline-header{gap:16px;position:relative}.rate-limit-inline-icon{animation:pulse 2s infinite;font-size:32px}.rate-limit-inline-header h2{font-weight:600}.rate-limit-inline-close{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:20px;height:36px;padding:6px;position:absolute;right:0;top:0;transition:all .2s ease;width:36px}.rate-limit-inline-close:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.rate-limit-inline-container.light .rate-limit-inline-close{background:#00000008;border:1px solid #00000014;color:#6c757d}.rate-limit-inline-container.light .rate-limit-inline-close:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.rate-limit-inline-body{padding-right:50px}.rate-limit-inline-primary-message{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-weight:500}.rate-limit-inline-container.light .rate-limit-inline-primary-message{color:#2d3748}.rate-limit-inline-details{background:#ef44441a;border:1px solid #ef444433;margin-bottom:20px}.rate-limit-inline-container.light .rate-limit-inline-details{background:#ef444414;border:1px solid #ef444426}.rate-limit-inline-detail-item{align-items:center;justify-content:space-between;margin-bottom:10px}.rate-limit-inline-detail-item:last-child{margin-bottom:0}.rate-limit-inline-container.light .rate-limit-inline-detail-label{color:#6c757d}.rate-limit-inline-detail-value{font-size:1rem;font-weight:600}.rate-limit-inline-upgrade-message{background:linear-gradient(135deg,#7b6fff14,#10b98108);margin-bottom:20px}.rate-limit-inline-container.light .rate-limit-inline-upgrade-message{background:linear-gradient(135deg,#7b6fff0d,#10b98105);border:1px solid #7b6fff26}.rate-limit-inline-upgrade-message p{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:.95rem;line-height:1.5}.rate-limit-inline-container.light .rate-limit-inline-upgrade-message p{color:#495057}.rate-limit-inline-actions{flex-wrap:wrap;gap:12px}.rate-limit-inline-understand-button{background:#ffffff0d;border:2px solid #ffffff1a;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:14px;min-width:120px;transition:all .2s ease}.rate-limit-inline-understand-button:hover{background:#ffffff14;border-color:#fff3;color:#e4e6eb;color:var(--dark-text,#e4e6eb);transform:translateY(-1px)}.rate-limit-inline-container.light .rate-limit-inline-understand-button{background:#00000008;border:2px solid #00000014;color:#6c757d}.rate-limit-inline-container.light .rate-limit-inline-understand-button:hover{background:#0000000d;border-color:#00000026;color:#495057}.rate-limit-inline-upgrade-button{align-items:center;box-shadow:0 4px 12px #7b6fff4d;display:flex;font-size:14px;gap:8px;justify-content:center;min-width:120px;transition:all .2s ease}.rate-limit-inline-upgrade-button:hover{box-shadow:0 6px 16px #7b6fff66;transform:translateY(-1px)}.rate-limit-inline-upgrade-button:active{transform:translateY(0)}.rate-limit-inline-container.light .rate-limit-inline-upgrade-button{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac)}.rate-limit-inline-container.light .rate-limit-inline-upgrade-button:disabled{background:linear-gradient(135deg,#adb5bd,#95a2ab);box-shadow:0 2px 8px #adb5bd33}@media (max-width:768px){.rate-limit-inline-container{border-radius:12px;margin:16px 0;padding:20px}.rate-limit-inline-header{margin-bottom:16px}.rate-limit-inline-header h2{font-size:1.2rem}.rate-limit-inline-icon{font-size:28px}.rate-limit-inline-body{padding-right:20px}.rate-limit-inline-actions{flex-direction:column}.rate-limit-inline-understand-button,.rate-limit-inline-upgrade-button{width:100%}.rate-limit-inline-close{right:-10px;top:-10px}}.lesson-main-content.light{background-color:#f5f7fa;color:#343a40}.lesson-main-content{flex:1 1;overflow:auto;padding:20px 0}.lesson-main-content.chat-open{margin-right:400px}.lesson-container.light .token.tag .token.tag{background:#d730271a;border:1px solid #d7302733}.lesson-container.light .content-text .token.tag.token.tag{background:#d7302726;border:1px solid #d730274d;border-radius:4px;box-shadow:0 1px 3px #d7302733;margin:0 2px;padding:3px 6px}.lesson-container.light .token.tag.tag-h1,.lesson-container.light .token.tag.tag-h2,.lesson-container.light .token.tag.tag-h3,.lesson-container.light .token.tag.tag-h4,.lesson-container.light .token.tag.tag-h5,.lesson-container.light .token.tag.tag-h6{border-left:4px solid #d73027;padding-left:8px}.lesson-container.light .token.tag[data-tag=article],.lesson-container.light .token.tag[data-tag=div],.lesson-container.light .token.tag[data-tag=section]{border-left:3px solid #22863a;padding-left:6px}.lesson-container.light .token.tag[data-tag=button],.lesson-container.light .token.tag[data-tag=form],.lesson-container.light .token.tag[data-tag=input],.lesson-container.light .token.tag[data-tag=select],.lesson-container.light .token.tag[data-tag=textarea]{background:#22863a1a;border:1px solid #22863a4d}.lesson-container.light .content-text li .token.tag:hover,.lesson-container.light .content-text p .token.tag:hover,.lesson-container.light .content-text td .token.tag:hover{background:#d7302740;box-shadow:0 2px 4px #d730274d;transform:translateY(-1px)}.content-text li .token.tag,.content-text p .token.tag,.content-text td .token.tag{background:#ff6b6b26;border:1px solid #ff6b6b4d;border-radius:4px;box-shadow:0 1px 2px #ff6b6b33;color:#ff4757!important;font-size:.95em;font-weight:600;padding:2px 6px;transition:all .2s ease}.lesson-container.light .content-text li .token.tag,.lesson-container.light .content-text p .token.tag,.lesson-container.light .content-text td .token.tag{background:#d7302726;border:1px solid #d730274d;border-radius:4px;box-shadow:0 1px 2px #d7302733;color:#c1272d!important;font-size:.95em;font-weight:600;padding:2px 6px;transition:all .2s ease}.content-text .token.tag.token.punctuation{background:none!important;border:none!important;box-shadow:none!important;display:inline;margin:0;padding:0}.content-text pre .token.tag{line-height:1.4;word-break:break-word}.content-text .token.attr-name+.token.punctuation+.token.attr-value{margin-left:2px}.lesson-container.light .content-text .token.tag.token.punctuation{background:none!important;border:none!important;box-shadow:none!important;display:inline;margin:0;padding:0}.content-text .token.tag>.token.tag,.lesson-container.light .content-text .token.tag>.token.tag{background:#0000!important;border:none!important;box-shadow:none!important;display:inline;margin:0!important;padding:0!important}.token.tag .token.punctuation,.token.tag .token.tag{background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:inline!important;margin:0!important;padding:0!important;transform:none!important}.lesson-main-content{overflow-x:hidden;overflow-y:visible!important}.lesson-container.light .roadmap-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.lesson-container.light .roadmap-button:disabled:hover{background:linear-gradient(135deg,#9ca3af,#6b7280);transform:none}.assessment-generation-status{align-items:center;background:#7b6fff1a;border:1px solid #7b6fff33;border-radius:8px;color:#7b6fff;color:var(--dark-primary,#7b6fff);display:flex;font-size:14px;gap:8px;margin-top:16px;padding:12px 16px}.lesson-container.light .assessment-generation-status{background:#7b6fff0d;border-color:#7b6fff26;color:#5b21b6}.assessment-generation-status .status-icon{animation:spin 1s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;height:16px;width:16px}.lesson-assessment-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#111725fa,#111725f2);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 8px 32px #0000001f;color:#e4e6eb;color:var(--dark-text,#e4e6eb);margin:40px auto;max-height:90vh;padding:30px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;transition:transform .2s ease,box-shadow .2s ease}.lesson-assessment-container:hover{box-shadow:0 12px 40px #0000002e;transform:translateY(-2px)}.lesson-assessment-container.light{background:linear-gradient(135deg,#fffffffa,#fffffff2);border:1px solid #7b6fff14;box-shadow:0 8px 32px #00000014;color:#212529;scrollbar-color:#0003 #0000}.lesson-assessment-container.light:hover{box-shadow:0 12px 40px #0000001f}.lesson-assessment-container::-webkit-scrollbar{width:12px}.lesson-assessment-container::-webkit-scrollbar-track{background:#0000}.lesson-assessment-container::-webkit-scrollbar-thumb{background-color:#ffffff1a;border:3px solid #111725;border-radius:6px}.lesson-assessment-container::-webkit-scrollbar-thumb:hover{background-color:#fff3}.lesson-assessment-container.light::-webkit-scrollbar-thumb{background-color:#0003;border:3px solid #f8f9fa}.lesson-assessment-container.light::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.header-container{align-items:center;background:linear-gradient(135deg,#7b6fff14,#10b98108);border:1px solid #7b6fff33;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 24px;transition:transform .2s ease,box-shadow .2s ease}.header-container:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-1px)}.header-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--dark-primary),#5a52ac);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin-bottom:0}.header-regenerate-btn{align-items:center;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);border:none;border-radius:12px;box-shadow:0 4px 12px #7b6fff4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:10px 18px;position:relative;transition:all .2s ease}.header-regenerate-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.header-regenerate-btn:hover:before{left:100%}.header-regenerate-btn:hover{box-shadow:0 6px 16px #7b6fff66;transform:translateY(-2px)}.light .header-regenerate-btn{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac);box-shadow:0 4px 12px #7b6fff40}.light .header-regenerate-btn:hover{box-shadow:0 6px 16px #7b6fff59}.header-regenerate-btn:disabled{box-shadow:0 2px 8px #7b6fff33;cursor:not-allowed;opacity:.6;transform:none}.loading-spinner{animation:spin 1s linear infinite}.app-layout .main-content .lesson-assessment-container{box-sizing:border-box;margin:0;width:100%}.main-content.lesson-assessment-main{width:100%!important}.main-content{max-height:100vh;overflow-y:auto;padding-bottom:50px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.main-content::-webkit-scrollbar{width:12px}.main-content::-webkit-scrollbar-track{background:#0000}.main-content::-webkit-scrollbar-thumb{background-color:#ffffff1a;border:3px solid #080b12;border:3px solid var(--dark-bg,#080b12);border-radius:6px}.main-content::-webkit-scrollbar-thumb:hover{background-color:#fff3}.main-content.light{scrollbar-color:#0003 #0000}.main-content.light::-webkit-scrollbar-thumb{background-color:#0003;border:3px solid #fff}.main-content.light::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.lesson-assessment-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--dark-primary),#5a52ac);-webkit-background-clip:text;background-clip:text;color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:2rem;font-weight:700;margin-bottom:10px}.lesson-assessment-container.light h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac);-webkit-background-clip:text;background-clip:text}.lesson-assessment-container h3{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1.2rem;font-weight:600;margin-bottom:20px;opacity:.9}.lesson-assessment-container.light h3{color:#343a40;opacity:1}.assessment-intro{background:#7b6fff0d;border-left:4px solid #7b6fff;border-left:4px solid var(--dark-primary,#7b6fff);border-radius:12px;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:1rem;line-height:1.6;margin-bottom:24px;padding:16px 20px}.lesson-assessment-container.light .assessment-intro{background:#7b6fff08;border-left:4px solid #7b6fff;border-left:4px solid var(--light-primary,#7b6fff);color:#6c757d}.question-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 8px 32px #00000014;margin-bottom:24px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.question-card:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-2px)}.question-header{align-items:flex-start;display:flex;margin-bottom:20px}.question-number{align-items:center;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);border-radius:50%;box-shadow:0 4px 12px #7b6fff4d;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;margin-right:16px;transition:transform .2s ease;width:40px}.question-number:hover{transform:scale(1.05)}.question-content{flex:1 1}.question-content .question-text{margin-bottom:0}.lesson-assessment-container.light .question-card{background:linear-gradient(135deg,#fffffff2,#fffffffa);border:1px solid #7b6fff14;box-shadow:0 8px 32px #0000000d}.lesson-assessment-container.light .question-card:hover{box-shadow:0 12px 40px #00000014}.lesson-assessment-container.light .question-number{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac)}.question-text{font-size:16px;font-weight:600;line-height:1.6;margin-bottom:16px;margin-top:0;text-align:left}.lesson-assessment-container.light .question-text{color:#343a40}.assessment-form{max-height:70vh;overflow-y:auto;padding-right:8px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.assessment-form::-webkit-scrollbar{width:8px}.assessment-form::-webkit-scrollbar-track{background:#0000}.assessment-form::-webkit-scrollbar-thumb{background-color:#ffffff1a;border:2px solid #111725;border-radius:4px}.assessment-form::-webkit-scrollbar-thumb:hover{background-color:#fff3}.lesson-assessment-container.light .assessment-form{scrollbar-color:#0003 #0000}.lesson-assessment-container.light .assessment-form::-webkit-scrollbar-thumb{background-color:#0003;border:2px solid #f8f9fa}.lesson-assessment-container.light .assessment-form::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.options-list{gap:12px;margin-left:56px;max-height:300px;overflow-y:auto;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.options-list::-webkit-scrollbar{width:8px}.options-list::-webkit-scrollbar-track{background:#0000}.options-list::-webkit-scrollbar-thumb{background-color:#ffffff1a;border:2px solid #0a101e;border-radius:4px}.options-list::-webkit-scrollbar-thumb:hover{background-color:#fff3}.lesson-assessment-container.light .options-list{scrollbar-color:#0003 #0000}.lesson-assessment-container.light .options-list::-webkit-scrollbar-thumb{background-color:#0003;border:2px solid #fff}.lesson-assessment-container.light .options-list::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.option-label{word-wrap:break-word;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;min-height:auto;overflow:visible;padding:14px 16px;text-align:left;transition:all .2s ease}.option-label:before{background:linear-gradient(90deg,#0000,#7b6fff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.option-label:hover:before{left:100%}.lesson-assessment-container.light .option-label{background:#00000005;border:1px solid #0000000d}.option-label:hover{background:#7b6fff14;border-color:#7b6fff33;box-shadow:0 4px 12px #7b6fff1a;transform:translateY(-1px)}.lesson-assessment-container.light .option-label:hover{background:#7b6fff0d;border-color:#7b6fff26}.option-label input[type=radio]{margin-right:12px;margin-top:3px;transform:scale(1.2)}.option-text{word-wrap:break-word;font-weight:500;line-height:1.5;max-width:100%;overflow-wrap:break-word;text-align:left;word-break:break-word}.lesson-assessment-container.light .option-text{color:#343a40}.question-card textarea{background:#ffffff08;border:2px solid #ffffff14;border-radius:12px;color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-family:inherit;font-size:16px;line-height:1.5;margin-left:56px;min-height:120px;padding:16px;resize:vertical;text-align:left;transition:all .2s ease;width:calc(100% - 56px)}.lesson-assessment-container.light .question-card textarea{background:#fffc;border:2px solid #00000014;color:#343a40}.question-card textarea:focus{background:#ffffff0d;border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);box-shadow:0 0 0 3px #7b6fff1a;outline:none}.lesson-assessment-container.light .question-card textarea:focus{background:#fff;border-color:#7b6fff;border-color:var(--light-primary,#7b6fff)}.assessment-form-actions{display:flex;gap:16px;justify-content:center;margin-top:0;padding:20px 0}.btn-secondary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#e4e6eb;color:var(--dark-text,#e4e6eb);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-width:auto;overflow:hidden;padding:12px 24px;position:relative;transition:all .2s ease}.btn-secondary:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-secondary:hover:before{left:100%}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.btn-secondary:active{box-shadow:0 4px 12px #0000001a;transform:translateY(0)}.lesson-assessment-container.light .btn-secondary{background:#ffffffe6;border:2px solid #00000014;box-shadow:0 4px 12px #00000014;color:#495057}.lesson-assessment-container.light .btn-secondary:before{background:linear-gradient(90deg,#0000,#00000005,#0000)}.lesson-assessment-container.light .btn-secondary:hover{background:#fff;border-color:#00000026;box-shadow:0 6px 16px #0000001f}.btn-primary{align-items:center;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);border:none;border-radius:12px;box-shadow:0 4px 12px #7b6fff4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .2s ease}.btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{box-shadow:0 6px 16px #7b6fff66;transform:translateY(-2px)}.lesson-assessment-container.light .btn-primary{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac);box-shadow:0 4px 12px #7b6fff40}.lesson-assessment-container.light .btn-primary:hover{box-shadow:0 6px 16px #7b6fff59}.btn-primary:disabled,.btn-secondary:disabled{box-shadow:0 2px 8px #0000001a;cursor:not-allowed;opacity:.5;transform:none}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef44441a,#ef44440d);margin-bottom:20px;padding:16px 20px}.lesson-assessment-container.light .error-message{background:linear-gradient(135deg,#ef444414,#ef444408);border:1px solid #ef444426;color:#dc3545}.loading-icon-container{margin-bottom:20px}.empty-state-icon{font-size:3rem;margin-bottom:15px;opacity:.6}.sb-loading-spinner{border:3px solid #ffffff4d;display:inline-block;height:24px;margin-right:12px;width:24px}.main-content.light .sb-loading-spinner{border:3px solid #0000000d;border-top-color:#7b6fff;border-top:3px solid var(--light-primary,#7b6fff)}.sb-loading-text{display:inline-block;font-size:1rem;font-weight:400}.main-content.light .sb-loading-text{color:#333}.sb-loading-subtext{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:.9rem;margin-bottom:0;margin-top:15px;padding:0 20px;text-align:center}.main-content.light .sb-loading-subtext{color:#6c757d}.empty-state{background:#ffffff05;border:2px dashed #ffffff1a;border-radius:16px;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);margin:20px 0;padding:60px 20px}.lesson-assessment-container.light .empty-state{background:#00000003;border:2px dashed #00000014;color:#6c757d}.empty-state p{font-size:1.1rem;font-weight:500;margin-bottom:20px}.assessment-results{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#7b6fff14,#10b98108);border:1px solid #7b6fff33;border-radius:16px;box-shadow:0 8px 32px #0000001f;margin-top:24px;padding:32px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.assessment-results:hover{box-shadow:0 12px 40px #0000002e;transform:translateY(-2px)}.lesson-assessment-container.light .assessment-results{background:linear-gradient(135deg,#7b6fff0d,#10b98105);border:1px solid #7b6fff26;box-shadow:0 8px 32px #00000014}.lesson-assessment-container.light .assessment-results:hover{box-shadow:0 12px 40px #0000001f}.assessment-results h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--dark-primary),#10b981);-webkit-background-clip:text;background-clip:text;color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:1.6rem;font-weight:700;margin-bottom:28px}.lesson-assessment-container.light .assessment-results h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6fff,#10b981);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#10b981);-webkit-background-clip:text;background-clip:text}.score-display{flex-direction:column;margin-bottom:32px}.score-circle,.score-display{align-items:center;display:flex}.score-circle{background:linear-gradient(135deg,#7b6fff1a,#10b9810d);border:3px solid #7b6fff4d;border-radius:50%;box-shadow:0 8px 32px #7b6fff33;height:140px;justify-content:center;margin-bottom:24px;position:relative;transition:transform .2s ease;width:140px}.score-circle:hover{transform:scale(1.05)}.lesson-assessment-container.light .score-circle{background:linear-gradient(135deg,#7b6fff14,#10b98108);border:3px solid #7b6fff33;box-shadow:0 8px 32px #7b6fff26}.score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6fff,#10b981);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#10b981);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.lesson-assessment-container.light .score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6fff,#10b981);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#10b981);-webkit-background-clip:text;background-clip:text}.score-percent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6fff,#10b981);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#10b981);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:600;position:absolute;right:25px;top:35px}.lesson-assessment-container.light .score-percent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6fff,#10b981);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#10b981);-webkit-background-clip:text;background-clip:text}.score-value[data-score="100"]+.score-percent{right:20px}.score-message{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1.2rem;font-weight:500;line-height:1.6;margin-bottom:16px;max-width:500px}.lesson-assessment-container.light .score-message{color:#343a40}.completed-score-message,.perfect-score-message{-webkit-text-fill-color:#0000;animation:pulse 2s infinite;background:linear-gradient(135deg,var(--dark-primary),#10b981);-webkit-background-clip:text;background-clip:text;color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:1.3rem;font-weight:700;margin-top:16px;text-align:center}.lesson-assessment-container.light .completed-score-message,.lesson-assessment-container.light .perfect-score-message{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6fff,#10b981);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#10b981);-webkit-background-clip:text;background-clip:text}.incomplete-score-message{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;color:#ef4444;font-size:1.3rem;font-weight:700;margin-top:16px;text-align:center}.lesson-assessment-container.light .incomplete-score-message{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc3545,#b91c1c);-webkit-background-clip:text;background-clip:text}.continue-btn{margin:0 auto;max-width:300px}.katex-display{margin:.5em 0;overflow-x:auto;overflow-y:hidden;padding:10px 0}.question-card .katex-display{background-color:#ffffff08;border-radius:6px;max-width:100%;padding:12px}.lesson-assessment-container.light .question-card .katex-display{background-color:#00000005}.option-text .katex,.question-text .katex{font-size:1.1em}.question-text .katex-display>.katex{font-size:1.2em}.math-error{background-color:#ff6b6b1a;border-radius:3px;color:#ff6b6b;font-size:.9em;font-style:italic;padding:2px 5px}.question-card .katex-html{max-width:100%;overflow-x:auto;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.question-card .katex-html::-webkit-scrollbar{height:6px}.question-card .katex-html::-webkit-scrollbar-track{background:#0000}.question-card .katex-html::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.lesson-assessment-container.light .question-card .katex-html{scrollbar-color:#0003 #0000}.lesson-assessment-container.light .question-card .katex-html::-webkit-scrollbar-thumb{background-color:#0003}.assessment-results .assessment-form-actions{display:flex;margin-top:0;padding-bottom:10px 0}.assessment-results .btn-primary,.assessment-results .btn-secondary{flex:none;margin:0}@media (max-width:768px){.lesson-assessment-container{margin:20px;max-height:85vh;padding:0}.header-container{align-items:flex-start;flex-direction:column;gap:16px}.header-container h2{margin-bottom:0;width:100%}.header-regenerate-btn{justify-content:center;max-width:280px;width:100%}.assessment-form{max-height:72vh;padding-right:4px}.question-header{align-items:flex-start;flex-direction:column}.question-number{margin-bottom:12px;margin-right:0}.options-list{margin-left:0}.option-label{flex-wrap:wrap;margin-bottom:8px;padding:16px 14px}.option-label input[type=radio]{flex-shrink:0;margin-right:14px;margin-top:2px}.option-text{font-size:15px;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;line-height:1.6}.question-card textarea{margin-left:0;width:100%}.assessment-form-actions{flex-direction:column;gap:10px}.btn-primary,.btn-secondary{width:100%}.assessment-results .assessment-form-actions{flex-direction:column;gap:10px}.assessment-results .btn-primary,.assessment-results .btn-secondary{width:100%}}.assessment-regenerate-modal.light{background-color:#ffffff80}.assessment-regenerate-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3;display:none;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.assessment-regenerate-modal.show{display:flex}.assessment-modal-content{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#111725fa,#111725f2);border:1px solid #7b6fff4d;border-radius:20px;box-shadow:0 24px 64px #00000080;max-height:85vh;max-width:90%;overflow-y:auto;padding:32px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;width:500px}.assessment-modal-content::-webkit-scrollbar{width:10px}.assessment-modal-content::-webkit-scrollbar-track{background:#0000}.assessment-modal-content::-webkit-scrollbar-thumb{background-color:#ffffff1a;border:3px solid #111725;border-radius:5px}.assessment-modal-content::-webkit-scrollbar-thumb:hover{background-color:#fff3}.assessment-modal-content.light{background:linear-gradient(135deg,#fffffffa,#fffffff2);border:1px solid #7b6fff33;box-shadow:0 24px 64px #00000026;scrollbar-color:#0003 #0000}.assessment-modal-content.light::-webkit-scrollbar-thumb{background-color:#0003;border:3px solid #fff}.assessment-modal-content.light::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.assessment-modal-header{align-items:center;border-bottom:1px solid #7b6fff33;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.assessment-modal-content.light .assessment-modal-header{border-bottom:1px solid #7b6fff26}.assessment-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--dark-primary),#5a52ac);-webkit-background-clip:text;background-clip:text;color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:1.4rem;font-weight:700;margin:0}.assessment-modal-content.light .assessment-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac);-webkit-background-clip:text;background-clip:text}.assessment-modal-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e4e6eb;color:var(--dark-text,#e4e6eb);cursor:pointer;display:flex;font-size:1.5em;height:36px;justify-content:center;opacity:.7;padding:8px;transition:all .2s ease;width:36px}.assessment-modal-content.light .assessment-modal-close{background:#00000008;border:1px solid #00000014;color:#343a40}.assessment-modal-close:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;opacity:1;transform:scale(1.1)}.assessment-modal-content.light .assessment-modal-close:hover{background:#ef444414;border-color:#ef444433;color:#dc3545}.assessment-modal-body{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1rem;line-height:1.6;margin-bottom:28px}.assessment-modal-content.light .assessment-modal-body,.assessment-modal-content.light .assessment-modal-body p{color:#343a40}.assessment-modal-footer{display:flex;gap:16px;justify-content:flex-end}.assessment-modal-cancel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#e4e6eb;color:var(--dark-text,#e4e6eb);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.assessment-modal-content.light .assessment-modal-cancel{background:#ffffffe6;border:2px solid #00000014;color:#495057}.assessment-modal-cancel:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.assessment-modal-content.light .assessment-modal-cancel:hover{background:#fff;border-color:#00000026}.assessment-modal-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.assessment-modal-content.light .assessment-modal-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444440}.assessment-modal-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-1px)}.assessment-modal-content.light .assessment-modal-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444459}.regenerate-btn{background-color:#f9c846;color:#333}.regenerate-btn:hover{background-color:#f5b21b}.regenerate-btn:disabled{background-color:#f9ebc6;cursor:not-allowed}.assessment-loading-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#7b6fff0d,#10b98105);border:2px dashed #7b6fff33;border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;min-height:400px;padding:80px 40px;text-align:center;width:100%}.lesson-assessment-container.light .assessment-loading-container{background:linear-gradient(135deg,#7b6fff08,#10b98103);border:2px dashed #7b6fff26}.assessment-loading-spinner{animation:spin 1s linear infinite;border:4px solid #7b6fff1a;border-radius:50%;border-top-color:#7b6fff;border-top:4px solid var(--dark-primary,#7b6fff);box-shadow:0 4px 12px #7b6fff33;height:60px;margin-bottom:24px;width:60px}.lesson-assessment-container.light .assessment-loading-spinner{border:4px solid #7b6fff14;border-top-color:#7b6fff;border-top:4px solid var(--light-primary,#7b6fff)}.assessment-loading-text{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1.1rem;font-weight:600;margin-top:12px}.assessment-loading-text.small{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:1rem;font-weight:400;line-height:1.5;margin:12px auto 0;max-width:400px;opacity:.8}.lesson-assessment-container.light .assessment-loading-text{color:#212529}.lesson-assessment-container.light .assessment-loading-text.small{color:#6c757d}.assessment-generating-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px 0;text-align:center;width:100%}.assessment-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#7b6fff;border-top:4px solid var(--dark-primary,#7b6fff);height:50px;margin-bottom:16px;width:50px}.lesson-assessment-container.light .assessment-spinner{border:4px solid #0000000d;border-top-color:#7b6fff;border-top:4px solid var(--light-primary,#7b6fff)}.assessment-generating-text{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:16px;margin-top:10px}.assessment-generating-text.small{font-size:14px;margin:8px auto 0;max-width:400px;opacity:.8}.lesson-assessment-container.light .assessment-generating-text{color:#6c757d}.roadmap-button{align-items:center;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);border:none;border-radius:12px;box-shadow:0 4px 12px #7b6fff4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .2s ease}.roadmap-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.roadmap-button:hover:before{left:100%}.roadmap-button:hover{box-shadow:0 6px 16px #7b6fff66;transform:translateY(-2px)}.lesson-assessment-container.light .roadmap-button{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac);box-shadow:0 4px 12px #7b6fff40}.lesson-assessment-container.light .roadmap-button:hover{box-shadow:0 6px 16px #7b6fff59}.roadmap-button:disabled{cursor:not-allowed;opacity:.7}.roadmap-button:disabled,.roadmap-button:disabled:hover{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 8px #7b6fff33;transform:none}.lesson-assessment-container.light .roadmap-button:disabled,.lesson-assessment-container.light .roadmap-button:disabled:hover{background:linear-gradient(135deg,#9ca3af,#6b7280)}.content-generation-status{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;color:#10b981;display:flex;font-size:14px;gap:8px;margin-top:16px;padding:12px 16px}.lesson-assessment-container.light .content-generation-status{background:#10b9810d;border-color:#10b98126;color:#059669}.content-generation-status .status-icon{animation:spin 1s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;height:16px;width:16px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.app-layout .learning-plan-main-content{overflow-y:visible!important}.btn-small{font-size:14px;font-weight:600;padding:8px 16px;width:200px}.settings-container{background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 8px 32px #0000001f;color:#e4e6eb;color:var(--dark-text,#e4e6eb);display:flex;flex-direction:column;margin:0 auto;max-width:1200px;overflow:auto;padding:20px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;transition:transform .2s ease,box-shadow .2s ease;width:100%}.settings-container:hover{box-shadow:0 12px 40px #0000002e;transform:translateY(-2px)}.settings-container.light{background-color:#fff;border:1px solid #e1e4e8;box-shadow:0 8px 32px #00000014;color:#333;color:var(--light-text,#333);scrollbar-color:#0003 #0000}.settings-container.light:hover{box-shadow:0 12px 40px #0000001f}.settings-container::-webkit-scrollbar{width:12px}.settings-container::-webkit-scrollbar-track{background:#0000}.settings-container::-webkit-scrollbar-thumb{background-color:#ffffff1a;border:3px solid #111725;border-radius:6px}.settings-container::-webkit-scrollbar-thumb:hover{background-color:#fff3}.settings-container.light::-webkit-scrollbar-thumb{background-color:#0003;border:3px solid #f8f9fa}.settings-container.light::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.settings-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px;padding:10px}.settings-container.light .settings-header{border-bottom:1px solid #e2e8f0}.panel-title{color:var(--dark-primary);gap:12px}.panel-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--dark-primary),#5a52ac);-webkit-background-clip:text;background-clip:text;font-weight:700}.settings-container.light .panel-title h2{color:#333}.settings-tabs{border-bottom:2px solid #2c3b52;border-bottom:2px solid var(--dark-border,#2c3b52);display:flex;gap:8px;margin-bottom:30px;overflow-y:hidden;padding-bottom:4px;width:100%}.settings-container.light .settings-tabs{border-bottom-color:#dee2e6}.tab-button{align-items:center;background:none;border:none;border-radius:8px 8px 0 0;color:#94a3b8;color:var(--dark-text-secondary,#94a3b8);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;min-width:120px;padding:12px 20px;position:relative;text-align:center;transition:all .3s ease}.settings-container.light .tab-button{color:#6c757d}.tab-button:hover{background-color:#7b6fff1a;color:#7b6fff;color:var(--dark-primary,#7b6fff);transform:translateY(-2px)}.settings-container.light .tab-button:hover{background-color:#5c50e41a;color:#7b6fff;color:var(--light-primary,#7b6fff)}.tab-button.active{background-color:#7b6fff26;color:#7b6fff;color:var(--dark-primary,#7b6fff);font-weight:700}.settings-container.light .tab-button.active{background-color:#5c50e41a;color:#7b6fff;color:var(--light-primary,#7b6fff)}.tab-button.active:after{background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);border-radius:2px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:100%}.settings-container.light .tab-button.active:after{background-color:#7b6fff;background-color:var(--light-primary,#7b6fff)}.settings-content{background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border-radius:10px;color:#e4e6eb;color:var(--dark-text,#e4e6eb);flex:1 1;overflow:hidden;padding:0}.settings-content.light{background-color:#f8f9fa;color:#333;color:var(--light-text,#333)}.settings-content>div{background-color:#1e293b;border:1px solid #2c3b52;border-radius:8px;box-shadow:0 4px 12px #0003;color:#e4e6eb;color:var(--dark-text,#e4e6eb);margin-bottom:20px;padding:20px}.settings-content.light>div{background-color:#fff;border:1px solid #dee2e6;box-shadow:0 2px 8px #0000001a;color:#333;color:var(--light-text,#333)}.privacy-settings{text-align:left}.account-settings h3,.appearance-settings h3,.goals-settings h3,.notification-settings h3,.privacy-settings h3,.profile-settings h3,.subscription-settings h3,.terms-settings h3{border-bottom:1px solid #2c3b52;color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:20px;margin-top:0;padding-bottom:8px}.settings-content.light .account-settings h3,.settings-content.light .appearance-settings h3,.settings-content.light .goals-settings h3,.settings-content.light .notification-settings h3,.settings-content.light .privacy-settings h3,.settings-content.light .profile-settings h3,.settings-content.light .subscription-settings h3,.settings-content.light .terms-settings h3{border-bottom-color:#e9ecef;color:#000}.form-group{margin-bottom:20px}.form-group label{font-size:.95rem;font-weight:600;margin-bottom:10px}.settings-content.light .form-group label{color:#343a40}.form-group input,.form-group textarea{background-color:#ffffff0d;border:2px solid #ffffff1a;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:16px;padding:14px 16px;transition:all .3s ease;width:100%}.settings-content.light .form-group input,.settings-content.light .form-group textarea{background-color:#fff;border-color:#e1e4e8;box-shadow:0 2px 8px #0000000d;color:#343a40}.form-group input:focus,.form-group textarea:focus{background-color:#ffffff14;border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);box-shadow:0 0 0 3px #7b6fff33,0 4px 12px #00000026;outline:none;transform:translateY(-1px)}.settings-content.light .form-group input:focus,.settings-content.light .form-group textarea:focus{background-color:#fff;border-color:#7b6fff;border-color:var(--light-primary,#7b6fff);box-shadow:0 0 0 3px #5c50e41a,0 4px 12px #0000001a}.form-group select.skill-level-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#ffffff0d;background-image:url("data:image/svg+xml;utf8,<svg fill=%27white%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 15px center;background-repeat:no-repeat;border:1px solid #2c3b52;border-radius:8px;color:#e4e6eb;color:var(--dark-text,#e4e6eb);cursor:pointer;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.settings-content.light .form-group select.skill-level-dropdown{background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27black%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");border-color:#dee2e6;color:#343a40}.form-group select.skill-level-dropdown:focus{border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);box-shadow:0 0 0 2px #7b6fff33;outline:none}.settings-content.light .form-group select.skill-level-dropdown:focus{border-color:#7b6fff;border-color:var(--light-primary,#7b6fff);box-shadow:0 0 0 2px #5c50e41a}.form-group select.skill-level-dropdown option{background-color:#1e293b;color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.settings-content.light .form-group select.skill-level-dropdown option{background-color:#fff;color:#343a40}.form-group .disabled-input{background-color:#0003;cursor:not-allowed}.settings-content.light .form-group .disabled-input{background-color:#f8f9fa}.form-group small{color:#94a3b8;color:var(--dark-text-secondary,#94a3b8);margin-top:5px}.settings-content.light .form-group small{color:#6c757d}.upgrade-button:hover{box-shadow:0 6px 16px #10b98166}.cancel-button:hover{box-shadow:0 6px 16px #f4433666}.save-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.save-status{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:16px;padding:12px 16px;transition:all .3s ease}.save-status.loading{background-color:#7b6fff1a;border:1px solid #7b6fff33;color:#7b6fff;color:var(--dark-primary,#7b6fff)}.settings-content.light .save-status.loading{background-color:#5c50e41a;border:1px solid #5c50e433;color:#7b6fff;color:var(--light-primary,#7b6fff)}.save-status.success{background-color:#10b9811a;border:1px solid #10b98133;color:#10b981}.save-status.error{background-color:#f443361a;border:1px solid #f4433633;color:#f44336}.save-status span{flex:1 1}.avatar-selection{margin-bottom:24px}.avatars-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:40vh;overflow-y:auto;padding-right:8px;padding-top:5px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.avatars-grid::-webkit-scrollbar{width:8px}.avatars-grid::-webkit-scrollbar-track{background:#0000}.avatars-grid::-webkit-scrollbar-thumb{background-color:#ffffff1a;border:2px solid #1e293b;border-radius:4px}.avatars-grid::-webkit-scrollbar-thumb:hover{background-color:#fff3}.settings-content.light .avatars-grid{scrollbar-color:#0003 #0000}.settings-content.light .avatars-grid::-webkit-scrollbar-thumb{background-color:#0003;border:2px solid #fff}.settings-content.light .avatars-grid::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.avatar-option{align-items:center;background-color:#ffffff08;border:2px solid #2c3b52;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:10px;position:relative;transition:all .3s ease}.avatar-option:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.avatar-option:hover:before{left:100%}.settings-container.light .avatar-option{background-color:#f8f9fa;border-color:#dee2e6}.avatar-option:hover{background-color:#7b6fff1a;border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);box-shadow:0 8px 25px #0000004d;transform:translateY(-4px) scale(1.02)}.settings-container.light .avatar-option:hover{background-color:#5c50e40d;border-color:#7b6fff;border-color:var(--light-primary,#7b6fff);box-shadow:0 8px 25px #0000001a}.avatar-option.selected{background-color:#7b6fff26;border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);box-shadow:0 6px 20px #7b6fff4d;transform:scale(1.05)}.settings-container.light .avatar-option.selected{background-color:#5c50e41a;border-color:#7b6fff;border-color:var(--light-primary,#7b6fff);box-shadow:0 6px 20px #5c50e433}.avatar-preview{align-items:center;background-color:#ffffff1a;border-radius:50%;box-shadow:0 4px 12px #0000004d;display:flex;height:80px;justify-content:center;margin-bottom:12px;overflow:hidden;transition:transform .3s ease;width:80px}.avatar-option:hover .avatar-preview{transform:scale(1.1)}.settings-container.light .avatar-preview{background-color:#0000000d;box-shadow:0 4px 12px #0000001a}.avatar-preview svg{height:100%;width:100%}.avatar-option span{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:14px;font-weight:600;margin-top:8px;transition:color .3s ease}.settings-container.light .avatar-option span{color:#343a40}.policy-content{max-height:420px;overflow-y:auto;padding-right:16px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.settings-content.light .policy-content{scrollbar-color:#0003 #0000}.policy-content::-webkit-scrollbar{width:8px}.policy-content::-webkit-scrollbar-track{background:#0000}.policy-content::-webkit-scrollbar-thumb{background-color:#ffffff1a;border:2px solid #1e293b;border-radius:4px}.policy-content::-webkit-scrollbar-thumb:hover{background-color:#fff3}.settings-content.light .policy-content::-webkit-scrollbar-thumb{background-color:#0003;border:2px solid #fff}.settings-content.light .policy-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.policy-content h4{color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:18px;margin-bottom:15px;margin-top:25px}.settings-content.light .policy-content h4{color:#7b6fff;color:var(--light-primary,#7b6fff)}.policy-content li,.policy-content p{color:#e4e6eb;color:var(--dark-text,#e4e6eb);line-height:1.6;margin-bottom:15px}.settings-content.light .policy-content li,.settings-content.light .policy-content p{color:#343a40}.policy-content h5{color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:16px;margin-bottom:8px;margin-top:24px}.settings-content.light .policy-content h5{color:#7b6fff;color:var(--light-primary,#7b6fff)}.policy-content ul{margin-bottom:16px;padding-left:24px}.current-goal-section,.new-goal-section{background-color:#111827;border:1px solid #2c3b52;border-radius:8px;box-shadow:0 1px 3px #0000004d;margin-bottom:24px;padding:20px}.settings-content.light .current-goal-section,.settings-content.light .new-goal-section{background-color:#fff;border-color:#dee2e6;box-shadow:0 1px 3px #0000001a}.current-goal-section h4,.new-goal-section h4{color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:18px;margin-bottom:16px;margin-top:0}.settings-content.light .current-goal-section h4,.settings-content.light .new-goal-section h4{color:#7b6fff;color:var(--light-primary,#7b6fff)}.goal-info{color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.settings-content.light .goal-info{color:#343a40}.goal-info p{color:#e4e6eb;color:var(--dark-text,#e4e6eb);line-height:1.5;margin:0 0 12px}.settings-content.light .goal-info p{color:#343a40!important}.goal-actions{display:flex;justify-content:center;margin-top:16px}.change-goal-button,.set-goal-button{background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);border:none;border-radius:8px;box-shadow:0 4px 12px #7b6fff4d;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:all .2s ease}.settings-content.light .change-goal-button,.settings-content.light .set-goal-button{background-color:#7b6fff;background-color:var(--light-primary,#7b6fff);box-shadow:0 3px 10px #5c50e433}.change-goal-button:hover,.set-goal-button:hover{background-color:#7b6fff;transform:translateY(-2px)}.settings-content.light .change-goal-button:hover,.settings-content.light .set-goal-button:hover{background-color:#7b6fff}.modal{align-items:center;background-color:#00000080;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#1e293b;border:1px solid #2c3b52;border-radius:12px;box-shadow:0 10px 25px #00000080;color:#e4e6eb;color:var(--dark-text,#e4e6eb);margin:0 auto;max-width:500px;padding:30px;position:relative;width:90%}.light .modal-content{background-color:#fff;border:1px solid #dee2e6;box-shadow:0 10px 25px #0003;color:#343a40}.modal-close-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;color:var(--dark-text-secondary,#94a3b8);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:12px;transition:all .2s ease;width:32px}.modal-close-button:hover{background:#ffffff1a;color:#e4e6eb;color:var(--dark-text,#e4e6eb);transform:scale(1.05)}.light .modal-close-button{background:#0000000d;border:1px solid #0000001a;color:#6c757d}.light .modal-close-button:hover{background:#0000001a;color:#343a40}.modal-content h3{color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:20px;font-weight:600;margin-bottom:20px;margin-top:0}.light .modal-content h3{color:#7b6fff;color:var(--light-primary,#7b6fff)}.modal-content textarea{background-color:#ffffff0d;border:1px solid #2c3b52;border-radius:8px;color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-family:inherit;font-size:16px;min-height:100px;padding:12px 15px;resize:vertical;width:100%}.light .modal-content textarea{background-color:#fff;border:1px solid #dee2e6;color:#343a40}.modal-content textarea:focus{border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);box-shadow:0 0 0 2px #7b6fff33;outline:none}.light .modal-content textarea:focus{border-color:#7b6fff;border-color:var(--light-primary,#7b6fff);box-shadow:0 0 0 2px #5c50e41a}.subscription-settings h3{color:#e4e6eb;color:var(--dark-text,#e4e6eb);margin-bottom:15px}.settings-content.light .subscription-settings h3{color:#343a40}.subscription-settings h4{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1.1em;margin-bottom:20px}.settings-content.light .subscription-settings h4{color:#343a40}.subscription-details{margin-top:10px}.tier-free{color:#fc0;font-weight:700}.tier-pro{color:#10b981;font-weight:700}.pro-details p,.upgrade-section p{color:#94a3b8;color:var(--dark-text-secondary,#94a3b8);line-height:1.5;margin-bottom:15px}.settings-content.light .pro-details p,.settings-content.light .upgrade-section p{color:#6c757d}.cancel-button,.upgrade-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;padding:12px 20px;transition:all .2s ease}.upgrade-button{background-color:#10b981;box-shadow:0 4px 12px #10b9814d;color:#fff}.upgrade-button:hover{background-color:#0ea271;transform:translateY(-2px)}.cancel-button{background-color:#f44336;box-shadow:0 4px 12px #f443364d;display:block;margin:0 auto 15px}.cancel-button:hover{background-color:#e53935;transform:translateY(-2px)}.cancel-button:disabled,.upgrade-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.action-status{border-radius:8px;margin-top:15px;padding:12px;text-align:center}.action-status.loading{background-color:#7b6fff1a;color:#7b6fff;color:var(--dark-primary,#7b6fff)}.settings-content.light .action-status.loading{background-color:#5c50e41a;color:#7b6fff;color:var(--light-primary,#7b6fff)}.action-status.success{background-color:#10b9811a;color:#10b981}.action-status.error{background-color:#f443361a;color:#f44336}.pro-details.canceled p{color:#ff9800}.error-message{color:#f44336;font-weight:700}.disabled-input{background-color:#0003!important;color:#8e8e93!important;cursor:not-allowed}.settings-content.light .disabled-input{background-color:#f8f9fa!important;color:#6c757d!important}small{color:#94a3b8;color:var(--dark-text-secondary,#94a3b8)}.settings-content.light small{color:#6c757d}.modern-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;outline:none;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease}.modern-button:hover{transform:translateY(-1px)}.modern-button:active{transform:translateY(0)}.modern-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.primary-button{background:linear-gradient(135deg,var(--dark-primary),#5a52ac);box-shadow:0 4px 12px #7b6fff4d}.primary-button:hover{box-shadow:0 6px 16px #7b6fff66}.secondary-button{background-color:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 2px 8px #0000001a;color:var(--dark-text)}.secondary-button:hover{background-color:#ffffff1a;box-shadow:0 4px 12px #00000026}.settings-container.light .secondary-button{background-color:#fff;border:1px solid #e1e4e8;box-shadow:0 2px 8px #00000014;color:#333}.settings-container.light .secondary-button:hover{background-color:#f8f9fa;box-shadow:0 4px 12px #0000001f}.danger-button{background-color:#f44336;box-shadow:0 4px 12px #f443364d;color:#fff}.danger-button:hover{background-color:#e53935;box-shadow:0 6px 16px #f4433666}.button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.pro-features-section{background-color:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin:25px 0;padding:20px}.settings-content.light .pro-features-section{background-color:#f8f9fa;border:1px solid #e9ecef}.pro-features-section h4{color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:1.2rem;margin-bottom:20px;text-align:center}.settings-content.light .pro-features-section h4{color:#7b6fff;color:var(--light-primary,#7b6fff)}.features-comparison{width:100%}.plan-features{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin-top:15px}@media (max-width:768px){.plan-features{gap:20px;grid-template-columns:1fr}}.plan-column{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:20px;transition:all .3s ease}.settings-content.light .plan-column{background-color:#fff;border:1px solid #e1e4e8}.plan-column:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.settings-content.light .plan-column:hover{box-shadow:0 8px 25px #00000014}.pro-column{background-color:#7b6fff14;border:1px solid #7b6fff33;position:relative}.settings-content.light .pro-column{background-color:#5c50e40d;border:1px solid #5c50e426}.pro-column:before{background:linear-gradient(135deg,var(--dark-primary),#5a52ac);border-radius:12px;color:#fff;content:"RECOMMENDED";font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;position:absolute;right:15px;top:-8px}.plan-column h5{border-bottom:1px solid #ffffff1a;color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1.1rem;font-weight:600;margin-bottom:15px;padding-bottom:10px;text-align:center}.settings-content.light .plan-column h5{border-bottom:1px solid #e9ecef;color:#333}.pro-column h5{border-bottom-color:#7b6fff4d;color:#7b6fff;color:var(--dark-primary,#7b6fff)}.settings-content.light .pro-column h5{border-bottom-color:#5c50e433;color:#7b6fff;color:var(--light-primary,#7b6fff)}.features-list{list-style:none;margin:0;padding:0}.features-list li{align-items:center;color:#e4e6eb;color:var(--dark-text,#e4e6eb);display:flex;font-size:.95rem;gap:10px;line-height:1.4;padding:8px 0}.settings-content.light .features-list li{color:#333}.features-list li:first-child{color:#7b6fff;color:var(--dark-primary,#7b6fff);font-weight:600;margin-bottom:5px}.settings-content.light .features-list li:first-child{color:#7b6fff;color:var(--light-primary,#7b6fff)}.pro-column .features-list li:first-child{color:#7b6fff;color:var(--dark-primary,#7b6fff)}.settings-content.light .pro-column .features-list li:first-child{color:#7b6fff;color:var(--light-primary,#7b6fff)}.features-list li svg{color:#10b981;flex-shrink:0}.pro-column .features-list li svg{color:#7b6fff;color:var(--dark-primary,#7b6fff)}.settings-content.light .pro-column .features-list li svg{color:#7b6fff;color:var(--light-primary,#7b6fff)}.pomodoro-container{background-color:#fff;border-radius:10px;bottom:20px;box-shadow:0 4px 12px #00000026;overflow:hidden;position:fixed;right:20px;transition:transform .3s ease,opacity .3s ease;width:250px;z-index:1000}.pomodoro-container.dark{background-color:#1a2234;box-shadow:0 4px 12px #00000040;color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.pomodoro-container.light{background-color:#fff;box-shadow:0 4px 12px #00000026;color:#333}.pomodoro-container.visible{opacity:1;transform:translateY(0)}.pomodoro-container.collapsed{padding:10px;width:auto}.pomodoro-collapsed{align-items:center;cursor:pointer;display:flex;padding:5px}.timer-icon{margin-right:8px}.pomodoro-container.dark .timer-icon,.timer-icon{color:#7b6fff}.collapsed-timer{color:#333;font-size:14px;font-weight:700}.pomodoro-container.dark .collapsed-timer{color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.pomodoro-header{align-items:center;background-color:#7b6fff;color:#fff;display:flex;font-weight:700;justify-content:space-between;padding:10px 15px}.pomodoro-controls{display:flex}.minimize-button,.setting-button{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease,color .2s ease}.minimize-button:hover,.setting-button:hover{background-color:#ffffff1a;color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.minimize-button svg,.setting-button svg{height:16px;width:16px}.pomodoro-display{padding:20px 15px;text-align:center}.timer-display{color:#171713;font-size:36px;font-weight:700;margin-bottom:10px}.pomodoro-container.dark .timer-display{color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.pomodoro-container.light .timer-display{color:#333}.session-count{color:#666;font-size:14px}.pomodoro-container.dark .session-count{color:#b0b3b8}.pomodoro-buttons{display:flex;justify-content:space-between;padding:0 15px 15px}.timer-button{background-color:#7b6fff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.pomodoro-container.light .timer-button:hover,.timer-button:hover{background-color:#6c5feb}.pomodoro-settings{background-color:#7b6fff;padding:15px}.pomodoro-container.dark .pomodoro-settings{background-color:#2c3b52}.pomodoro-settings h4{margin-bottom:15px;margin-top:0;text-align:center}.setting-group{align-items:center;color:#0a101e;display:flex;justify-content:space-between;margin-bottom:12px}.pomodoro-container.dark .setting-group{color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.pomodoro-container.light .setting-group{color:#333}.setting-group label{font-size:14px;margin-right:10px}.setting-group input{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;padding:5px;width:60px}.pomodoro-container.dark .setting-group input{background-color:#1a2234;border-color:#2d3a56;color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.settings-buttons{display:flex;justify-content:space-between;margin-top:15px}.back-button,.save-settings-button{align-items:center;background-color:#ffffff26;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:6px;padding:8px 16px;transition:background-color .2s ease}.pomodoro-container.dark .back-button,.pomodoro-container.dark .save-settings-button{background-color:#ffffff1a;color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.pomodoro-container.light .back-button,.pomodoro-container.light .save-settings-button{background-color:#0000001a;color:#fff}.back-button:hover,.save-settings-button:hover{background-color:#ffffff40}.back-button svg,.save-settings-button svg{height:16px;width:16px}.break-time{color:#4caf50}.focus-time{color:#f44336}@media (max-width:600px){.pomodoro-container{bottom:10px;right:10px;width:200px}.timer-display{font-size:28px}}.pomodoro-loading{color:#666;font-style:italic;padding:20px;text-align:center}.pomodoro-container.dark .pomodoro-loading{color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.pomodoro-container.light .pomodoro-loading{color:#666}.timer-display.ticking{animation:pulse 1s infinite}.ambient-sound-controls{gap:10px;margin-bottom:15px}.ambient-sound-controls,.sound-button{align-items:center;display:flex;justify-content:center}.sound-button{background-color:#e0e0e0;border:none;border-radius:50%;box-shadow:0 1px 2px #0000001a;color:#555;cursor:pointer;padding:8px;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.pomodoro-container.dark .sound-button{background-color:#2c3b52;box-shadow:0 1px 3px #0003;color:#94a3b8}.sound-button:hover{background-color:#d5d5d5}.pomodoro-container.dark .sound-button:hover{background-color:#3e4c63}.sound-button.active{background-color:#7b6fff;box-shadow:0 2px 4px #007bff4d;color:#fff}.pomodoro-container.dark .sound-button.active{background-color:#7b6fff;box-shadow:0 2px 4px #7b6fff4d;color:#fff}.sound-button.play-pause-button{background-color:#ccc}.pomodoro-container.dark .sound-button.play-pause-button{background-color:#3e4c63}.sound-button.play-pause-button:hover{background-color:#bbb}.pomodoro-container.dark .sound-button.play-pause-button:hover{background-color:#4a5a7a}.sound-button.play-pause-button.disabled{background-color:#f0f0f0;box-shadow:none;color:#aaa;cursor:not-allowed}.pomodoro-container.dark .sound-button.play-pause-button.disabled{background-color:#2c3b52;box-shadow:none;color:#4a5a7a;cursor:not-allowed}.sound-button svg{display:block}body{font-family:Oswald,sans-serif}.home-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-width:100%;min-height:100vh;overflow-y:visible!important;padding:clamp(16px,4vw,24px) clamp(16px,4vw,24px) clamp(24px,5vw,32px)}.home-header{margin-bottom:clamp(16px,3vw,24px);text-align:left}.home-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--dark-primary),#5a52ac);-webkit-background-clip:text;background-clip:text;color:var(--dark-text);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.2;margin:0 0 8px}.home-header p{color:var(--dark-text-secondary);font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.4;margin:0;opacity:.8}.home-grid{grid-gap:clamp(16px,3vw,24px);display:grid;flex:1 1;gap:clamp(16px,3vw,24px);grid-template-areas:"stats current-lesson quick-actions" "active-goal active-goal active-goal";grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));padding-bottom:50px!important;width:100%}@media (min-width:1400px){.home-grid{gap:24px;grid-template-areas:"stats current-lesson quick-actions" "active-goal active-goal active-goal";grid-template-columns:1fr 1fr 1fr}}@media (min-width:1200px) and (max-width:1399px){.home-grid{gap:20px;grid-template-areas:"stats current-lesson" "quick-actions quick-actions" "active-goal active-goal";grid-template-columns:1fr 1fr}.home-container{padding:clamp(20px,3.5vw,22px)}.home-header{margin-bottom:clamp(18px,2.5vw,22px)}.home-panel{max-height:310px;min-height:250px}.progress-circle{height:clamp(110px,18vw,130px);width:clamp(110px,18vw,130px)}.action-card{min-height:64px;padding:clamp(10px,2vw,12px)}.action-title{font-size:clamp(.95rem,1.8vw,1.05rem)}.action-description{font-size:clamp(.8rem,1.4vw,.9rem)}}@media (min-width:1000px) and (max-width:1199px){.home-grid{gap:18px;grid-template-areas:"stats current-lesson" "quick-actions quick-actions" "active-goal active-goal";grid-template-columns:1fr 1fr}.home-container{padding:clamp(18px,3vw,20px)}.home-header{margin-bottom:clamp(16px,2vw,20px)}.progress-circle{height:clamp(100px,16vw,120px);width:clamp(100px,16vw,120px)}.stats-grid{gap:clamp(10px,1.5vw,14px)}.stat-card{min-height:56px;padding:clamp(10px,2vw,14px)}.home-goal-card-modern{height:75%!important}}@media (min-width:900px) and (max-width:999px){.home-grid{gap:16px;grid-template-areas:"stats current-lesson" "quick-actions quick-actions" "active-goal active-goal";grid-template-columns:1fr 1fr}}@media (max-width:899px){.home-grid{gap:clamp(12px,3vw,16px);grid-template-areas:"stats" "active-goal" "quick-actions" "current-lesson";grid-template-columns:1fr;height:auto}.home-goal-card-modern{height:100%!important}}.home-panel{background-color:var(--dark-bg-secondary);border:1px solid #ffffff14;border-radius:clamp(12px,2vw,16px);box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;max-height:380px;min-height:320px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.home-panel:hover{box-shadow:0 12px 40px #0000002e;transform:translateY(-2px)}body.light .home-panel{background-color:#fff;border:1px solid #e1e4e8;box-shadow:0 8px 32px #00000014}body.light .home-panel:hover{box-shadow:0 12px 40px #0000001f}body.light .progress-bg{stroke:#0000001a!important}body.light .progress-percentage{color:var(--dark-primary)}body.light .progress-label{color:#718096}.panel-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;padding:clamp(16px,3vw,20px) clamp(20px,4vw,24px) clamp(12px,2vw,16px)}.panel-header,.panel-title{align-items:center;display:flex}.panel-title{flex:1 1;gap:clamp(8px,2vw,12px);min-width:0}.panel-title h2{color:var(--dark-text);font-size:1.5rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-all-link{background:none;border:none;border-radius:8px;color:var(--dark-primary);cursor:pointer;flex-shrink:0;font-size:clamp(.8rem,2vw,.9rem);font-weight:500;padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px);text-decoration:none;transition:background-color .2s ease;white-space:nowrap}.view-all-link:hover{background-color:#7b6fff1a}.stats-panel{grid-area:stats}.stats-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:clamp(16px,4vw,24px)}.progress-circle-container{margin-bottom:clamp(16px,3vw,24px)}.progress-circle{height:clamp(100px,20vw,120px);position:relative;width:clamp(100px,20vw,120px)}.progress-svg{height:100%;transform:rotate(-90deg);width:100%}.progress-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-percentage{color:var(--dark-primary);display:block;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;line-height:1}.progress-label{color:var(--dark-text-secondary);display:block;font-size:clamp(.7rem,1.5vw,.85rem);margin-top:4px}.stats-grid{grid-gap:clamp(12px,2vw,16px);display:grid;gap:clamp(12px,2vw,16px);grid-template-columns:1fr 1fr;width:100%}.stat-card{align-items:center;background-color:#ffffff0d;border-radius:clamp(8px,2vw,12px);display:flex;gap:clamp(8px,2vw,12px);min-height:60px;padding:clamp(12px,3vw,16px);transition:background-color .2s ease}.stat-card:hover{background-color:#ffffff14}.stat-icon{color:var(--dark-primary);flex-shrink:0;opacity:.8}.stat-info{flex:1 1;min-width:0}.stat-value{color:var(--dark-text);font-size:clamp(1.2rem,2.5vw,1.4rem);font-weight:700;line-height:1}.stat-label{color:var(--dark-text-secondary);font-size:clamp(.7rem,1.5vw,.8rem);line-height:1.2;margin-top:2px}.current-lesson-panel{grid-area:current-lesson}.current-lesson-content{display:flex;flex:1 1;flex-direction:column;padding:clamp(16px,4vw,24px)}.lesson-preview{display:flex;flex:1 1;flex-direction:column;gap:clamp(16px,3vw,20px)}.lesson-info{flex:1 1}.home-lesson-title{-webkit-line-clamp:2;color:var(--dark-text);font-size:clamp(1.1rem,2.5vw,1.2rem);font-weight:600;line-height:1.3;margin:0 0 8px}.home-lesson-title,.lesson-roadmap{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.lesson-roadmap{-webkit-line-clamp:1;color:var(--dark-text-secondary);font-size:clamp(.8rem,1.8vw,.9rem);margin:0 0 12px;opacity:.8}.lesson-meta{gap:8px}.lesson-duration,.lesson-meta{align-items:center;display:flex}.lesson-duration{background-color:#ffffff0d;border-radius:6px;color:var(--dark-text-secondary);font-size:clamp(.75rem,1.5vw,.85rem);gap:6px;padding:clamp(3px,1vw,4px) clamp(6px,1.5vw,8px)}.continue-lesson-btn{align-items:center;background:linear-gradient(135deg,var(--dark-primary),#5a52ac);border:none;border-radius:10px;box-shadow:0 4px 12px #7b6fff4d;color:#fff;cursor:pointer;display:flex;font-size:clamp(.85rem,2vw,.95rem);font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:clamp(10px,2.5vw,12px) clamp(16px,3vw,20px);touch-action:manipulation;transition:transform .2s ease,box-shadow .2s ease}.continue-lesson-btn:hover{box-shadow:0 6px 16px #7b6fff66;transform:translateY(-1px)}.continue-lesson-btn:active{transform:translateY(0)}.start-learning-btn{background:linear-gradient(135deg,var(--dark-primary),#5a52ac);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:clamp(.9rem,2vw,1rem);font-weight:600;min-height:44px;padding:clamp(10px,2.5vw,12px) clamp(20px,4vw,24px);touch-action:manipulation;transition:transform .2s ease}.start-learning-btn:hover{transform:translateY(-1px)}.start-learning-btn:active{transform:translateY(0)}.quick-actions-panel{grid-area:quick-actions}.quick-actions-content{display:flex;flex:1 1;flex-direction:column;gap:clamp(8px,2vw,12px);padding:clamp(8px,2vw,12px) clamp(16px,3vw,20px) clamp(16px,3vw,20px)}.action-card{align-items:center;background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:clamp(8px,2vw,12px);cursor:pointer;display:flex;gap:clamp(12px,3vw,16px);min-height:60px;padding:clamp(8px,2vw,10px);touch-action:manipulation;transition:all .2s ease}.action-card:hover{background-color:#ffffff14;border-color:var(--action-color,var(--dark-primary));transform:translateX(4px)}.action-card:active{transform:translateX(2px)}.action-icon{flex-shrink:0;opacity:.9}.action-info{flex:1 1;min-width:0;text-align:left}.action-title{color:var(--dark-text);font-size:clamp(.9rem,2vw,1rem);font-weight:600;line-height:1.2;margin:0 0 4px}.action-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--dark-text-secondary);display:-webkit-box;font-size:clamp(.75rem,1.5vw,.85rem);line-height:1.3;margin:0;opacity:.8;overflow:hidden;text-overflow:ellipsis}.action-arrow{color:var(--dark-text-secondary);flex-shrink:0;opacity:.6;transition:transform .2s ease}.action-card:hover .action-arrow{opacity:1;transform:translateX(4px)}.productivity-panel{grid-area:productivity}.productivity-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:clamp(16px,4vw,24px)}.productivity-stats{display:flex;flex-direction:column;gap:clamp(16px,3vw,20px)}.productivity-stat{align-items:center;background-color:#ffffff0d;border-radius:clamp(8px,2vw,12px);display:flex;gap:clamp(12px,3vw,16px);padding:clamp(12px,3vw,16px)}.productivity-stat .stat-icon{color:var(--dark-primary);opacity:.8}.stat-details{flex:1 1}.stat-number{color:var(--dark-text);font-size:clamp(1.3rem,3vw,1.5rem);font-weight:700;line-height:1}.stat-text{color:var(--dark-text-secondary);font-size:clamp(.75rem,1.5vw,.85rem);margin-top:2px}.home-active-goal-panel{grid-area:active-goal;min-height:clamp(240px,30vw,280px)}.home-active-goal-content{flex:1 1;padding:clamp(12px,2vw,14px);padding-bottom:0!important}.home-goal-card-modern{align-items:stretch;background:linear-gradient(135deg,#7b6fff1a,#5a52ac0d);border:1px solid #7b6fff33;border-left:4px solid #7b6fff;border-left:4px solid var(--dark-primary,#7b6fff);border-radius:clamp(12px,2vw,16px);display:flex;flex-direction:row;gap:clamp(16px,3vw,20px);height:90%;padding:clamp(16px,4vw,24px)}.home-goal-image-container{background:linear-gradient(135deg,#7b6fff0d,#5a52ac08);border:1px solid #ffffff1a;border-radius:clamp(8px,2vw,12px);flex-shrink:0;height:clamp(80px,15vw,120px);overflow:hidden;width:clamp(80px,15vw,120px)}.home-goal-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.home-goal-image:hover{transform:scale(1.02)}.home-goal-content-wrapper{display:flex;flex:1 1;flex-direction:column;gap:clamp(12px,2vw,16px);min-width:0}.home-goal-header{align-items:flex-start;display:flex;gap:clamp(12px,2vw,16px);justify-content:space-between}.home-goal-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--dark-text);display:-webkit-box;flex:1 1;font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.home-goal-level-badge{border-radius:20px;flex-shrink:0;font-size:clamp(.65rem,1.2vw,.75rem);font-weight:600;letter-spacing:.5px;padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px);text-transform:uppercase;white-space:nowrap}.home-goal-level-badge[data-level=Beginner]{background-color:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.home-goal-level-badge[data-level=Practitioner]{background-color:#f9731626;border:1px solid #f973164d;color:#f97316}.home-goal-level-badge[data-level=Advanced]{background-color:#ef444426;border:1px solid #ef44444d;color:#ef4444}.home-goal-level-badge[data-level="Not specified"]{background-color:#9ca3af26;border:1px solid #9ca3af4d;color:#9ca3af}.home-goal-progress{display:flex;flex:1 1;flex-direction:column;gap:clamp(8px,2vw,12px)}.home-progress-bar{background-color:#ffffff1a;border-radius:4px;height:clamp(6px,1.5vw,8px);overflow:hidden}.home-progress-fill{background:linear-gradient(90deg,var(--dark-primary),#5a52ac);border-radius:4px;height:100%;transition:width .3s ease}.home-progress-info-wrapper{align-items:flex-start;display:flex;gap:clamp(12px,2vw,16px);justify-content:space-between}.home-progress-info{color:var(--dark-text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:clamp(.8rem,1.8vw,.9rem);font-weight:500;gap:4px;text-align:center}.home-progress-main-line{align-items:center;display:flex;gap:clamp(12px,2vw,16px);justify-content:space-between}.home-progress-text-group{display:flex;flex:1 1;flex-direction:column;gap:2px}.home-progress-percentage{color:var(--dark-text-secondary);font-size:clamp(.8rem,1.8vw,.9rem);font-weight:500}.home-progress-details{color:var(--dark-text-secondary);font-size:clamp(.7rem,1.5vw,.8rem);opacity:.8}.home-goal-actions{flex-shrink:0}.home-primary-action-btn{align-items:center;background:linear-gradient(135deg,var(--dark-primary),#5a52ac);border:none;border-radius:8px;box-shadow:0 2px 8px #7b6fff4d;color:#fff;cursor:pointer;display:flex;font-size:clamp(.75rem,1.5vw,.85rem);font-weight:600;gap:6px;justify-content:center;min-height:36px;padding:clamp(6px,1.5vw,8px) clamp(12px,2.5vw,16px);touch-action:manipulation;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.home-primary-action-btn:hover{box-shadow:0 4px 12px #7b6fff66;transform:translateY(-1px)}.home-primary-action-btn:active{transform:translateY(0)}.empty-state{align-items:center;color:var(--dark-text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:clamp(16px,4vw,20px);text-align:center}.empty-icon{font-size:clamp(2.5rem,6vw,3rem);margin-bottom:clamp(12px,3vw,16px);opacity:.6}.empty-state p{font-size:clamp(1rem,2.2vw,1.1rem);margin:0 0 clamp(16px,3vw,20px);opacity:.8}.create-goal-btn{background:linear-gradient(135deg,var(--dark-primary),#5a52ac);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:clamp(.9rem,2vw,1rem);font-weight:600;min-height:44px;padding:clamp(10px,2.5vw,12px) clamp(20px,4vw,24px);touch-action:manipulation;transition:transform .2s ease}.create-goal-btn:hover{transform:translateY(-1px)}.create-goal-btn:active{transform:translateY(0)}.loading-state{align-items:center;display:flex;flex-direction:column;gap:clamp(12px,3vw,16px);height:100%;justify-content:center}.spinner{border-top:3px solid var(--dark-primary);height:clamp(28px,6vw,32px);width:clamp(28px,6vw,32px)}.loading-state p{color:var(--dark-text-secondary);font-size:clamp(.8rem,1.8vw,.9rem);margin:0}.skeleton{background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border-radius:clamp(12px,2vw,16px);overflow:hidden;position:relative}.skeleton:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff08,#ffffff14 50%,#ffffff08);background-size:200% 100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.skeleton-container{grid-gap:clamp(16px,3vw,24px);display:grid;flex:1 1;gap:clamp(16px,3vw,24px);grid-template-areas:"stats current-lesson quick-actions" "active-goal active-goal active-goal";grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));width:100%}.stats-skeleton{grid-area:stats;height:clamp(240px,30vw,280px)}.current-lesson-skeleton{grid-area:current-lesson;height:clamp(240px,30vw,280px)}.quick-actions-skeleton{grid-area:quick-actions;height:clamp(240px,30vw,280px)}.active-goal-skeleton{grid-area:active-goal;height:clamp(240px,30vw,280px)}body.light .home-header h1{color:#1a202c}body.light .home-header p{color:#4a5568}body.light .panel-header{border-bottom:1px solid #e2e8f0}body.light .panel-title h2{color:#2d3748}body.light .view-all-link{color:var(--dark-primary)}body.light .view-all-link:hover{background-color:#7b6fff1a}body.light .stat-card{background-color:#00000008}body.light .stat-card:hover{background-color:#0000000f}body.light .stat-value{color:#2d3748}body.light .stat-label{color:#718096}body.light .home-lesson-title{color:#2d3748}body.light .lesson-roadmap{color:#718096}body.light .lesson-duration{background-color:#0000000d;color:#718096}body.light .action-card{background-color:#00000005;border:1px solid #0000000d}body.light .action-card:hover{background-color:#0000000d}body.light .action-title{color:#2d3748}body.light .action-description{color:#718096}body.light .productivity-stat{background-color:#00000008}body.light .stat-number{color:#2d3748}body.light .stat-text{color:#718096}body.light .home-goal-card-modern{background:linear-gradient(135deg,#7b6fff14,#5a52ac08);border:1px solid #7b6fff26;border-left:4px solid #7b6fff;border-left:4px solid var(--light-primary,#7b6fff)}body.light .home-goal-title{color:#2d3748}body.light .home-progress-bar{background-color:#00000014}body.light .home-progress-info{color:#718096}body.light .home-goal-image-container{background:linear-gradient(135deg,#7b6fff08,#5a52ac05);border:1px solid #00000014}body.light .home-progress-details{color:#718096}@media (max-width:1200px){.home-goal-card-modern{gap:clamp(14px,2vw,18px);padding:clamp(14px,3vw,20px)}.home-goal-image-container{height:clamp(70px,12vw,100px);width:clamp(70px,12vw,100px)}.home-goal-title{font-size:clamp(1.05rem,2.2vw,1.2rem)}.home-primary-action-btn{font-size:clamp(.7rem,1.4vw,.8rem);padding:clamp(6px,1.2vw,8px) clamp(10px,2vw,14px)}}@media (max-width:1000px){.home-active-goal-panel{min-height:clamp(200px,25vw,240px)}.home-goal-card-modern{padding:clamp(12px,2.5vw,18px)}.home-progress-main-line{align-items:flex-start;flex-direction:column;gap:clamp(8px,1.5vw,12px)}.home-goal-actions{align-self:stretch}.home-primary-action-btn{justify-content:center;width:100%}}@media (max-width:1400px){.home-container{padding:clamp(20px,4vw,24px)}.home-grid{gap:clamp(18px,3vw,22px)}}@media (max-width:1200px){.home-container{padding:clamp(18px,4vw,22px)}.home-grid{gap:clamp(16px,3vw,20px)}.home-panel{max-height:380px;min-height:320px}.panel-header{padding:clamp(14px,3vw,18px) clamp(18px,4vw,22px) clamp(10px,2vw,14px)}.panel-title h2{font-size:1.5rem}}@media (max-width:1000px){.home-container{padding:clamp(16px,4vw,20px)}.home-panel{max-height:380px;min-height:320px}.current-lesson-content,.home-active-goal-content,.quick-actions-content,.stats-content{padding:clamp(16px,3vw,20px)}.quick-actions-content{padding:clamp(12px,2vw,16px) clamp(16px,3vw,20px) clamp(16px,3vw,20px)}}@media (max-width:768px){.home-container{padding:clamp(12px,3vw,16px) clamp(12px,3vw,16px) clamp(32px,6vw,40px)}.home-header h1{font-size:clamp(1.4rem,5vw,1.6rem)}.home-grid{gap:clamp(12px,3vw,16px)}.home-grid,.skeleton-container{grid-template-areas:"stats" "active-goal" "quick-actions" "current-lesson";grid-template-columns:1fr;height:auto}.panel-header{padding:clamp(12px,3vw,16px) clamp(16px,4vw,20px) clamp(8px,2vw,12px)}.current-lesson-content,.home-active-goal-content,.quick-actions-content,.stats-content{padding:clamp(16px,4vw,20px)}.quick-actions-content{padding:clamp(8px,2vw,12px) clamp(16px,4vw,20px) clamp(16px,4vw,20px)}.home-goal-card-modern{align-items:center;flex-direction:column;gap:clamp(12px,3vw,16px)}.home-goal-image-container{align-self:center;height:clamp(80px,20vw,100px);width:clamp(80px,20vw,100px)}.home-goal-content-wrapper{text-align:center}.home-goal-header,.home-progress-main-line{align-items:center;flex-direction:column;gap:clamp(8px,2vw,12px)}.home-progress-info,.home-progress-percentage,.home-progress-text-group{text-align:center}.continue-lesson-btn,.create-goal-btn,.start-learning-btn{min-height:44px;padding:12px 20px}.home-primary-action-btn{min-height:40px;padding:10px 16px}.action-card{min-height:56px;padding:12px}}@media (max-width:480px){.home-container{padding:12px 10px 40px}.home-grid{gap:12px}.home-panel{border-radius:12px}.progress-circle{height:90px;width:90px}.stats-grid{gap:8px}.stat-card{min-height:50px;padding:10px}.action-card{gap:10px;min-height:52px;padding:10px}.home-goal-card-modern{padding:16px}.home-goal-image-container{height:70px;width:70px}}@media (prefers-contrast:high){.home-panel{border:2px solid #fff3}.action-card{border:2px solid #ffffff1a}.stat-card{border:1px solid #ffffff1a}.home-goal-card-modern{border:2px solid #7b6fff66}}@media (prefers-reduced-motion:reduce){.action-card,.continue-lesson-btn,.create-goal-btn,.home-panel,.home-primary-action-btn,.start-learning-btn{transition:none}.action-card:hover,.continue-lesson-btn:hover,.create-goal-btn:hover,.home-panel:hover,.home-primary-action-btn:hover,.start-learning-btn:hover{transform:none}.skeleton:after,.spinner{animation:none}}@media (min-width:1400px){.skeleton-container{gap:24px;grid-template-areas:"stats current-lesson quick-actions" "active-goal active-goal active-goal";grid-template-columns:1fr 1fr 1fr}}@media (min-width:1200px) and (max-width:1399px){.skeleton-container{gap:20px;grid-template-areas:"stats current-lesson" "quick-actions quick-actions" "active-goal active-goal";grid-template-columns:1fr 1fr}}@media (min-width:1000px) and (max-width:1199px){.skeleton-container{gap:18px;grid-template-areas:"stats current-lesson" "quick-actions quick-actions" "active-goal active-goal";grid-template-columns:1fr 1fr}}@media (min-width:900px) and (max-width:999px){.skeleton-container{gap:16px;grid-template-areas:"stats current-lesson" "quick-actions quick-actions" "active-goal active-goal";grid-template-columns:1fr 1fr}}@media (max-width:899px){.skeleton-container{gap:clamp(12px,3vw,16px);grid-template-areas:"stats" "active-goal" "quick-actions" "current-lesson";grid-template-columns:1fr;height:auto}}@media (min-width:481px) and (max-width:770px){.home-container{padding-bottom:clamp(60px,12vw,80px)}.home-active-goal-panel{margin-bottom:clamp(20px,5vw,30px);min-height:110%}.home-goal-card-modern{height:100%!important;min-height:200px;padding-bottom:clamp(20px,4vw,24px)}.home-grid{gap:clamp(14px,3vw,18px);margin-bottom:clamp(24px,6vw,32px)}.home-primary-action-btn{margin-bottom:clamp(12px,3vw,16px)}}.app-layout .home-main-content{background-color:var(--dark-bg);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:100vh;overflow-y:visible;width:calc(100% - 250px)}.app-layout .home-main-content.sidebar-collapsed{margin-left:60px;width:calc(100% - 60px)}@media (max-width:849px){.app-layout .home-main-content{margin-left:0!important;padding-top:10px!important;width:100%!important}}.goal-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.goal-modal{animation:modalAppear .3s ease-out forwards;background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border-radius:8px;box-shadow:0 5px 20px #0000004d;max-width:500px;width:90%}@keyframes modalAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.goal-modal-content{padding:30px}.goal-modal-content h2{color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:24px;margin-bottom:15px;margin-top:0}.goal-modal-content p{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);line-height:1.5;margin-bottom:20px}.goal-modal-error{background-color:#380c0c;background-color:var(--dark-error-bg,#380c0c);border-radius:4px;color:#ef5350;color:var(--dark-error-text,#ef5350);font-size:14px;padding:10px}.goal-modal-content .form-group,.goal-modal-error{margin-bottom:20px}.goal-modal-content textarea{background-color:#252525;background-color:var(--dark-bg-input,#252525);border:1px solid #383838;border:1px solid var(--dark-border,#383838);border-radius:4px;color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:16px;padding:12px;resize:none;width:100%}.goal-modal-content textarea:focus{border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);outline:none}.generate-roadmap-btn{background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);border:none;border-radius:4px;color:#181818;color:var(--dark-text-contrast,#181818);cursor:pointer;font-size:16px;font-weight:600;padding:12px 20px;transition:background-color .2s;width:100%}.generate-roadmap-btn:hover{background-color:#6259cc;background-color:var(--dark-primary-hover,#6259cc)}.generate-roadmap-btn:disabled{background-color:#525252;background-color:var(--dark-disabled,#525252);color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);cursor:not-allowed}.goal-modal-content.generating{padding:40px 30px;text-align:center}.spinner{border:4px solid #ffd96333;border-top:4px solid var(--dark-primary,#7b6fff);display:inline-block;height:50px;margin-bottom:20px;width:50px}.assessment-options{gap:1rem;justify-content:space-between;margin-top:1.5rem}.skip-assessment-btn,.take-assessment-btn{border:none;border-radius:.25rem;font-weight:500;min-width:120px;padding:.75rem 1rem;transition:all .2s ease}.skip-assessment-btn{background-color:var(--bg-3);border:1px solid var(--border-color);color:var(--text-1)}.take-assessment-btn{background-color:var(--accent-color)}.skip-assessment-btn:hover{background-color:var(--bg-2)}.take-assessment-btn:hover{background-color:var(--accent-color-hover)}@media (max-width:576px){.assessment-options{flex-direction:column}.skip-assessment-btn,.take-assessment-btn{width:100%}}.goal-image-preview{margin-bottom:20px;text-align:center}.goal-image-preview img{border-radius:10px;box-shadow:0 2px 8px #00000026;max-height:200px;max-width:100%}.preview-note{color:#888;font-size:12px;margin-top:5px}.assessment-progress{color:#8a8d91;color:var(--dark-text-secondary,#8a8d91);font-size:14px;margin-bottom:15px;text-align:center}.question-container,.question-text{margin-bottom:20px}.question-text{font-size:18px;font-weight:500}.options-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.option-item{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;padding:12px 15px;transition:all .2s ease}.option-item:hover{background-color:#ffffff1a}.option-item.selected{background-color:#7b6fff33;border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff)}.option-marker{align-items:center;background-color:#ffffff1a;border-radius:50%;color:#e4e6eb;color:var(--dark-text,#e4e6eb);display:flex;flex-shrink:0;font-weight:600;height:28px;justify-content:center;margin-right:12px;width:28px}.option-item.selected .option-marker{background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);color:#fff}.option-text{font-size:15px}.next-question-btn{background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background-color .2s;width:100%}.next-question-btn:hover{background-color:#6259cc;background-color:var(--dark-primary-hover,#6259cc)}.next-question-btn:disabled{background-color:#7b6fff80;cursor:not-allowed}.assessment-options{display:flex;gap:15px;margin-top:20px}.skip-assessment-btn,.take-assessment-btn{border-radius:6px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px;transition:all .2s}.skip-assessment-btn{background-color:initial;border:1px solid #fff3;color:#8a8d91;color:var(--dark-text-secondary,#8a8d91)}.skip-assessment-btn:hover{border-color:#fff6;color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.take-assessment-btn{background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);border:none;color:#fff}.take-assessment-btn:hover{background-color:#6259cc;background-color:var(--dark-primary-hover,#6259cc)}.skip-assessment-btn:disabled,.take-assessment-btn:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin 1s linear infinite;border:3px solid #7b6fff4d;border-radius:50%;border-top:3px solid var(--dark-primary,#7b6fff);height:40px;margin:15px auto;width:40px}.generating h3{margin-bottom:10px;text-align:center}.generating p{color:#8a8d91;color:var(--dark-text-secondary,#8a8d91);line-height:1.5;margin-bottom:20px;text-align:center}.loading-spinner{align-items:center;display:flex;height:60px;justify-content:center;margin:20px auto;padding:20px}.loading-spinner>div{animation:bounce 1.4s ease-in-out infinite both;background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);border-radius:50%;height:12px;margin:0 5px;width:12px}.loading-spinner>div:first-child{animation-delay:-.32s}.loading-spinner>div:nth-child(2){animation-delay:-.16s}.loading-spinner>div:nth-child(3){animation-delay:0s}.loading-spinner>div:nth-child(4){animation-delay:.16s}.goal-modal-container{max-width:100%;min-height:100px;padding:20px}.form-group select,.form-group textarea{box-sizing:border-box;max-width:100%}.goal-modal-container.loading{margin:0 auto;max-width:320px;padding:15px;text-align:center}.button-row{display:flex;gap:10px;justify-content:space-between;margin-top:20px}.button-row button{flex:1 1;min-width:0}.assessment-container{max-width:100%;padding:0 10px}.options-container{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.option{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;display:flex;padding:10px;transition:all .2s}.option:hover{background-color:#ffffff1a}.option.selected{background-color:#7b6fff33;border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff)}.assessment-navigation{gap:10px;margin-top:15px}.assessment-navigation button{border-radius:4px;min-width:80px;padding:8px 16px}.secondary-button{background-color:initial;border:1px solid #ffffff26;color:#8a8d91;color:var(--dark-text-secondary,#8a8d91)}.secondary-button:hover{border-color:#ffffff4d;color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.primary-button{background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);border:none;color:#fff}.primary-button:hover{background-color:#6259cc;background-color:var(--dark-primary-hover,#6259cc)}@media (max-width:480px){.goal-modal{max-width:350px;width:95%}.goal-modal-content{padding:20px 15px}.button-row{flex-direction:column}.button-row button{margin-bottom:10px;width:100%}}.goal-created-container{padding:20px 15px;text-align:center}.goal-created-container h2{font-size:20px;margin-bottom:15px}.button-container{display:flex;gap:10px;justify-content:center;margin-top:20px}.error-message{background-color:#ef53501a;border-radius:4px;color:#ef5350;color:var(--dark-error-text,#ef5350);font-size:14px;margin:10px 0;padding:8px 12px}.loading-message{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.loading-message p{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:16px;margin-top:15px}.react-responsive-modal-modal{background-color:#111725!important;background-color:var(--dark-bg-secondary,#111725)!important;border-radius:8px!important;max-width:500px!important;padding:0!important;width:90%!important}.react-responsive-modal-closeButton{fill:#8a8d91!important;fill:var(--dark-text-secondary,#8a8d91)!important;background-color:initial!important;right:15px!important;top:15px!important}.react-responsive-modal-closeButton:hover{fill:#e4e6eb!important;fill:var(--dark-text,#e4e6eb)!important}.react-responsive-modal-overlay{background-color:#000000bf!important}.cancel-button,.submit-button{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-weight:500;justify-content:center;min-height:40px;padding:10px 16px;transition:all .2s}.submit-button{background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);border:none;color:#fff}.submit-button:hover{background-color:#6259cc;background-color:var(--dark-primary-hover,#6259cc)}.cancel-button{background-color:#e53935;border:1px solid #ffffff26;color:#fff}.cancel-button:hover{border-color:#ffffff4d;color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.5}.form-group label{color:#e4e6eb;color:var(--dark-text,#e4e6eb);display:block;font-size:15px;font-weight:500;margin-bottom:6px}.form-group small{color:#8a8d91;color:var(--dark-text-secondary,#8a8d91);display:block;font-size:12px;margin-top:4px}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.goals-main-content{background-color:#0c1117;background-color:var(--dark-bg-primary,#0c1117);color:#e4e6eb;color:var(--dark-text,#e4e6eb);max-width:100%;min-height:100vh;overflow-x:hidden;overflow-y:visible!important;padding:0}body.light .goals-main-content,body.light .goals-main-content.sidebar-collapsed{background-color:#f8f9fa;background-color:var(--light-bg-primary,#f8f9fa);color:#1a202c;color:var(--light-text,#1a202c)}.goals-container{background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 8px 32px #0000001f;color:#e4e6eb;color:var(--dark-text,#e4e6eb);display:flex;flex-direction:column;margin:0 auto;overflow:auto;padding:20px;position:relative;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;transition:transform .2s ease,box-shadow .2s ease;width:100%}.goals-container.light{background-color:#fff;border:1px solid #e1e4e8;box-shadow:0 8px 32px #00000014;color:#333;scrollbar-color:#0003 #0000}.error-message{background-color:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#ef4444;font-weight:500;margin:0 auto 20px;max-width:1000px;padding:12px 16px;text-align:center}.goals-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.goals-container.light .goals-header{border-bottom:1px solid #e2e8f0}.goals-panel-title{align-items:center;display:flex;gap:12px}.goals-panel-title svg{color:#7b6fff;flex-shrink:0}.goals-panel-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--dark-primary),#5a52ac);-webkit-background-clip:text;background-clip:text;color:var(--dark-text);font-size:1.5rem;font-weight:700;margin:0}.goals-container.light .goals-panel-title h2{color:#333}.goals-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--dark-primary),#10b981);-webkit-background-clip:text;background-clip:text;color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:2rem;font-weight:700;margin:0}.goals-container.light .goals-header-title{color:#1a202c}.goals-button{align-items:center;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);border:none;border-radius:12px;box-shadow:0 4px 16px #7b6fff4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}.goals-container.light .goals-button{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac);box-shadow:0 4px 16px #7b6fff33}.goals-button:hover{box-shadow:0 6px 20px #7b6fff66;transform:translateY(-2px)}.goals-container.light .goals-button:hover{box-shadow:0 6px 20px #7b6fff4d}.goals-button span{align-items:center;display:flex;gap:8px}.no-goals{background:linear-gradient(135deg,#7b6fff0d,#10b98108);border:1px solid #ffffff0d;border-radius:16px;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);margin-top:20px;padding:60px 40px;text-align:center}.goals-container.light .no-goals{background:linear-gradient(135deg,#7b6fff08,#10b98105);border:1px solid #0000000d;color:#6c757d}.no-goals p{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:1.1rem;line-height:1.5;margin:0 0 16px}.goals-container.light .no-goals p{color:#6c757d}.empty-state-icon{display:block;font-size:4rem;margin-bottom:20px;opacity:.8}.sb-loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center;text-align:center}.loading-icon-container{margin-bottom:16px}.sb-loading-row{align-items:center;display:flex;gap:12px;justify-content:center}.sb-loading-spinner{animation:spin 1s linear infinite;border:3px solid #7b6fff4d;border-radius:50%;border-top-color:#7b6fff;border-top:3px solid var(--dark-primary,#7b6fff);flex-shrink:0;height:32px;width:32px}.goals-main-content.light .sb-loading-spinner{border:3px solid #7b6fff33;border-top-color:#7b6fff;border-top:3px solid var(--light-primary,#7b6fff)}.sb-loading-text{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1.1rem;font-weight:500;margin:0}.goals-main-content.light .sb-loading-text{color:#2d3748}.sb-loader-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;color:#e4e6eb;color:var(--dark-text,#e4e6eb);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1500}.sb-loader-overlay.dark{background-color:#000000d9}.sb-loader-overlay:not(.dark){background-color:#ffffffe6;color:#2d3748}.sb-loader-content{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:20px}.sb-loader-spinner{animation:spin 1s linear infinite;border:4px solid #7b6fff33;border-radius:50%;border-top-color:#7b6fff;border-top:4px solid var(--dark-primary,#7b6fff);flex-shrink:0;height:40px;width:40px}.sb-loader-text{font-size:1.3rem;font-weight:600;margin:0}.sb-loader-subtext{font-size:1rem;line-height:1.4;margin:0;max-width:400px;opacity:.8;text-align:center}.active-goal-section h3,.completed-goals-section h3,.other-goals-section h3{align-items:center;border-bottom:1px solid #ffffff14;color:#e4e6eb;color:var(--dark-text,#e4e6eb);display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin-bottom:20px;padding-bottom:12px}.goals-container.light .active-goal-section h3,.goals-container.light .completed-goals-section h3,.goals-container.light .other-goals-section h3{border-bottom:1px solid #e2e8f0;color:#2d3748}.goal-card{background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border:1px solid #ffffff14;border-left:4px solid #7b6fff;border-left:4px solid var(--dark-primary,#7b6fff);border-radius:16px;box-shadow:0 8px 24px #00000026;margin-bottom:24px;overflow:hidden;position:relative;transition:all .3s ease}.goal-card:hover{border-color:#7b6fff4d;box-shadow:0 12px 32px #00000040;transform:translateY(-4px)}.goal-card.light{background-color:#fff;border:1px solid #e1e4e8;border-left:4px solid #7b6fff;border-left:4px solid var(--light-primary,#7b6fff);box-shadow:0 8px 24px #00000014}.goal-card.light:hover{border-color:#7b6fff33;box-shadow:0 12px 32px #0000001f}.goal-card-content{display:flex;gap:20px;padding:10px;position:relative}.goal-thumbnail{align-items:center;background:linear-gradient(135deg,#7b6fff1a,#10b9810d);border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;position:relative;transition:transform .3s ease;width:100px}.goal-card.light .goal-thumbnail{background:linear-gradient(135deg,#7b6fff0d,#10b98108);border:1px solid #00000014}.goal-thumbnail:hover{transform:scale(1.02)}.goal-image{border-radius:16px;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.goal-thumbnail:hover .goal-image{transform:scale(1.05)}.goal-icon{align-items:center;background:linear-gradient(135deg,#7b6fff33,#10b9811a);border:1px solid #ffffff1a;border-radius:50%;display:flex;height:48px;justify-content:center;width:48px}.goal-card.light .goal-icon{background:linear-gradient(135deg,#7b6fff1a,#10b9810d);border:1px solid #00000014}.goal-icon-image{background-color:#7b6fff;background-color:var(--dark-primary,#7b6fff);height:24px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm1-8.41 2.54 2.53a1 1 0 0 1-1.42 1.42L11.3 12.7a1 1 0 0 1-.3-.7V8a1 1 0 0 1 2 0v3.59z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm1-8.41 2.54 2.53a1 1 0 0 1-1.42 1.42L11.3 12.7a1 1 0 0 1-.3-.7V8a1 1 0 0 1 2 0v3.59z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:24px}.goal-details{display:flex;flex:1 1;flex-direction:column;gap:16px;min-width:0;width:100%}.goal-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;position:relative}.goal-title-container{flex:1 1;min-width:0}.goal-title{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1.3rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-align:left;text-overflow:ellipsis}.goal-card.light .goal-title{color:#2d3748}.goal-badges{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;max-width:calc(100% - 40px)}.goal-active-badge{align-items:center;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);border:1px solid #7b6fff66;border-radius:20px;box-shadow:0 2px 8px #7b6fff4d;color:#fff;display:inline-flex;gap:6px}.goal-active-badge,.goal-level{font-size:.8rem;font-weight:600;padding:6px 12px}.goal-level{border-radius:20px;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.goal-level[data-level=Beginner]{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid #22c55e4d;box-shadow:0 2px 8px #22c55e1a;color:#22c55e}.goal-level[data-level=Practitioner]{background:linear-gradient(135deg,#f9731626,#f973160d);border:1px solid #f973164d;box-shadow:0 2px 8px #f973161a;color:#f97316}.goal-level[data-level=Advanced]{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid #ef44444d;box-shadow:0 2px 8px #ef44441a;color:#ef4444}.goal-level[data-level="Not specified"]{background:linear-gradient(135deg,#9ca3af26,#9ca3af0d);border:1px solid #9ca3af4d;box-shadow:0 2px 8px #9ca3af1a;color:#9ca3af}.goal-progress-container{display:flex;flex-direction:column;gap:12px;width:100%}.goal-progress-bar{background-color:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;position:relative}.goal-card.light .goal-progress-bar{background-color:#00000014}.goal-progress-fill{background:linear-gradient(90deg,#7b6fff,#10b981);background:linear-gradient(90deg,var(--dark-primary,#7b6fff),#10b981);border-radius:4px;height:100%;transition:width .3s ease}.goal-progress-info{align-items:flex-start;color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);display:flex;font-size:.9rem;font-weight:500;gap:12px;justify-content:space-between}.goal-progress-text-container{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.goal-card.light .goal-progress-info{color:#718096}.goal-metadata{align-items:center;display:flex;justify-content:flex-end}.resume-goal-button,.set-active-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.resume-goal-button{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);box-shadow:0 2px 8px #7b6fff4d;color:#fff}.resume-goal-button:hover{box-shadow:0 4px 12px #7b6fff66;transform:translateY(-1px)}.set-active-button{background:linear-gradient(135deg,#7b6fff1a,#7b6fff0d);border:1px solid #7b6fff4d;box-shadow:0 2px 8px #7b6fff1a;color:#7b6fff;color:var(--dark-primary,#7b6fff)}.goal-card.light .set-active-button{background:linear-gradient(135deg,#7b6fff0d,#7b6fff05);border:1px solid #7b6fff33}.set-active-button:hover{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);box-shadow:0 4px 12px #7b6fff4d;color:#fff;transform:translateY(-1px)}.goals-modal-recommendations.light h4{color:#2d3748;margin-top:20px}.goals-modal-recommendations.dark h4{color:#e4e6eb;margin-top:20px}.goal-card.light .set-active-button:hover{background:linear-gradient(135deg,#7b6fff,#5a52ac)!important;background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac)!important;box-shadow:0 4px 12px #7b6fff33!important;color:#fff!important;transform:translateY(-1px)!important}.delete-goal-button{align-items:center;background:none;border:none;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .3s ease;z-index:10}.delete-goal-button.top-right{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef444433;border-radius:50%;box-shadow:0 2px 8px #ef44441a;height:28px;right:12px;top:12px;width:28px}.goal-card.light .delete-goal-button.top-right{background:linear-gradient(135deg,#ef44440d,#ef444405);border:1px solid #ef444426}.delete-goal-button.top-right:hover{background:linear-gradient(135deg,#ef444433,#ef44441a);box-shadow:0 4px 12px #ef444433;transform:scale(1.1)}.trash-icon{color:#ef4444;transition:color .2s ease}.goal-card.active{background:linear-gradient(135deg,#7b6fff14,#10b98108);border-left:4px solid #7b6fff;border-left:4px solid var(--dark-primary,#7b6fff);box-shadow:0 8px 32px #7b6fff33}.goal-card.active.light{background:linear-gradient(135deg,#7b6fff0d,#10b98105);border-left:4px solid #7b6fff;border-left:4px solid var(--light-primary,#7b6fff);box-shadow:0 8px 32px #7b6fff1a}.reload-page-button{align-items:center;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);border:none;border-radius:12px;box-shadow:0 4px 16px #7b6fff4d;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;margin-top:24px;padding:12px 20px;transition:all .3s ease}.goals-container.light .reload-page-button{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac);box-shadow:0 4px 16px #7b6fff33}.reload-page-button:hover{box-shadow:0 6px 20px #7b6fff66;transform:translateY(-2px)}.reload-page-button span{align-items:center;display:flex;gap:8px}.reload-page-button .refresh-icon{height:18px;transition:transform .3s ease;width:18px}.reload-page-button:hover .refresh-icon{transform:rotate(180deg)}.active-goal-section,.completed-goals-section,.other-goals-section{margin-bottom:32px}.active-goal-icon,.completed-goals-icon,.goals-section-icon{flex-shrink:0;opacity:.9}.goals-section-icon{color:#7b6fff;color:var(--dark-primary,#7b6fff)}.active-goal-icon,.completed-goals-icon{color:#10b981}.goal-card.completed{background:linear-gradient(135deg,#10b98114,#10b98108);border:1px solid #10b98133;border-left:4px solid #10b981;box-shadow:0 8px 32px #10b98126}.goal-card.completed:hover{box-shadow:0 12px 40px #10b98140;transform:translateY(-4px)}.goal-card.completed.light{background:linear-gradient(135deg,#10b9810d,#10b98105);border:1px solid #10b98126;border-left:4px solid #10b981;box-shadow:0 8px 32px #10b9811a}.goal-card.completed.light:hover{box-shadow:0 12px 40px #10b98133}.goal-card.completed .goal-title{color:#10b981}.goal-card.completed.light .goal-title{color:#059669}.goal-avg-score{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid #10b98133;border-radius:8px;color:#10b981;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;white-space:nowrap}.goal-card.light .goal-avg-score{background:linear-gradient(135deg,#10b9810d,#10b98105);color:#059669}.view-goal-button{align-items:center;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid #10b9814d;border-radius:8px;box-shadow:0 2px 8px #10b9811a;color:#10b981;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.goal-card.light .view-goal-button{background:linear-gradient(135deg,#10b9810d,#10b98105);border:1px solid #10b98133;color:#059669}.view-goal-button:hover{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 12px #10b98133;color:#fff;transform:translateY(-1px)}.goal-card.completed .goal-completion-badge{background-color:#fff;border-radius:50%;box-shadow:0 2px 12px #10b9814d;padding:2px;position:absolute;right:-8px;top:-8px;z-index:10}.goal-card.completed.light .goal-completion-badge{background-color:#fff;box-shadow:0 2px 12px #10b98133}.goal-card.completed .goal-thumbnail:after{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-radius:16px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.goals-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;display:none;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.goals-modal.light{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc}.goals-modal.show{display:flex}.goals-modal-content{background-color:#111725;background-color:var(--dark-bg-secondary,#111725);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 20px 60px #0006;max-height:85vh;max-width:90%;overflow-y:auto;padding:20px;position:relative;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;width:500px}.goals-modal-content::-webkit-scrollbar{width:8px}.goals-modal-content::-webkit-scrollbar-track{background:#0000}.goals-modal-content::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:4px}.goals-modal-content::-webkit-scrollbar-thumb:hover{background-color:#fff3}.goals-modal-content.light{background-color:#fff;border:1px solid #e1e4e8;box-shadow:0 20px 60px #00000026;color:#2d3748;scrollbar-color:#0003 #0000}.goals-modal-content.light::-webkit-scrollbar-thumb{background-color:#0000001a}.goals-modal-content.light::-webkit-scrollbar-thumb:hover{background-color:#0003}.goals-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between}.goals-modal-content.light .goals-modal-header{border-bottom:1px solid #e2e8f0}.goals-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--dark-primary),#5a52ac);-webkit-background-clip:text;background-clip:text;color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1.4rem;font-weight:700;margin:0}.goals-modal-content.light .goals-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac);-webkit-background-clip:text;background-clip:text;color:#2d3748}.goals-modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:1.4rem;height:42px;justify-content:center;transition:all .3s ease;width:42px}.goals-modal-content.light .goals-modal-close-button{color:#dc2626}.goals-modal-close-button:hover{background:#ef44441a;color:#ff5252;transform:scale(1.05)}.goals-modal-content.light .goals-modal-close-button:hover{background:#dc262614;color:#dc2626}.goals-modal-body{color:#e4e6eb;color:var(--dark-text,#e4e6eb);line-height:1.6;text-align:left}.goals-modal-content.light .goals-modal-body{color:#2d3748}.goals-modal-list{margin-top:12px;padding-left:20px}.goals-modal-list li{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);margin-bottom:8px}.goals-modal-content.light .goals-modal-list li{color:#718096}.goals-modal-paragraph{font-weight:500;margin-top:16px}.goals-modal-footer{display:flex;gap:16px;justify-content:flex-end}.goals-modal-cancel-button{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#e4e6eb;color:var(--dark-text,#e4e6eb);cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.goals-modal-content.light .goals-modal-cancel-button{background:linear-gradient(135deg,#00000005,#00000003);border:1px solid #dee2e6;color:#6c757d}.goals-modal-cancel-button:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.goals-modal-content.light .goals-modal-cancel-button:hover{background:#f8f9fa;border-color:#adb5bd;box-shadow:0 4px 12px #0000001a}.goals-modal-confirm-button{align-items:center;background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);border:none;border-radius:10px;box-shadow:0 4px 16px #7b6fff4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.goals-modal-confirm-button.delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef44444d}.goals-modal-content.light .goals-modal-confirm-button{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac);box-shadow:0 4px 16px #7b6fff33}.goals-modal-content.light .goals-modal-confirm-button.delete{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 16px #dc354533}.goals-modal-confirm-button:hover{box-shadow:0 6px 20px #7b6fff66;transform:translateY(-2px)}.goals-modal-confirm-button.delete:hover{background:linear-gradient(135deg,#ff5252,#ef4444);box-shadow:0 6px 20px #ef444466}.goals-modal-confirm-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.goals-modal-body .goals-modal-form-group{margin-bottom:24px;margin-top:14px}.goals-modal-body .goals-modal-form-group label{color:#e4e6eb;color:var(--dark-text,#e4e6eb);display:block;font-size:.95rem;font-weight:600;margin-bottom:10px}.goals-modal-content.light .goals-modal-form-group label{color:#2d3748}.goals-modal-body .goals-modal-form-group select,.goals-modal-body .goals-modal-form-group textarea{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.goals-modal-content.light .goals-modal-form-group select,.goals-modal-content.light .goals-modal-form-group textarea{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;color:#2d3748}.goals-modal-content.light .goals-modal-form-group select:hover:not(:focus),.goals-modal-content.light .goals-modal-form-group textarea:hover:not(:focus){background:#f8f9fa;border-color:#c1c7cd;box-shadow:0 3px 12px #0000001a}.goals-modal-content.light .goals-modal-form-group textarea::placeholder{color:#9ca3af!important;opacity:.8!important}.goals-modal-content.light .goals-modal-form-group .select-wrapper:after{color:#475569}.goals-modal-body .goals-modal-form-group textarea{font-family:inherit;min-height:100px;resize:none}.goals-modal-body .goals-modal-form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:40px;position:relative}.goals-modal-body .goals-modal-form-group .select-wrapper{position:relative}.goals-modal-body .goals-modal-form-group .select-wrapper:after{color:#666;content:"▼";font-size:12px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.goals-modal-body .goals-modal-form-group select option{background-color:#1a1d24;background-color:var(--dark-bg-secondary,#1a1d24);color:#e4e6eb;color:var(--dark-text,#e4e6eb);padding:8px}.goals-modal-content.light .goals-modal-form-group select option{background-color:#fff;color:#2d3748}.goals-modal-body .goals-modal-form-group select:focus,.goals-modal-body .goals-modal-form-group textarea:focus{background:linear-gradient(135deg,#7b6fff0d,#7b6fff05);border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);box-shadow:0 0 0 3px #7b6fff33;outline:none}.goals-modal-content.light .goals-modal-form-group select:focus,.goals-modal-content.light .goals-modal-form-group textarea:focus{background:#fff!important;border-color:#7b6fff!important;border-color:var(--light-primary,#7b6fff)!important;box-shadow:0 0 0 3px #7b6fff26!important;outline:none!important}.goals-modal-body .goals-modal-form-group small{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);display:block;font-size:13px;line-height:1.4;margin-top:8px}.goals-modal-content.light .goals-modal-form-group small{color:#6b7280}.goals-modal-save-status{border:1px solid #0000;border-radius:12px;font-size:14px;font-weight:500;margin-top:20px;padding:16px 20px;text-align:center}.goals-modal-save-status.loading{background:linear-gradient(135deg,#7b6fff1a,#7b6fff0d);border-color:#7b6fff33;color:#7b6fff;color:var(--dark-primary,#7b6fff);height:50px!important}.goals-modal-content.light .goals-modal-save-status.loading{background:linear-gradient(135deg,#7b6fff14,#7b6fff08);border-color:#7b6fff26;color:#7b6fff;color:var(--light-primary,#7b6fff)}.goals-modal-save-status.success{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:#10b98133;color:#10b981}.goals-modal-content.light .goals-modal-save-status.success{background:linear-gradient(135deg,#10b98114,#10b98108);border-color:#10b98126;color:#059669}.goals-modal-save-status.error{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:#ef444433;color:#ef4444}.goals-modal-content.light .goals-modal-save-status.error{background:linear-gradient(135deg,#ef444414,#ef444408);border-color:#ef444426;color:#dc2626}.goals-modal-delete-warning{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef444433;border-radius:12px;margin-bottom:24px;padding:20px}.goals-modal-content.light .goals-modal-delete-warning{background:linear-gradient(135deg,#ef444414,#ef444408);border:1px solid #ef444426;border-left:4px solid #dc2626}.goals-modal-close-warning{background:linear-gradient(135deg,#fb923c1a,#fb923c0d);border:1px solid #fb923c33;border-radius:12px;margin-bottom:24px;padding:20px}.goals-modal-content.light .goals-modal-close-warning{background:linear-gradient(135deg,#fb923c14,#fb923c08);border:1px solid #fb923c26;border-left:4px solid #d97706}.goals-modal-close-warning strong{color:#f59e0b;font-weight:700}.goals-modal-content.light .goals-modal-close-warning strong{color:#d97706}.goals-modal-close-warning p{color:#e4e6eb;color:var(--dark-text,#e4e6eb);line-height:1.5;margin-bottom:12px}.goals-modal-content.light .goals-modal-close-warning p{color:#2d3748}.goals-modal-close-warning ul{margin:12px 0;padding-left:20px}.goals-modal-close-warning li{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);line-height:1.4;margin-bottom:6px}.goals-modal-content.light .goals-modal-close-warning li{color:#718096}.goals-modal-delete-warning strong{color:#ef4444;font-weight:700}.goals-modal-content.light .goals-modal-delete-warning strong{color:#dc2626}.goals-modal-delete-warning p{color:#e4e6eb;color:var(--dark-text,#e4e6eb);line-height:1.5;margin-bottom:12px}.goals-modal-content.light .goals-modal-delete-warning p{color:#2d3748}.goals-modal-delete-warning ul{margin:12px 0;padding-left:20px}.goals-modal-delete-warning li{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);line-height:1.4;margin-bottom:6px}.goals-modal-content.light .goals-modal-delete-warning li{color:#718096}.goals-modal-confirm-button span{align-items:center;display:flex;gap:8px}.goals-modal-confirm-button .sb-loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.goals-modal-content.light .goals-modal-confirm-button .sb-loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff}@media (max-width:768px){.goals-container{border-radius:12px;padding:16px}.goals-header{align-items:stretch;flex-direction:column;gap:16px;text-align:center}.goals-header-title{font-size:1.6rem}.goals-button{justify-content:center;width:100%}.goal-card-content{flex-direction:column;gap:16px;padding:16px}.goal-thumbnail{align-self:center;height:80px;width:80px}.goal-header{flex-direction:column;gap:12px;padding-right:32px;text-align:center}.goal-badges{justify-content:center;max-width:calc(100% - 32px)}.goal-progress-container{text-align:center}.goal-progress-info{flex-direction:column;gap:12px}.goal-progress-info,.goal-progress-text-container{align-items:center;text-align:center}.goal-metadata{justify-content:center}.goals-modal-content{width:95%}.goals-modal-header{gap:12px;text-align:center}.goals-modal-footer{flex-direction:column;gap:12px}.goals-modal-cancel-button,.goals-modal-confirm-button{justify-content:center;width:100%}.delete-goal-button.top-right{height:24px;right:8px;top:8px;width:24px}.active-goal-section h3,.completed-goals-section h3,.other-goals-section h3{font-size:1.1rem;justify-content:center;text-align:center}}@media (max-width:480px){.goals-container{padding:12px}.goals-header-title{font-size:1.4rem}.goal-card{margin-bottom:16px}.goal-card-content{padding:12px}.goal-thumbnail{height:60px;width:60px}.goal-title{font-size:1.1rem}.goal-level{font-size:.7rem;padding:4px 8px}.goal-header{padding-right:28px}.goal-badges{max-width:calc(100% - 28px)}.resume-goal-button,.set-active-button,.view-goal-button{font-size:.8rem;padding:6px 12px}.goals-modal-title{font-size:1.2rem}.delete-goal-button.top-right{height:22px;right:6px;top:6px;width:22px}.trash-icon{height:12px;width:12px}}.rate-limit-inline-container{background:linear-gradient(135deg,#ef444414,#ef44440d);border:1px solid #ef44444d;border-radius:16px;box-shadow:0 8px 32px #ef444426;margin:24px 0;padding:24px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.rate-limit-inline-container:hover{box-shadow:0 12px 40px #ef444433;transform:translateY(-2px)}.rate-limit-inline-container.light{background:linear-gradient(135deg,#ef44440d,#ef444408);border:1px solid #ef444433;box-shadow:0 8px 32px #ef44441a}.rate-limit-inline-container.light:hover{box-shadow:0 12px 40px #ef444426}.rate-limit-inline-header{align-items:center;border-bottom:1px solid #ef444433;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.rate-limit-inline-icon{font-size:2rem;margin-right:12px;opacity:.9}.rate-limit-inline-header h2{color:#ef4444;flex:1 1;font-size:1.4rem;font-weight:700;margin:0}.rate-limit-inline-close{align-items:center;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef444433;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;transition:all .3s ease;width:32px}.rate-limit-inline-close:hover{background:linear-gradient(135deg,#ef444433,#ef44441a);box-shadow:0 4px 12px #ef444433;transform:scale(1.1)}.rate-limit-inline-body{color:#e4e6eb;color:var(--dark-text,#e4e6eb)}.goals-container.light .rate-limit-inline-body{color:#2d3748}.rate-limit-inline-message{text-align:left}.rate-limit-inline-primary-message{color:#ef4444;font-size:1.1rem;font-weight:600;line-height:1.5;margin-bottom:20px}.rate-limit-inline-details{grid-gap:12px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:16px 0;padding:16px}.goals-container.light .rate-limit-inline-details{background:linear-gradient(135deg,#00000008,#00000003);border:1px solid #00000014}.rate-limit-inline-detail-item{display:flex;flex-direction:column;gap:4px}.rate-limit-inline-detail-label{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:.9rem;font-weight:500}.goals-container.light .rate-limit-inline-detail-label{color:#718096}.rate-limit-inline-detail-value{color:#ef4444;font-size:1.1rem;font-weight:700}.rate-limit-inline-upgrade-message{background:linear-gradient(135deg,#7b6fff14,#7b6fff08);border:1px solid #7b6fff33;border-radius:12px;margin:16px 0;padding:16px}.goals-container.light .rate-limit-inline-upgrade-message{background:linear-gradient(135deg,#7b6fff0d,#7b6fff05);border:1px solid #7b6fff26}.rate-limit-inline-upgrade-message p{color:#7b6fff;color:var(--dark-primary,#7b6fff);font-weight:500;line-height:1.4;margin:0;text-align:center}.goals-container.light .rate-limit-inline-upgrade-message p{color:#7b6fff;color:var(--light-primary,#7b6fff)}.rate-limit-inline-actions{display:flex;gap:16px;justify-content:center;margin-top:24px}.rate-limit-inline-understand-button{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 16px #0000001a;color:#e4e6eb;color:var(--dark-text,#e4e6eb);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.goals-container.light .rate-limit-inline-understand-button{background:linear-gradient(135deg,#0000000d,#00000005);border:1px solid #00000026;color:#2d3748}.rate-limit-inline-understand-button:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.goals-container.light .rate-limit-inline-understand-button:hover{background:linear-gradient(135deg,#00000014,#00000008)}.rate-limit-inline-upgrade-button{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--dark-primary,#7b6fff),#5a52ac);border:none;border-radius:12px;box-shadow:0 4px 16px #7b6fff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.goals-container.light .rate-limit-inline-upgrade-button{background:linear-gradient(135deg,#7b6fff,#5a52ac);background:linear-gradient(135deg,var(--light-primary,#7b6fff),#5a52ac);box-shadow:0 4px 16px #7b6fff33}.rate-limit-inline-upgrade-button:hover:not(:disabled){box-shadow:0 6px 20px #7b6fff66;transform:translateY(-2px)}.goals-container.light .rate-limit-inline-upgrade-button:hover:not(:disabled){box-shadow:0 6px 20px #7b6fff4d}.rate-limit-inline-upgrade-button:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;opacity:.8}.rate-limit-inline-upgrade-button:disabled,.rate-limit-inline-upgrade-button:disabled:hover{box-shadow:0 2px 8px #6c757d33;transform:none}.goals-container.light .rate-limit-inline-upgrade-button:disabled{background:linear-gradient(135deg,#adb5bd,#95a2ab);box-shadow:0 2px 8px #adb5bd33}@media (max-width:768px){.rate-limit-inline-container{margin:16px 0;padding:20px}.rate-limit-inline-header{flex-direction:column;gap:12px;padding-bottom:12px;text-align:center}.rate-limit-inline-header h2{font-size:1.2rem}.rate-limit-inline-details{gap:16px;grid-template-columns:1fr}.rate-limit-inline-actions{flex-direction:column;gap:12px}.rate-limit-inline-understand-button,.rate-limit-inline-upgrade-button{text-align:center;width:100%}}@media (max-width:480px){.rate-limit-inline-container{margin:12px 0;padding:16px}.rate-limit-inline-header h2{font-size:1.1rem}.rate-limit-inline-primary-message{font-size:1rem}.rate-limit-inline-understand-button,.rate-limit-inline-upgrade-button{font-size:.9rem;padding:10px 20px}}.goals-main-content.new-user-mode{position:relative}.goals-main-content.new-user-mode:before{background:#0009;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease;z-index:5}.goals-container.new-user-container{position:relative;z-index:10}.new-user-welcome{background:linear-gradient(135deg,#7b6fff1a,#10b9810d);border:2px solid #7b6fff33;border-radius:16px;margin-bottom:30px;padding:40px 20px;position:relative;text-align:center;z-index:15}.new-user-welcome .welcome-icon{animation:bounce 2s infinite;display:block;font-size:3rem;margin-bottom:16px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.new-user-welcome h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--dark-primary),#10b981);-webkit-background-clip:text;background-clip:text;color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:2rem;font-weight:700;margin:0 0 12px}.goals-container.light .new-user-welcome h2{color:#1a202c}.new-user-welcome p{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.goals-container.light .new-user-welcome p{color:#6c757d}.goals-button.new-user-highlight{animation:pulse-glow 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);box-shadow:0 0 0 3px #ff6b6b4d,0 6px 20px #ff6b6b66;position:relative;transform:scale(1.1);z-index:20}@keyframes pulse-glow{0%{box-shadow:0 0 0 3px #ff6b6b4d,0 6px 20px #ff6b6b66}50%{box-shadow:0 0 0 6px #ff6b6b33,0 8px 24px #ff6b6b80}to{box-shadow:0 0 0 3px #ff6b6b4d,0 6px 20px #ff6b6b66}}.goals-button.new-user-highlight:hover{background:linear-gradient(135deg,#ff5252,#ff7979);box-shadow:0 0 0 6px #ff6b6b33,0 10px 30px #ff6b6b99;transform:scale(1.12) translateY(-2px)}.goals-main-content.new-user-mode .goals-list,.goals-main-content.new-user-mode .rate-limit-inline-container{filter:blur(2px);opacity:.3;pointer-events:none;transition:all .3s ease}.goals-main-content.new-user-mode .goals-header .goals-panel-title{opacity:.7}.goals-container.light .new-user-welcome{background:linear-gradient(135deg,#7b6fff0d,#10b98108);border:2px solid #7b6fff26}.goals-main-content.light.new-user-mode:before{background:#fffc}.goals-modal-goal-limit{max-width:520px;width:100%}.goals-modal-limit-warning{padding:20px 0;text-align:center}.limit-icon{font-size:4rem;opacity:.9}.limit-message{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1.1rem;line-height:1.5;margin-bottom:16px}.goals-modal-content.light .limit-message{color:#2d3748}.limit-message strong{color:#7b6fff;color:var(--dark-primary,#7b6fff);font-weight:700}.goals-modal-content.light .limit-message strong{color:#7b6fff;color:var(--light-primary,#7b6fff)}.limit-suggestion{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:1rem;line-height:1.6;margin-bottom:24px}.goals-modal-content.light .limit-suggestion{color:#718096}.limit-features{background:linear-gradient(135deg,#7b6fff14,#7b6fff08);border:1px solid #7b6fff33;border-radius:12px;margin:20px 0;padding:20px;text-align:left}.goals-modal-content.light .limit-features{background:linear-gradient(135deg,#7b6fff0d,#7b6fff05);border:1px solid #7b6fff26}.limit-features h4{color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:1.1rem;font-weight:600;margin:0 0 12px;text-align:center}.goals-modal-content.light .limit-features h4{color:#7b6fff;color:var(--light-primary,#7b6fff)}.limit-features ul{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.limit-features li{align-items:center;color:#e4e6eb;color:var(--dark-text,#e4e6eb);display:flex;font-size:.95rem;gap:8px;line-height:1.4}.goals-modal-content.light .limit-features li{color:#2d3748}.goals-modal-confirm-button.upgrade{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);box-shadow:0 4px 16px #ff6b6b4d}.goals-modal-content.light .goals-modal-confirm-button.upgrade{background:linear-gradient(135deg,#e53e3e,#fc8181);box-shadow:0 4px 16px #e53e3e33}.goals-modal-confirm-button.upgrade:hover{background:linear-gradient(135deg,#ff5252,#ff7979);box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.goals-modal-content.light .goals-modal-confirm-button.upgrade:hover{background:linear-gradient(135deg,#c53030,#f56565);box-shadow:0 6px 20px #c530304d}@media (max-width:768px){.goals-modal-goal-limit{max-width:95%}.goals-modal-limit-warning{padding:16px 0}.limit-icon{font-size:3rem;margin-bottom:16px}.limit-message{font-size:1rem}.limit-suggestion{font-size:.95rem}.limit-features{margin:16px 0;padding:16px}.limit-features h4{font-size:1rem}.limit-features li{font-size:.9rem}}@media (max-width:480px){.limit-icon{font-size:2.5rem;margin-bottom:12px}.limit-message{font-size:.95rem;margin-bottom:12px}.limit-suggestion{font-size:.9rem;margin-bottom:20px}.limit-features{margin:12px 0;padding:12px}.limit-features h4{font-size:.95rem;margin-bottom:10px}.limit-features li{font-size:.85rem;gap:6px}}@media (max-width:770px){.goals-main-content{padding:0}}@media (max-width:900px) and (min-width:771px){.goal-title{font-size:1.2rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;word-break:break-word}.goal-header{gap:12px}.goal-badges{flex-wrap:wrap;gap:8px}.goal-level{font-size:.75rem;padding:5px 10px}.goal-card-content{gap:16px}.goal-thumbnail{height:90px;width:90px}}.goal-progress-percentage{color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:1.1rem;font-weight:700;line-height:1}.goal-progress-details{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);display:block;font-size:.85rem;line-height:1.3;margin-top:4px;opacity:.8}.goals-container.light .goal-progress-details{color:#718096}.recommendations-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:12px 0;padding:0}.recommendation-item{align-items:center;background:linear-gradient(135deg,#7b6fff0d,#10b98108);border:1px solid #ffffff14;border-radius:12px;display:flex;gap:12px;padding:12px 16px;transition:background .2s ease}.recommendation-item:hover{background:linear-gradient(135deg,#7b6fff1a,#10b9810d)}.recommendation-text{color:#e4e6eb;color:var(--dark-text,#e4e6eb);flex:1 1;font-weight:600;text-align:left}body.light .recommendation-text{color:#2d3748}.recommendation-item .goal-level{margin-left:8px}.recommendation-item .goals-modal-confirm-button.small{font-size:.8rem;padding:8px 14px}.goals-modal-back-button{align-items:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#e4e6eb;color:var(--dark-text,#e4e6eb);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:16px;padding:12px 20px;transition:all .3s ease}.goals-modal-content.light .goals-modal-back-button{background:linear-gradient(135deg,#00000005,#00000003);border:1px solid #dee2e6;box-shadow:0 2px 8px #0000000d;color:#2d3748}.goals-modal-back-button:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.goals-modal-content.light .goals-modal-back-button:hover{background:#f8f9fa;border-color:#adb5bd;box-shadow:0 4px 12px #0000001a}.original-goal-divider-text{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-weight:600;margin:24px 0 12px;opacity:.8;text-align:center}.goals-container.light .original-goal-divider-text{color:#6c757d}.original-goal-item{background:linear-gradient(135deg,#7b6fff14,#10b9810a);border:1px solid #7b6fff26}.original-goal-item:hover{background:linear-gradient(135deg,#7b6fff1f,#10b9810f)}.goals-modal-footer .goals-modal-back-button{margin-right:auto}@media (max-width:480px){.goals-modal-footer .goals-modal-back-button{margin-right:0}}.goals-modal-assessment-prompt{padding:10px 0;text-align:center}.goals-modal-assessment-prompt h4{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1.2rem;font-weight:700;margin:0 0 12px}.goals-modal-content.light .goals-modal-assessment-prompt h4{color:#2d3748}.goals-modal-assessment-prompt p{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);line-height:1.5;margin:0 0 20px}.goals-modal-content.light .goals-modal-assessment-prompt p{color:#718096}.goals-modal-assessment-prompt p strong{color:#7b6fff;font-weight:600}.goals-modal-content.light .goals-modal-assessment-prompt p strong{color:#6366f1}.goals-modal-assessment-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.assessment-navigation{align-items:center;display:flex;gap:16px;justify-content:space-between;width:100%}@media (max-width:480px){.assessment-navigation,.goals-modal-assessment-actions{flex-direction:column;gap:12px}}.goals-modal-assessment-questions{padding:10px 0;text-align:left}.assessment-header{display:flex;flex-direction:column;margin-bottom:16px}.goals-modal-assessment-questions h4{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1.2rem;font-weight:700;margin:0}.goals-modal-content.light .goals-modal-assessment-questions h4{color:#2d3748}.assessment-progress{display:flex;flex-direction:column;gap:8px}.assessment-progress-text{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:.9rem;font-weight:500;text-align:right}.assessment-topic-info{color:#7b6fff;color:var(--dark-primary,#7b6fff);font-size:.85rem;font-weight:600;padding:4px 0;text-align:center}.goals-modal-content.light .assessment-progress-text{color:#718096}.goals-modal-content.light .assessment-topic-info{color:#7b6fff;color:var(--light-primary,#7b6fff)}.assessment-progress-bar{background-color:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;position:relative}.goals-modal-content.light .assessment-progress-bar{background-color:#0000001a}.assessment-progress-fill{background:linear-gradient(90deg,#7b6fff,#10b981);background:linear-gradient(90deg,var(--dark-primary,#7b6fff),#10b981);border-radius:3px;height:100%;transition:width .3s ease}.goals-modal-assessment-questions p{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);line-height:1.5;margin:0 0 20px}.goals-modal-content.light .goals-modal-assessment-questions p{color:#718096}.assessment-single-question{display:flex;flex-direction:column;justify-content:center;min-height:250px}.assessment-question{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:12px;margin-bottom:16px;padding:24px;transition:all .3s ease}.assessment-question.current{background:linear-gradient(135deg,#7b6fff14,#7b6fff08);border:1px solid #7b6fff33;box-shadow:0 8px 32px #7b6fff26;transform:scale(1.02)}.goals-modal-content.light .assessment-question{background:linear-gradient(135deg,#00000008,#00000003);border:1px solid #00000014}.goals-modal-content.light .assessment-question.current{background:linear-gradient(135deg,#7b6fff0d,#7b6fff05);border:1px solid #7b6fff26;box-shadow:0 8px 32px #7b6fff1a}.assessment-question h5{font-size:1rem;margin:0 0 8px}.assessment-question h5,.question-topic-badge{color:#7b6fff;color:var(--dark-primary,#7b6fff);font-weight:600}.question-topic-badge{background:linear-gradient(135deg,#7b6fff26,#7b6fff14);border:1px solid #7b6fff4d;border-radius:16px;display:inline-block;font-size:.8rem;letter-spacing:.5px;margin-bottom:12px;padding:4px 12px;text-transform:uppercase}.goals-modal-content.light .assessment-question h5{color:#7b6fff;color:var(--light-primary,#7b6fff)}.goals-modal-content.light .question-topic-badge{background:linear-gradient(135deg,#7b6fff1a,#7b6fff0d);border:1px solid #7b6fff33;color:#7b6fff;color:var(--light-primary,#7b6fff)}.question-text{color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-size:1rem;line-height:1.5;margin:0 0 16px}.goals-modal-content.light .question-text{color:#2d3748}.question-options textarea{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-family:inherit;font-size:14px;min-height:80px;padding:12px 16px;resize:vertical;transition:all .3s ease;width:100%}.goals-modal-content.light .question-options textarea{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;color:#2d3748}.question-options textarea:focus{background:linear-gradient(135deg,#7b6fff0d,#7b6fff05);border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);box-shadow:0 0 0 3px #7b6fff33;outline:none}.goals-modal-content.light .question-options textarea:focus{background:#fff;border-color:#7b6fff;border-color:var(--light-primary,#7b6fff);box-shadow:0 0 0 3px #7b6fff26}.question-options textarea::placeholder{color:#fff6}.goals-modal-content.light .question-options textarea::placeholder{color:#9ca3af}.multiple-choice-options{display:flex;flex-direction:column;gap:12px}.option-label{align-items:flex-start;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff14;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:all .3s ease}.goals-modal-content.light .option-label{background:linear-gradient(135deg,#00000005,#00000003);border:1px solid #0000000f}.option-label:hover{background:linear-gradient(135deg,#ffffff0f,#ffffff08);border-color:#ffffff1f}.goals-modal-content.light .option-label:hover{background:linear-gradient(135deg,#0000000a,#00000005);border-color:#0000001a}.option-label input[type=radio]{accent-color:#7b6fff;accent-color:var(--dark-primary,#7b6fff);cursor:pointer;flex-shrink:0;height:18px;margin:2px 0 0;width:18px}.goals-modal-content.light .option-label input[type=radio]{accent-color:#7b6fff;accent-color:var(--light-primary,#7b6fff)}.option-text{color:#e4e6eb;color:var(--dark-text,#e4e6eb);flex:1 1;font-size:14px;line-height:1.4}.goals-modal-content.light .option-text{color:#2d3748}.option-text strong{color:#7b6fff;color:var(--dark-primary,#7b6fff);margin-right:8px}.goals-modal-content.light .option-text strong{color:#7b6fff;color:var(--light-primary,#7b6fff)}.option-label:has(input[type=radio]:checked){background:linear-gradient(135deg,#7b6fff26,#7b6fff14);border-color:#7b6fff4d;box-shadow:0 2px 8px #7b6fff1a}.goals-modal-content.light .option-label:has(input[type=radio]:checked){background:linear-gradient(135deg,#7b6fff1a,#7b6fff0d);border-color:#7b6fff33;box-shadow:0 2px 8px #7b6fff14}.open-ended-question{display:flex;flex-direction:column;gap:8px}.open-ended-textarea{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#e4e6eb;color:var(--dark-text,#e4e6eb);font-family:inherit;font-size:14px;line-height:1.5;min-height:100px;padding:14px 16px;resize:vertical;transition:all .3s ease;width:100%}.goals-modal-content.light .open-ended-textarea{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;color:#2d3748}.open-ended-textarea:focus{background:linear-gradient(135deg,#7b6fff0d,#7b6fff05);border-color:#7b6fff;border-color:var(--dark-primary,#7b6fff);box-shadow:0 0 0 3px #7b6fff33;outline:none}.goals-modal-content.light .open-ended-textarea:focus{background:#fff;border-color:#7b6fff;border-color:var(--light-primary,#7b6fff);box-shadow:0 0 0 3px #7b6fff26}.open-ended-textarea::placeholder{color:#fff6;font-style:italic}.goals-modal-content.light .open-ended-textarea::placeholder{color:#9ca3af}.expected-length-hint{color:#b0b3b8;color:var(--dark-text-secondary,#b0b3b8);font-size:.8rem;font-style:italic;margin-top:4px}.goals-modal-content.light .expected-length-hint{color:#6b7280}@media (max-width:768px){.assessment-single-question{min-height:200px}.assessment-question{margin-bottom:12px;padding:20px}.question-options textarea{min-height:60px;padding:10px 12px}.assessment-header{gap:8px}.assessment-progress-text{font-size:.85rem}}@media (max-width:480px){.goals-modal-assessment-questions h4{font-size:1.1rem}.assessment-single-question{min-height:180px}.assessment-question{padding:16px}.assessment-question h5,.question-text{font-size:.9rem}.assessment-progress-text{font-size:.8rem;text-align:center}}.goals-modal-topic-selection{max-height:60vh;overflow-y:auto}.goals-modal-topic-selection h4{color:#e2e8f0;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.goals-modal-content.light .goals-modal-topic-selection h4{color:#2d3748}.goals-modal-topic-selection p{color:#a0aec0;font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.goals-modal-content.light .goals-modal-topic-selection p{color:#4a5568}.topic-selection-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.topic-selection-item{background:#2d374880;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden;transition:all .2s ease}.goals-modal-content.light .topic-selection-item{background:#f7fafccc;border:1px solid #0000001a}.topic-selection-item:hover{background:#2d3748b3;border-color:#6366f166}.goals-modal-content.light .topic-selection-item:hover{background:#f7fafc;border-color:#6366f14d}.topic-checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:1rem;margin:0;padding:1rem}.topic-checkbox{accent-color:#6366f1;cursor:pointer;height:18px;margin:2px 0 0;min-width:18px;width:18px}.topic-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.topic-title{color:#e2e8f0;font-size:1rem;font-weight:600;line-height:1.4}.goals-modal-content.light .topic-title{color:#2d3748}.topic-recommendation{align-items:center;display:flex;gap:.5rem}.recommendation-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.85rem;font-weight:500;gap:.375rem;line-height:1.2;padding:.25rem .75rem}.recommendation-badge.recommended{background:#f59e0b33;border:1px solid #f59e0b4d;color:#f59e0b}.goals-modal-content.light .recommendation-badge.recommended{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.recommendation-badge.mastered{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.goals-modal-content.light .recommendation-badge.mastered{background:#10b9811a;border:1px solid #10b98133;color:#059669}.goals-modal-topic-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem}@media (max-width:768px){.topic-selection-item{margin:0 -.5rem}.topic-checkbox-label{gap:.75rem;padding:.75rem}.topic-title{font-size:.95rem}.recommendation-badge{font-size:.8rem;padding:.2rem .6rem}.goals-modal-topic-actions{flex-direction:column-reverse;gap:.75rem}.goals-modal-topic-actions button{width:100%}}@media (max-width:480px){.goals-modal-topic-selection h4{font-size:1.1rem}.topic-checkbox-label{gap:.625rem;padding:.625rem}.topic-title{font-size:.9rem}.recommendation-badge{font-size:.75rem;padding:.15rem .5rem}}.welcome-screen-overlay{align-items:center;animation:fadeIn .5s ease-out forwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.welcome-screen{max-width:90%;text-align:center}.welcome-content{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.welcome-text{color:#fff;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.3;margin:0;min-height:4.5rem;text-shadow:0 0 20px #7b6fffcc}.welcome-animation{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;width:100%}.pulse-circle{animation:pulse 2s infinite;background:#7b6fff33;border-radius:50%;height:150px;position:absolute;width:150px}@keyframes pulse{0%{box-shadow:0 0 0 0 #7b6fffb3;transform:scale(.95)}70%{box-shadow:0 0 0 30px #7b6fff00;transform:scale(1.1)}to{box-shadow:0 0 0 0 #7b6fff00;transform:scale(.95)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.welcome-text{font-size:clamp(1.5rem,7vw,2.5rem);min-height:3.5rem}.pulse-circle{height:100px;width:100px}}.subscription-success-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.subscription-success-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.subscription-success-card{animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px #0003;max-width:600px;padding:3rem;position:relative;text-align:center;width:100%;z-index:1}.subscription-success-card.verifying{max-width:400px;padding:2rem}.success-icon{align-items:center;animation:popIn .8s ease-out .3s both;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;height:100px;justify-content:center;margin:0 auto 2rem;width:100px}.subscription-success-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.success-message{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.pro-features-highlight{background:#10b9810d;border:1px solid #10b98133;border-radius:16px;margin-bottom:2rem;padding:1.5rem;text-align:left}.pro-features-highlight h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.pro-features-highlight ul{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.pro-features-highlight li{align-items:center;color:#374151;display:flex;font-size:.95rem;gap:.5rem}.pro-features-highlight li svg{color:#10b981;flex-shrink:0}.success-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.secondary-action-btn{font-size:1rem;padding:.875rem 2rem}.subscription-details{color:#6b7280;font-size:.9rem;line-height:1.5}.session-info{font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin-top:1rem}.session-info code{background:#6b72801a;border-radius:4px;font-size:.8rem;padding:.25rem .5rem}.verification-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:60px;margin:0 auto 1.5rem;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.subscription-success-card.verifying h2{color:#1f2937;font-size:1.5rem;margin-bottom:.5rem}.subscription-success-card.verifying p{color:#6b7280;margin:0}@media (max-width:768px){.subscription-success-card{margin:1rem;padding:2rem 1.5rem}.subscription-success-card h1{font-size:2rem}.pro-features-highlight ul{grid-template-columns:1fr}.success-actions{flex-direction:column}}@media (max-width:480px){.subscription-success-card{padding:1.5rem 1rem}.subscription-success-card h1{font-size:1.75rem}.success-message{font-size:1rem}}.subscription-cancel-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.subscription-cancel-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.subscription-cancel-card{animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px #0003;max-width:600px;padding:3rem;position:relative;text-align:center;width:100%;z-index:1}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cancel-icon{align-items:center;animation:popIn .8s ease-out .3s both;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;color:#fff;display:flex;height:100px;justify-content:center;margin:0 auto 2rem;width:100px}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.subscription-cancel-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cancel-message{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.free-plan-reminder{background:#22c55e0d;border:1px solid #22c55e33;border-radius:16px;margin-bottom:2rem;padding:1.5rem;text-align:left}.free-plan-reminder h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.free-plan-reminder ul{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.free-plan-reminder li{align-items:center;color:#374151;display:flex;font-size:.95rem}.cancel-actions{margin-bottom:2rem}.primary-action-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin:0 auto 1.5rem;padding:1rem 2rem;transition:all .3s ease;width:fit-content}.primary-action-btn:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.secondary-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.secondary-action-btn{align-items:center;background:#0000;border:2px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.secondary-action-btn:hover{background:#667eea1a;border-color:#667eea;transform:translateY(-1px)}.help-section{border-top:1px solid #6b728033;color:#6b7280;font-size:.9rem;line-height:1.5;padding-top:1.5rem}.help-section a{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s ease}.help-section a:hover{color:#764ba2;text-decoration:underline}@media (max-width:768px){.subscription-cancel-card{margin:1rem;padding:2rem 1.5rem}.subscription-cancel-card h1{font-size:2rem}.free-plan-reminder ul{grid-template-columns:1fr}.secondary-actions{align-items:center;flex-direction:column}.secondary-action-btn{justify-content:center;max-width:200px;width:100%}}@media (max-width:480px){.subscription-cancel-card{padding:1.5rem 1rem}.subscription-cancel-card h1{font-size:1.75rem}.cancel-message{font-size:1rem}.primary-action-btn{max-width:280px;width:100%}}
/*# sourceMappingURL=main.e7368eb1.css.map*/