@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Source+Sans+3:wght@400;500;600;700&display=swap";:root{font-family:"Source Sans 3",sans-serif;color:#1b150b;background:radial-gradient(circle at top left,oklch(.92 .03 92),transparent 36%),linear-gradient(180deg,#faf5e6,#f1eadc);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button{font:inherit}.shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);min-height:100vh}.content-pane,.visual-pane{padding:clamp(1.25rem,2vw,2rem)}.content-pane{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;padding-inline:clamp(1.25rem,4vw,5rem)}.visual-pane{background:linear-gradient(180deg,#382f1f,#251e15);color:#f0ebdd;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.eyebrow{margin:0;color:#764429;font-size:.9rem;font-weight:700;text-transform:uppercase}h1,h2,h3{margin:0;font-family:Fraunces,serif;font-weight:700;line-height:1.02}h1{font-size:clamp(2.4rem,5.5vw,5.4rem);max-width:11ch}h2{font-size:clamp(1.35rem,2.8vw,2.25rem)}h3{font-size:clamp(1.05rem,2vw,1.4rem)}.lead,.disclaimer,.secondary-copy,.summary-card p,.side-copy p{margin:0;max-width:56ch;font-size:clamp(1rem,1.5vw,1.2rem)}.disclaimer{color:#493e2e}.intro-grid,.split,.metric-list{display:grid;gap:1rem}.intro-grid,.split{grid-template-columns:repeat(2,minmax(0,1fr))}.plain-list,.verse-list{margin:0;padding:0;list-style:none;display:grid;gap:.85rem}.plain-list li,.verse-list li,.metric-item,.summary-card,.option-button{background:color-mix(in oklab,oklch(.97 .02 92) 82%,oklch(.88 .03 75));border:1px solid color-mix(in oklab,oklch(.44 .08 48) 18%,transparent);border-radius:8px}.plain-list li,.metric-item,.summary-card{padding:.95rem 1rem}.verse-list li{padding:1rem;display:grid;gap:.45rem}.verse-list p{margin:0;max-width:24ch}.verse-group{display:grid;gap:.8rem}.verse-stack{grid-template-columns:1fr;gap:1.5rem}.section-heading{display:grid;gap:.35rem}.section-note{margin:0;max-width:36ch;color:#4b4130}.verse-tag{width:fit-content;padding:.2rem .55rem;border-radius:999px;background:color-mix(in oklab,oklch(.92 .04 82) 82%,oklch(.84 .03 67));color:#573222;font-size:.85rem;font-weight:700}.action-row{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.primary-button,.ghost-button{min-height:46px;padding:.7rem 1.15rem;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,opacity .18s ease}.primary-button{background:#844830;color:#f6f2e3}.primary-button:hover:not(:disabled),.ghost-button:hover,.option-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.ghost-button{background:transparent;border-color:color-mix(in oklab,oklch(.44 .08 48) 26%,transparent);color:#241e14}.caption{color:#524536}.image-column{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;min-height:58vh}.image-panel{margin:0;border-radius:8px;background-position:center;background-size:cover;min-height:clamp(15rem,48vh,42rem);display:flex;align-items:end;padding:1rem}.image-panel figcaption{font-family:Fraunces,serif;font-size:1.1rem}.side-copy{display:grid;gap:.45rem;max-width:34ch;color:color-mix(in oklab,oklch(.94 .02 92) 92%,oklch(.82 .03 85))}.progress-block{display:grid;gap:.55rem}.progress-copy{display:flex;justify-content:space-between;gap:1rem;color:#524536}.progress-track{width:100%;height:10px;border-radius:999px;background:color-mix(in oklab,oklch(.92 .03 92) 75%,oklch(.8 .03 75));overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#996439,#844830);border-radius:inherit;transition:width .22s ease}.question-meta,.result-flags{display:flex;gap:.75rem;flex-wrap:wrap}.question-meta span,.result-flags span{border:1px solid color-mix(in oklab,oklch(.44 .08 48) 18%,transparent);border-radius:999px;padding:.3rem .7rem;color:#493e2e}.question-title{max-width:12ch}.option-list{display:grid;gap:.85rem}.option-button{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;padding:1rem 1rem 1rem .95rem;text-align:left;cursor:pointer}.option-button.is-selected{background:color-mix(in oklab,oklch(.95 .03 86) 62%,oklch(.86 .04 63));border-color:color-mix(in oklab,oklch(.47 .09 42) 34%,transparent)}.option-key{width:2rem;height:2rem;display:inline-grid;place-items:center;border-radius:999px;background:#844830;color:#f6f2e3;font-weight:700}.summary-pane{justify-content:center}.result-aside{justify-content:flex-start;gap:1rem}.summary-card{background:color-mix(in oklab,oklch(.33 .03 84) 84%,oklch(.26 .03 74));color:#e9e4d6}.summary-card.muted{background:color-mix(in oklab,oklch(.3 .03 84) 84%,oklch(.22 .03 74))}.summary-card .eyebrow{color:#d3b08f;margin-bottom:.35rem}.result-summary{display:grid;gap:.7rem}.rail-pills{display:flex;gap:.55rem;flex-wrap:wrap}.rail-pills span{border-radius:999px;padding:.28rem .65rem;background:color-mix(in oklab,oklch(.78 .06 65) 12%,transparent);border:1px solid color-mix(in oklab,oklch(.78 .06 65) 18%,transparent);color:#ece8d9}.content-section{display:grid;gap:.8rem}.result-pane .content-section>h2,.section-heading h2{font-size:clamp(1.15rem,2vw,1.85rem);line-height:1.08}.metric-item{display:flex;justify-content:space-between;gap:1rem;align-items:start}.metric-copy{display:grid;gap:.2rem}.metric-copy p{margin:0}.metric-copy p:first-of-type{color:#4b4130}.metric-copy p:last-of-type{max-width:48ch}.result-pane h1 span{color:#844830}.portrait-band{min-height:38vh;border-radius:8px;overflow:hidden;display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1rem;background:radial-gradient(circle at top,rgba(245,231,194,.18),transparent 42%),linear-gradient(180deg,#5842226b,#2a2319e0)}.portrait-band-inner{display:grid;gap:.5rem;max-width:17rem;position:relative;z-index:1}.portrait-art-frame{flex:1;min-height:18rem;display:flex;align-items:end;justify-content:center;position:relative}.portrait-art-frame:after{content:"";position:absolute;bottom:.4rem;width:min(14rem,72%);height:1.25rem;border-radius:999px;background:#15110c47;filter:blur(12px)}.portrait-art{position:relative;z-index:1;width:min(100%,18rem);max-height:19rem;object-fit:contain;object-position:bottom center}.secondary-character-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:.9rem;align-items:center}.secondary-character-art-frame{min-height:96px;border-radius:8px;display:flex;align-items:end;justify-content:center;background:radial-gradient(circle at top,rgba(245,231,194,.12),transparent 42%),linear-gradient(180deg,#5d482647,#2a231966);position:relative;overflow:hidden}.secondary-character-art-frame:after{content:"";position:absolute;bottom:.2rem;width:60%;height:.8rem;border-radius:999px;background:#15110c33;filter:blur(8px)}.secondary-character-art{position:relative;z-index:1;width:88px;height:88px;object-fit:contain;object-position:bottom center}.secondary-character-copy{display:grid;gap:.35rem}.secondary-character-copy p{margin:0}@media(max-width:960px){.shell{grid-template-columns:1fr}.visual-pane{order:-1;min-height:auto}.image-column{min-height:20rem}h1{max-width:13ch}}@media(max-width:720px){.content-pane,.visual-pane{padding:1rem}.intro-grid,.split,.image-column{grid-template-columns:1fr}.image-panel{min-height:12rem}.metric-item{flex-direction:column}.portrait-band{flex-direction:column;align-items:stretch}.portrait-band-inner{max-width:none}.secondary-character-card{grid-template-columns:1fr}}