:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif:Georgia, "Times New Roman", Times, serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius:6px;--bg-app:#edf2f7;--bg-surface:#fff;--bg-surface-subtle:#f8fafc;--bg-surface-hover:#f1f5f9;--bg-input:#fff;--border:#cbd5e1;--border-strong:#94a3b8;--border-divider:#e2e8f0;--border-focus:#0f172a;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-inverse:#fff;--accent-primary:#0f172a;--accent-primary-hover:#1e293b;--accent-primary-text:#fff;--color-success:#15803d;--color-success-bg:#f0fdf4;--color-success-border:#86efac;--color-danger:#b91c1c;--color-danger-bg:#fef2f2;--color-danger-border:#fca5a5;--color-badge-board:#0284c7;--color-badge-board-bg:#f0f9ff;--color-badge-board-border:#7dd3fc;--color-badge-ext:#d97706;--color-badge-ext-bg:#fffbeb;--color-badge-ext-border:#fde68a;--shadow-card:0 1px 3px #0f172a14, 0 1px 2px #0f172a0d;--shadow-subtle:0 1px 3px #0f172a14;--shadow-modal:0 20px 25px -5px #0f172a1a, 0 10px 10px -5px #0f172a0a}[data-theme=dark]{--bg-app:#09090b;--bg-surface:#141417;--bg-surface-subtle:#1c1c21;--bg-surface-hover:#26262d;--bg-input:#141417;--border:#2e2e36;--border-strong:#4a4a55;--border-divider:#24242c;--border-focus:#f4f4f5;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-inverse:#09090b;--accent-primary:#f4f4f5;--accent-primary-hover:#e4e4e7;--accent-primary-text:#09090b;--color-success:#4ade80;--color-success-bg:#22c55e1f;--color-success-border:#22c55e4d;--color-danger:#f87171;--color-danger-bg:#ef44441f;--color-danger-border:#ef44444d;--color-badge-board:#38bdf8;--color-badge-board-bg:#38bdf81f;--color-badge-board-border:#38bdf84d;--color-badge-ext:#fbbf24;--color-badge-ext-bg:#fbbf241f;--color-badge-ext-border:#fbbf244d;--shadow-card:0 1px 3px #0006;--shadow-subtle:0 1px 2px #00000080;--shadow-modal:0 16px 36px #000c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;line-height:1.5;display:flex}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.app-navbar{z-index:100;background-color:var(--bg-surface);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-8);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;max-width:1680px;margin:0 auto;display:flex}.brand-wrapper{align-items:center;gap:var(--space-3);color:var(--text-primary);cursor:pointer;text-decoration:none;display:flex}.brand-title{letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.brand-sub{color:var(--text-muted);border-left:1px solid var(--border);padding-left:var(--space-2);margin-left:var(--space-1);font-size:.8125rem}.nav-links{align-items:center;gap:var(--space-1);list-style:none;display:flex}.nav-item-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;font-size:.9375rem;font-weight:500;transition:color .15s,background-color .15s}.nav-item-btn:hover{color:var(--text-primary);background-color:var(--bg-surface-subtle)}.nav-item-btn.active{color:var(--text-primary);background-color:var(--bg-surface-subtle);border-color:var(--border);font-weight:600}.nav-actions{align-items:center;gap:var(--space-3);display:flex}.icon-btn{border-radius:var(--radius);background-color:var(--bg-surface);border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:.9rem;transition:all .15s;display:inline-flex}.icon-btn:hover{color:var(--text-primary);background-color:var(--bg-surface-subtle);border-color:var(--border-strong)}.streak-indicator{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background-color:var(--bg-surface-subtle);border:1px solid var(--border);color:var(--text-secondary);font-size:.875rem;font-weight:600;display:inline-flex}.app-main{width:100%;max-width:1680px;padding:var(--space-8) var(--space-8) var(--space-12);flex:1;margin:0 auto}.view-pane{display:none}.view-pane.active-view{display:block}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;font-size:.875rem;font-weight:500;line-height:1.25rem;text-decoration:none;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:active{opacity:.85}.btn-primary{background-color:var(--accent-primary);color:var(--accent-primary-text);border-color:var(--accent-primary)}.btn-primary:hover{background-color:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background-color:var(--bg-surface-subtle);border-color:var(--border-strong)}.btn-outline{color:var(--text-primary);border-color:var(--border);background-color:#0000}.btn-outline:hover{background-color:var(--bg-surface-subtle);border-color:var(--border-strong)}.btn-danger{background-color:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.btn-danger:hover{background-color:#fee2e2}[data-theme=dark] .btn-danger:hover{background-color:#ef444433}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.8125rem;line-height:1.125rem}.btn-lg{padding:var(--space-3) var(--space-6);font-size:.9375rem}.badge{padding:2px var(--space-2);border-radius:var(--radius);letter-spacing:.01em;align-items:center;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-flex}.badge-core{background-color:var(--color-badge-board-bg);border:1px solid var(--color-badge-board-border);color:var(--color-badge-board)}.badge-extension{background-color:var(--color-badge-ext-bg);border:1px solid var(--color-badge-ext-border);color:var(--color-badge-ext)}.badge-subtle{background-color:var(--bg-surface-subtle);border:1px solid var(--border);color:var(--text-secondary)}.badge-success{background-color:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.badge-danger{background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger)}.card-divider{background-color:var(--border-divider);height:1px;margin:var(--space-4) 0;border:0;width:100%}.hero-block{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-9) var(--space-8);margin-bottom:var(--space-8)}.hero-title{letter-spacing:-.025em;margin-bottom:var(--space-3);color:var(--text-primary);font-size:2.25rem;font-weight:700}.hero-desc{color:var(--text-secondary);max-width:960px;font-size:1.0625rem;line-height:1.75}.hero-actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.stat-grid{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.stat-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-6) var(--space-6);flex-direction:column;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-2);font-size:.8125rem;font-weight:600}.stat-value{letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:var(--text-primary);margin-bottom:var(--space-3);font-size:2.35rem;font-weight:700;line-height:1.15}.stat-sub{color:var(--text-secondary);padding-top:var(--space-3);border-top:1px solid var(--border-divider);font-size:.875rem;line-height:1.4}.section-header{margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-divider);justify-content:space-between;align-items:baseline;display:flex}.section-title{letter-spacing:-.01em;color:var(--text-primary);font-size:1.25rem;font-weight:600}.section-subtitle{color:var(--text-muted);margin-top:2px;font-size:.875rem}.topic-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(430px,1fr));display:grid}.topic-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-8) var(--space-7);flex-direction:column;justify-content:space-between;min-height:290px;transition:border-color .15s;display:flex}.topic-card:hover{border-color:var(--border-strong)}.topic-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.topic-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.35}.topic-desc{color:var(--text-secondary);padding:var(--space-1) 0;flex:1;font-size:.9375rem;line-height:1.65}.topic-progress-wrap{gap:var(--space-2);padding:var(--space-3) 0;flex-direction:column;display:flex}.topic-progress-info{color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.875rem;font-weight:500;display:flex}.progress-track{background-color:var(--bg-surface-subtle);border:1px solid var(--border-divider);border-radius:var(--radius);height:8px;overflow:hidden}.progress-fill{background-color:var(--accent-primary);height:100%;transition:width .2s}.topic-card-footer{padding-top:var(--space-4);border-top:1px solid var(--border-divider);margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.topic-mastery-text{color:var(--text-primary);font-size:.9375rem;font-weight:600}.dash-columns{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.panel-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-8)}.mistake-list{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.mistake-item{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-surface-subtle);gap:var(--space-2);flex-direction:column;font-size:.9375rem;line-height:1.5;display:flex}.mistake-item-q{color:var(--text-primary);font-weight:600}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-secondary);font-size:.875rem;line-height:1.6}.filter-panel{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);margin-bottom:var(--space-6)}.filter-row{gap:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.form-group{gap:var(--space-1);flex-direction:column;flex:1;min-width:160px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:.75rem;font-weight:600}.form-select,.form-input{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius);background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);outline:none;font-family:inherit;font-size:.875rem;line-height:1.25rem}.form-select:focus,.form-input:focus{border-color:var(--border-focus)}.practice-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-9) var(--space-8);margin-bottom:var(--space-6)}.practice-status-bar{margin-bottom:var(--space-5);color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.q-question-text{margin-bottom:var(--space-5);color:var(--text-primary);font-size:1.25rem;font-weight:500;line-height:1.7}.q-instruction-box{background-color:var(--bg-surface-subtle);border-left:3px solid var(--text-primary);padding:var(--space-4) var(--space-5);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:var(--space-6)}.q-instruction-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;margin-bottom:var(--space-1);font-size:.75rem;font-weight:600}.q-instruction-content{color:var(--text-primary);font-size:1rem;font-style:italic}.answer-input-group{gap:var(--space-3);flex-direction:column;display:flex}.answer-input{width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius);border:1px solid var(--border-strong);background-color:var(--bg-input);color:var(--text-primary);outline:none;font-family:inherit;font-size:1.0625rem}.answer-input:focus{border-color:var(--border-focus)}.feedback-box{padding:var(--space-4);border-radius:var(--radius);margin-top:var(--space-6);font-size:.875rem}.feedback-correct{background-color:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.feedback-incorrect{background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger)}.feedback-headline{margin-bottom:var(--space-2);font-size:.9375rem;font-weight:600}.feedback-body{color:var(--text-primary);gap:var(--space-1);flex-direction:column;display:flex}.feedback-explanation{margin-top:var(--space-3);padding-top:var(--space-2);color:var(--text-secondary);border-top:1px solid #00000014;font-size:.8125rem}[data-theme=dark] .feedback-explanation{border-top-color:#ffffff14}.exam-paper-container{max-width:1180px;margin:0 auto}.exam-top-sticky{z-index:90;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex;position:sticky;top:56px}.exam-timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:1.25rem;font-weight:700}.exam-timer-urgent{color:var(--color-danger)}.exam-paper-sheet{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-12) var(--space-10);font-family:var(--font-serif)}.paper-official-header{text-align:center;border-bottom:1px solid var(--border);padding-bottom:var(--space-6);margin-bottom:var(--space-8)}.paper-council{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.8125rem;font-weight:600;font-family:var(--font-sans);margin-bottom:var(--space-1)}.paper-title{margin-bottom:var(--space-1);font-size:1.25rem;font-weight:700}.paper-q-heading{margin-top:var(--space-4);margin-bottom:var(--space-1);font-size:1.125rem;font-weight:700}.paper-q-subinstruction{color:var(--text-secondary);font-size:.9375rem;font-style:italic}.paper-subpart-block{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.paper-subpart-header{margin-bottom:var(--space-4);font-size:1rem;font-weight:700;line-height:1.5}.paper-subpart-header .marks-tag{float:right;font-weight:600}.paper-item{margin-bottom:var(--space-5)}.paper-item-prompt{margin-bottom:var(--space-2);font-size:1rem;line-height:1.6}.paper-input-slot{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--border-strong);background-color:var(--bg-input);color:var(--text-primary);outline:none;font-family:inherit;font-size:.9375rem}.paper-input-slot:focus{border-color:var(--border-focus)}.exam-passage-text{text-align:justify;margin-bottom:var(--space-6);background-color:var(--bg-surface-subtle);padding:var(--space-5);border-radius:var(--radius);border:1px solid var(--border);font-size:1.0625rem;line-height:2}.passage-blanks-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.blank-slot-item{align-items:center;gap:var(--space-2);background-color:var(--bg-surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--border);display:flex}.blank-slot-num{font-weight:700;font-family:var(--font-mono);min-width:28px;color:var(--text-muted);font-size:.8125rem}.blank-slot-input{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text-primary);outline:none;flex:1;font-family:inherit;font-size:.875rem}.blank-slot-input:focus{border-color:var(--border-focus)}.scorecard-box{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-8);text-align:center;margin-bottom:var(--space-6)}.scorecard-marks-big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:var(--space-2) 0;font-size:3rem;font-weight:800}.scorecard-subparts{gap:var(--space-3);max-width:520px;margin:var(--space-5) auto 0;grid-template-columns:repeat(3,1fr);display:grid}.scorecard-subpart-chip{background-color:var(--bg-surface-subtle);border:1px solid var(--border);padding:var(--space-3);border-radius:var(--radius)}.browser-table-wrap{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-surface);overflow-x:auto}.browser-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.browser-table th{background-color:var(--bg-surface-subtle);padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;font-weight:600}.browser-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.browser-table tr:hover{background-color:var(--bg-surface-subtle)}.modal-overlay{z-index:500;padding:var(--space-4);background-color:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}[data-theme=dark] .modal-overlay{background-color:#000000b3}.modal-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:540px;padding:var(--space-6);box-shadow:var(--shadow-modal)}.modal-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:1.125rem;font-weight:600}.modal-footer{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:1000;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{pointer-events:auto;padding:var(--space-3) var(--space-4);border-radius:var(--radius);background-color:var(--accent-primary);color:var(--accent-primary-text);border:1px solid var(--border);box-shadow:var(--shadow-modal);font-size:.8125rem;font-weight:500}.app-footer{background-color:var(--bg-surface);border-top:1px solid var(--border);padding:var(--space-12) var(--space-8) var(--space-8);color:var(--text-secondary);margin-top:auto;font-size:.875rem}.footer-inner{width:100%;max-width:1680px;margin:0 auto}.footer-grid{gap:var(--space-8);margin-bottom:var(--space-10);grid-template-columns:1.5fr 1fr 1fr 1fr;display:grid}.footer-col{flex-direction:column;display:flex}.footer-col-brand{padding-right:var(--space-4)}.footer-brand-title{letter-spacing:-.015em;color:var(--text-primary);margin-bottom:var(--space-1);font-size:1.25rem;font-weight:700}.footer-brand-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-3);font-size:.75rem;font-weight:600}.footer-desc{color:var(--text-secondary);margin-bottom:var(--space-5);max-width:420px;font-size:.875rem;line-height:1.65}.footer-creator-card{background-color:var(--bg-surface-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-5);align-items:flex-start;gap:var(--space-2);flex-direction:column;max-width:360px;display:flex}.footer-creator-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.7rem;font-weight:600}.footer-creator-name{color:var(--text-primary);font-size:1.125rem;font-weight:700;line-height:1.2}.footer-github-btn{align-items:center;gap:var(--space-2);margin-top:var(--space-1);padding:var(--space-2) var(--space-3);background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.footer-github-btn:hover{background-color:var(--bg-surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.github-svg-icon{fill:currentColor;flex-shrink:0}.github-handle{font-weight:600}.github-ext-arrow{color:var(--text-muted);font-size:.875rem;transition:transform .15s}.footer-github-btn:hover .github-ext-arrow{color:var(--text-primary);transform:translate(2px,-2px)}.footer-col-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-1);border-bottom:1px solid var(--border-divider);font-size:.8125rem;font-weight:700}.footer-links-list{gap:var(--space-3);flex-direction:column;font-size:.875rem;list-style:none;display:flex}.footer-nav-link{color:var(--text-secondary);cursor:pointer;line-height:1.4;text-decoration:none;transition:color .15s}.footer-nav-link:hover{color:var(--text-primary);text-decoration:underline}.footer-syllabus-part{font-family:var(--font-mono);color:var(--text-muted);min-width:58px;font-size:.75rem;font-weight:600;display:inline-block}.footer-specs{gap:var(--space-3);flex-direction:column;font-size:.8125rem;display:flex}.spec-row{padding-bottom:var(--space-2);border-bottom:1px solid var(--border-divider);justify-content:space-between;align-items:center;display:flex}.spec-name{color:var(--text-muted)}.spec-val{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.footer-sub-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--border-divider);color:var(--text-muted);flex-wrap:wrap;font-size:.8125rem;display:flex}.footer-sub-left{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer-copyright strong{color:var(--text-primary)}.footer-status-pill{padding:2px var(--space-2);border-radius:var(--radius);background-color:var(--bg-surface-subtle);border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;font-weight:500;display:inline-flex}.status-indicator-dot{background-color:var(--color-success);border-radius:50%;width:6px;height:6px}.footer-back-to-top-btn{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:600;transition:all .15s}.footer-back-to-top-btn:hover{background-color:var(--bg-surface-subtle);border-color:var(--border-strong);color:var(--text-primary)}@media (width<=768px){.app-navbar{padding:var(--space-3) var(--space-4);flex-wrap:wrap}.nav-links{width:100%;padding-top:var(--space-2);-webkit-overflow-scrolling:touch;order:3;overflow-x:auto}.app-main{padding:var(--space-5) var(--space-4) var(--space-8)}.dash-columns{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:1fr}.exam-top-sticky{top:0}.exam-paper-sheet{padding:var(--space-6) var(--space-4)}.scorecard-subparts{grid-template-columns:1fr}.footer-grid{gap:var(--space-6);grid-template-columns:1fr}.footer-sub-bar{align-items:flex-start;gap:var(--space-4);flex-direction:column}}@media (width>=769px) and (width<=1100px){.footer-grid{gap:var(--space-6);grid-template-columns:1fr 1fr}}