.form-title{font:26px/1.5 "Songti SC",serif;margin:0 0 24px}
.flow-view:focus{outline:none}.flow-view h1:focus{outline:none}
.centered-view{max-width:900px;margin:auto;padding:28px 0 22px}
button.text-button{width:auto;background:none;color:#626c58;font-size:13px;padding:12px 0;margin:0;border:0;line-height:1.7}
button.text-button:hover{text-decoration:underline;text-underline-offset:5px}
.view-heading{text-align:center;margin:30px auto 35px;max-width:700px}
.view-heading h1{font:400 clamp(28px,3.5vw,42px)/1.45 "Songti SC",serif;letter-spacing:1px;margin:10px 0 18px}
.eyebrow{font-size:11px;letter-spacing:3px;color:#7a826c;margin:0 0 12px}
.chosen-question{font-size:15px;line-height:1.8;color:#51594c;margin:0 auto;max-width:560px;overflow-wrap:anywhere;white-space:pre-wrap}
.method-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:740px;margin:auto}
button.method-option{display:flex;flex-direction:column;align-items:center;padding:32px 24px;margin:0;border:1px solid #c8cbbd;background:#fffdf7;color:#29352d;transition:transform .25s,border-color .25s,background .25s}
button.method-option:hover{transform:translateY(-4px);border-color:#737e64;background:#faf9ef}
.method-name{font:28px/1.4 "Songti SC",serif;margin:19px 0 12px}
.method-description{font-size:14px;line-height:1.9;color:#6b7262}
.method-action{margin-top:25px;border-top:1px solid #d6d9cd;padding-top:18px;font-size:13px;letter-spacing:2px;align-self:stretch;text-align:center}
.method-art{height:100px;width:140px;position:relative;display:block}
.fate-art i{display:block;width:70px;height:70px;border:1px solid #9da78b;border-radius:50%;position:absolute;top:15px;left:35px}
.fate-art i::before{content:"";position:absolute;inset:8px;border:1px solid #b7beaa;border-radius:50%}
.fate-art b{position:absolute;inset:0;display:grid;place-items:center;font-size:58px;font-weight:200;color:#7b8b65}
.self-art i{position:absolute;top:8px;left:44px;width:54px;height:83px;border:1px solid #a9af98;background:#172a36;box-shadow:inset 0 0 0 4px #172a36,inset 0 0 0 5px #8b9b92;transform-origin:50% 100%}
.self-art i:first-child{transform:rotate(-22deg)}.self-art i:last-child{transform:rotate(22deg)}
.quiet-note{text-align:center;font-size:12px;color:#737c68;line-height:1.9;margin:27px 0 0}
.pick-heading{margin:10px auto 26px}.pick-instruction{font-size:13px;color:#777e6c;margin:12px 0 0}
.deck-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:14px;max-width:830px;margin:auto}
button.deck-card{position:relative;display:block;aspect-ratio:0.595;margin:0;padding:0;border:1px solid #788b8e;border-radius:4px;background:#102432;color:#e0dcc0;box-shadow:0 3px 7px #07172618;isolation:isolate;transition:transform .22s,border-color .22s,box-shadow .22s}
.deck-card::before{content:"";position:absolute;inset:5px;border:1px solid #9bac9b77;border-radius:2px;background:repeating-linear-gradient(45deg,transparent,transparent 8px,#97aa9b09 8px,#97aa9b09 9px),repeating-linear-gradient(-45deg,transparent,transparent 8px,#97aa9b09 8px,#97aa9b09 9px)}
.deck-card::after{content:"";position:absolute;inset:11px;border:1px solid #9bac9b33;border-radius:40%}
.card-back-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:italic 31px/1 "Baskerville",serif;color:#bac7bc}
.card-position{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:1px;color:#b2bfba}
button.deck-card:hover,button.deck-card:focus-visible{transform:translateY(-6px);border-color:#b7bd9e;box-shadow:0 8px 18px #07172633}
button.deck-card:disabled{opacity:1;cursor:default}
button.deck-card.is-selected{transform:translateY(-10px) scale(1.04);border-color:#dde5d3;box-shadow:0 0 0 2px #8c9d8e,0 8px 24px #07172644}
#result-view{max-width:850px;margin:0 auto;padding:35px 0 0}
.reading-result{background:#fffdf7;border:1px solid #dddccd;padding:32px 44px}
.result-heading{text-align:center;margin:0 auto 30px}.result-heading h1{font:400 31px/1.4 "Songti SC",serif;margin:8px 0 17px}
.result-question{margin:0 auto;max-width:650px;color:#444f43;font-size:16px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}
.answer-layout{display:grid;grid-template-columns:245px 1fr;gap:40px;align-items:center}
.answer-card{margin:0;text-align:center}.answer-card img{display:block;width:100%;height:auto;max-height:450px;object-fit:contain;filter:drop-shadow(0 6px 9px #26342420);border-radius:5px}
.answer-card figcaption{font:19px/1.5 "Songti SC",serif;letter-spacing:3px;margin:17px 0 0;color:#495640}
.answer-copy h2{font:400 38px/1.35 "Songti SC",serif;color:#536043;margin:0 0 16px;letter-spacing:2px}
.answer-copy>p{font-size:14px;line-height:1.9;margin:0 0 18px}
.answer-copy .eyebrow{font-size:11px;margin-bottom:13px}
.reader-invitation{border-top:1px solid #daddce;padding-top:20px;margin-top:24px}.reader-invitation h3{font-size:14px;line-height:1.65;color:#44563b}.reader-invitation p{font-size:13px;line-height:1.9;margin:9px 0 0}
.answer-copy .result-reminder{font-size:12px;margin:20px 0 12px;color:#737b69}.answer-copy .result-agency{font-size:14px;color:#46553b;margin-bottom:0}
.answer-copy .first-result-note{font-size:12px;color:#7c6c46;background:#f4f1e7;padding:8px 12px}
.result-record{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #e1e3d5;padding-top:20px;margin-top:28px;font-size:10px;line-height:1.7;color:#808774}
.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:530px;margin:12px auto 0}.result-actions #back{grid-column:1/-1;justify-self:center}.result-actions button{font-size:14px;margin-top:12px}.status-note{text-align:center;margin:10px auto;max-width:550px}.image-credit{font-size:10px;text-align:center;color:#7a816f;margin:20px 0}.image-credit a{color:inherit;text-underline-offset:3px}
@media(max-width:700px){.hero{padding-top:32px}.hero h1{font-size:42px}.method-options{gap:12px}.centered-view{padding-top:14px}.view-heading{margin:20px auto 26px}.view-heading h1{font-size:27px}.chosen-question{font-size:14px}.method-option .method-art{transform:scale(.8);height:90px}.method-name{font-size:24px;margin-top:6px}.method-description{font-size:12px}button.method-option{padding:22px 10px}.method-action{font-size:12px;letter-spacing:0;margin-top:20px}.deck-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px;max-width:420px}.deck-card:nth-child(25){grid-column:2}.card-back-mark{font-size:23px}.card-position{bottom:8px;font-size:8px}.deck-card::after{inset:9px}.pick-heading{margin:16px auto 24px}.quiet-note{font-size:11px}.pick-heading h1{font-size:27px}#result-view{padding-top:24px}.reading-result{padding:26px 20px}.result-heading{margin-bottom:24px}.result-heading h1{font-size:27px}.result-question{font-size:14px}.answer-layout{grid-template-columns:1fr;gap:26px}.answer-card{width:185px;margin:0 auto}.answer-copy{text-align:center}.answer-copy h2{font-size:32px}.answer-copy>p{font-size:13px}.reader-invitation{text-align:left}.result-record{justify-content:center;text-align:center;font-size:9px;margin-top:23px;padding-top:16px}.result-actions{gap:10px}.result-actions button{font-size:12px;padding:15px 8px}.foot{font-size:11px;padding:24px 0}.form-title{font-size:24px}}
@media(max-width:350px){.view-heading h1{font-size:24px}.method-options{grid-template-columns:1fr}.deck-grid{gap:8px 6px}.card-back-mark{font-size:20px}.result-actions{grid-template-columns:1fr}.method-description br{display:none}}
@media(prefers-reduced-motion:reduce){button.method-option,button.deck-card{transition:none}}
@media print{body{background:white}main{display:block!important}.flow-view,.result-actions,.image-credit,.status-note{display:none!important}#result-view:not([hidden]){display:block!important;max-width:100%;padding:0}.reading-result{border:0;padding:15px}.answer-layout{grid-template-columns:210px 1fr}.answer-card{width:210px}.answer-copy{text-align:left}.reader-invitation{text-align:left}.result-record{justify-content:space-between}nav,.foot{display:none!important}}