.quiz-layout{max-width:560px;padding:48px 0 80px}.hidden{display:none!important}.intro-card{background:var(--bg-soft);border-radius:24px;padding:48px 40px 44px}@media (width<=600px){.intro-card{border-radius:20px;padding:36px 24px 32px}}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--terra);margin-bottom:16px;font-size:11px;font-weight:700}h1{font-family:var(--serif);margin-bottom:16px;font-size:clamp(26px,5vw,38px);font-weight:600;line-height:1.2}.lead{color:var(--ink-soft);margin-bottom:20px;font-size:17px;line-height:1.65}.privacy-note{color:var(--ink-faint);align-items:center;gap:6px;margin-bottom:32px;font-size:12px;display:flex}.start-btn{background:var(--plum);color:#fff;cursor:pointer;width:100%;font-size:16px;font-weight:600;font-family:var(--sans);letter-spacing:.01em;border:none;border-radius:14px;padding:16px 28px;transition:background .15s,transform .1s;display:block}.start-btn:hover{background:var(--plum-deep)}.start-btn:active{transform:scale(.98)}.progress-wrap{align-items:center;gap:14px;margin-bottom:32px;display:flex}.progress-bar{background:var(--line);border-radius:99px;flex:1;height:5px;overflow:hidden}.progress-fill{background:var(--plum);border-radius:99px;width:0%;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-label{color:var(--ink-faint);white-space:nowrap;font-size:12px}@keyframes q-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.q-enter{animation:.22s both q-slide-in}.q-text{font-family:var(--serif);color:var(--ink);margin-bottom:22px;font-size:clamp(20px,4vw,26px);font-weight:600;line-height:1.3}.options{flex-direction:column;gap:12px;display:flex}.opt{text-align:left;border:2px solid var(--line);cursor:pointer;width:100%;color:var(--ink);font-size:16px;font-family:var(--sans);background:#fff;border-radius:14px;align-items:center;gap:16px;min-height:62px;padding:18px 20px;font-weight:500;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s;display:flex;box-shadow:0 1px 3px #0000000a}.opt-label{flex:1;line-height:1.35}.opt-radio{border:2px solid var(--line-solid);border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:border-color .15s,background .15s;position:relative}.opt-check{border:2px solid var(--line-solid);border-radius:6px;flex-shrink:0;width:22px;height:22px;transition:border-color .15s,background .15s;position:relative}.q-hint{color:var(--ink-faint);margin-bottom:18px;font-size:13px;font-weight:400}.continue-btn{background:var(--plum-deep);color:#fff;width:100%;font-size:16px;font-weight:600;font-family:var(--sans);cursor:pointer;border:none;border-radius:14px;margin-top:16px;padding:16px 24px;transition:background .15s,transform .1s;display:block}.continue-btn:hover{background:var(--plum)}.continue-btn:active{transform:scale(.99)}@media (hover:hover){.opt:hover:not([disabled]){border-color:var(--plum);background:#fbf7fa;transform:translateY(-1px);box-shadow:0 4px 16px #7c4d691a}.opt:hover:not([disabled]) .opt-radio,.opt:hover:not([disabled]) .opt-check{border-color:var(--plum)}}.opt:active:not([disabled]){transform:scale(.99)}.opt.selected{border-color:var(--plum);background:var(--plum);color:#fff;transform:translateY(-1px);box-shadow:0 4px 20px #7c4d6940}.opt.selected .opt-radio:after,.opt.selected .opt-check:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:5px;height:9px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.opt.selected .opt-radio,.opt.selected .opt-check{background:#ffffff26;border-color:#fff9}.opt[disabled]:not(.selected){opacity:.45;cursor:default}.result-card{border-radius:20px;overflow:hidden;box-shadow:0 2px 24px #2b243014}.result-header{background:linear-gradient(135deg, var(--plum) 0%, #9b5f7f 100%);padding:36px 36px 32px}@media (width<=600px){.result-header{padding:28px 24px 24px}}.result-kicker{letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3;margin-bottom:8px;font-size:11px;font-weight:700}.result-header h2{font-family:var(--serif);color:#fff;margin:0;font-size:clamp(26px,5vw,36px);font-weight:600;line-height:1.15}.result-body-wrap{background:var(--bg-soft);padding:32px 36px 36px}@media (width<=600px){.result-body-wrap{padding:24px 24px 28px}}.result-disclaimer{color:var(--ink-faint);border-left:2px solid var(--line);margin-bottom:18px;padding-left:12px;font-size:12px;font-style:italic}.result-body{color:#3d3542;margin-bottom:28px;font-size:15px;line-height:1.75}.result-articles{margin-bottom:28px}.result-articles-label{font-family:var(--serif);color:var(--ink);margin-bottom:14px;font-size:17px;font-weight:600}.result-articles ul{flex-direction:column;gap:10px;list-style:none;display:flex}.result-articles li a{border:1.5px solid var(--line);color:var(--plum);background:#fff;border-radius:12px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:14px;font-weight:500;line-height:1.45;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.result-articles li a:before{content:"→";color:var(--terra);flex-shrink:0;margin-top:1px;font-weight:700}.result-articles li a:hover{border-color:var(--plum);text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 10px #7c4d691f}.all-articles-link{color:var(--plum-deep);text-underline-offset:3px;align-items:center;gap:6px;margin-top:16px;font-size:13px;font-weight:600;text-decoration:underline;display:inline-flex}.all-articles-link:hover{color:var(--plum)}.result-cta{background:var(--plum);border-radius:14px;margin-bottom:24px;padding:24px}.cta-label{color:#e8c8df;margin-bottom:16px;font-size:14px;line-height:1.6}.app-btn{text-align:center;color:var(--plum-deep);background:#fff;border-radius:10px;padding:13px 24px;font-size:15px;font-weight:700;transition:background .15s;display:block}.app-btn:hover{background:#f7f0f5;text-decoration:none}.retake-btn{text-align:center;width:100%;color:var(--ink-faint);cursor:pointer;font-size:13px;font-family:var(--sans);background:0 0;border:none;padding:4px 0;display:block}.retake-btn:hover{color:var(--ink-soft)}