:root{--bg:#f5f7fb;--surface:#fff;--text:#0f172a;--muted:#64748b;--primary:#2563eb;--primary-dark:#1d4ed8;--border:#e2e8f0;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--code:#0f172a;--shadow:0 2px 8px #0f172a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:15px;line-height:1.55}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:24px}.container.wide{max-width:1400px}.container.narrow{max-width:680px}.header{color:#fff;z-index:10;background:#0f172a;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.header .brand{color:#fff;font-size:18px;font-weight:700}.header nav a{color:#cbd5e1;margin-left:16px;font-size:14px}.header nav a:hover{color:#fff}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;margin-bottom:16px;padding:20px}.card h2,.card h3{margin-top:0}.btn{border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn.secondary{color:var(--primary);background:#fff}.btn.secondary:hover{background:#f1f5f9}.btn.danger{background:var(--danger);border-color:var(--danger)}.btn.danger:hover{background:#b91c1c}.btn.sm{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px}textarea{resize:vertical;min-height:80px}.input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb26}label{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.field{margin-bottom:14px}.row{flex-wrap:wrap;gap:12px;display:flex}.row>*{flex:1}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 12px}.table th{color:var(--muted);text-transform:uppercase;background:#f1f5f9;font-size:12px;font-weight:600}.table tr:hover td{background:#f8fafc}.badge{color:#3730a3;background:#e0e7ff;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.badge.success{color:#166534;background:#dcfce7}.badge.danger{color:#991b1b;background:#fee2e2}.badge.warning{color:#92400e;background:#fef3c7}.badge.mono{color:#fff;letter-spacing:.5px;background:#0f172a;font-family:SF Mono,Menlo,Consolas,monospace}.muted{color:var(--muted);font-size:13px}.error{color:var(--danger);margin-top:10px;font-size:14px}.success-text{color:var(--success);font-weight:600}.center{justify-content:center;align-items:center;min-height:60vh;display:flex}.stack>*+*{margin-top:12px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.option{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:8px;padding:10px 12px;transition:all .15s;display:flex}.option:hover{border-color:var(--primary);background:#f8faff}.option.selected{border-color:var(--primary);background:#eff6ff;box-shadow:0 0 0 2px #2563eb26}.option input[type=radio],.option input[type=checkbox]{margin-top:3px}.option .letter{min-width:24px;color:var(--primary);font-weight:700}.question-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:10px;margin-bottom:12px;padding:18px}.question-card.answered{border-left:3px solid var(--success)}.question-number{color:var(--primary);font-size:14px;font-weight:700}.question-text{white-space:pre-wrap;margin:8px 0 14px;font-size:15px}.rt-img{border:1px solid #e5e7eb;border-radius:6px;max-width:100%;max-height:360px;margin:6px 4px;display:inline-block}.rt-formula{background:#fef3c7;border:1px solid #fde68a;border-radius:4px;margin:0 2px;padding:0 6px;font-family:Cambria Math,STIX Two Math,Latin Modern Math,serif;font-style:italic;display:inline-block}.rt-table{border-collapse:collapse;background:#fff;width:auto;max-width:100%;margin:8px 0;font-size:14px;display:table}.rt-table td{vertical-align:top;white-space:pre-wrap;border:1px solid #cbd5e1;padding:6px 10px}.rt-table tr:first-child td{background:#f1f5f9;font-weight:600}.sidebar-nav{border:1px solid var(--border);background:#fff;border-radius:10px;max-height:calc(100vh - 90px);padding:14px;position:sticky;top:70px;overflow-y:auto}.q-dot{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;margin:3px;font-size:13px;display:inline-flex}.q-dot.answered{color:#166534;background:#dcfce7;border-color:#86efac;font-weight:600}.q-dot.current{box-shadow:0 0 0 2px var(--primary)}.timer{color:#fff;text-align:center;background:#0f172a;border-radius:8px;padding:10px 16px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:16px;font-weight:600}.timer.warning{background:var(--warning)}.timer.danger{background:var(--danger)}.score-hero{background:linear-gradient(135deg, var(--primary) 0%, #0ea5e9 100%);color:#fff;text-align:center;border-radius:14px;margin-bottom:18px;padding:28px}.score-hero .big{font-size:52px;font-weight:700;line-height:1}.score-hero .label{opacity:.85;margin-top:8px;font-size:14px}.podium{grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:12px;margin-bottom:20px;display:grid}.podium .step{text-align:center;box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;border-radius:10px;padding:16px}.podium .step.first{color:#fff;background:linear-gradient(#fbbf24,#f59e0b);border-color:#f59e0b}.podium .step.second{color:#fff;background:linear-gradient(#cbd5e1,#94a3b8);border-color:#94a3b8}.podium .step.third{color:#fff;background:linear-gradient(#fb923c,#ea580c);border-color:#ea580c}.podium .step .rank{font-size:28px;font-weight:800}.podium .step .name{margin:6px 0;font-weight:600}.podium .step .score{font-size:22px;font-weight:700}.explain-correct{color:var(--success);font-weight:600}.explain-wrong{color:var(--danger);font-weight:600}.correct-highlight{background:#dcfce7;border-color:#86efac!important}.wrong-highlight{background:#fee2e2;border-color:#fca5a5!important}.home-hero{text-align:center;padding:60px 20px 30px}.home-hero h1{margin:0 0 12px;font-size:40px}.home-hero p{color:var(--muted);max-width:640px;margin:0 auto;font-size:18px}.pill-tabs{border-bottom:1px solid var(--border);gap:6px;margin-bottom:16px;display:flex}.pill-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:14px;font-weight:500}.pill-tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.exam-toolbar{border:1px solid var(--border);box-shadow:var(--shadow);z-index:20;background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex;position:sticky;top:56px}.exam-toolbar-info{flex:200px;min-width:0}.exam-toolbar-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;line-height:1.2;overflow:hidden}.exam-toolbar-meta{font-size:13px}.exam-toolbar-actions{align-items:center;gap:8px;display:flex}.exam-grid{grid-template-columns:minmax(0,1fr) 280px;gap:16px;display:grid}.exam-nav-buttons{justify-content:space-between;gap:10px;margin-top:16px;display:flex}.q-dot-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px;display:grid}.q-dot-grid .q-dot{width:auto;margin:0}.nav-drawer-toggle{width:100%;margin-bottom:12px;display:none}.nav-drawer-backdrop{z-index:200;background:#0f172a8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.nav-drawer{background:#fff;border-radius:14px 14px 0 0;width:100%;max-width:560px;max-height:80vh;padding:16px;overflow-y:auto;box-shadow:0 -8px 24px #0003}.nav-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}@media (width<=768px){.home-hero h1{font-size:28px}.container{padding:14px}.header{padding:12px 14px}.header nav a{margin-left:10px;font-size:13px}.exam-grid{grid-template-columns:minmax(0,1fr)}.exam-sidebar{display:none}.nav-drawer-toggle{display:inline-flex}.exam-toolbar{gap:8px;padding:10px 12px;top:50px}.exam-toolbar-title{font-size:15px}.exam-toolbar-meta{font-size:12px}.timer{padding:6px 10px;font-size:14px}.question-card{padding:14px}.question-text{font-size:15px}.option{padding:10px}.option .letter{min-width:20px}.toolbar{gap:6px}.toolbar h2{flex-basis:100%;font-size:18px}.btn{padding:7px 12px;font-size:13px}.btn.sm{padding:5px 10px;font-size:12px}.table{font-size:13px}.table th,.table td{padding:8px}.score-hero{padding:22px 14px}.score-hero .big{font-size:40px}.podium{grid-template-columns:1fr}.podium .step{padding:12px}.pill-tabs{flex-wrap:nowrap;overflow-x:auto}.pill-tabs button{white-space:nowrap;padding:8px 12px;font-size:13px}}@media (width<=480px){.exam-toolbar-title{font-size:14px}.exam-nav-buttons{flex-direction:row}.q-dot{width:36px;height:36px;font-size:12px}.home-hero h1{font-size:24px}.home-hero p{font-size:14px}.home-hero{padding:30px 14px 20px}}