:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#241014;--wine:#6d1727;--red:#a52638;--paper:#f7f0e7;--gold:#c79b66;--muted:#907d78;color:#2a1719;background:#210c12;font-family:Noto Serif SC,Songti SC,STSong,serif}*{box-sizing:border-box}html{background:#210c12}body{background:#210c12;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:2px solid #d9b17b}.app-shell{background:var(--paper);width:min(100%,520px);min-height:100vh;margin:auto;position:relative;overflow:hidden}.topbar{background:var(--paper);z-index:5;border-bottom:1px solid #5523231a;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:.2em;color:var(--wine);font-size:14px;font-weight:700}.icon-button{width:40px;height:40px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;font:26px sans-serif}.step-count,.topbar-spacer{width:40px;color:var(--muted);text-align:right;font:12px sans-serif}.home-page{text-align:center;color:#fff8ee;background:radial-gradient(circle at 70% 12%,#ad344373,#0000 30%),linear-gradient(155deg,#2b0b13 0%,#6d1727 54%,#251016 100%);min-height:100vh;padding:64px 28px 30px;position:relative}.home-page:before,.home-page:after{content:"";border:1px solid #deb17738;border-radius:50%;width:250px;height:250px;position:absolute}.home-page:before{top:-150px;left:-100px}.home-page:after{bottom:90px;right:-170px}.seal{color:#e3b679;border:1px solid #dcaf76;border-radius:50% 48% 52% 46%;place-items:center;width:68px;height:68px;margin:0 auto 32px;font-size:36px;display:grid;transform:rotate(-6deg);box-shadow:inset 0 0 0 5px #e1b27614}.kicker,.section-no{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px;font:600 12px/1.4 sans-serif}h1{letter-spacing:.03em;margin:0;font-size:38px;line-height:1.28}h1 em,h2 em{color:#e2aa72;font-style:normal}.intro{color:#fff7ebb8;margin:27px auto;font:15px/2 sans-serif}.quote-card{background:#14050933;border:1px solid #e2b2754d;margin:32px 0;padding:21px}.quote-card span{color:#d6a469;letter-spacing:.2em;margin-bottom:10px;font:11px sans-serif;display:block}.quote-card strong{font-size:18px;line-height:1.65}.primary-button,.secondary-button{cursor:pointer;letter-spacing:.04em;border-radius:2px;width:100%;min-height:54px;font:700 15px sans-serif}.primary-button{color:#fffaf0;background:linear-gradient(110deg,#842035,#a62b3e);border:1px solid #c7965c;box-shadow:0 9px 25px #510d1b38}.primary-button b{margin-left:18px}.primary-button:disabled{opacity:.35;cursor:not-allowed}.home-page .primary-button{color:#571525;background:#f1dfc5;border-color:#f1dfc5}.secondary-button{color:var(--wine);background:0 0;border:1px solid #6d172759;margin-top:12px}.meta{color:#fff7eb85;margin:18px 0 42px;font:11px sans-serif}.disclaimer{color:#fff7eb59;margin:0;font:10px/1.6 sans-serif}.content-page{background:linear-gradient(#faf5ed,#f3e9de);min-height:calc(100vh - 58px);padding:40px 24px 110px}.content-page h2{color:var(--ink);margin:0;font-size:30px;line-height:1.45}.subcopy,.scenario{color:#85716c;font:14px/1.8 sans-serif}.subcopy{margin:12px 0 28px}.option-list{gap:12px;margin-top:27px;display:grid}.option-card,.answer-option{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:#ffffffa3;border:1px solid #582c2a24;transition:all .18s}.option-card{align-items:center;gap:14px;min-height:72px;padding:14px 17px;display:flex}.option-card strong{font-size:15px;display:block}.option-card small{color:#9a8680;margin-top:5px;font:12px sans-serif;display:block}.option-dot{border:1px solid #ad8b78;border-radius:50%;flex:none;width:15px;height:15px}.option-card.selected,.answer-option.selected{border-color:var(--red);background:#fff8f1;box-shadow:0 7px 20px #661d2814}.option-card.selected .option-dot{border:4px solid var(--red)}.sticky-action{z-index:3;width:min(100% - 48px,472px);position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.progress-track{background:#e2d6ca;height:2px;margin:-22px 0 34px}.progress-track i{background:var(--red);height:100%;transition:width .3s;display:block}.removed-tag{color:#f5dfc4;letter-spacing:.08em;background:#6d1727;margin-bottom:20px;padding:7px 10px;font:11px sans-serif;display:inline-block}.scenario{border-left:2px solid #c99b70;margin:16px 0 0;padding-left:13px}.answer-option{border-radius:3px;align-items:center;gap:14px;min-height:68px;padding:15px;display:flex}.answer-option span{color:#977a71;border:1px solid #c4aaa0;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font:12px sans-serif;display:grid}.answer-option strong{font:500 14px/1.6 sans-serif}.answer-option.selected span{color:#fff;background:var(--red);border-color:var(--red)}.quiz-tip{text-align:center;color:#aa9690;margin:28px 0 0;font:11px sans-serif}.transition-page{text-align:center;color:#fff5e9;background:radial-gradient(circle,#762033,#260b12 70%);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 58px);padding:30px;display:flex}.transition-page h2{font-size:29px;line-height:1.55}.transition-page>p:last-child{color:#fff5e98c;font:13px sans-serif}.orbit{border:1px solid #dfae7133;border-radius:50%;place-items:center;width:140px;height:140px;margin-bottom:28px;animation:1.5s infinite pulse;display:grid}.seal.small{width:60px;height:60px;margin:0}.result-page{background:#f5ece2;min-height:100vh}.result-hero{text-align:center;color:#fff7ed;background:radial-gradient(circle at 50% 30%,#8b2940,#43101d 70%);padding:46px 27px 42px}.level-ring{border:1px solid #e6b77b8c;border-radius:50%;justify-content:center;align-items:baseline;width:150px;height:150px;margin:23px auto;padding-top:38px;display:flex;position:relative}.level-ring:before{content:"";border:1px solid #e6b77b33;border-radius:50%;position:absolute;inset:7px}.level-ring span{color:#d8aa71;letter-spacing:.2em;font:10px sans-serif;position:absolute;top:24px}.level-ring strong{font-size:70px;line-height:1}.level-ring small{color:#d4b090;font:14px sans-serif}.result-label{color:#e3b87d;letter-spacing:.2em;font:14px sans-serif}.result-hero h2{font-size:27px;line-height:1.45}.result-hero>p:last-child{color:#fff7edb3;font:14px/1.8 sans-serif}.result-body{padding:24px 22px 45px}.score-card,.insight-card,.advice-card{background:#fffaf4;border:1px solid #66352c1a;padding:23px}.score-card{grid-template-columns:1fr 1fr;gap:8px 25px;display:grid}.score-card>div span{color:#8f7870;font:12px sans-serif;display:block}.score-card>div strong{color:var(--wine);margin-top:6px;font:30px sans-serif;display:block}.score-card .bars{grid-column:1/-1;gap:7px;display:grid}.bars i{background:#eadfd4;height:5px}.bars b{background:linear-gradient(90deg,#8f2337,#d39d68);height:100%;display:block}.score-card p{color:#88746e;grid-column:1/-1;margin:8px 0 0;font:12px/1.7 sans-serif}.insight-card,.advice-card{margin-top:18px}.insight-card h3,.advice-card h3{margin:0 0 12px;font-size:19px}.insight-card>p:last-child,.advice-card>p:last-child{color:#74615c;margin:0;font:14px/1.9 sans-serif}blockquote{color:#6e1b2c;text-align:center;margin:28px 12px;font-size:20px;line-height:1.7}.status-text{color:#8d7771;text-align:center;font:12px sans-serif}.result-body>.primary-button{margin-top:25px}.text-button{color:#8e7771;cursor:pointer;background:0 0;border:0;width:100%;margin-top:18px;font:13px sans-serif;text-decoration:underline}.share-modal{z-index:20;text-align:center;color:#fff;background:#16060bf5;max-width:520px;margin:auto;padding:25px 25px 30px;position:fixed;inset:0;overflow:auto}.share-modal>p{color:#d9baa3;font:13px sans-serif}.share-modal img{width:min(82%,360px);margin:18px auto;display:block;box-shadow:0 18px 50px #000}.modal-close{color:#fff;cursor:pointer;background:0 0;border:0;font:30px sans-serif;position:absolute;top:13px;right:18px}.modal-actions{width:min(82%,360px);margin:auto}.modal-actions .secondary-button{color:#f2dac2;border-color:#f2dac266}.page-enter{animation:.35s both fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}@keyframes pulse{50%{opacity:.72;transform:scale(1.05)}}@media (width>=521px){body{padding:24px 0}.app-shell{min-height:calc(100vh - 48px);box-shadow:0 20px 70px #00000059}.sticky-action{bottom:38px}}@media (width<=360px){h1{font-size:32px}.content-page h2{font-size:26px}.home-page{padding-left:20px;padding-right:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}