.qq{background:#fff;border:2px solid #e8e8e8;border-radius:12px;padding:20px 24px;margin-bottom:14px;transition:all 0.2s;cursor:pointer}
.qq:hover{border-color:#0066cc}
.qq.yes{border-color:#e74c3c;background:#fef5f5}
.qq.no{border-color:#27ae60;background:#f5fdf8}
.qq h4{margin:0 0 8px;font-size:17px;color:#333}
.qq p{margin:0 0 14px;font-size:14px;color:#888}
.qopts{display:flex;gap:12px}
.qopt{flex:1;padding:10px;border:2px solid #ddd;border-radius:8px;text-align:center;font-size:16px;font-weight:600;cursor:pointer;background:#fff}
.qopt:hover{border-color:#999}
.qopt.sel-y{background:#e74c3c;color:#fff;border-color:#e74c3c}
.qopt.sel-n{background:#27ae60;color:#fff;border-color:#27ae60}
#qzr{display:none;padding:30px;border-radius:12px;margin-top:30px;text-align:center}
#qzr.low{background:#e8f8e8;border:2px solid #27ae60}
#qzr.mid{background:#fff8e8;border:2px solid #f39c12}
#qzr.high{background:#fef0f0;border:2px solid #e74c3c}
#qzr h2{margin-top:0;font-size:26px}
#qzr .sn{font-size:60px;font-weight:900;margin:15px 0}
#qzbtn{display:block;width:100%;padding:18px;background:#0066cc;color:#fff;border:none;border-radius:50px;font-size:20px;font-weight:700;cursor:pointer;margin-top:24px}
#qzbtn:hover{background:#004c99}
#qzbtn:disabled{background:#ccc;cursor:not-allowed}
.pgb{height:6px;background:#e8e8e8;border-radius:3px;margin-bottom:30px}
.pgf{height:100%;background:#0066cc;border-radius:3px;transition:width 0.3s}
.ctabox{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,0.1)}