body{min-height:100vh;padding-top:64px}.timer{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text);background:var(--color-bg);padding:6px 16px;border-radius:8px;border:1px solid var(--color-border)}.timer.warning{color:var(--color-yellow);border-color:var(--color-yellow)}.timer.critical{color:var(--color-red);border-color:var(--color-red);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.container{max-width:900px;margin:0 auto;padding:32px 24px}#intro-screen .intro-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:40px;text-align:center}#intro-screen h1{font-size:2rem;margin-bottom:8px;color:var(--color-accent)}#intro-screen .subtitle{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:32px}.exam-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:32px;text-align:center}.exam-info-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:16px}.exam-info-item .value{font-size:1.5rem;font-weight:700;color:var(--color-accent)}.exam-info-item .label{color:var(--color-text-muted);font-size:.85rem;margin-top:4px}.instructions{text-align:left;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:24px;margin-bottom:32px}.instructions h3{margin-bottom:12px;color:var(--color-text)}.instructions ul{list-style:none;padding:0}.instructions li{color:var(--color-text-muted);padding:6px 0 6px 20px;position:relative}.instructions li:before{content:">";position:absolute;left:0;color:var(--color-accent);font-weight:700}.name-input-group{margin-bottom:24px}.name-input-group label{display:block;margin-bottom:8px;font-weight:600;text-align:left}.name-input-group input{width:100%;max-width:400px;padding:12px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:1rem;font-family:inherit;outline:none;transition:border-color .2s}.name-input-group input:focus{border-color:var(--color-accent)}.name-input-group input::placeholder{color:var(--color-text-muted)}.name-error{color:var(--color-red);font-size:.85rem;margin-top:6px}.exam-layout{display:grid;grid-template-columns:1fr 240px;gap:24px;align-items:start}.question-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:32px}.question-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:8px}.question-number{font-size:.9rem;color:var(--color-text-muted)}.domain-label{font-size:.8rem;color:var(--color-accent);background:#6c9fff1a;padding:4px 12px;border-radius:20px;border:1px solid rgba(108,159,255,.2)}.question-text{font-size:1.1rem;line-height:1.7;margin-bottom:24px;white-space:pre-line}.options-list{list-style:none;display:flex;flex-direction:column;gap:10px}.option-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s;user-select:none}.option-item:hover{border-color:var(--color-accent);background:var(--color-surface-hover)}.option-item.selected{border-color:var(--color-accent);background:#6c9fff14}.option-item input[type=radio],.option-item input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:2px solid var(--color-border);background:var(--color-bg);margin-top:2px;cursor:pointer;transition:all .2s}.option-item input[type=radio]{border-radius:50%}.option-item input[type=checkbox]{border-radius:4px}.option-item input[type=radio]:checked{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 3px var(--color-bg)}.option-item input[type=checkbox]:checked{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 2px var(--color-bg)}.option-text{flex:1;line-height:1.5}.question-actions{display:flex;align-items:center;justify-content:space-between;margin-top:24px;flex-wrap:wrap;gap:12px}.nav-buttons{display:flex;gap:10px}.flag-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s}.flag-btn:hover{border-color:var(--color-yellow);color:var(--color-yellow)}.flag-btn.flagged{border-color:var(--color-yellow);color:var(--color-yellow);background:#fbbf2414}.flag-icon{display:inline-block;width:14px;height:14px;border-left:2px solid currentColor;position:relative}.flag-icon:after{content:"";position:absolute;top:0;left:0;width:10px;height:8px;background:currentColor;clip-path:polygon(0 0,100% 25%,100% 75%,0 100%)}.side-panel{position:sticky;top:80px}.palette-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px;margin-bottom:16px}.palette-card h3{font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.palette-box{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;border-radius:6px;cursor:pointer;border:2px solid transparent;background:var(--color-bg);color:var(--color-text-muted);transition:all .15s}.palette-box:hover{border-color:var(--color-text-muted)}.palette-box.current{border-color:var(--color-text);color:var(--color-text)}.palette-box.answered{background:var(--color-accent);color:#0f1117}.palette-box.flagged,.palette-box.answered.flagged{background:var(--color-yellow);color:#0f1117}.palette-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:.75rem;color:var(--color-text-muted)}.legend-item{display:flex;align-items:center;gap:4px}.legend-dot{width:10px;height:10px;border-radius:3px}.legend-dot.ans{background:var(--color-accent)}.legend-dot.flag{background:var(--color-yellow)}.legend-dot.unans{background:var(--color-bg);border:1px solid var(--color-border)}.submit-section{text-align:center}.submit-section .btn{width:100%}.result-banner{text-align:center;padding:40px;border-radius:12px;margin-bottom:32px}.result-banner.pass{background:#4ade8014;border:1px solid rgba(74,222,128,.3)}.result-banner.fail{background:#f8717114;border:1px solid rgba(248,113,113,.3)}.result-status{font-size:2rem;font-weight:700;margin-bottom:8px}.result-banner.pass .result-status{color:var(--color-green)}.result-banner.fail .result-status{color:var(--color-red)}.result-score{font-size:1.3rem;color:var(--color-text)}.result-percent{font-size:1rem;color:var(--color-text-muted);margin-top:4px}.domain-table{width:100%;border-collapse:collapse}.domain-table th,.domain-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.domain-table th{background:var(--color-surface);color:var(--color-text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.domain-table td{background:var(--color-surface)}.domain-table tr:last-child td{border-bottom:none}.score-bar-cell{display:flex;align-items:center;gap:10px}.score-bar-track{flex:1;height:8px;background:var(--color-bg);border-radius:4px;overflow:hidden}.score-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.score-bar-fill.pass-color{background:var(--color-green)}.score-bar-fill.fail-color{background:var(--color-red)}.score-bar-fill.warn-color{background:var(--color-yellow)}.score-label{font-size:.85rem;min-width:40px;text-align:right}.result-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.modal-overlay{display:none;position:fixed;inset:0;background:#000000b3;z-index:200;align-items:center;justify-content:center;padding:24px}.modal-overlay.active{display:flex}.modal-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:32px;max-width:440px;width:100%;text-align:center}.modal-box h3{margin-bottom:12px;font-size:1.2rem}.modal-box p{color:var(--color-text-muted);margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:center}@media(max-width:768px){.exam-layout{grid-template-columns:1fr}.side-panel{position:fixed;inset:auto 0 0;z-index:90;background:var(--color-surface);border-top:1px solid var(--color-border);padding:12px;display:flex;flex-direction:column;gap:8px;max-height:45vh;overflow-y:auto;transform:translateY(calc(100% - 52px));transition:transform .3s ease;border-radius:12px 12px 0 0}.side-panel.expanded{transform:translateY(0)}.side-panel-toggle{display:block;text-align:center;padding:8px;color:var(--color-text-muted);cursor:pointer;font-size:.85rem;border-bottom:1px solid var(--color-border)}.side-panel-toggle:before{content:"-- Question Palette --"}.question-panel{margin-bottom:64px}.container{padding:16px}#intro-screen .intro-card{padding:24px}.exam-info{grid-template-columns:repeat(2,1fr)}.palette-grid{grid-template-columns:repeat(8,1fr)}}@media(min-width:769px){.side-panel-toggle{display:none}}