:root{--canvas:#e8dfd1;--paper:#f7f1e5;--paper-strong:#efe5d4;--ink:#2c2925;--ink-soft:#6e6252;--ink-faint:#a18f79;--line:#d9cdb9;--line-strong:#c5b08b;--accent:#b49163;--deep:#1f1d1b;--shadow:0 20px 50px #5f4e300f;--folio-max:1120px;--content:720px;--content-wide:780px;--content-narrow:680px;--page-gutter:clamp(16px, 3.8vw, 52px);--inner-gutter:clamp(18px, 4.4vw, 68px);--section-space:clamp(28px, 5vw, 56px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(90deg, transparent 0, transparent 11vw, #fffaf152 11vw, #fffaf152 89vw, transparent 89vw), var(--canvas);min-height:100vh;color:var(--ink);font-family:var(--font-body), "Songti SC", "Noto Serif SC", serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{background:0 0;border:0;padding:0}.app-shell{padding:clamp(84px,10vw,108px) 0 clamp(64px,9vw,120px)}.preview-nav{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);background:#f7f1e5c7;border:1px solid #c5b08b99;border-radius:999px;gap:10px;padding:8px;display:flex;position:fixed;top:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px)}.preview-link{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);border-radius:999px;padding:10px 16px;font-size:12px;transition:background-color .18s,color .18s,transform .18s}.preview-link:hover,.preview-link:focus-visible,.preview-link.is-current{background:var(--deep);color:#f8f1e5;outline:none;transform:translateY(-1px)}.folio{width:min(calc(100% - (var(--page-gutter) * 2)), var(--folio-max));background:linear-gradient(180deg, #fffcf552, #fff9ef0f), var(--paper);box-shadow:var(--shadow);border-inline:1px solid #d0c1a580;margin:0 auto;position:relative;overflow:hidden}.folio:before{content:attr(data-page);color:var(--ink-faint);letter-spacing:.24em;text-transform:uppercase;font-size:11px;position:absolute;top:18px;left:24px}.folio-inner{width:min(calc(100% - (var(--inner-gutter) * 2)), var(--content));margin:0 auto}.folio[data-page=Home] .folio-inner{width:min(calc(100% - (var(--inner-gutter) * 2)), var(--content-narrow))}.folio[data-page=Question] .folio-inner{width:min(calc(100% - (var(--inner-gutter) * 2)), var(--content-wide))}.folio[data-page=Result] .folio-inner{width:min(calc(100% - (var(--inner-gutter) * 2)), var(--content))}.muted-rule{background:linear-gradient(90deg, transparent, var(--line), transparent);width:100%;height:1px}.kicker{color:var(--accent);letter-spacing:.16em;font-size:clamp(12px,1.4vw,14px)}.display-title{font-family:var(--font-display), "Cormorant Garamond", "Times New Roman", serif;letter-spacing:.05em;margin:0;font-size:clamp(4.4rem,11vw,7.2rem);font-weight:500;line-height:.9}.cn-title{letter-spacing:.34em;margin:24px 0 0;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400;line-height:1.35}.lead{color:var(--ink-soft);text-align:center;max-width:34em;margin:0;font-size:clamp(16px,1.6vw,19px);line-height:2}.cover{text-align:center;padding:clamp(72px,10vw,96px) 0 clamp(56px,8vw,72px)}.cover-brand{justify-items:center;gap:18px;margin-bottom:clamp(56px,8vw,96px);display:grid}.cover-brand-mark{font-family:var(--font-display), "Cormorant Garamond", serif;letter-spacing:.42em;color:var(--accent);padding-left:.42em;font-size:30px}.cover-subline{color:var(--accent);font-family:var(--font-display), "Cormorant Garamond", serif;letter-spacing:.12em;align-items:center;gap:16px;font-size:clamp(16px,1.8vw,18px);font-style:italic;display:flex}.cover-subline:before,.cover-subline:after{content:"";background:var(--line-strong);opacity:.72;width:84px;height:1px}.cover-intro{justify-items:center;gap:clamp(24px,4vw,42px);display:grid}.cover-dots{color:var(--accent);letter-spacing:1.2em;padding-left:1.2em;font-size:14px}.meta-line{color:var(--accent);letter-spacing:.18em;font-size:clamp(14px,1.6vw,16px)}.settings-card{text-align:left;background:linear-gradient(#f8f3e8d1,#f0e9dbf2);border:1px solid #d4c6adbf;border-radius:18px;margin:56px 0 44px;padding:28px 34px}.settings-grid{gap:24px;display:grid}.settings-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.settings-label{color:var(--ink-soft);letter-spacing:.12em;font-size:clamp(14px,1.5vw,16px)}.segmented{border:1px solid var(--line-strong);background:#fffbf2a3;border-radius:999px;align-items:center;gap:6px;padding:5px;display:inline-flex}.segment{min-width:98px;color:var(--accent);letter-spacing:.08em;cursor:pointer;border-radius:999px;padding:12px 18px;transition:background-color .18s,color .18s,transform .18s}.segment small{opacity:.74;margin-left:6px;font-size:12px}.segment.is-active{background:var(--deep);color:#f5ecde}.segment:hover,.segment:focus-visible{outline:none;transform:translateY(-1px)}.button-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.button-main,.button-secondary,.button-ghost{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;min-height:clamp(56px,7vw,68px);padding:0 clamp(22px,3vw,34px);transition:transform .18s,border-color .18s,background-color .18s,color .18s;display:inline-flex}.button-main:disabled,.button-secondary:disabled,.button-ghost:disabled{cursor:not-allowed;opacity:.7}.button-main{background:var(--deep);color:#f8f1e5;letter-spacing:.44em;border:1px solid #272421;min-width:min(100%,26rem);padding-left:calc(clamp(22px,3vw,34px) + .44em);font-size:clamp(16px,1.8vw,18px)}.button-main-compact{letter-spacing:.3em;min-width:min(100%,18rem);padding-left:calc(clamp(22px,3vw,34px) + .3em)}.button-secondary{border:1px solid var(--line-strong);min-width:min(100%,14rem);color:var(--ink-soft);letter-spacing:.18em;background:0 0;font-size:clamp(15px,1.5vw,16px)}.button-ghost{border:1px solid var(--line-strong);min-width:min(100%,18rem);color:var(--ink-soft);letter-spacing:.12em;background:#fffcf580;border-radius:999px;font-size:clamp(14px,1.4vw,15px)}.button-main:hover,.button-secondary:hover,.button-ghost:hover,.button-main:focus-visible,.button-secondary:focus-visible,.button-ghost:focus-visible{outline:none;transform:translateY(-2px)}.cover-note,.tiny-note{color:var(--accent);letter-spacing:.16em;margin:18px 0 0;font-size:14px;font-style:italic}.footer-note{color:var(--ink-faint);letter-spacing:.12em;border-top:1px solid #d5c6adb8;justify-items:center;gap:10px;margin-top:clamp(64px,9vw,92px);padding-top:28px;font-size:clamp(12px,1.2vw,13px);line-height:1.9;display:grid}.info-panel{text-align:left;background:linear-gradient(#f8f3e8d1,#f0e9dbf2);border:1px solid #d4c6adbf;border-radius:18px;margin:56px 0 44px;padding:28px 34px}.info-grid{gap:24px;display:grid}.info-row{gap:14px;display:grid}.info-value{color:var(--ink-soft);max-width:42em;font-size:clamp(15px,1.5vw,16px);line-height:1.95}.activation-form{gap:18px;width:min(100%,34rem);margin:0 auto;display:grid}.activation-input{text-align:center;letter-spacing:.12em}.metric-tags{flex-wrap:wrap;gap:10px;display:flex}.metric-chip{border:1px solid var(--line-strong);color:var(--ink-soft);letter-spacing:.12em;background:#fffbf3b8;border-radius:999px;padding:10px 15px;font-size:clamp(12px,1.2vw,13px)}.question-page{padding:clamp(64px,8vw,76px) 0 clamp(56px,7vw,74px)}.question-top{color:var(--accent);font-style:italic;font-family:var(--font-display), "Cormorant Garamond", serif;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:24px;font-size:clamp(18px,2.2vw,22px);display:flex}.question-rule{margin-top:18px}.question-shell{gap:clamp(20px,3vw,26px);padding-top:clamp(24px,4vw,48px);display:grid}.question-stage{transform-origin:top;will-change:opacity, transform, filter;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1),filter .22s}.question-stage.is-entering{opacity:0;filter:blur(4px);transform:translateY(14px)}.question-stage.is-exiting{opacity:0;filter:blur(4px);pointer-events:none;transform:translateY(-10px)}.question-meta{gap:22px;padding-top:clamp(24px,3.5vw,34px);display:grid}@media (min-width:920px){.question-meta{grid-template-columns:minmax(0,1.35fr) minmax(220px,.8fr);align-items:end;gap:28px}}.question-title{letter-spacing:.04em;max-width:18em;margin:0;font-size:clamp(1.9rem,3.2vw,3rem);font-weight:400;line-height:1.5}.question-detail{color:var(--ink-soft);max-width:34em;margin:12px 0 0;font-size:clamp(14px,1.35vw,15px);line-height:1.9}.progress-block{gap:10px;display:grid}.progress-copy{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:12px}.progress-track{background:#c5b08b47;border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--line-strong), var(--accent));height:100%;display:block}.options{gap:18px;display:grid}.options.is-transitioning .option:not(.is-confirmed){opacity:.68}.option{border:1px solid var(--line);text-align:left;cursor:pointer;background:#faf6eca8;border-radius:8px;align-items:flex-start;gap:clamp(14px,2.2vw,20px);width:100%;padding:clamp(18px,3vw,28px) clamp(18px,3vw,30px);transition:border-color .18s,background-color .18s,transform .18s;display:flex}.option:hover,.option:focus-visible{border-color:var(--line-strong);background:#faf6ecf5;outline:none;transform:translateY(-1px)}.option.is-selected{border-color:var(--line-strong);background:linear-gradient(#f3ebddf5,#f8f4ecf5)}.option.is-confirmed{background:linear-gradient(#f2e6d0fa,#f9f3e8fa);border-color:#af8c5bf5;transform:translateY(-1px)scale(.996);box-shadow:0 10px 28px #5f4e3014}.option:disabled{cursor:default}.option-key{min-width:40px;color:var(--accent);font-family:var(--font-display), "Cormorant Garamond", serif;font-size:24px;font-style:italic;line-height:1.3}.option-copy{max-width:42em;font-size:clamp(16px,1.75vw,18px);line-height:1.9}.pager{color:var(--ink-faint);letter-spacing:.16em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(12px,2vw,18px);padding-top:16px;font-size:clamp(12px,1.2vw,14px);display:flex}.pager a{padding:10px 0}.pager-side{align-items:center;gap:18px;display:flex}.mini-link{color:var(--ink-faint);letter-spacing:.16em;cursor:pointer}.mini-button{border:1px solid var(--line-strong);min-width:108px;min-height:44px;color:var(--ink-soft);letter-spacing:.12em;cursor:pointer;background:#fffcf599;border-radius:999px;padding:0 18px;transition:transform .18s,background-color .18s,color .18s,border-color .18s}.mini-button:disabled{cursor:not-allowed;opacity:.5}.mini-button:hover,.mini-button:focus-visible,.mini-link:hover,.mini-link:focus-visible{outline:none;transform:translateY(-1px)}.mini-button-dark{background:var(--deep);color:#f8f1e5;border-color:var(--deep)}.result-page{padding:clamp(64px,8vw,78px) 0 clamp(64px,9vw,88px)}.result-topline{color:var(--ink-faint);letter-spacing:.22em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:18px;font-size:clamp(11px,1.1vw,12px);display:flex}.result-hero{text-align:center;justify-items:center;gap:14px;padding:clamp(28px,4vw,40px) 0 clamp(24px,3.5vw,34px);display:grid}.result-display{font-size:clamp(4rem,10vw,6rem)}.result-sub{color:var(--accent);font-family:var(--font-display), "Cormorant Garamond", serif;letter-spacing:.08em;font-size:clamp(18px,2vw,20px);font-style:italic}.result-cn-title{letter-spacing:.24em;margin-top:2px;font-size:clamp(1.7rem,3.6vw,2.4rem)}.quote-block{max-width:420px;color:var(--ink-soft);text-align:center;margin:20px auto 0;font-size:clamp(16px,1.6vw,18px);font-style:italic;line-height:1.95}.result-scorecard{text-align:center;background:#fffbf3bd;border:1px solid #d5c6add6;border-radius:18px;max-width:420px;margin:0 auto 34px;padding:24px 28px}.score-caption{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;font-size:12px}.score-value{font-family:var(--font-display), "Cormorant Garamond", serif;margin-top:10px;font-size:clamp(4rem,12vw,5.8rem);line-height:.9}.score-copy{color:var(--ink-soft);margin:12px 0 0;font-size:clamp(14px,1.35vw,15px);line-height:1.85}.section-block{border-top:1px solid #d4c6adb8;padding:clamp(26px,4vw,34px) 0}.section-title{text-align:center;color:var(--accent);font-family:var(--font-display), "Cormorant Garamond", serif;letter-spacing:.24em;text-transform:uppercase;margin:0 0 18px;font-size:clamp(14px,1.5vw,16px)}.section-title-left{text-align:left;margin-bottom:10px}.result-copy{color:var(--ink-soft);margin:0;max-width:42em;margin-inline:auto;font-size:clamp(15px,1.55vw,17px);line-height:2}.decision-card{color:#eee2d0;background:#1f1d1b;border-radius:10px;margin-top:28px;padding:30px 32px}.decision-title{color:#d3bea1;font-family:var(--font-display), "Cormorant Garamond", serif;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:18px}.decision-card p{color:#e6dccb;margin:0;font-size:clamp(14px,1.35vw,15px);line-height:1.95}.dimension-grid{gap:14px;display:grid}@media (min-width:980px){.dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dimension-card{background:#f4eddfd1;border:1px solid #d5c6add6;padding:22px 24px}.dimension-head{color:var(--ink);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:14px;font-size:14px;display:flex}.dimension-head span:last-child{color:var(--accent);font-size:13px}.dimension-rail{background:#c5b08b3d;border-radius:999px;width:100%;height:7px;margin:16px 0 14px;overflow:hidden}.dimension-fill{border-radius:inherit;background:linear-gradient(90deg, #c4a16da6, var(--deep));height:100%;display:block}.dimension-card p{color:var(--ink-soft);margin:0;font-size:clamp(14px,1.35vw,15px);line-height:1.85}.action-list{gap:12px;display:grid}@media (min-width:980px){.action-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.action-card{background:#fffcf5ad;border:1px solid #d5c6add6;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:16px;padding:20px 22px;display:grid}.action-index{color:var(--accent);font-family:var(--font-display), "Cormorant Garamond", serif;font-size:26px;line-height:1}.action-card p{color:var(--ink-soft);margin:0;font-size:clamp(14px,1.35vw,15px);line-height:1.85}.pill-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.pill{border:1px solid var(--line-strong);color:var(--ink-soft);letter-spacing:.12em;background:#fffbf3b8;border-radius:999px;padding:10px 18px;font-size:13px}.origin-card{color:#eee2d0;background:#1f1d1b;border-radius:6px;margin-top:30px;padding:32px}.result-actions{justify-items:center;gap:14px;padding:36px 0 28px;display:grid}.compact-actions{gap:12px}.echo-wall{border-top:1px solid #d4c6adb8;padding-top:30px}.echo-intro{text-align:center;max-width:460px;color:var(--ink-soft);margin:0 auto 24px;font-size:clamp(13px,1.25vw,14px);line-height:1.95}.comment-form{background:#fffbf3b8;border:1px solid #d5c6add6;border-radius:18px;margin-bottom:26px;padding:clamp(18px,3vw,24px)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{gap:10px;display:grid}.field span{color:var(--ink-soft);letter-spacing:.12em;font-size:clamp(12px,1.15vw,13px)}.field-stack{margin-top:16px}.text-input,.text-area{width:100%;color:var(--ink);background:#fffcf5f0;border:1px solid #c5b08bb8;border-radius:14px;outline:none;padding:14px 16px;font-size:clamp(14px,1.35vw,15px);transition:border-color .18s,background-color .18s}.text-input:focus,.text-area:focus{border-color:var(--line-strong);background:#fffcf5}.text-input:disabled,.text-area:disabled{cursor:not-allowed;opacity:.7}.text-area{resize:vertical;min-height:128px;line-height:1.85}.comment-submit-row{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.comment-hint{color:var(--ink-faint);font-size:clamp(12px,1.15vw,13px);line-height:1.8}.filter-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:22px;display:flex}.comment-count{color:var(--ink-faint);letter-spacing:.14em;margin-bottom:16px;font-size:clamp(11px,1.05vw,12px)}.filter-chip{border:1px solid var(--line-strong);color:var(--ink-soft);letter-spacing:.12em;cursor:pointer;background:0 0;border-radius:999px;padding:9px 16px;font-size:12px}.filter-chip.is-active{background:var(--deep);color:#f7f1e5;border-color:var(--deep)}.echo-list{gap:14px;display:grid}.echo-item{border:1px solid var(--line);background:#fffcf5ad;padding:18px 20px}.echo-meta{color:var(--ink-faint);letter-spacing:.12em;margin-bottom:10px;font-size:11px}.echo-item p{color:var(--ink);margin:0 0 12px;font-size:clamp(13px,1.25vw,14px);line-height:1.88}.reaction-row{flex-wrap:wrap;gap:8px;display:flex}.reaction-chip{min-width:54px;color:var(--ink-faint);letter-spacing:.1em;cursor:pointer;background:#fffcf5ad;border:1px solid #c5b08b94;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;transition:transform .16s,border-color .16s,background-color .16s,color .16s;display:inline-flex}.reaction-chip:hover,.reaction-chip:focus-visible{border-color:var(--line-strong);color:var(--ink-soft);outline:none;transform:translateY(-1px)}.reaction-chip.is-active{color:var(--ink);background:#efe5d4f5;border-color:#b49163e0}.reaction-chip:disabled{cursor:not-allowed;opacity:.72;transform:none}.comment-badge{color:var(--accent);letter-spacing:.12em;border:1px solid #c5b08bb8;border-radius:999px;align-items:center;margin-bottom:10px;padding:6px 10px;font-size:11px;display:inline-flex}.result-empty{text-align:center;justify-items:center;gap:18px;padding:clamp(56px,9vw,88px) 0 clamp(42px,6vw,52px);display:grid}.result-empty-title{max-width:560px;margin:0;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:400;line-height:1.4}.fade-up{opacity:0;animation:.7s forwards fadeUp;transform:translateY(16px)}.cover-brand.fade-up{animation-delay:60ms}.cover-intro>.fade-up:first-child{animation-delay:.12s}.cover-intro>.fade-up:nth-child(2){animation-delay:.2s}.cover-intro>.fade-up:nth-child(3){animation-delay:.28s}.cover-intro>.fade-up:nth-child(4){animation-delay:.36s}.settings-card.fade-up,.activation-form.fade-up{animation-delay:.43s}.button-row.fade-up{animation-delay:.51s}.cover-note.fade-up{animation-delay:.58s}.footer-note.fade-up{animation-delay:.66s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.question-stage,.option,.mini-button,.mini-link,.button-main,.button-secondary,.button-ghost{transition-duration:0s!important;animation-duration:0s!important}.question-stage.is-entering,.question-stage.is-exiting{opacity:1;filter:none;transform:none}}@media (max-width:920px){.preview-nav{left:50%;right:auto;transform:translate(-50%)}.preview-link:hover,.preview-link:focus-visible,.preview-link.is-current{transform:none}.pager{text-align:center;justify-items:center;display:grid}.pager-side,.comment-submit-row{flex-wrap:wrap;justify-content:center;width:100%}}@media (max-width:760px){.preview-nav{justify-content:center;left:12px;right:12px;transform:none}.app-shell{padding-top:86px}.folio{width:min(calc(100% - 12px), var(--folio-max))}.folio-inner{width:min(calc(100% - 24px), var(--content))}.cover{padding-top:64px}.cover-brand{margin-bottom:52px}.cover-subline:before,.cover-subline:after{width:42px}.button-main,.button-secondary,.button-ghost,.button-main-compact{min-width:100%}.form-grid,.question-meta{grid-template-columns:1fr}.option{gap:14px;padding:18px 16px}.option-copy{line-height:1.78}.result-topline,.question-top,.pager{font-size:12px}.question-top,.result-topline{align-items:start}.action-card{grid-template-columns:1fr}.comment-form{padding:16px}.comment-submit-row{align-items:stretch}.comment-hint{text-align:center}.result-scorecard,.decision-card{padding-inline:18px}.cover-note,.tiny-note{line-height:1.8}}@media (max-width:480px){.preview-nav{gap:6px;padding:6px}.preview-link{letter-spacing:.14em;padding:9px 12px;font-size:11px}.folio:before{font-size:10px;top:14px;left:16px}.cover-subline{gap:10px}.cover-subline:before,.cover-subline:after{width:26px}.question-title,.result-empty-title{line-height:1.42}.option-key{min-width:28px;font-size:20px}.metric-tags,.button-row,.pager-side{gap:10px}}