:root{--hr-bg:#fff;--hr-bg-alt:#f5f5f3;--hr-bg-card:#fafafa;--hr-text:#1a1a1a;--hr-text-sub:#5f5e5a;--hr-text-mute:#888780;--hr-border:#e0e0e0;--hr-accent:#1ba94c;--hr-accent-hover:#17903f;--hr-blue:#185fa5;--hr-orange:#ba7517;--hr-red:#a32d2d;--hr-mono:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--hr-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.hr-app{font-family:var(--hr-sans);background:var(--hr-bg);color:var(--hr-text);flex-direction:column;height:100vh;min-height:100vh;font-size:14px;display:flex}.hr-topbar{background:var(--hr-bg-alt);border-bottom:1px solid var(--hr-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.hr-topbar-left{align-items:center;gap:16px;display:flex}.hr-topbar-right{align-items:center;gap:12px;display:flex}.hr-logo{color:var(--hr-accent);font-size:13px;font-weight:500;text-decoration:none}.hr-logo:hover{color:var(--hr-accent-hover)}.hr-test-name{color:var(--hr-text);font-size:14px;font-weight:500}.hr-timer{font-family:var(--hr-mono);color:var(--hr-text);font-size:16px;font-weight:500}.hr-timer.warn{color:var(--hr-orange)}.hr-timer.danger{color:var(--hr-red);animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.hr-start-btn,.hr-pause-btn,.hr-submit-btn,.hr-reset-btn{cursor:pointer;font-size:12px;font-weight:500;font-family:var(--hr-sans);border:none;border-radius:4px;padding:6px 14px}.hr-start-btn{background:var(--hr-blue);color:#fff}.hr-pause-btn{background:var(--hr-bg-alt);color:var(--hr-text);border:1px solid var(--hr-border)}.hr-submit-btn{background:var(--hr-accent);color:#fff}.hr-submit-btn:hover{background:var(--hr-accent-hover)}.hr-reset-btn{background:var(--hr-bg-alt);color:var(--hr-text);border:1px solid var(--hr-border)}.hr-score-bar{border-bottom:1px solid var(--hr-accent);color:var(--hr-accent);background:#e8f5e9;padding:8px 20px;font-size:13px;font-weight:500}.hr-score-detail{color:var(--hr-text-sub);margin-left:16px;font-size:12px;font-weight:400}.hr-body{flex:1;display:flex;overflow:hidden}.hr-sidebar{background:var(--hr-bg-alt);border-right:1px solid var(--hr-border);flex-direction:column;gap:12px;width:220px;min-width:220px;padding:16px;display:flex;overflow-y:auto}.hr-sidebar-title{text-transform:uppercase;letter-spacing:.05em;color:var(--hr-text-sub);font-size:12px;font-weight:600}.hr-q-pills{flex-wrap:wrap;gap:4px;display:flex}.hr-pill{width:30px;height:30px;font-size:11px;font-weight:500;font-family:var(--hr-mono);border:1px solid var(--hr-border);background:var(--hr-bg-alt);color:var(--hr-text-mute);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;display:flex}.hr-pill:hover{border-color:var(--hr-blue)}.hr-pill.current{background:var(--hr-blue);color:#fff;border-color:var(--hr-blue)}.hr-pill.answered,.hr-pill.correct{color:var(--hr-accent);border-color:var(--hr-accent);background:#e8f5e9}.hr-pill.wrong{color:var(--hr-red);border-color:var(--hr-red);background:#fdecea}.hr-sidebar-legend{color:var(--hr-text-mute);flex-direction:column;gap:4px;font-size:11px;display:flex}.hr-legend-item{align-items:center;gap:6px;display:flex}.hr-dot{background:var(--hr-bg-alt);border:1px solid var(--hr-border);border-radius:2px;width:10px;height:10px}.hr-dot.current{background:var(--hr-blue);border-color:var(--hr-blue)}.hr-dot.answered{border-color:var(--hr-accent);background:#e8f5e9}.hr-sidebar-stats{color:var(--hr-text-sub);margin-top:auto;font-size:12px}.hr-main{flex-direction:column;flex:1;padding:24px 32px;display:flex;overflow-y:auto}.hr-q-meta{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hr-q-number{color:var(--hr-text-sub);font-size:13px;font-weight:500}.hr-q-category{color:var(--hr-text-mute);background:var(--hr-bg-alt);border-radius:3px;padding:3px 8px;font-size:11px}.hr-q-text{margin-bottom:24px;font-size:16px;font-weight:400;line-height:1.6}.hr-options{flex-direction:column;gap:8px;max-width:640px;margin-bottom:8px;display:flex}.hr-option{border:1px solid var(--hr-border);background:var(--hr-bg-card);cursor:pointer;border-radius:6px;align-items:flex-start;gap:12px;padding:12px 16px;line-height:1.5;transition:all .15s;display:flex}.hr-option:hover:not([class*=answer]),.hr-option.selected{border-color:var(--hr-blue);background:#e6f1fb}.hr-option.correct-answer{border-color:var(--hr-accent);background:#e8f5e9}.hr-option.wrong-answer{border-color:var(--hr-red);background:#fdecea}.hr-option input[type=radio]{display:none}.hr-option-letter{width:24px;height:24px;font-size:12px;font-weight:600;font-family:var(--hr-mono);background:var(--hr-bg-alt);color:var(--hr-text-mute);border:1px solid var(--hr-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.hr-option.selected .hr-option-letter{background:var(--hr-blue);color:#fff;border-color:var(--hr-blue)}.hr-option.correct-answer .hr-option-letter{background:var(--hr-accent);color:#fff;border-color:var(--hr-accent)}.hr-option.wrong-answer .hr-option-letter{background:var(--hr-red);color:#fff;border-color:var(--hr-red)}.hr-option-text{flex:1;font-size:14px}.hr-nav{justify-content:space-between;max-width:640px;padding-top:8px;display:flex}.hr-nav-btn{border:1px solid var(--hr-border);background:var(--hr-bg-alt);color:var(--hr-text);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--hr-sans);border-radius:4px;padding:8px 20px}.hr-nav-btn:hover:not(:disabled){border-color:var(--hr-blue);color:var(--hr-blue)}.hr-nav-btn:disabled{opacity:.3;cursor:default}.hr-nav-submit{background:var(--hr-accent);color:#fff;border-color:var(--hr-accent)}.hr-nav-submit:hover:not(:disabled){background:var(--hr-accent-hover);border-color:var(--hr-accent-hover);color:#fff}@media (width<=768px){.hr-sidebar{width:160px;min-width:160px}.hr-main{padding:16px}}.hr-explanation{border:1px solid var(--hr-accent);border-left:4px solid var(--hr-accent);background:#e8f5e9;border-radius:6px;margin-top:16px;padding:12px 16px}.hr-explanation-brief{color:#15803d;margin-bottom:8px;font-size:14px;font-weight:500;line-height:1.5}.hr-explanation-detail{color:var(--hr-text-sub);font-size:13px;line-height:1.6}