.hc-wrap{max-width:720px;margin:0 auto;padding:var(--space-12) var(--space-4)}.hc-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8)}.hc-progress{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.hc-progress-bar{flex:1;height:8px;border-radius:999px;background:var(--color-gray-100);overflow:hidden}.hc-progress-bar i{display:block;height:100%;width:0;background:var(--color-teal);border-radius:999px;transition:width .35s ease}.hc-progress-label{font-size:var(--text-sm);color:var(--color-gray-500);font-weight:600;white-space:nowrap}.hc-area{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-blue);font-weight:700;margin-bottom:var(--space-2)}.hc-q{font-size:var(--text-2xl);color:var(--color-navy);font-weight:700;line-height:1.25;margin:0 0 var(--space-5)}.hc-options{display:flex;flex-direction:column;gap:var(--space-3)}.hc-option{text-align:left;width:100%;padding:var(--space-4) var(--space-5);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-gray-800);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.hc-option:hover{border-color:var(--color-teal);background:var(--color-off-white)}.hc-option:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.hc-option:active{transform:scale(.995)}.hc-back{margin-top:var(--space-5);background:none;border:none;color:var(--color-gray-500);font-size:var(--text-sm);font-weight:600;cursor:pointer;padding:0}.hc-back:hover{color:var(--color-navy)}.hc-back[hidden]{display:none}.hc-gate h2,.hc-result h2{color:var(--color-navy);margin:0 0 var(--space-3)}.hc-gate p{color:var(--color-gray-600);margin:0 0 var(--space-5)}.hc-gate-form{display:flex;gap:var(--space-2);flex-wrap:wrap}.hc-gate-form input{flex:1;min-width:220px;padding:12px 16px;border-radius:var(--radius-md);border:1.5px solid var(--color-gray-200);font-size:var(--text-base)}.hc-gate-form input:focus{outline:none;border-color:var(--color-teal)}.hc-gate-note{font-size:var(--text-sm);color:var(--color-gray-500);margin-top:var(--space-3);min-height:1.1em}.hc-scorewrap{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap;margin-bottom:var(--space-5)}.hc-ring{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:conic-gradient(var(--color-teal) calc(var(--v, 0) * 1%),var(--color-gray-100) 0)}.hc-ring b{width:84px;height:84px;border-radius:50%;background:var(--color-white);display:grid;place-items:center;font-size:var(--text-2xl);font-weight:700;color:var(--color-navy)}.hc-band{font-size:var(--text-xl);font-weight:700;color:var(--color-navy);margin:0 0 4px}.hc-band-msg{color:var(--color-gray-600);margin:0}.hc-recs{margin:var(--space-6) 0}.hc-rec{border-left:3px solid var(--color-teal);background:var(--color-off-white);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.hc-rec strong{color:var(--color-navy);display:block;margin-bottom:2px}.hc-rec span{color:var(--color-gray-700);font-size:var(--text-sm)}.hc-restart{background:none;border:none;color:var(--color-gray-500);font-size:var(--text-sm);font-weight:600;cursor:pointer;padding:0;margin-top:var(--space-4)}.hc-restart:hover{color:var(--color-navy)}@media(prefers-reduced-motion:reduce){.hc-progress-bar i{transition:none}}