.status-note{font-size:13px;line-height:1.8;color:var(--muted);padding:12px 0}.error-note{color:#a3352a;background:#fff0eb;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.65}.quiz-actions .quiz-nav{display:flex;gap:18px;align-items:center}.progress span{transition:width .2s}.quiz-status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0}.quiz-status small{font-size:11px;color:var(--muted)}.result-reasons{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.result-reasons h2{font-size:16px;margin-bottom:12px}.result-reasons p{font-size:13px;line-height:1.9;margin-top:8px}.result-reasons small{font-size:11px;color:var(--muted)}.recommendation{border-top:1px solid var(--line);padding:30px 0 42px}.recommendation h2{font-size:19px;margin-bottom:15px}.recommendation a{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px;background:var(--white);border:1px solid var(--line);border-radius:13px}.recommendation strong{font-size:20px;display:block;line-height:1.5}.recommendation p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:8px}.recommendation .rec-arrow{font-size:24px;flex-shrink:0}.result-buttons{display:flex;gap:14px;flex-wrap:wrap}.result-buttons .primary{flex:1}.result-art{height:auto}.inner-bubble.dynamic-quote{font-size:24px;line-height:1.6;padding:20px}.result-copy h1{line-height:1.5}.retest-actions{display:flex;justify-content:space-between;gap:16px;margin-top:22px}.gallery-cast-art{min-height:275px;background:#f8f7fb;color:#282432;padding:35px;font-size:25px;font-weight:800}.gallery-cast-art strong{display:block;color:#766088;font-size:65px;margin-top:20px}.share-dialog .error-note{margin-top:15px}.busy-indicator{font-size:13px;padding:12px 0;color:var(--muted)}
@media(max-width:850px){.result-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:650px){.quiz-actions{display:block;padding:10px 20px max(13px,env(safe-area-inset-bottom))}.quiz-actions .quiz-nav{width:100%;gap:20px}.quiz-actions .quiz-nav .primary{flex:1;min-width:0}.quiz-actions .quiz-nav .text-button{flex-shrink:0;min-width:55px}.quiz-actions #save-status{max-width:none;margin-bottom:6px;font-size:10px}.quiz-wrap{padding-bottom:150px}.recommendation a{padding:18px;gap:12px}.recommendation strong{font-size:17px}.recommendation p{font-size:12px}.result-reasons{padding:17px}.result-copy h1{font-size:24px}.result-layout{display:flex}.inner-bubble.dynamic-quote{font-size:21px}.topbar .preview-label{white-space:normal;max-width:112px;text-align:center;line-height:1.5}.show-actions .primary{font-size:15px}.show-actions{flex-wrap:wrap}.share-dialog .primary{width:100%}}
main h1:focus{outline:none}
@media(prefers-reduced-motion:reduce){.progress span{transition:none}}