/* Quiz-only presentation. Existing scoring, home and result styles are retained. */
body.quiz-view{background:#0d0b12;color:#fff5f8;overflow-x:visible}
body.quiz-view:before,body.quiz-view:after,.quiz-view>.home-brand{display:none}
#quiz{width:min(100%,480px);margin:auto;min-height:100svh;padding:20px 24px max(28px,env(safe-area-inset-bottom));background:linear-gradient(#100b1670,#100b1630 35%,#100b1640),url('assets/ui/quiz-scene-v1.webp') center top / cover no-repeat}
#quiz .quiz-brand{display:grid;grid-template-columns:44px 1fr 66px;align-items:center;gap:8px;margin:4px 0 28px}
.quiz-brand>div{text-align:center}.quiz-brand strong{font:26px/1.4 'KaiTi','STKaiti',serif;color:#ffc6b6;white-space:nowrap}.quiz-brand strong span{color:#ffabc4;font-size:22px;margin-left:3px}.quiz-brand small{display:block;font-size:11px;letter-spacing:1px;color:#ead2de}
#quiz .back{min-height:44px;min-width:44px;border:1px solid #bd8aad80;border-radius:999px;background:#221526ad;color:#f6e7ef;box-shadow:none;backdrop-filter:none;cursor:pointer}
#exitQuiz{font-size:30px;padding:0;line-height:1}
#modeLabel{font-size:11px;text-align:center;padding:6px 3px;border:1px solid #bd8aad60;border-radius:999px;background:#25182599;color:#f2c5d5}
#quiz .quiz-head{display:flex;gap:12px;align-items:center;margin:0 0 26px}
#quiz .progress-line{flex:1;height:7px;background:#443247b3;border:1px solid #b07a9570;border-radius:999px;overflow:hidden}
#quiz .progress-line i{background:linear-gradient(90deg,#ffc4cb,#f7609a);box-shadow:0 0 8px #ff82aa80;transition:width 180ms}
#counter{font-size:13px;color:#ffe6f0;white-space:nowrap;font-variant-numeric:tabular-nums}
#quiz .quiz-card{padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;border-radius:0;overflow:visible;max-width:none}
#quiz .quiz-card:after{display:none}
.question-intro{position:relative;padding:0 0 0 32px;min-height:130px;margin-bottom:18px}
#questionNumber{position:absolute;left:-4px;top:7px;font:italic 52px/1 Georgia,serif;color:#f68ab429;pointer-events:none}
#quiz .dimension{display:inline-block;border:1px solid #ec7397a6;border-radius:999px;background:#75233d80;color:#ffb8ce;font-size:11px;letter-spacing:1px;padding:4px 10px}
#quiz .question{font-family:'PingFang SC','Microsoft YaHei',sans-serif;font-weight:650;font-size:24px;line-height:1.5;letter-spacing:0;margin:12px 0 8px;position:relative;outline:none;color:#fff1f7;text-shadow:0 2px 8px #0009}
.question-instruction{font-size:12px;line-height:1.7;color:#d6c2d2;margin:0}
#quiz .options{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
#quiz .option{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:64px;padding:15px 16px;border:1px solid #a5789d78;border-radius:17px;background:linear-gradient(115deg,#332331bd,#19141fd9);color:#f9eaf3;font-size:15px;line-height:1.6;text-align:left;transform:none;transition:border-color 160ms,background 160ms,box-shadow 160ms;cursor:pointer}
#quiz .letter{display:block;flex:0 0 18px;width:auto;height:auto;border-radius:0;background:none;color:#f5d6eb;font-size:18px;font-weight:700}
.option-copy{flex:1;min-width:0}.option-check{width:19px;height:19px;flex:0 0 19px;border:1px solid #b793b6a6;border-radius:50%}
#quiz .option.selected{border-color:#ffaac6;background:linear-gradient(115deg,#873b53e6,#4c203bec);box-shadow:inset 0 0 12px #ff85b04d,0 0 12px #ff559238;color:#fff7fb}
#quiz .option.selected .option-check{border-color:#ffc2d5;background:#ff9bbc;color:#40142b;display:grid;place-items:center}
#quiz .option.selected .option-check:after{content:'✓';font-size:15px;font-weight:800}
#quiz .option:focus-visible,#quiz .back:focus-visible,#quiz .unsure:focus-visible{outline:2px solid #ffb2cc;outline-offset:3px}
@media(hover:hover){#quiz .option:hover:not(:disabled){border-color:#f1a3c2;background:#46243bdd}}
#quiz .option:disabled{cursor:default;opacity:1}
#quiz .unsure{min-height:44px;margin:10px 0 0;padding:10px 6px;color:#e3c5d6;font-size:13px;background:#211623a6;border:1px solid #a5789d50;border-radius:13px;line-height:1.6}
#quiz .unsure.selected{background:#713046;border-color:#ff9dbc}
.quiz-tip{margin-top:14px;padding:14px 16px;border:1px solid #a5789d65;border-radius:18px;background:#291c2bd9}
.quiz-tip strong{font-size:14px;color:#ffcfaf}.quiz-tip p{font-size:12px;color:#d7c1d1;line-height:1.8;margin:6px 0 0}
#quiz .quiz-previous{display:block;width:100%;margin-top:18px;font-size:15px;padding:12px;min-height:48px}
.quiz-footer{font-size:11px;letter-spacing:2px;color:#d2b9cb;text-align:center;margin:22px 0 0;text-shadow:0 1px 5px #000}
#quiz .back:disabled{opacity:.55;cursor:default}
@media(max-width:350px){#quiz{padding:16px 18px 24px}.quiz-brand strong{font-size:23px}#quiz .quiz-brand{grid-template-columns:44px 1fr 58px;gap:5px}#quiz .question{font-size:22px}.question-intro{padding-left:24px}#quiz .option{padding:13px 12px}}
@media(prefers-reduced-motion:reduce){#quiz .option,#quiz .progress-line i{transition:none}}