:root{--text:#1a1a1a;--text-muted:#666;--bg:#fff;--bg-alt:#f5f5f5;--border:#d0d0d0;--border-light:#e5e5e5;--success:#2e7d32;--success-bg:#e8f5e9;--failure:#d32f2f;--failure-bg:#ffebee;--warning:#e65100;--warning-bg:#fff3e0;--accent:#000;--accent-hover:#333;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{margin:0;padding:0}#root{flex-direction:column;align-items:center;min-height:100vh;display:flex}h1,h2,h3{color:var(--text);margin:0;font-weight:600}p{margin:0}button{cursor:pointer;font-family:inherit;font-size:inherit}input[type=text]{font-family:inherit;font-size:inherit}.loading,.loading-screen{color:var(--text-muted);justify-content:center;align-items:center;min-height:60vh;padding:48px;font-size:18px;display:flex}.error-banner{background:var(--failure-bg);color:var(--failure);border:1px solid var(--failure);border-radius:6px;margin:16px 0;padding:12px 24px;font-size:14px}.app{flex-direction:column;width:100%;max-width:800px;min-height:100vh;padding:0 20px;display:flex}.name-prompt-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.name-prompt-card{background:var(--bg);border:2px solid var(--text);text-align:center;border-radius:12px;width:90%;max-width:400px;padding:40px}.name-prompt-card h1{margin-bottom:8px;font-size:24px}.name-prompt-card p{color:var(--text-muted);margin-bottom:24px}.name-prompt-card form{flex-direction:column;gap:12px;display:flex}.name-prompt-card input{border:2px solid var(--border);text-align:center;border-radius:6px;padding:12px 16px;font-size:16px}.name-prompt-card input:focus{border-color:var(--text);outline:none}.name-prompt-card button{background:var(--text);color:var(--bg);border:none;border-radius:6px;padding:12px;font-size:16px;font-weight:600}.name-prompt-card button:disabled{opacity:.5;cursor:not-allowed}.home{padding:32px 0}.home-header{text-align:center;margin-bottom:32px}.home-header h1{letter-spacing:-.5px;font-size:32px}.welcome{color:var(--text-muted);margin-top:4px;font-size:18px}.welcome strong{color:var(--text)}.packs-grid{flex-direction:column;gap:20px;display:flex}.pack-card{border:2px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;padding:24px;display:flex}.pack-card:hover{border-color:var(--text)}.pack-badge{border:1px solid var(--text);text-transform:uppercase;letter-spacing:1px;border-radius:4px;width:fit-content;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.pack-card h2{font-size:22px}.pack-desc{color:var(--text-muted);font-size:14px;line-height:1.5}.pack-meta{color:var(--text-muted);gap:16px;font-size:13px;display:flex}.pack-meta span{background:var(--bg-alt);border-radius:4px;padding:2px 8px}.pack-prev{border-radius:4px;padding:6px 12px;font-size:13px}.pack-prev.pass{background:var(--success-bg);color:var(--success)}.pack-prev.fail{background:var(--failure-bg);color:var(--failure)}.btn-start{background:var(--text);color:var(--bg);border:none;border-radius:6px;margin-top:4px;padding:12px 24px;font-size:16px;font-weight:600}.btn-start:hover{background:var(--accent-hover)}.btn-history{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:6px;margin:32px auto 0;padding:8px 20px;font-size:14px}.btn-history:hover{border-color:var(--text);color:var(--text)}.history-table-wrap{margin-top:16px;overflow-x:auto}.history-table{border-collapse:collapse;width:100%;font-size:14px}.history-table th{text-align:left;border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:8px 12px;font-size:12px;font-weight:600}.history-table td{border-bottom:1px solid var(--border-light);padding:8px 12px}.row-pass td:last-child{color:var(--success)}.row-fail td:last-child{color:var(--failure)}.cap{text-transform:capitalize}.test-view{flex-direction:column;min-height:100vh;padding:0;display:flex}.test-header{border-bottom:2px solid var(--border);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.test-header.warning{border-bottom-color:var(--warning)}.test-header.critical{border-bottom-color:var(--failure)}.test-meta{align-items:center;gap:20px;font-size:14px;display:flex}.pack-name{text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.progress{color:var(--text-muted)}.answered{color:var(--text-muted);font-size:12px}.timer{align-items:center;gap:6px;font-size:14px;display:flex}.timer-icon{font-size:16px}.timer-value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.timer-value.warning{color:var(--warning)}.timer-value.critical{color:var(--failure);animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.question-area{flex:1;width:100%;max-width:700px;margin:0 auto;padding:32px 24px}.question-number{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:12px;font-weight:700}.question-text{margin-bottom:32px;font-size:20px;font-weight:500;line-height:1.6}.options{flex-direction:column;gap:10px;display:flex}.option{border:2px solid var(--border);cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;padding:14px 16px;transition:border-color .15s;display:flex}.option:hover{border-color:var(--text)}.option.selected{border-color:var(--text);background:var(--bg-alt)}.option input[type=radio]{accent-color:var(--text);margin-top:3px}.option-text{font-size:16px;line-height:1.5}.test-footer{border-top:2px solid var(--border);background:var(--bg);padding:16px 24px;position:sticky;bottom:0}.nav-buttons{justify-content:space-between;margin-bottom:16px;display:flex}.btn-nav{border:2px solid var(--border);background:var(--bg);border-radius:6px;padding:10px 24px;font-size:14px;font-weight:600}.btn-nav:hover:not(:disabled){border-color:var(--text)}.btn-nav:disabled{opacity:.4;cursor:not-allowed}.btn-submit{background:var(--text);color:var(--bg);border-color:var(--text)}.btn-submit:hover:not(:disabled){background:var(--accent-hover)}.question-dots{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.dot{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:50%;width:20px;height:20px;padding:0;font-size:0}.dot:hover{border-color:var(--text)}.dot.answered{background:var(--text);border-color:var(--text)}.dot.active{border-color:var(--text);box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--text)}.dot:disabled{cursor:default}.results{flex-direction:column;gap:24px;padding:32px 0;display:flex}.result-card{border:2px solid var(--border);text-align:center;border-radius:12px;padding:32px}.result-card.passed{border-color:var(--success);background:var(--success-bg)}.result-card.failed{border-color:var(--failure);background:var(--failure-bg)}.result-badge{letter-spacing:2px;border-radius:4px;margin-bottom:16px;padding:6px 24px;font-size:14px;font-weight:700;display:inline-block}.passed .result-badge{background:var(--success);color:#fff}.failed .result-badge{background:var(--failure);color:#fff}.result-card h1{margin-bottom:4px;font-size:28px}.pack-label{color:var(--text-muted);text-transform:capitalize;margin-bottom:24px;font-size:14px}.result-stats{justify-content:center;gap:32px;display:flex}.stat{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-value{font-size:28px;font-weight:700}.stat-value.pass{color:var(--success)}.stat-value.fail{color:var(--failure)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.result-msg{color:var(--text-muted);margin-top:20px;font-size:14px}.result-msg.perfect{color:var(--success);font-weight:600}.result-msg.fail-msg{color:var(--failure)}.review-section{border:2px solid var(--border);border-radius:10px;padding:24px}.review-section h2{margin-bottom:16px;font-size:18px}.review-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px;display:grid}.review-item{border:1px solid var(--border-light);cursor:pointer;background:var(--bg);border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:0;display:flex}.review-item:hover{border-color:var(--text)}.review-item.active{border-color:var(--text);box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--text)}.review-item.correct{background:var(--success-bg);border-color:var(--success)}.review-item.wrong{background:var(--failure-bg);border-color:var(--failure)}.review-num{font-size:11px;font-weight:600}.review-icon{font-size:14px}.correct .review-num,.correct .review-icon{color:var(--success)}.wrong .review-num,.wrong .review-icon{color:var(--failure)}.review-detail{border-top:1px solid var(--border-light);margin-top:20px;padding-top:20px}.review-detail-header{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.btn-close-review{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:4px;padding:4px 12px;font-size:12px}.review-question{margin-bottom:16px;font-size:16px;line-height:1.5}.review-options{flex-direction:column;gap:8px;display:flex}.review-option{border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;display:flex}.review-option.correct-ans{border-color:var(--success);background:var(--success-bg)}.review-option.wrong-ans{border-color:var(--failure);background:var(--failure-bg)}.mark{font-weight:700}.correct-mark{color:var(--success)}.wrong-mark{color:var(--failure)}.no-review{color:var(--text-muted);text-align:center;font-size:14px}.btn-home{background:var(--text);color:var(--bg);border:none;border-radius:8px;width:fit-content;margin:0 auto;padding:14px 32px;font-size:16px;font-weight:600}.btn-home:hover{background:var(--accent-hover)}