body.no-scroll{overflow:hidden!important}.version-text-container{margin-top:.2rem;text-align:center;position:relative;border-radius:6px;cursor:default;transition:all .3s ease}.version-text{font-size:.7rem;color:var(--text-muted);font-weight:500;letter-spacing:.3px;transition:all .3s ease;display:inline-block;opacity:.7}.version-text.pioneer-unlocked{color:#d97706;font-weight:700;opacity:1}.version-progress-bar{position:absolute;bottom:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,#fbbf24,#d97706);border-radius:2px;transition:width 50ms linear}.version-text-container.pressing{background:rgba(251,191,36,.15);border-radius:8px}.version-text-container.pressing .version-text{color:#d97706;font-weight:600}.version-text-container.color-effect{background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(217,119,6,.15));box-shadow:0 0 20px rgba(251,191,36,.4),0 0 40px rgba(251,191,36,.2);animation:colorPulse .4s ease-in-out infinite alternate}.version-text-container.color-effect .version-text{color:#b45309;font-weight:800;text-shadow:0 0 15px rgba(251,191,36,.8);animation:textGlow .3s ease-in-out infinite alternate}.version-text-container.color-effect .version-progress-bar{box-shadow:0 0 12px #fbbf24;height:4px}@keyframes colorPulse{from{transform:scale(1)}to{transform:scale(1.05)}}@keyframes textGlow{from{text-shadow:0 0 10px rgba(251,191,36,.6)}to{text-shadow:0 0 20px #fbbf24}}.changelog-version-badge{background:var(--primary-accent);color:#fff;padding:.3rem .85rem;border-radius:20px;font-size:.8rem;font-weight:700;margin-left:auto;margin-right:3rem;box-shadow:0 4px 15px rgba(var(--primary-accent-rgb),.3)}.changelog-list{margin:.5rem 0 0 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.changelog-list li{color:var(--text-secondary);font-size:.85rem;line-height:1.5;padding-left:1.25rem;position:relative}.changelog-list li::before{content:"";position:absolute;left:0;top:.55rem;width:6px;height:6px;background:var(--primary-accent);border-radius:50%}#changelogModal .settings-card h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.95rem;color:var(--text-headings)}#changelogModal .settings-card h3 i{width:18px;height:18px;color:var(--primary-accent)}.orblox-found-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.orblox-found-modal.active{opacity:1;visibility:visible}.orblox-found-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(10px)}.orblox-found-content{position:relative;background:var(--bg-content);border:2px solid #fbbf24;border-radius:24px;padding:2.5rem;max-width:450px;width:90%;text-align:center;box-shadow:0 0 80px rgba(251,191,36,.3),0 0 150px rgba(251,191,36,.1),0 30px 60px rgba(0,0,0,.3);animation:modalAppear .5s cubic-bezier(.34,1.56,.64,1)}@keyframes modalAppear{from{opacity:0;transform:scale(.7) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.orblox-found-celebration{font-size:4rem;margin-bottom:1rem;animation:celebrationBounce .8s ease infinite}@keyframes celebrationBounce{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(-5deg)}75%{transform:translateY(-15px) rotate(5deg)}}.orblox-found-title{font-size:2rem;font-weight:900;margin:0 0 .5rem 0;background:linear-gradient(90deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.orblox-found-desc{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.orblox-reward-card{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1rem;margin-bottom:2rem;text-align:left}.orblox-reward-icon{font-size:2.5rem;flex-shrink:0}.orblox-reward-info{flex:1}.orblox-reward-info h3{margin:0 0 .25rem 0;color:#fbbf24;font-size:1.1rem;font-weight:700}.orblox-reward-info p{margin:0;color:var(--text-secondary);font-size:.9rem}.orblox-reward-info strong{color:#fbbf24}.orblox-slots-badge{background:rgba(251,191,36,.2);color:#fbbf24;padding:.4rem .8rem;border-radius:20px;font-weight:700;font-size:.9rem;border:1px solid rgba(251,191,36,.3)}.orblox-slots-badge.full{background:rgba(239,68,68,.2);color:#ef4444;border-color:rgba(239,68,68,.3)}.orblox-found-actions{display:flex;flex-direction:column;gap:.75rem}.btn-claim-orblox-modal{background:linear-gradient(135deg,#fbbf24 0,#d97706 100%);color:#1a1a2e;border:none;padding:1rem 2rem;border-radius:14px;font-weight:800;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:0 8px 30px rgba(251,191,36,.5)}.btn-claim-orblox-modal:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 40px rgba(251,191,36,.6)}.btn-claim-orblox-modal:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-claim-orblox-modal.success{background:linear-gradient(135deg,#10b981 0,#059669 100%);box-shadow:0 8px 30px rgba(16,185,129,.5)}.btn-close-orblox-modal{background:0 0;border:1px solid var(--border-color);color:var(--text-secondary);padding:.75rem;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s}.btn-close-orblox-modal:hover{background:var(--bg-body);color:var(--text-primary);border-color:var(--primary-accent)}.main-content h2,.main-content h3,.main-content h4{font-family:var(--font-headings);font-weight:600;color:var(--text-headings)}.main-content h2{font-size:1.8rem;margin:0 0 1rem 0}.main-content h2 .concept-number{color:var(--primary-accent)}.main-content h4,.sub-concept-title{font-size:1.4rem;margin:3.5rem 0 1.5rem 0;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);color:var(--text-headings);font-weight:700;letter-spacing:-.01em}.main-content ol,.main-content p,.main-content ul{line-height:1.85;color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem;max-width:75ch}.main-content ol,.main-content ul{padding-left:2rem}.main-content li{margin-bottom:1rem;padding-left:.5rem}.main-content li::marker{color:var(--primary-accent);font-weight:600}.main-content pre{background:#2d3748;color:#e2e8f0;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;border:1px solid #4a5568;font-family:"Fira Code",Consolas,Monaco,monospace;font-size:.95rem;line-height:1.7;box-shadow:0 4px 6px rgba(0,0,0,.2)}.main-content pre code{background:0 0;padding:0;border:none;font-family:inherit;color:inherit}.concept-section,.content-block{margin-top:3rem;background-color:var(--bg-content);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-default)}.concept-section:hover,.content-block:hover{box-shadow:var(--shadow-md)}.concept-section{padding:clamp(1.5rem,5vw,2.5rem)}.content-block .block-header{padding:1.5rem;background:var(--bg-alt)}.content-block .block-header h2{font-size:1.5rem;color:var(--text-headings)}.content-block .block-header h3{color:var(--text-headings)}.content-block .block-content{padding:1.5rem}.grid-two-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;padding:1rem 0}@media (min-width:768px){.content-block .block-content{padding:2.5rem}}.btn-primary,.btn-secondary,.toggle-solution-btn,.validation-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-family:var(--font-headings);font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease-in-out;border:2px solid transparent;padding:.75rem 1.5rem;text-decoration:none}.btn-primary:hover,.btn-secondary:hover,.toggle-solution-btn:hover,.validation-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn-primary{color:var(--text-on-accent);background:var(--gradient-primary);box-shadow:var(--shadow-accent);margin:1rem 0}.btn-secondary,.toggle-solution-btn{color:var(--primary-accent);background-color:var(--primary-light);border-color:var(--primary-light)}.btn-secondary:hover,.toggle-solution-btn:hover{background-color:var(--primary-accent);color:var(--text-on-accent);border-color:var(--primary-accent)}.toggle-solution-btn{margin-top:1.5rem}.info-box,.tip-box{display:flex;align-items:flex-start;gap:1.25rem;margin:2.5rem 0;padding:1.75rem;border-radius:16px;border:none;border-left:4px solid;background:var(--bg-alt);box-shadow:0 4px 12px rgba(0,0,0,.03)}.info-box{border-left-color:var(--info-color);background:linear-gradient(to right,rgba(37,99,235,.05),transparent)}.tip-box{border-left-color:var(--warning-color);background:linear-gradient(to right,rgba(251,191,36,.05),transparent)}.warning-box{display:flex;align-items:flex-start;gap:1.25rem;margin:2.5rem 0;padding:1.75rem;border-radius:16px;border:none;border-left:4px solid var(--danger-color);background:linear-gradient(to right,rgba(239,68,68,.05),transparent);box-shadow:0 4px 12px rgba(0,0,0,.03)}.info-box-icon{margin-top:2px;padding:8px;background:var(--bg-content);border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.05);color:inherit}.info-box .info-box-icon{color:var(--info-color)}.tip-box .info-box-icon{color:var(--warning-color)}.warning-box .info-box-icon{color:var(--danger-color)}.info-box-content h5{font-family:var(--font-headings);font-size:1.1rem;margin:0 0 .5rem 0;color:var(--text-headings);font-weight:700}.info-box-content p{margin:0;font-size:1rem}.info-box-content p{font-size:1rem;margin:0}.info-box{background-color:var(--info-bg);border-color:var(--info-border)}.info-box .lucide{stroke:var(--info-color)}.tip-box{background-color:var(--warning-bg);border-color:var(--warning-border)}.tip-box .lucide{stroke:var(--warning-color)}.code-card{background-color:#1e1e2e;border-radius:var(--border-radius-lg);margin:2rem 0;overflow:hidden;border:1px solid #313244}.code-card-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#181825;border-bottom:1px solid #313244}.code-card-header .code-title{font-size:.9rem;color:#abb2bf;font-family:var(--font-code)}.code-card-toolbar{display:flex;gap:.5rem}.toolbar-button{display:grid;place-items:center;width:32px;height:32px;padding:0;color:#abb2bf;background-color:transparent;border:none;border-radius:var(--border-radius-sm);cursor:pointer}.toolbar-button .lucide{width:18px;height:18px}.toolbar-button span{display:none}.toolbar-button:hover{background-color:#3e4451;color:#fff;transform:none;box-shadow:none}.toolbar-button.btn-copy:hover{color:var(--primary-accent);background-color:var(--primary-light)}.code-card-content pre{margin:0!important;padding:1.5rem!important;background:0 0!important;border:none!important;box-shadow:none!important}.code-card-content code[class*=language-]{padding:0!important}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;background-color:rgba(0,0,0,.6);backdrop-filter:blur(5px);padding:2rem;justify-content:center;align-items:center}.modal-overlay.active{display:flex!important}.modal-content{position:relative;background-color:#fff;color:#1e293b;padding:2rem;border-radius:var(--border-radius-lg);border:1px solid #e2e8f0;box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:85vh;overflow-y:auto;animation:modal-fade-in .3s ease-out}[data-theme=dark] .modal-content{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.modal-close{position:absolute;top:10px;right:15px;font-size:2rem;font-weight:700;color:var(--text-color-secondary);cursor:pointer;line-height:1;transition:color .2s ease}.modal-close:hover{color:var(--danger-color)}.modal-content h2{font-family:var(--font-headings);font-size:1.6rem;margin-top:0;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;color:#111827}.modal-content.large{max-width:800px}@media (max-width:640px){.modal-content{padding:1.5rem}.modal-content h2{font-size:1.4rem}}.course-hero-card{background-color:var(--bg-content);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2rem;margin-bottom:3rem;box-shadow:var(--shadow-md);text-align:center;border-top:4px solid var(--primary-accent)}.course-hero-card h1{color:var(--text-headings)!important;margin-bottom:.75rem}.course-hero-card p{color:var(--text-secondary)!important}.course-hero-card .lucide,.course-hero-card i{color:var(--primary-accent)}@media (min-width:768px){.course-hero-card{padding:2.5rem 3rem}}.hero-title-group .header-icon-wrapper{margin:0 auto 1.5rem auto}.hero-title-group .header-icon-wrapper svg{width:40px;height:40px;stroke-width:2.2}.hero-title-group h1{font-size:clamp(2rem, 5vw, 2.8rem)}.hero-title-group .subtitle{font-size:clamp(1.1rem, 2.5vw, 1.2rem);max-width:60ch;margin:1rem auto 0 auto;color:var(--text-secondary)}.dropdown-menu{display:none;flex-direction:column;gap:5px;padding:5px}.user-dropdown.active .dropdown-menu{display:flex}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 15px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;text-align:left;background-color:transparent;color:var(--text-color);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out}.dropdown-item i{width:18px;text-align:center;color:inherit;transition:color .2s ease-in-out}.dropdown-item:hover{background-color:var(--background-secondary)}#progressBtn{color:var(--primary-color,#0d6efd)}#progressBtn:hover{background-color:rgba(13,110,253,.1)}#logoutBtn{color:var(--danger-color,#dc3545)}#logoutBtn:hover{background-color:rgba(220,53,69,.1);color:var(--danger-color-dark,#b02a37)}.validation-buttons{display:flex;margin-top:1.5rem}.validation-btn{flex:1;font-size:1rem}.validation-btn.disabled{opacity:.5;cursor:not-allowed}.validation-feedback{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:var(--border-radius-md);font-size:1rem;font-weight:500;line-height:1.6;border:1px solid transparent}.validation-feedback.positive{background-color:var(--success-bg,#e6f9ee);color:var(--success-color,#2e7d32);border-color:var(--success-color,#2e7d32)}.validation-feedback.info,.validation-feedback.negative{background-color:var(--danger-bg,#fdebec);color:var(--danger-color,#c62828);border-color:var(--danger-color,#c62828)}.toggle-solution-btn{margin-top:1.5rem}.solution-content{margin-top:1.5rem;border-top:1px solid var(--border-color);padding-top:1.5rem;display:none}.solution-content.visible{display:block}.section-box.quiz{padding:2rem}.section-box.quiz h4{font-family:var(--font-headings);font-size:1.4rem;color:var(--primary-accent);margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.quiz-question{padding:2.5rem;margin-bottom:2.5rem;background-color:var(--bg-content);border:none;border-radius:24px;box-shadow:0 10px 40px -10px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}.quiz-question:hover{transform:translateY(-2px);box-shadow:0 20px 40px -10px rgba(0,0,0,.12)}.quiz-question p{font-weight:600;font-size:1.25rem;line-height:1.6;color:var(--text-headings);margin-bottom:2rem}.quiz-options{list-style-type:none;padding-left:0;display:flex;flex-direction:column;gap:1rem}.quiz-options li{position:relative;padding:1.25rem 1.5rem;border:1px solid transparent;border-radius:16px;font-weight:500;font-size:1.05rem;background-color:var(--bg-body);color:var(--text-primary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.03);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.quiz-options li:hover:not(.correct):not(.wrong):not(.pre-selected):not(.selected){background-color:var(--primary-light);color:var(--primary-accent);transform:translateX(4px);box-shadow:0 4px 12px rgba(79,70,229,.1)}.quiz-options li.selected{border-color:var(--primary-accent);background-color:var(--primary-light);padding-right:3.5rem}.quiz-options li.selected::after{content:"\2713";font-weight:700;font-size:1rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:var(--primary-accent);background-color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.1)}.quiz-options li.correct{font-weight:600;background-color:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.quiz-options li.incorrect{font-weight:600;background-color:var(--danger-bg);border-color:var(--danger-color);color:var(--danger-color)}.quiz-feedback{display:none;padding:1rem;margin-top:1rem;font-size:.95rem;text-align:center;border-radius:var(--border-radius-md);opacity:0;transition:opacity var(--transition-default)}.quiz-feedback.visible{display:block;opacity:1}.quiz-feedback.correct{color:var(--success-color);background-color:var(--success-bg,#e6f9ee);border:1px solid var(--success-color)}.quiz-feedback.incorrect{color:var(--danger-color);background-color:var(--danger-bg,#fdebec);border:1px solid var(--danger-color)}.quiz-result-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%}.quiz-result-score{font-family:var(--font-headings);line-height:1;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;width:100%}.score-value{font-size:5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 10px rgba(79, 70, 229, .2));line-height:1;margin-right:.2rem;display:block}.score-separator{font-size:2.5rem;color:var(--text-muted);margin:0 .5rem;font-weight:300;line-height:1;display:block}.score-total{font-size:2.5rem;color:var(--text-secondary);font-weight:600;line-height:1;display:block}.quiz-result-xp{margin-bottom:1.5rem;height:40px}.xp-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;background:#fff;color:var(--text-headings);font-weight:700;border-radius:50px;font-size:1.1rem;box-shadow:0 4px 15px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05);animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.xp-badge i{width:20px;height:20px;color:var(--text-headings)}.quiz-result-message{font-size:1.15rem;color:var(--text-secondary);max-width:90%;margin:0 auto;line-height:1.6}.quiz-result-message.success{color:var(--success-color);font-weight:500}.exercise-points-earned,.quiz-points-earned{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-weight:600;border-radius:50px;font-size:.9rem;margin:.75rem 0;box-shadow:0 4px 12px rgba(245,158,11,.3)}.exercise-points-earned i,.quiz-points-earned i{width:16px;height:16px}.exercise-attempts-info,.quiz-attempts-info{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.85rem;color:#6b7280;margin-top:.5rem;padding:.5rem 1rem;background:rgba(107,114,128,.1);border-radius:8px}.exercise-attempts-info i,.quiz-attempts-info i{width:14px;height:14px}.quiz-validated{position:relative}.quiz-validated .quiz-container{position:relative}.quiz-validated .quiz-question{opacity:.85;filter:grayscale(10%)}.quiz-completed-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(16,185,129,.06) 0,rgba(5,150,105,.04) 100%);backdrop-filter:blur(1px);border-radius:16px;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.quiz-completed-badge{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 2.5rem;background:linear-gradient(135deg,#10b981 0,#059669 100%);border-radius:20px;box-shadow:0 10px 40px rgba(16,185,129,.4),0 4px 12px rgba(16,185,129,.2);animation:completedBadgePulse 2s ease-in-out infinite;pointer-events:auto}.quiz-completed-badge i{width:48px;height:48px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .2))}.quiz-completed-badge span{color:#fff;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.quiz-completed-score{color:rgba(255,255,255,.9);font-size:.9rem;font-weight:500;margin-top:-.25rem}@keyframes completedBadgePulse{0%,100%{transform:scale(1);box-shadow:0 10px 40px rgba(16,185,129,.4),0 4px 12px rgba(16,185,129,.2)}50%{transform:scale(1.02);box-shadow:0 14px 50px rgba(16,185,129,.5),0 6px 16px rgba(16,185,129,.3)}}.quiz-completed-overlay.compact .quiz-completed-badge{flex-direction:row;padding:1rem 1.5rem}.quiz-completed-overlay.compact .quiz-completed-badge i{width:32px;height:32px}.quiz-completed-overlay.compact .quiz-completed-badge span{font-size:1rem}[data-theme=dark] .quiz-completed-overlay{background:linear-gradient(135deg,rgba(16,185,129,.15) 0,rgba(5,150,105,.1) 100%)}.quiz-locked-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--success-color),#059669);color:#fff;font-weight:600;border-radius:50px;font-size:.9rem;margin-bottom:1rem;box-shadow:0 4px 12px rgba(16,185,129,.3)}.quiz-locked-badge i{width:16px;height:16px}.quiz-result-container.quiz-locked{background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(16,185,129,.1));padding:2rem;border-radius:20px;border:1px solid rgba(16,185,129,.2)}.quiz-instruction{display:flex;align-items:center;gap:10px;background-color:var(--info-bg);color:var(--text-primary);border-left:4px solid var(--info-color);padding:12px 16px;border-radius:var(--border-radius-md);margin-bottom:1.5rem;font-size:.95rem;animation:fadeIn .5s ease}.quiz-instruction i{color:var(--info-color);flex-shrink:0;width:20px;height:20px}.quiz-instruction strong{color:var(--info-color);font-weight:600}.tab-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.tab-btn.active{background-color:var(--accent);color:var(--accent-text);border-color:var(--accent)}.tab-btn.locked{opacity:.5;cursor:not-allowed}.certificate{width:100%;max-width:960px;padding:2.5rem;border:3px solid #d4af37;border-radius:8px;background-color:#fff;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.05);position:relative}.certificate::before{content:"";position:absolute;top:12px;left:12px;right:12px;bottom:12px;border:1px solid #e8d5a3;border-radius:4px;pointer-events:none}.certificate h1{font-family:Georgia,serif;font-size:1.8rem;font-weight:700;color:#b4931c;margin-bottom:.5rem}.certificate h2{font-family:Georgia,serif;font-style:italic;font-size:1.6rem;color:#000;margin:.4rem 0 1.2rem;text-align:center}.certificate .description{font-size:.95rem;color:#333}#downloadCertBtn{margin-top:1.5rem;align-self:center}@media (max-width:600px){.certificate{padding:1.5rem;font-size:.9rem}.certificate h1{font-size:1.4rem}.certificate h2{font-size:1.3rem}#downloadCertBtn{width:100%}}.loading-spinner,.spin{animation:spin 1s linear infinite}@keyframes modal-fade-in{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes zoomIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.daily-options-grid{display:grid;gap:1rem;margin:1.5rem 0}.daily-option-btn{padding:1rem;background:var(--bg-content);border:2px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;font-size:1rem;transition:all .2s;width:100%;text-align:left;color:var(--text-primary)}.daily-option-btn:hover:not(:disabled){border-color:var(--primary-accent);background:var(--primary-light)}.daily-option-btn.correct{background:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.daily-option-btn.incorrect{background:var(--danger-bg);border-color:var(--danger-color);color:var(--danger-color)}.toolbox-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}@media (max-width:768px){.toolbox-tabs{overflow-x:auto;overflow-y:hidden;gap:.5rem;padding-bottom:.8rem;margin-bottom:1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.toolbox-tabs::-webkit-scrollbar{height:4px}.toolbox-tabs::-webkit-scrollbar-track{background:var(--bg-alt);border-radius:2px}.toolbox-tabs::-webkit-scrollbar-thumb{background:var(--primary-accent);border-radius:2px}}@media (max-width:480px){.toolbox-tabs{gap:.4rem}}#snippetSearch{padding:.8rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-content);color:var(--text-primary);font-size:1rem}.snippet-card{background:var(--bg-content);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem;transition:transform .2s,box-shadow .2s}.snippet-card h3{color:var(--text-headings);margin:0 0 .5rem 0}.snippet-card .snippet-location{color:var(--text-muted);font-size:.85rem}.snippet-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-accent)}.badge{font-size:.75rem;padding:.2rem .6rem;border-radius:4px;font-weight:700;text-transform:uppercase}.badge.base{background:#e3f2fd;color:#1976d2}.badge.player{background:#e8f5e9;color:#2e7d32}.badge.physics{background:#fff3e0;color:#f57c00}.badge.ui{background:#f3e5f5;color:#7b1fa2}.snippet-desc{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.snippet-card pre{margin:0 0 1rem 0;max-height:300px;overflow:auto;position:relative;border-radius:var(--border-radius-md);scrollbar-width:thin;scrollbar-color:#4a5568 #2d3748;background:#2d3748;border:1px solid #4a5568}.snippet-card pre::-webkit-scrollbar{width:8px;height:8px}.snippet-card pre::-webkit-scrollbar-track{background:#1a202c;border-radius:4px}.snippet-card pre::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}.snippet-card pre::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.template-card pre{margin:0 0 1rem 0;max-height:400px;overflow:auto;position:relative;border-radius:var(--border-radius-md);scrollbar-width:thin;scrollbar-color:#4a5568 #2d3748;background:#2d3748;border:1px solid #4a5568}.template-card pre::-webkit-scrollbar{width:8px;height:8px}.template-card pre::-webkit-scrollbar-track{background:#1a202c;border-radius:4px}.template-card pre::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}.template-card pre::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.tab-btn{background-color:var(--bg-content);color:var(--text-secondary);border:1px solid var(--border-color);padding:.8rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.8rem;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-family:var(--font-headings);font-size:1rem;white-space:nowrap}.tab-btn i{font-size:1.1rem}.tab-btn:hover{background-color:var(--bg-alt);transform:translateY(-2px);color:var(--text-primary)}.tab-btn.active{background:var(--gradient-primary);color:var(--text-on-accent);border-color:transparent;box-shadow:var(--shadow-accent)}.tab-content{display:none;animation:fadeIn .4s ease-out}.tab-content.active{display:block}.module-card{background:var(--bg-content);border-radius:var(--border-radius-xl)}.module-card{background:var(--bg-content);border-radius:16px;box-shadow:var(--shadow-md);padding:0;overflow:hidden;border:1px solid var(--border-color);display:flex;flex-direction:column}.tab-btn{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none;margin-bottom:-1px;background:0 0;border:1px solid transparent;white-space:nowrap}.tab-btn.active{background:var(--bg-content);border-color:var(--border-color);border-bottom-color:var(--bg-content);color:var(--primary-accent);box-shadow:inset 0 3px 0 0 var(--primary-accent)}.tab-content{padding:0;background:0 0;flex:1}.module-footer-validation{background:0 0;border-top:none;padding:4rem 1rem 6rem 1rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:10;box-shadow:none;margin-top:2rem}.module-footer-validation .validation-wrapper{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;background:var(--bg-content);padding:2.5rem;border-radius:24px;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);text-align:center;position:relative;overflow:hidden}.module-footer-validation .validation-wrapper::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--primary-accent),var(--secondary-accent))}.module-footer-validation .validation-feedback{margin:0;width:100%;text-align:left;background:var(--bg-alt);padding:1rem 1.5rem;border-radius:12px;font-size:.9rem;color:var(--text-secondary);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem}.module-footer-validation .validation-buttons{margin:0;width:100%;display:flex;justify-content:center}.validation-btn{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:700;border-radius:16px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.8rem;font-family:var(--font-headings);position:relative;overflow:hidden}.validation-btn.btn-primary{background:var(--primary-accent);color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.3)}.validation-btn.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 12px 24px rgba(37,99,235,.4)}.validation-btn.btn-primary:active{transform:translateY(0)}.validation-btn.btn-secondary{background:0 0;color:var(--text-muted);border:2px solid var(--border-color);box-shadow:none}.validation-btn.btn-secondary:hover{border-color:var(--text-secondary);color:var(--text-primary);background:var(--bg-alt)}.xp-badge.points-badge{background:linear-gradient(135deg,rgba(99,102,241,.15) 0,rgba(139,92,246,.15) 100%);color:var(--primary-accent);border:1px solid rgba(99,102,241,.3)}.xp-badge.points-badge{padding:.4rem .8rem;border-radius:20px;font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem}.xp-badge.points-badge.muted{opacity:.6;background:rgba(107,114,128,.1);color:#6b7280;border-color:rgba(107,114,128,.2)}@media (min-width:768px){.tab-content{padding:0}.module-footer-validation{padding:4rem 3rem 6rem 3rem}}.module-card .concept-section,.module-card .content-block,.module-card .section-box{background:0 0;border:none;box-shadow:none;padding:0;margin-top:3rem}.module-card .concept-section:first-child{margin-top:1rem}.module-card .concept-section h2{margin-top:0}.tab-content{padding-top:0}.info-box,.tip-box{margin:1.5rem 0}.code-block-wrapper{position:relative;margin:1.5rem 0;background:#1a202c;border-radius:12px;overflow:hidden;border:1px solid #2d3748;box-shadow:0 4px 6px rgba(0,0,0,.2)}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#2d3748;border-bottom:1px solid #4a5568}.code-block-title{font-size:.85rem;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.code-block-title i{width:14px;height:14px;color:#a1a1aa}.copy-code-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#a1a1aa;padding:.4rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s ease}.copy-code-btn.icon-only{padding:.4rem;width:32px;height:32px;justify-content:center}.copy-code-btn:hover{background:rgba(255,255,255,.1);border-color:#a1a1aa;color:#fff}.copy-code-btn.copied{background:rgba(72,187,120,.2);border-color:#48bb78;color:#48bb78}.copy-code-btn i{width:14px;height:14px}.code-block-wrapper pre code,.snippet-card pre code,.template-card pre code{display:block;position:relative;background:#2d3748;color:#e2e8f0;padding:1.5rem;margin:0;font-family:"Fira Code",Consolas,Monaco,monospace;font-size:.95rem;line-height:1.7;overflow-x:auto;white-space:pre;border:none}.code-block-wrapper pre code .comment,.code-card pre code .comment{color:#6a9955;font-style:italic}.code-block-wrapper pre code .keyword,.code-card pre code .keyword{color:#569cd6;font-weight:600}.code-block-wrapper pre code .string,.code-card pre code .string{color:#ce9178}.code-block-wrapper pre code .number,.code-card pre code .number{color:#b5cea8}.code-block-wrapper pre code .function,.code-card pre code .function{color:#dcdcaa}.code-block-wrapper pre code .variable,.code-card pre code .variable{color:#9cdcfe}.code-block-wrapper pre,.snippet-card pre,.template-card pre{box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,.3),inset -10px 0 10px -10px rgba(0,0,0,.3)}.copy-btn{width:100%;padding:.6rem;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;transition:all .2s;color:var(--text-primary);font-size:.95rem}.copy-btn:hover{background:var(--primary-light);color:var(--primary-accent);border-color:var(--primary-accent)}.copy-btn i{width:16px;height:16px}.template-card{background:var(--bg-content);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem}.template-card h3{color:var(--text-headings)}.error-header{background:rgba(239,68,68,.1);padding:1rem;border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0}[data-theme=dark] .error-header{background:rgba(239,68,68,.15)}.error-code{font-family:Consolas,monospace;font-weight:700;color:#f57c00;font-size:.95rem}.error-body{padding:1.5rem}.error-body h4{margin:1rem 0 .5rem 0;font-size:1rem;color:var(--text-headings)}.error-body h4:first-child{margin-top:0}.error-body p{margin:0 0 1rem 0;color:var(--text-primary)}.error-body pre{margin:.5rem 0 1rem 0}@media (max-width:768px){.snippet-card,.template-card{padding:1.2rem}}@media (max-width:480px){.toolbox-section{font-size:.9rem}.info-box{flex-direction:column;text-align:center;padding:1rem}.info-box-icon{margin-bottom:.5rem}.info-box h5{font-size:1rem}.info-box p{font-size:.85rem}#snippetSearch{font-size:.9rem;padding:.6rem}.snippet-card,.template-card{padding:1rem}.badge{font-size:.7rem;padding:.15rem .5rem}.snippet-desc{font-size:.85rem}.snippet-card pre,.template-card pre{font-size:.8rem;max-height:200px}.copy-btn{padding:.5rem;font-size:.85rem}.error-header{padding:.8rem}.error-code{font-size:.85rem;word-break:break-word}.error-body{padding:1rem}.error-body h4{font-size:.95rem}.error-body pre{font-size:.75rem;overflow-x:auto;font-style:italic}.xp-level-info{background:var(--primary-light);border-left:4px solid var(--primary-accent);padding:1rem;border-radius:var(--border-radius-md);display:flex;align-items:flex-start;gap:.8rem}.xp-level-info i{color:var(--primary-accent);margin-top:.2rem;flex-shrink:0}.xp-level-info p{margin:0;font-size:.95rem;color:var(--text-primary)}.xp-level-info .highlight{color:var(--primary-accent);font-weight:700}@media (max-width:768px){.xp-rewards-grid{grid-template-columns:1fr;gap:1rem}.xp-reward-item{padding:.8rem}.xp-reward-icon{width:45px;height:45px}.xp-info-container{padding:1rem}}@media (max-width:480px){.xp-info-header h5{font-size:1rem}.xp-reward-content strong{font-size:.95rem}.xp-reward-values{font-size:.85rem;flex-direction:column;align-items:flex-start;gap:.3rem}.xp-badge{font-size:.75rem}.xp-level-info{flex-direction:column}}.sidebar-progress-container{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:rgba(255,255,255,.02);position:relative;transition:all .3s ease}.version-text-container{margin-top:.75rem;text-align:center;position:relative;padding:.5rem;border-radius:8px;cursor:default;user-select:none;-webkit-user-select:none;transition:all .3s ease}.version-text{font-size:.75rem;color:var(--text-muted);font-weight:500;letter-spacing:.5px;transition:all .3s ease}.version-text.pioneer-unlocked{color:#d97706;font-weight:700}.version-progress-bar{position:absolute;bottom:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,#fbbf24,#d97706);border-radius:2px;transition:width 50ms linear}.version-text-container.pressing{background:rgba(251,191,36,.1)}.version-text-container.pressing .version-text{color:#d97706}.version-text-container.color-effect{background:linear-gradient(135deg,rgba(251,191,36,calc(.1 + var(--glow-intensity,0) * .2)),rgba(217,119,6,calc(.1 + var(--glow-intensity,0) * .15)));box-shadow:0 0 calc(10px + var(--glow-intensity,0) * 20px) rgba(251,191,36,calc(.3 + var(--glow-intensity,0) * .4));animation:colorPulse .5s ease-in-out infinite alternate}.version-text-container.color-effect .version-text{color:#b45309;font-weight:700;text-shadow:0 0 10px rgba(251,191,36,.5)}.version-text-container.color-effect .version-progress-bar{box-shadow:0 0 8px rgba(251,191,36,.8)}.sidebar-progress-container.orblox-revealing{border-color:rgba(251,191,36,.3);background:rgba(251,191,36,.03)}.sidebar-progress-container.orblox-revealing::before{content:"";position:absolute;inset:0;border:2px solid transparent;border-image:linear-gradient(90deg,transparent,#fbbf24,transparent) 1;animation:orbloxBorderReveal .5s ease-out;pointer-events:none}.sidebar-progress-container.orblox-pioneer-active{border:2px solid rgba(251,191,36,.4);border-radius:12px;background:linear-gradient(135deg,rgba(251,191,36,.08) 0,rgba(217,119,6,.05) 100%);box-shadow:0 0 20px rgba(251,191,36,.15),inset 0 0 30px rgba(251,191,36,.05);margin:.5rem;padding:.75rem 1.25rem}.sidebar-progress-container.orblox-pioneer-active::before{content:"👑";position:absolute;top:-8px;right:10px;font-size:.9rem;z-index:10;animation:crownFloat 3s ease-in-out infinite}.sidebar-progress-container.orblox-pioneer-active .sidebar-progress-bar-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b,#d97706)!important;box-shadow:0 0 10px rgba(251,191,36,.5)}@keyframes orbloxBorderReveal{from{opacity:0}to{opacity:1}}@keyframes crownFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-3px) rotate(5deg)}}.sidebar-progress-header{display:flex;align-items:center;gap:.5rem;margin-bottom:8px}.sidebar-progress-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.sidebar-progress-value{font-size:.85rem;color:var(--primary-accent);font-weight:700;font-family:var(--font-mono, monospace)}.sidebar-progress-bar{height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;position:relative}.sidebar-progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .5s ease-out;box-shadow:0 0 10px rgba(var(--primary-accent-rgb),.3)}.xp-details{flex:1}.xp-details h3{margin:0 0 .8rem 0;font-size:1.2rem;color:#fff;font-weight:700}@media (max-width:480px){.xp-details h3{font-size:1.1rem}}}.module-header-card{background:var(--bg-content);border-radius:24px;padding:3rem 2rem;text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--border-color);margin-bottom:2.5rem;position:relative;overflow:hidden}.module-header-card::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--gradient-primary)}.header-icon-large{width:80px;height:80px;background:var(--bg-alt);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem auto;color:var(--primary-accent);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.header-icon-large .lucide{width:40px;height:40px;stroke-width:1.5px}.module-header-card h1{font-size:2.2rem;margin-bottom:.75rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.02em}.module-header-card p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.module-nav-pills-container{height:auto;min-height:60px;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:10}.module-nav-pills{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:nowrap;width:fit-content;max-width:95%;padding:.5rem 1rem;background:var(--bg-content);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50px;box-shadow:0 4px 20px rgba(0,0,0,.05);border:1px solid var(--border-color);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;transition:padding .25s ease-out,background .25s ease-out,box-shadow .25s ease-out,opacity .2s ease-out;z-index:100}.module-nav-pills.scrolled{position:fixed;top:calc(var(--header-height) + .75rem);left:calc(50% + var(--sidebar-width)/ 2);transform:translateX(-50%);padding:.35rem .8rem;background:var(--bg-content);box-shadow:0 4px 15px rgba(0,0,0,.1);border:1px solid var(--border-color);margin:0;z-index:100;animation:navPillsSlideIn .4s cubic-bezier(.16,1,.3,1)}@keyframes navPillsSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-12px)}100%{opacity:1;transform:translateX(-50%) translateY(0)}}.sidebar.collapsed~.main-content .module-nav-pills.scrolled,body:has(.sidebar.collapsed) .module-nav-pills.scrolled{left:50%;transition:left .3s ease-out,padding .25s ease-out,background .25s ease-out,box-shadow .25s ease-out}@media (max-width:1024px){.module-nav-pills.scrolled{position:static!important;transform:none!important;left:auto!important;top:auto!important;padding:.5rem 1rem!important;background:var(--bg-content)!important;box-shadow:0 4px 20px rgba(0,0,0,.05)!important;margin:0 auto!important;z-index:10!important}.module-nav-pills.scrolled .nav-pill{padding:.8rem 1.5rem!important;font-size:1rem!important;gap:.8rem!important}.module-nav-pills.scrolled .nav-pill .lucide,.module-nav-pills.scrolled .nav-pill i{width:20px!important;height:20px!important}}.module-nav-pills::-webkit-scrollbar{display:none}[data-theme=dark] .module-nav-pills{background:var(--bg-content);border-color:var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .module-nav-pills.scrolled{background:var(--bg-content);border-color:var(--border-color);box-shadow:0 4px 15px rgba(0,0,0,.3)}[data-theme=dark] .nav-pill{color:var(--text-secondary)}[data-theme=dark] .nav-pill:hover{color:var(--primary-accent);background:var(--bg-alt)}[data-theme=dark] .nav-pill.active{color:#fff;background:var(--primary-accent);box-shadow:0 4px 12px rgba(0,0,0,.4)}.nav-pill{background:0 0;border:none;padding:.8rem 1.5rem;border-radius:50px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;gap:.8rem;font-family:var(--font-headings);font-size:1rem;white-space:nowrap;flex-shrink:0;position:relative}.nav-pill.recommended::after{content:"⭐";position:absolute;top:-6px;right:-4px;font-size:.7rem;animation:pulse-star 2s ease-in-out infinite}@keyframes pulse-star{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.nav-pill.recommended:not(.active){background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(245,158,11,.1));border:1px solid rgba(251,191,36,.3)}.nav-pill.recommended:not(.active):hover{background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(245,158,11,.2));border-color:rgba(251,191,36,.5)}.nav-pill .lucide,.nav-pill i{width:20px;height:20px;flex-shrink:0;transition:all .25s cubic-bezier(.4, 0, .2, 1)}@media (min-width:1025px){.module-nav-pills.scrolled .nav-pill{padding:.5rem 1rem;font-size:.88rem;gap:.5rem}.module-nav-pills.scrolled .nav-pill .lucide,.module-nav-pills.scrolled .nav-pill i{width:17px;height:17px}}@media (max-width:768px){.module-nav-pills-container{padding:0 1rem;margin-bottom:1.5rem}.module-nav-pills,.module-nav-pills.scrolled{width:100%!important;max-width:100%!important;gap:.4rem!important;padding:.4rem .6rem!important;border-radius:16px!important;flex-wrap:nowrap!important;justify-content:center!important}.module-nav-pills.scrolled .nav-pill,.nav-pill{padding:.65rem 1rem!important;font-size:.9rem!important;gap:.5rem!important;flex:0 1 auto!important;border-radius:12px!important}.module-nav-pills.scrolled .nav-pill .lucide,.module-nav-pills.scrolled .nav-pill i,.nav-pill .lucide,.nav-pill i{width:18px!important;height:18px!important}}@media (max-width:640px){.module-nav-pills-container{padding:0 .75rem}.module-nav-pills,.module-nav-pills.scrolled{gap:.3rem!important;padding:.35rem .5rem!important;border-radius:14px!important;justify-content:space-between!important}.module-nav-pills.scrolled .nav-pill,.nav-pill{padding:.55rem .7rem!important;font-size:.82rem!important;gap:.35rem!important;flex:1!important;justify-content:center!important;border-radius:10px!important;min-width:0!important}.module-nav-pills.scrolled .nav-pill .lucide,.module-nav-pills.scrolled .nav-pill i,.nav-pill .lucide,.nav-pill i{width:16px!important;height:16px!important;flex-shrink:0!important}}@media (max-width:400px){.module-nav-pills,.module-nav-pills.scrolled{padding:.3rem .4rem!important;gap:.25rem!important}.module-nav-pills.scrolled .nav-pill,.nav-pill{padding:.5rem .55rem!important;font-size:.75rem!important;gap:.25rem!important}.nav-pill span{display:none}.module-nav-pills.scrolled .nav-pill .lucide,.module-nav-pills.scrolled .nav-pill i,.nav-pill .lucide,.nav-pill i{width:18px!important;height:18px!important}}.nav-pill:hover{color:var(--primary-accent);background:var(--bg-alt)}.nav-pill.active{background:var(--primary-accent);color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.3)}.nav-pill.active:hover{transform:translateY(-1px)}.content-card{background:var(--bg-content);border-radius:24px;padding:clamp(2.5rem,6vw,4rem);border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 40px -10px rgba(0,0,0,.08);margin-bottom:3rem}.content-card h2{font-size:2rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;letter-spacing:-.02em}.content-card .concept-section{box-shadow:none;border:none;padding:0;margin-top:0;background:0 0}@media (max-width:640px){.content-card{padding:1.5rem 1rem}.section-box.quiz{padding:0;margin-top:1rem}.quiz-question{padding:1rem;margin-bottom:1.5rem}.quiz-options li{padding:.8rem;padding-right:3rem;font-size:.95rem}.quiz-options li.selected::after{right:.8rem;width:24px;height:24px;font-size:.9rem}}.smart-nav-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:90%;max-width:800px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:12px 20px;box-shadow:0 10px 30px rgba(0,0,0,.1),0 4px 10px rgba(0,0,0,.05);z-index:1000;display:none;align-items:center;justify-content:space-between;transition:all .3s cubic-bezier(.4, 0, .2, 1)}@media (max-width:768px){.smart-nav-bar{display:flex}}[data-theme=dark] .smart-nav-bar{background:rgba(30,41,59,.95);border-color:rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.4),0 4px 10px rgba(0,0,0,.2)}[data-theme=dark] .nav-btn{color:var(--text-secondary)}[data-theme=dark] .nav-btn:hover:not(:disabled){background:rgba(255,255,255,.1);color:var(--text-primary)}[data-theme=dark] .nav-module-info{color:rgba(255,255,255,.7)}[data-theme=dark] .smart-nav-progress{background:rgba(255,255,255,.1)}.smart-nav-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.nav-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:none;background:0 0;color:var(--text-secondary);font-weight:600;font-family:var(--font-headings);cursor:pointer;transition:all .2s ease;font-size:.95rem}.nav-btn:hover:not(:disabled){background:var(--bg-alt);color:var(--text-primary);transform:translateY(-2px)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn.primary{background:var(--primary-accent);color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.2)}.nav-btn.primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,99,235,.3)}.nav-center{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.nav-module-info{font-size:.85rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}@media (max-width:640px){.smart-nav-bar{width:94%;bottom:12px;padding:10px 14px}.nav-btn span{display:none}.nav-btn{padding:10px}.nav-module-info{max-width:150px;font-size:.8rem}}.smart-nav-progress{width:100%;height:4px;background:var(--bg-alt);border-radius:2px;margin-top:4px;overflow:hidden;max-width:120px}.smart-nav-progress-fill{height:100%;background:var(--primary-accent);width:0%;transition:width .3s ease}.sidebar-sub-menu{list-style:none;padding:0;margin:0 0 0 1.8rem;border-left:none;overflow:hidden;animation:sidebarSlideDown .2s ease-out}@keyframes sidebarSlideDown{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.nav-sub-link{display:block;padding:3px 10px;font-size:.75rem;color:var(--text-muted);text-decoration:none;transition:all .1s;border-left:2px solid transparent;margin-left:-1px;line-height:1.3}.nav-sub-link:hover{color:var(--text-primary);background:rgba(0,0,0,.02)}.nav-sub-link.active{color:var(--primary-accent);font-weight:600;border-left-color:var(--primary-accent);background:var(--primary-light)}.nav-sub-link i{display:none}@keyframes tooltipFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(-8px)}}.sidebar-sub-menu.collapsed{display:none}.code-input{background:#0f172a;border:1px solid #475569;color:#38bdf8;border-radius:4px;padding:.2rem .5rem;font-family:inherit;font-size:inherit;min-width:80px;width:auto;max-width:200px;text-align:center;transition:all .2s;display:inline-block}.code-input:focus{outline:0;border-color:var(--primary-accent);box-shadow:0 0 0 2px rgba(99,102,241,.2)}.code-input.success{border-color:#10b981;background:rgba(16,185,129,.1);color:#10b981}.code-input.error{border-color:#ef4444;background:rgba(239,68,68,.1)}.exercise-feedback{margin-top:1rem;display:none;padding:1.5rem;border-radius:20px}.exercise-feedback.success{background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(16,185,129,.1));border:1px solid rgba(16,185,129,.3);color:#10b981;display:flex;justify-content:center}.exercise-feedback.visible{display:flex;justify-content:center}.exercise-feedback.error{background:rgba(239,68,68,.1);border:1px solid #ef4444;color:#ef4444;display:block}.sidebar ul li a,.sidebar-main-modules .nav-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.5rem}.sidebar ul li a i,.sidebar-main-modules .nav-link i{flex-shrink:0}.sidebar{display:flex;flex-direction:column}.mini-boost-badge{margin-left:auto;background:rgba(var(--primary-accent-rgb,99,102,241),.15);color:var(--primary-accent);padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:3px;cursor:help;transition:all .2s ease;position:relative}.mini-boost-badge:hover{background:rgba(var(--primary-accent-rgb,99,102,241),.25);transform:scale(1.05)}.sidebar-progress-header{position:relative}.mini-boost-badge{position:relative}.mini-boost-badge::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) scale(.9);background:var(--bg-card);color:var(--text-primary);padding:8px 12px;border-radius:8px;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;box-shadow:0 8px 16px rgba(0,0,0,.2);border:1px solid var(--border-color);z-index:100000}.mini-boost-badge::before{content:"";position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:var(--bg-card);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:100001}.mini-boost-badge:hover::after{opacity:1;transform:translateX(-50%) scale(1)}.mini-boost-badge:hover::before{opacity:1}@keyframes boostSlideInRight{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.mini-boost-badge::after{font-size:.7rem;padding:6px 10px;max-width:180px;white-space:normal;text-align:center;line-height:1.3}}.support-fab{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,var(--primary-accent) 0,#7c3aed 100%);color:#fff;border:none;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px rgba(139,92,246,.4);z-index:998;opacity:0;transform:translateY(20px) scale(.8);visibility:hidden;transition:all .5s cubic-bezier(.34, 1.56, .64, 1);font-family:inherit}.support-fab.visible{opacity:1;transform:translateY(0) scale(1);visibility:visible;animation:fab-pulse 2s ease-in-out infinite}.support-fab:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px rgba(139,92,246,.5);animation:none}.support-fab-icon{font-size:1.2rem}.support-fab-text{font-weight:600}@keyframes fab-pulse{0%,100%{box-shadow:0 4px 20px rgba(139,92,246,.4)}50%{box-shadow:0 4px 30px rgba(139,92,246,.6),0 0 0 8px rgba(139,92,246,.1)}}.support-menu-btn{color:var(--primary-accent)!important}.support-menu-btn i{color:#ef4444!important}@media (max-width:600px){.support-fab{bottom:16px;right:16px;padding:10px 16px;font-size:.85rem}}.support-modal-container{width:90%;max-width:520px;background:var(--bg-content);border-radius:24px;border:1px solid var(--border-color);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);overflow:hidden;display:flex;flex-direction:column;max-height:90vh;opacity:0;transform:scale(.9);transition:all .3s cubic-bezier(.34, 1.56, .64, 1)}.modal-overlay.active .support-modal-container{opacity:1;transform:scale(1)}.support-modal-header{background:linear-gradient(135deg,#f97316 0,#ea580c 100%);padding:1.25rem 1.5rem;position:relative;overflow:hidden;flex-shrink:0}.support-modal-header::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.support-modal-header-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:1rem}.support-modal-title-group h2{margin:0;color:#fff;font-size:1.35rem;font-weight:800;display:flex;align-items:center;gap:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.support-modal-title-group h2 i{width:22px;height:22px}.support-modal-title-group p{color:rgba(255,255,255,.9);font-size:.85rem;margin:.25rem 0 0 0;font-weight:500}.support-modal-close{background:rgba(255,255,255,.1);border:none;color:rgba(255,255,255,.9);cursor:pointer;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.support-modal-close:hover{background:rgba(255,255,255,.2);color:#fff;transform:rotate(90deg)}.support-modal-close i{width:20px;height:20px}.support-modal-body{padding:1.5rem;overflow-y:auto}.support-modal-intro{text-align:center;color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0 0 1.5rem 0}.support-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.support-option{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;background:var(--bg-alt);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all .2s ease;position:relative;text-decoration:none}.support-option:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.15);border-color:var(--primary-accent)!important}.support-option:active{transform:translateY(0)}.support-option.popular{background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(99,102,241,.03));border-color:var(--primary-accent)}.support-option.premium{background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(245,158,11,.05));border-color:rgba(251,191,36,.4)}.support-emoji{font-size:2rem;margin-bottom:.5rem}.support-label{font-weight:700;color:var(--text-primary);font-size:1rem}.support-price{color:var(--primary-accent);font-weight:800;font-size:1.1rem;margin-top:.25rem}.support-price.gold{color:#f59e0b}.support-badge{position:absolute;top:-10px;background:var(--primary-accent);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:20px}.support-divider{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:var(--text-secondary);font-size:.85rem}.support-divider::after,.support-divider::before{content:"";flex:1;height:1px;background:var(--border-color)}.support-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px rgba(249,115,22,.3);text-decoration:none}.support-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(249,115,22,.4);color:#fff}.support-submit i{width:20px;height:20px}.support-security{margin-top:1.25rem;padding:1rem;background:var(--bg-alt);border-radius:12px;border:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.8rem}.support-security i{width:16px;height:16px;color:#10b981;flex-shrink:0}.support-methods{margin-top:1.25rem;text-align:center;color:var(--text-secondary);font-size:.8rem}.support-methods-icons{display:flex;justify-content:center;gap:1rem;margin-top:.5rem;font-size:.75rem;opacity:.8}.code-locked{position:relative;border-radius:12px;overflow:hidden;margin:1rem 0;min-height:360px;background:linear-gradient(135deg,#f0f4ff 0,#e8ecf8 100%);border:1px solid rgba(168,85,247,.2)}[data-theme=dark] .code-locked{background:linear-gradient(135deg,#1a1a2e 0,#16213e 100%)}.code-locked.unlocked{min-height:auto;background:0 0;border:none}.code-locked .code-block-wrapper,.code-locked .code-card{filter:blur(8px);user-select:none;pointer-events:none;transition:filter .5s ease}.code-unlock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,255,255,.92) 0,rgba(245,245,255,.95) 100%);backdrop-filter:blur(4px);border-radius:12px;padding:2rem;gap:.75rem;z-index:10}[data-theme=dark] .code-unlock-overlay{background:linear-gradient(135deg,rgba(15,15,25,.92) 0,rgba(30,30,50,.95) 100%)}.code-unlock-icon{font-size:3rem;animation:lockPulse 2s ease-in-out infinite}@keyframes lockPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.code-unlock-title{font-size:1.25rem;font-weight:700;color:#1f2937;text-align:center}[data-theme=dark] .code-unlock-title{color:#fff}.code-unlock-desc{font-size:.9rem;color:#6b7280;text-align:center;max-width:280px;line-height:1.5}[data-theme=dark] .code-unlock-desc{color:#a1a1aa}.btn-unlock-code{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#a855f7 0,#7c3aed 100%);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(168,85,247,.3)}.btn-unlock-code:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(168,85,247,.4)}.btn-unlock-code:disabled{background:#374151;cursor:not-allowed;transform:none;box-shadow:none}.btn-unlock-code i{width:18px;height:18px}.unlock-price{display:flex;align-items:center;gap:.25rem;background:rgba(255,255,255,.15);padding:.25rem .6rem;border-radius:6px;font-weight:700}.code-locked.unlocked .code-block-wrapper,.code-locked.unlocked .code-card{filter:none;user-select:auto;pointer-events:auto}.code-locked.unlocked .code-unlock-overlay{opacity:0;pointer-events:none;transition:opacity .5s ease}.code-unlock-hint{font-size:.9rem;color:#6b7280;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1);width:100%;text-align:center}[data-theme=dark] .code-unlock-hint{color:#d1d5db;border-top-color:rgba(255,255,255,.15)}.code-unlock-hint a{color:#7c3aed;text-decoration:none;font-weight:600;padding:.6rem 1.25rem;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.25);border-radius:10px;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;cursor:pointer}[data-theme=dark] .code-unlock-hint a{color:#e9d5ff;background:rgba(168,85,247,.2);border-color:rgba(168,85,247,.3)}.code-unlock-hint a:hover{background:rgba(168,85,247,.2);border-color:rgba(168,85,247,.4);color:#6d28d9;transform:translateY(-2px);box-shadow:0 4px 12px rgba(168,85,247,.2)}[data-theme=dark] .code-unlock-hint a:hover{background:rgba(168,85,247,.35);border-color:rgba(168,85,247,.5);color:#fff;box-shadow:0 4px 12px rgba(168,85,247,.25)}.code-unlock-hint a::before{content:"📖";font-size:1rem}.pseudo-code-card{background:linear-gradient(135deg,#1a1a2e 0,#16213e 100%);border:1px dashed #4f46e5;border-radius:12px;padding:1.5rem;margin:1rem 0}.pseudo-code-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#818cf8;font-weight:600}.pseudo-code-header i{width:20px;height:20px}.pseudo-code-content{font-family:"Fira Code",monospace;font-size:.9rem;color:#e0e7ff;line-height:1.8}.pseudo-code-content .step{display:flex;gap:.75rem;margin-bottom:.5rem}.pseudo-code-content .step-num{color:#6366f1;font-weight:700;min-width:20px}.pseudo-code-content .hint{color:#6b7280;font-style:italic;font-size:.85rem;margin-left:28px}.project-difficulty{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;margin-left:.5rem}.project-difficulty.guided{background:rgba(34,197,94,.15);color:#22c55e}.project-difficulty.semi-guided{background:rgba(234,179,8,.15);color:#eab308}.project-difficulty.autonomous{background:rgba(239,68,68,.15);color:#ef4444}@media (max-width:640px){.code-unlock-overlay{padding:1.5rem 1rem}.code-unlock-icon{font-size:2.5rem}.code-unlock-title{font-size:1.1rem}.btn-unlock-code{padding:.6rem 1.2rem;font-size:.9rem}}.unlock-confirm-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.unlock-confirm-modal.active{opacity:1;pointer-events:auto}.unlock-confirm-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.unlock-confirm-content{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark] .unlock-confirm-content{background:#1f2937;border-color:#374151}.unlock-confirm-content h3{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 1rem 0}[data-theme=dark] .unlock-confirm-content h3{color:#f9fafb}.unlock-confirm-content p{color:#6b7280;margin:.5rem 0;line-height:1.6}[data-theme=dark] .unlock-confirm-content p{color:#9ca3af}.unlock-confirm-modal.active .unlock-confirm-content{transform:scale(1) translateY(0)}.unlock-confirm-icon{font-size:3.5rem;margin-bottom:1rem;animation:bounceIn .5s ease}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.unlock-confirm-content p strong{color:#a855f7;font-weight:700}.unlock-confirm-actions{display:flex;gap:.75rem;margin-top:1.5rem}.unlock-confirm-actions .btn-cancel{flex:1;padding:.75rem 1rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}[data-theme=dark] .unlock-confirm-actions .btn-cancel{background:#374151;border-color:#4b5563;color:#9ca3af}.unlock-confirm-actions .btn-cancel:hover{background:#e5e7eb;color:#374151}[data-theme=dark] .unlock-confirm-actions .btn-cancel:hover{background:#4b5563;color:#f3f4f6}.unlock-confirm-actions .btn-confirm{flex:1.5;padding:.75rem 1rem;background:linear-gradient(135deg,#a855f7 0,#7c3aed 100%);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 15px rgba(168,85,247,.3)}.unlock-confirm-actions .btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(168,85,247,.4)}.unlock-confirm-actions .btn-confirm i{width:16px;height:16px}.unlock-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100px);padding:1rem 1.5rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.5rem;z-index:10000;opacity:0;transition:all .3s cubic-bezier(.34, 1.56, .64, 1);box-shadow:0 10px 40px rgba(0,0,0,.2)}.unlock-toast.show{transform:translateX(-50%) translateY(0);opacity:1}.unlock-toast.success{background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);color:#fff}.unlock-toast.error{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);color:#fff}.unlock-toast i{width:20px;height:20px}@media (max-width:480px){.unlock-confirm-content{padding:1.5rem;margin:1rem}.unlock-confirm-icon{font-size:2.5rem}.unlock-confirm-content h3{font-size:1.25rem}.unlock-confirm-actions{flex-direction:column}.unlock-confirm-actions .btn-cancel,.unlock-confirm-actions .btn-confirm{flex:none;width:100%}.unlock-toast{width:calc(100% - 2rem);left:1rem;right:1rem;transform:translateX(0) translateY(100px)}.unlock-toast.show{transform:translateX(0) translateY(0)}}