*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;background:#f2f2f2;color:#333;min-height:100vh}.start-screen{max-width:800px;margin:0 auto;padding:40px 20px;text-align:center}.start-logo-banner{background:#1e2a38;border-radius:6px;padding:32px 48px;margin-bottom:32px;text-align:left}.start-logo{width:220px;display:block}.start-screen h1{font-size:2rem;color:#c36;margin-bottom:4px}.start-screen .subtitle{font-size:1rem;color:#54595f;margin-bottom:36px}.config-panels{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.config-panel{background:#fff;border-radius:3px;padding:24px;text-align:left;box-shadow:2px 2px 5px #00000014;min-width:280px;flex:1;max-width:380px;border-top:3px solid #cc3366}.config-panel h3{font-size:.95rem;color:#333;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.radio-group label{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;font-size:.95rem}.radio-group input[type=radio]{accent-color:#cc3366;width:18px;height:18px}.config-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.config-row label{font-size:.9rem;color:#424242}.config-row input[type=number],.config-row select{width:90px;padding:6px 10px;border:1px solid #ccc;border-radius:3px;font-size:.9rem}.config-row input[type=number]:focus,.config-row select:focus{outline:none;border-color:#c36;box-shadow:0 0 0 2px #cc336626}.config-row input:disabled{background:#eee;color:#999}.checkbox-row{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;font-size:.9rem}.checkbox-row input[type=checkbox]{accent-color:#cc3366;width:16px;height:16px}.btn-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{padding:12px 28px;border:1px solid transparent;border-radius:3px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#fff}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn-primary{background:#c36;border-color:#c36}.btn-primary:hover{background:#b02d5a}.btn-secondary{background:#54595f;border-color:#54595f}.btn-secondary:hover{background:#3d4147}.btn-danger{background:#d32f2f;border-color:#d32f2f}.btn-danger:hover{background:#b71c1c}.btn-success{background:#388e3c;border-color:#388e3c}.btn-success:hover{background:#2e7d32}.topbar{background:#333;color:#fff;display:flex;align-items:center;padding:0 20px;height:56px;gap:16px;flex-shrink:0}.topbar-logo{height:28px;margin-right:4px}.topbar .timer{font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700}.topbar .timer.warning{color:#d32f2f}.topbar .timer.ok{color:#4caf50}.topbar .progress-text{font-size:.9rem;opacity:.9}.topbar .mode-badge{font-weight:700;color:#f78c38;font-size:.9rem}.topbar .spacer{flex:1}.topbar .btn{padding:6px 16px;font-size:.85rem}.exam-layout{display:flex;flex:1;overflow:hidden}.nav-panel{width:220px;min-width:220px;background:#fff;padding:16px;display:flex;flex-direction:column;border-right:1px solid #e0e0e0;overflow-y:auto}.nav-panel h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:#54595f;margin-bottom:10px}.nav-filters{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}.nav-filters label{font-size:.75rem;display:flex;align-items:center;gap:3px;cursor:pointer}.nav-filters input{accent-color:#cc3366}.nav-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.nav-btn{width:100%;aspect-ratio:1;border:1px solid #ccc;border-radius:3px;background:#ebebeb;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}.nav-btn:hover{transform:scale(1.08)}.nav-btn.current{background:#f5c518;color:#333;border-color:#f5c518}.nav-btn.answered{background:#54595f;color:#fff;border-color:#54595f}.nav-btn.marked{background:#f78c38;color:#fff;border-color:#f78c38}.nav-btn.review-correct{background:#388e3c;color:#fff;border-color:#388e3c}.nav-btn.review-incorrect{background:#d32f2f;color:#fff;border-color:#d32f2f}.question-panel{flex:1;overflow-y:auto;padding:28px 32px;background:#fff}.question-header-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.question-header{font-size:1.3rem;font-weight:700;color:#c36}.btn-q-explanation{font-size:.75rem;font-weight:600;padding:4px 12px;background:#fff;color:#c36;border:1.5px solid #cc3366;border-radius:20px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;flex-shrink:0}.btn-q-explanation:hover{background:#c36;color:#fff}.q-expl-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000}.q-expl-modal{background:#fff;border-radius:6px;padding:28px 32px;max-width:560px;width:90%;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;gap:16px}.q-expl-modal h4{font-size:1rem;color:#c36;font-weight:700;margin:0}.q-expl-modal p{font-size:.93rem;line-height:1.65;color:#333;margin:0}.q-expl-modal .btn{align-self:flex-end;padding:8px 24px;font-size:.9rem}.question-hint{font-size:.9rem;font-style:italic;color:#f78c38;margin-bottom:12px}.question-text{font-size:1.05rem;line-height:1.6;margin-bottom:20px;white-space:pre-wrap}.option-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border:2px solid transparent;border-radius:3px;margin-bottom:8px;cursor:pointer;transition:all .12s;background:#fafafa}.option-item:hover{background:#fce4ec}.option-item.selected{border-color:#c36;background:#fce4ec}.option-item.correct{border-color:#388e3c;background:#e8f5e9}.option-item.incorrect{border-color:#d32f2f;background:#ffebee}.option-item.disabled{cursor:default;opacity:.85}.option-item.disabled:hover{background:inherit}.option-item input{margin-top:3px;accent-color:#cc3366;min-width:18px;min-height:18px}.option-item .option-letter{font-weight:700;min-width:24px;color:#424242}.option-item .option-content{display:flex;flex-direction:column;flex:1}.option-item .option-text{font-size:.95rem;line-height:1.5}.option-item .option-explanation{font-size:.82rem;line-height:1.55;margin:6px 0 0;font-style:italic;color:#546e7a;border-top:1px dashed rgba(0,0,0,.1);padding-top:5px}.option-item.correct .option-explanation{color:#2e7d32}.option-item.incorrect .option-explanation{color:#b71c1c}.question-actions{display:flex;align-items:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid #eee}.mark-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#f78c38;font-weight:500}.mark-checkbox input{accent-color:#F78C38;width:16px;height:16px}.explanation-box{background:#e8f5e9;border-radius:3px;padding:20px;margin-top:20px;border:1px solid #c8e6c9}.explanation-box h4{color:#2e7d32;margin-bottom:6px;font-size:.95rem}.explanation-box .correct-answer-line{color:#c36;font-weight:600;font-size:.9rem;margin-bottom:8px}.explanation-box p{font-size:.9rem;line-height:1.6;color:#424242}.reference-line{font-size:.8rem;color:#54595f;margin-top:10px;word-break:break-all}.bottombar{display:flex;justify-content:space-between;padding:12px 24px;background:#f2f2f2;border-top:1px solid #ddd;flex-shrink:0}.results-screen{max-width:600px;margin:0 auto;padding:40px 20px;text-align:center}.score-big{font-size:4rem;font-weight:800;margin:16px 0 4px}.score-big.pass{color:#388e3c}.score-big.fail{color:#d32f2f}.result-badge{font-size:1.4rem;font-weight:700;margin-bottom:6px}.result-badge.pass{color:#388e3c}.result-badge.fail{color:#d32f2f}.threshold-text{font-size:.9rem;color:#54595f;margin-bottom:24px}.details-table{margin:0 auto 28px;background:#fff;border-radius:3px;box-shadow:2px 2px 5px #00000014;padding:16px 32px;display:inline-block;text-align:left}.details-row{display:flex;justify-content:space-between;gap:40px;padding:6px 0;font-size:.95rem}.details-row .value{font-weight:700}.details-row .value.correct{color:#388e3c}.details-row .value.incorrect{color:#d32f2f}.details-row .value.primary{color:#c36}.details-row .value.secondary{color:#54595f}.history-screen{max-width:900px;margin:0 auto;padding:40px 20px}.history-screen h1{font-size:1.6rem;color:#c36;margin-bottom:24px;text-align:center}.history-table{width:100%;border-collapse:collapse;background:#fff;border-radius:3px;overflow:hidden;box-shadow:2px 2px 5px #00000014}.history-table th{background:#333;color:#fff;padding:12px 14px;font-size:.85rem;text-transform:uppercase;letter-spacing:.3px}.history-table td{padding:10px 14px;font-size:.9rem;text-align:center;border-bottom:1px solid #eee}.history-table tr:hover td{background:#f5f5f5}.pass-text{color:#388e3c;font-weight:700}.fail-text{color:#d32f2f;font-weight:700}.no-history{text-align:center;color:#54595f;padding:40px;font-size:1rem}.exam-container{display:flex;flex-direction:column;height:100vh}.drawer-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px 8px;line-height:1}.drawer-backdrop{display:none}@media(max-width:768px){.drawer-toggle{display:block}.topbar-logo{display:none}.nav-panel{position:fixed;top:56px;left:0;bottom:0;width:260px;min-width:260px;z-index:1000;transform:translate(-100%);transition:transform .3s ease;box-shadow:none}.nav-panel.open{transform:translate(0);box-shadow:4px 0 12px #00000026}.drawer-backdrop{display:block;position:fixed;top:56px;left:0;right:0;bottom:0;background:#0006;z-index:999}.topbar{gap:8px;padding:0 12px}.topbar .progress-text{font-size:.75rem}.topbar .mode-badge{display:none}.question-panel{padding:20px 16px}.start-logo-banner{padding:24px 32px;margin-bottom:20px}.start-logo{width:150px}}