:root{--color-primary:#f2b334;--color-primary-dark:#d99a1a;--color-primary-light:#fff4d6;--color-accent:#766e65;--color-accent-dark:#4a443e;--color-blue:#00188a;--color-yellow:#f2b334;--color-black:#766e65;--color-white:#fff;--color-bg:#faf8f5;--color-bg-warm:#f3efe8;--color-border:#766e6533;--color-success:#2e7d32;--color-error:#c62828;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow:0 4px 16px #4a443e14;--shadow-hover:0 8px 24px #4a443e24;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--transition:.2s ease}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-accent);background:var(--color-bg);margin:0;line-height:1.6}h1,h2,h3,h4{color:var(--color-accent-dark);margin-top:0}a{color:var(--color-primary-dark);transition:color var(--transition)}a:hover{color:var(--color-accent-dark)}button{cursor:pointer;font-family:inherit}.btn{border-radius:var(--radius-sm);transition:all var(--transition);border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-accent-dark);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background:var(--color-white);color:var(--color-accent-dark);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light)}.btn-dark{background:var(--color-accent-dark);color:var(--color-white)}.btn-dark:hover:not(:disabled){background:var(--color-accent)}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow var(--transition), transform var(--transition);padding:1.5rem}.card-interactive:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.input-group{margin-bottom:1rem}.input-group label{color:var(--color-accent-dark);align-items:center;gap:.4rem;margin-bottom:.35rem;font-weight:600;display:flex}.input-group input,.input-group select{border:2px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-accent-dark);background:var(--color-white);transition:border-color var(--transition), box-shadow var(--transition);padding:.75rem 1rem;font-size:1rem}.input-group input:focus,.input-group select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #f2b33440}.loading{text-align:center;color:var(--color-accent);padding:3rem 2rem}.loading-spinner{border:3px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s forwards fadeInUp}.error-msg{color:var(--color-error);border-radius:var(--radius-sm);background:#ffebee;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.success-msg{color:var(--color-success);border-radius:var(--radius-sm);background:#e8f5e9;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.badge{border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-done{background:var(--color-primary-light);color:var(--color-primary-dark);border:1px solid var(--color-primary)}.badge-pending{background:var(--color-bg-warm);color:var(--color-accent)}.page-header{margin-bottom:1.5rem}.page-header h2{align-items:center;gap:.6rem;margin-bottom:.35rem;font-size:1.75rem;display:flex}.page-header p{color:var(--color-accent);margin:0}.icon-box{border-radius:var(--radius-sm);background:var(--color-primary-light);width:40px;height:40px;color:var(--color-primary-dark);flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-box-sm{width:32px;height:32px}.icon-box-lg{border-radius:var(--radius);width:52px;height:52px}.school-logo{object-fit:contain;display:block}.school-logo--header{width:auto;height:44px}.school-logo--welcome{width:100%;max-width:280px;height:auto;margin:0 auto 1.25rem}.lang-toggle{color:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), border-color var(--transition);white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff47;align-items:center;gap:.4rem;padding:.5rem .9rem;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex}.lang-toggle:hover{background:#fff3}.lang-toggle--welcome{top:1.25rem;z-index:2;background:var(--color-accent);color:var(--color-white);border-color:#0000;position:absolute;inset-inline-end:1.25rem;box-shadow:0 4px 14px #4a443e40}.lang-toggle--welcome:hover{background:var(--color-accent-dark)}[dir=rtl] .quick-action-arrow,[dir=rtl] .lesson-actions .btn-secondary svg:last-child{transform:scaleX(-1)}[dir=rtl] body{font-family:Segoe UI,Tahoma,Arial,sans-serif}.welcome{background:linear-gradient(160deg, var(--color-accent-dark) 0%, var(--color-accent) 50%, var(--color-bg-warm) 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.welcome-bg-pattern{pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#f2b33426 0%,#0000 50%),radial-gradient(circle at 80% 70%,#f2b3341a 0%,#0000 40%);position:absolute;inset:0}.welcome-card{text-align:center;z-index:1;border:none;width:100%;max-width:500px;position:relative;box-shadow:0 12px 40px #4a443e33}.welcome-card h1{margin-bottom:.5rem;font-size:1.5rem}.welcome-desc{color:var(--color-accent);margin-bottom:1.25rem;font-size:.95rem}.welcome-features{text-align:left;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}.welcome-feature{background:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-accent-dark);transition:transform var(--transition);align-items:center;gap:.6rem;padding:.65rem .75rem;font-size:.85rem;font-weight:500;display:flex}.welcome-feature:hover{transform:scale(1.02)}.welcome-feature-icon{background:var(--color-primary);width:32px;height:32px;color:var(--color-accent-dark);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.welcome-btn{width:100%;margin-top:.5rem;padding:1rem;font-size:1.05rem}@media (width<=480px){.welcome-features{grid-template-columns:1fr}}.layout{flex-direction:column;min-height:100vh;display:flex}.header{background:linear-gradient(135deg, var(--color-accent-dark) 0%, var(--color-accent) 100%);color:var(--color-white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 20px #4a443e33}.header-brand{align-items:center;gap:1rem;display:flex}.header-title{color:var(--color-white);margin:0;font-size:1.2rem;font-weight:700}.header-sub{opacity:.9;align-items:center;gap:.35rem;margin:0;font-size:.85rem;display:flex}.header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.header-logout{color:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:#ffffff1a;border:1px solid #ffffff40;align-items:center;gap:.4rem;padding:.55rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;display:flex}.header-logout:hover{background:#ffffff2e}.nav{flex-wrap:wrap;gap:.4rem;display:flex}.nav-link{color:#ffffffd9;border-radius:var(--radius-sm);transition:all var(--transition);align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--color-white);background:#ffffff1f}.nav-link.active{background:var(--color-primary);color:var(--color-accent-dark);font-weight:600}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem}@media (width<=640px){.header{flex-direction:column;align-items:flex-start}.header-actions{flex-direction:column;align-items:stretch;width:100%}.nav{flex-wrap:nowrap;width:100%;padding-bottom:.25rem;overflow-x:auto}.nav-link{flex-shrink:0;padding:.5rem .75rem;font-size:.85rem}.nav-link span{display:none}.header-logout{justify-content:center;width:100%}.main{padding:1rem}}@media (width>=641px) and (width<=900px){.nav-link span{display:none}}.progress-ring{flex-shrink:0;position:relative}.progress-ring svg{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:var(--color-bg-warm)}.progress-ring-fill{fill:none;stroke:var(--color-primary);stroke-linecap:round;transition:stroke-dashoffset .6s}.progress-ring-label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.progress-ring-value{color:var(--color-accent-dark);font-size:1.5rem;font-weight:800;line-height:1}.progress-ring-text{color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-top:.15rem;font-size:.7rem}.progress-bar-wrap{margin-bottom:.5rem}.progress-bar-label{color:var(--color-accent-dark);margin-bottom:.35rem;font-size:.9rem;font-weight:600}.progress-bar-track{background:var(--color-bg-warm);border-radius:999px;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border-radius:999px;height:100%;transition:width .5s}.progress-bar-percent{text-align:right;color:var(--color-accent);margin-top:.2rem;font-size:.8rem}.dashboard-hero{background:linear-gradient(135deg, var(--color-white) 0%, var(--color-primary-light) 100%);border-color:#f2b3344d;align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex}.dashboard-hero h3{margin:0 0 .75rem;font-size:1.1rem}.dashboard-hero-content{flex:1}.dashboard-stats{flex-wrap:wrap;gap:1rem;margin-top:1.25rem;display:flex}.stat-card{background:var(--color-white);border-radius:var(--radius-sm);border:1px solid var(--color-border);flex:1;align-items:center;gap:.75rem;min-width:120px;padding:.75rem 1rem;display:flex}.stat-num{color:var(--color-accent-dark);font-size:1.25rem;font-weight:800;line-height:1.2;display:block}.stat-label{color:var(--color-accent);font-size:.8rem}.quick-actions{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.quick-action{color:inherit;align-items:center;gap:1rem;padding:1.25rem;text-decoration:none;display:flex}.quick-action-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.quick-action--gold .quick-action-icon{background:var(--color-primary-light);color:var(--color-primary-dark)}.quick-action--warm .quick-action-icon{background:var(--color-bg-warm);color:var(--color-accent)}.quick-action--dark .quick-action-icon{background:var(--color-accent-dark);color:var(--color-primary)}.quick-action-text{flex-direction:column;flex:1;gap:.15rem;display:flex}.quick-action-text strong{color:var(--color-accent-dark);font-size:.95rem}.quick-action-text span{color:var(--color-accent);font-size:.8rem}.quick-action-arrow{color:var(--color-primary-dark);transition:transform var(--transition);flex-shrink:0}.quick-action:hover .quick-action-arrow{transform:translate(4px)}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:1.5rem;display:grid}.dashboard-grid h3{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;display:flex}.checklist{max-height:420px;margin:0;padding:0;list-style:none;overflow-y:auto}.checklist li{border-radius:var(--radius-sm);transition:background var(--transition);align-items:center;gap:.5rem;padding:.55rem .5rem;display:flex}.checklist li:hover{background:var(--color-bg-warm)}.checklist li.done{opacity:.75}.checklist li.done .checklist-icon{color:var(--color-success)}.checklist-icon{color:var(--color-accent);flex-shrink:0}.checklist-lesson-icon{color:var(--color-primary-dark);flex-shrink:0}.checklist a{color:var(--color-accent-dark);font-size:.9rem;text-decoration:none}.status-card .status-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.85rem 0;display:flex}.status-card .status-item:last-child{border-bottom:none}.status-item-left{color:var(--color-accent-dark);align-items:center;gap:.6rem;font-weight:500;display:flex}.status-item-left svg{color:var(--color-primary-dark)}.status-value{color:var(--color-accent-dark);font-weight:700}@media (width<=768px){.dashboard-hero{text-align:center;flex-direction:column}.dashboard-grid{grid-template-columns:1fr}}.lesson-sidebar{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);min-width:260px;max-height:80vh;box-shadow:var(--shadow);padding:1rem;overflow-y:auto}.lesson-sidebar-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.lesson-sidebar-header h3{margin:0;font-size:1rem}.lesson-sidebar-count{background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.lesson-list{margin:0;padding:0;list-style:none}.lesson-item{border-radius:var(--radius-sm);color:var(--color-accent-dark);transition:all var(--transition);align-items:center;gap:.6rem;margin-bottom:.2rem;padding:.65rem .75rem;font-size:.85rem;text-decoration:none;display:flex}.lesson-item:hover{background:var(--color-bg-warm)}.lesson-item.active{background:var(--color-primary);color:var(--color-accent-dark);font-weight:600;box-shadow:0 2px 8px #f2b3344d}.lesson-icon-wrap{background:var(--color-primary-light);width:32px;height:32px;color:var(--color-primary-dark);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lesson-item.active .lesson-icon-wrap{background:#ffffff80}.lesson-info{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.lesson-num{opacity:.7;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.lesson-title{font-weight:500}.lesson-status{color:var(--color-accent);flex-shrink:0}.lesson-item.done .lesson-status{color:var(--color-success)}.lesson-item.active .lesson-status{color:var(--color-accent-dark)}@media (width<=768px){.lesson-sidebar{min-width:unset;max-height:none}}.lesson-page{align-items:flex-start;gap:1.5rem;display:flex}.lesson-content{flex:1}.lesson-header{border-bottom:2px solid var(--color-primary-light);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.lesson-header-left{align-items:flex-start;gap:1rem;display:flex}.lesson-header-icon{background:var(--color-primary-light);border-radius:var(--radius);width:52px;height:52px;color:var(--color-primary-dark);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lesson-header h2{margin:.25rem 0 0;font-size:1.4rem}.lesson-badge{background:var(--color-accent-dark);color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.lesson-body p{margin-bottom:1rem;line-height:1.7}.lesson-media{margin:1.5rem 0}.lesson-media-heading{color:var(--color-accent-dark);margin:0 0 1rem;font-size:1rem;font-weight:700}.lesson-media-grid{gap:1rem;display:grid}.lesson-media-item{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg-warm);margin:0;overflow:hidden}.lesson-media-item img,.lesson-media-item video{width:100%;height:auto;display:block}.lesson-media-video{grid-column:1/-1}.lesson-media-grid--steps{grid-template-columns:1fr}.lesson-media-item--step{flex-direction:column;display:flex}.lesson-media-step-header{background:var(--color-primary-light);border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:.75rem .85rem;display:flex}.lesson-media-step-num{background:var(--color-primary-dark);color:var(--color-white);border-radius:999px;flex-shrink:0;padding:.25rem .55rem;font-size:.75rem;font-weight:700}.lesson-media-step-title{color:var(--color-accent-dark);font-size:.95rem}.lesson-media-item figcaption{color:var(--color-text-muted,var(--color-accent));border-top:1px solid var(--color-border);padding:.75rem .85rem;font-size:.9rem;line-height:1.55}.lesson-table-wrap{margin:1.5rem 0;overflow-x:auto}.lesson-table{border-collapse:collapse;width:100%;font-size:.9rem}.lesson-table th,.lesson-table td{border:1px solid var(--color-border);text-align:left;vertical-align:top;padding:.65rem .75rem}.lesson-table th{background:var(--color-primary-light);color:var(--color-accent-dark);font-weight:700}.lesson-table tbody tr:nth-child(2n){background:var(--color-bg-warm)}.callout-lmt{border-radius:var(--radius);background:var(--color-bg-warm);border:1px solid var(--color-border);gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.lmt-email-list{margin:.5rem 0 0;padding-inline-start:0;list-style:none}.lmt-email-list li{flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;margin-bottom:.4rem;display:flex}.lmt-name{color:var(--color-accent-dark);font-weight:600}.lmt-email-list a{color:var(--color-primary-dark)}.lesson-subsection{border-top:2px solid var(--color-primary-light);margin:1.75rem 0 1rem;padding-top:1.25rem}.lesson-subsection-title{color:var(--color-accent-dark);margin:0 0 1rem;font-size:1.15rem}.lesson-tip{border-radius:var(--radius);background:var(--color-primary-light);color:var(--color-accent-dark);border:1px solid #f2b33459;align-items:flex-start;gap:.75rem;margin:1rem 0 1.25rem;padding:.9rem 1.1rem;display:flex}.lesson-tip p{margin:.25rem 0 0;line-height:1.55}.lesson-body a,.lesson-media-item figcaption a,.key-points a{color:var(--color-primary-dark);font-weight:600}.key-points{background:var(--color-primary-light);border-radius:var(--radius);border:1px solid #f2b3344d;margin:1.5rem 0;padding:1rem 1.25rem}.key-points-toggle{color:var(--color-accent-dark);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;margin-bottom:.5rem;padding:0;font-size:1rem;font-weight:700;display:flex}.key-points-toggle:hover{color:var(--color-primary-dark)}.key-points ul{margin:0;padding-left:0;list-style:none}.key-points li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.key-points li:before{content:"✦";color:var(--color-primary-dark);font-size:.8rem;position:absolute;left:0}.callout{border-radius:var(--radius);align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.callout svg{flex-shrink:0;margin-top:.15rem}.callout strong{color:var(--color-accent-dark);margin-bottom:.25rem;display:block}.callout p{margin:0;font-size:.9rem}.callout-practice{background:var(--color-bg-warm);border:1px solid var(--color-border);color:var(--color-accent)}.callout-practice svg{color:var(--color-accent)}.callout-note{background:var(--color-primary-light);color:var(--color-accent-dark);border:1px solid #f2b33473;margin:0 0 1.5rem}.callout-note p{line-height:1.6}.callout-toddle{background:var(--color-primary-light);color:var(--color-accent-dark);border:1px solid #f2b33466}.callout-toddle svg{color:var(--color-primary-dark)}.lesson-actions{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}@media (width<=768px){.lesson-page{flex-direction:column}}.quiz-intro{text-align:center;max-width:520px;margin:0 auto}.quiz-intro-icon{background:var(--color-primary-light);width:72px;height:72px;color:var(--color-primary-dark);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.quiz-intro-features{text-align:left;flex-direction:column;gap:.6rem;margin:1.25rem 0;display:flex}.quiz-intro-feature{background:var(--color-bg-warm);border-radius:var(--radius-sm);color:var(--color-accent-dark);align-items:center;gap:.6rem;padding:.6rem .85rem;font-size:.9rem;display:flex}.quiz-intro-feature svg{color:var(--color-primary-dark);flex-shrink:0}.quiz-best{background:var(--color-primary-light);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.6rem 1rem}.quiz-card h3{margin-bottom:1.25rem;line-height:1.4}.quiz-type-badge{background:var(--color-primary-light);color:var(--color-primary-dark);text-transform:capitalize;border:1px solid #f2b33466;border-radius:999px;margin-bottom:.75rem;padding:.25rem .7rem;font-size:.75rem;font-weight:700;display:inline-block}.quiz-options{flex-direction:column;gap:.5rem;display:flex}.quiz-option{border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:var(--color-white);align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex}.quiz-option:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.quiz-option.selected{border-color:var(--color-primary-dark);background:var(--color-primary-light);box-shadow:0 2px 8px #f2b33433}.quiz-option input{accent-color:var(--color-primary-dark);flex-shrink:0;margin-top:.2rem}.quiz-hint{color:var(--color-accent);margin-bottom:.5rem;font-size:.85rem}.quiz-tf{gap:1rem;display:flex}.quiz-tf-btn{background:var(--color-white);color:var(--color-accent-dark);border:2px solid var(--color-border);flex:1}.quiz-tf-btn.selected{background:var(--color-primary);color:var(--color-accent-dark);border-color:var(--color-primary-dark)}.quiz-fill-input{border:2px solid var(--color-border);border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition), box-shadow var(--transition);padding:.9rem 1rem;font-size:1rem}.quiz-fill-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #f2b33440}.quiz-matching{flex-direction:column;gap:.75rem;display:flex}.match-row{background:var(--color-bg-warm);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem;display:flex}.match-left{min-width:140px;color:var(--color-accent-dark);flex:1;font-weight:600}.match-row select{border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);flex:2;min-width:200px;padding:.6rem;font-size:.95rem}.match-row select:focus{border-color:var(--color-primary);outline:none}.quiz-feedback{border-radius:var(--radius-sm);flex-direction:column;gap:.35rem;margin-top:1.25rem;padding:1rem;font-weight:600;display:flex}.quiz-feedback.correct{color:var(--color-success);background:#e8f5e9}.quiz-feedback.incorrect{color:var(--color-error);background:#ffebee}.quiz-feedback p{color:var(--color-accent);margin:0;font-weight:400}.quiz-nav{margin-top:1.5rem}.quiz-results{text-align:center;max-width:480px;margin:0 auto}.quiz-score-circle{background:var(--color-bg-warm);width:130px;height:130px;color:var(--color-accent-dark);border:4px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;margin:1.5rem auto;font-size:2.25rem;font-weight:800;transition:all .4s;display:flex}.quiz-score-circle.passed{background:var(--color-primary);color:var(--color-accent-dark);border-color:var(--color-primary-dark);box-shadow:0 4px 20px #f2b33466}.quiz-results-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.leaderboard-empty{text-align:center;color:var(--color-accent);padding:3rem 2rem}.leaderboard-notice{background:var(--color-bg-warm);border:1px solid var(--color-border);margin-bottom:1rem;padding:1rem 1.25rem}.leaderboard-notice p{color:var(--color-accent);margin:0;font-size:.9rem;line-height:1.55}.leaderboard-empty svg{color:var(--color-primary);opacity:.6;margin-bottom:1rem}.podium{justify-content:center;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.podium-place{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius);text-align:center;max-width:180px;transition:transform var(--transition);flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:1.25rem 1rem;display:flex}.podium-place:hover{transform:translateY(-4px)}.podium-1{background:linear-gradient(180deg, var(--color-primary-light) 0%, var(--color-white) 100%);border-color:var(--color-primary);order:2;padding-bottom:2rem}.podium-2{order:1;padding-bottom:1.5rem}.podium-3{order:3;padding-bottom:1rem}.podium-medal{color:var(--color-primary-dark);margin-bottom:.25rem}.podium-rank{color:var(--color-accent);text-transform:uppercase;font-size:.75rem;font-weight:700}.podium-place strong{color:var(--color-accent-dark);font-size:.95rem}.podium-dept{color:var(--color-accent);font-size:.8rem}.podium-score{color:var(--color-primary-dark);margin-top:.25rem;font-size:1.25rem;font-weight:800}.leaderboard-table-wrap{overflow-x:auto}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th,.leaderboard-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.85rem 1rem}.leaderboard-table th{color:var(--color-accent-dark);background:var(--color-bg-warm);font-size:.85rem;font-weight:700}.leaderboard-table th svg{vertical-align:middle;margin-right:.2rem}.leaderboard-table tr.top-3{background:var(--color-primary-light)}.leaderboard-table tr.is-me{background:#f2b33433;font-weight:600}.rank-badge{background:var(--color-bg-warm);width:28px;height:28px;color:var(--color-accent-dark);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.top-3 .rank-badge{background:var(--color-primary);color:var(--color-accent-dark)}.you-tag{background:var(--color-primary);color:var(--color-accent-dark);text-transform:uppercase;border-radius:4px;margin-left:.4rem;padding:.1rem .4rem;font-size:.7rem;font-weight:700;display:inline-block}.my-rank{margin-top:1.5rem}.my-rank h3{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;display:flex}@media (width<=640px){.podium{flex-direction:column;align-items:center}.podium-place{width:100%;max-width:100%;order:unset!important;padding-bottom:1.25rem!important}.leaderboard-table th,.leaderboard-table td{padding:.6rem .5rem;font-size:.8rem}}