/* A single working screen per stage; long explanations stay in reading dialogs. */
[hidden]{display:none!important}
.flow-progress{margin:8px auto 24px;max-width:780px}
.flow-steps{list-style:none;display:flex;gap:8px;margin:0;padding:0;counter-reset:stage}
.flow-steps li{counter-increment:stage;flex:1;display:flex;align-items:center;gap:7px;font-size:12px;color:#a8949b;padding:10px 0;border-bottom:3px solid #f0e7e8}
.flow-steps li:before{content:counter(stage);display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f0e7e8;color:#a8949b;font-weight:700;flex:none}
.flow-steps li[aria-current]{color:#805367;border-color:#ef7e9d;font-weight:700}
.flow-steps li[aria-current]:before{background:#ef7e9d;color:white}.flow-steps li.done{color:#8c9d73;border-color:#c1d4a9}.flow-steps li.done:before{content:'✓';background:#e9efdf;color:#78955b}
.flow-actions{display:flex;gap:12px;margin-top:28px;align-items:stretch}.flow-actions>*{flex:1}
.flow-next,.flow-back{font:inherit;font-weight:700;border-radius:14px;padding:18px 20px;min-height:54px;cursor:pointer;text-decoration:none;display:flex;justify-content:center;align-items:center;gap:12px;text-align:center}
.flow-next{border:1px solid #ef82a0;background:#ef82a0;color:#fff;box-shadow:0 4px 0 #d76c8a}.flow-back{border:1px solid #e5d8dd;background:#fffaf8;color:#896d7b}.flow-next:disabled{opacity:.45;cursor:default;box-shadow:none}
.flow-next:focus-visible,.flow-back:focus-visible{outline:3px solid #9b6c92;outline-offset:3px}
.flow-intro-actions{max-width:400px;margin:22px auto 0}.flow-eyebrow{font-size:10px;letter-spacing:2px;color:#a18a94;font-weight:700}
.flow-card{max-width:780px;margin:0 auto;padding:36px;border:1px solid #ebdce1;border-radius:24px;background:#fff;box-shadow:0 12px 32px #a47b8910}
.flow-card h2{font-size:26px;letter-spacing:-1px;margin:10px 0 16px}.flow-card>p{font-size:16px;line-height:1.8;color:#8a7480}.flow-recap{margin:24px 0 0;display:grid;gap:12px}.flow-recap>div{padding:16px 20px;border-radius:14px;background:#fcf5f7;display:flex;justify-content:space-between;gap:16px}.flow-recap dt{color:#947783;font-size:14px}.flow-recap dd{margin:0;color:#594752;font-weight:700;overflow-wrap:anywhere;text-align:right}
.flow-enter{animation:flow-arrive .3s ease-out both}@keyframes flow-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
body[data-page="home"] .hero{padding:24px 0 28px}body[data-page="home"] .hero-art{max-width:500px;margin:22px auto 0}body[data-page="home"] .selector-card{margin:0 auto;max-width:780px}.flow-person-stage .person-input{max-width:440px;margin:auto}.flow-person-stage .name-input{margin-bottom:18px}.flow-person-stage .pair-inputs{display:block}.flow-person-stage .type-preview{min-height:24px}
.tarot-shell .tarot-hero{padding:20px 0 28px;min-height:0}.tarot-shell .tarot-hero-art{max-height:310px;width:auto;max-width:100%;justify-self:center}.tarot-shell .tarot-welcome{margin:0 auto}.tarot-shell .topic-section{margin:0 auto}.tarot-shell .tarot-table{margin-top:0}.tarot-shell .reading-context{margin:0 0 20px}.tarot-shell .spread-grid{margin:12px 0 0}.tarot-shell .deck-grid{margin-top:12px}.tarot-shell .deck-card{max-height:190px}.tarot-shell .deck-area{margin-top:16px}.tarot-shell .tarot-restart{margin:20px 0}.tarot-shell .tarot-footnote{margin-top:26px}.tarot-shell .tarot-complete{margin-top:20px;padding:22px}.flow-pick-hint{text-align:center;color:#927e99;font-size:14px;line-height:1.8;margin:24px 0 0}.tarot-shell.reading-active .tarot-hero{display:none}
.saju-shell .saju-hero{padding:20px 0 28px;min-height:0}.saju-shell .saju-hero img{max-height:280px;width:auto;max-width:100%}.saju-shell .input-section{margin:0 auto}.saju-shell .saju-result{margin-top:0}.saju-result-tabs{display:flex;gap:8px;margin:24px 0}.saju-result-tabs button{flex:1;border:1px solid #dadfce;border-radius:12px;padding:14px 8px;background:#fff;font:inherit;cursor:pointer;color:#7c896d}.saju-result-tabs button[aria-selected="true"]{background:#899b72;color:#fff;border-color:#899b72}.saju-shell .calculation-note{margin-top:24px}.saju-shell .saju-footnote{margin-top:24px}.saju-shell .saju-profile{margin-top:10px}
.result-gate{max-width:540px;width:calc(100% - 32px);padding:40px;border:1px solid #e3d5e1;border-radius:28px;background:#fffbf8;color:#5f4c62;text-align:center;box-shadow:0 24px 100px #49324e33}.result-gate::backdrop{background:#41334988;backdrop-filter:blur(6px)}.result-gate-open{overflow:hidden}.gate-icon{display:block;font-size:38px;color:#ac85ab;margin:0 0 10px}.result-gate .flow-eyebrow{display:block}.result-gate h2{font-size:25px;letter-spacing:-1px;margin:20px 0 16px}.result-gate p{font-size:16px;line-height:1.9;margin:12px 0;color:#8c788c}.result-gate #gate-status{font-size:13px;min-height:25px}.gate-count{height:110px;width:110px;border:2px solid #e7dce8;border-radius:50%;margin:28px auto 22px;display:flex;align-items:baseline;justify-content:center;padding-top:12px;background:#f6eef7;box-shadow:0 0 0 9px #fbf6fa}.gate-count strong{font-size:60px;line-height:1.2;color:#9873a3}.gate-count span{font-size:14px;margin-left:4px}.result-gate[data-content="saju"] .gate-count{background:#edf1e6;border-color:#d9e1cc}.result-gate[data-content="saju"] .gate-count strong{color:#82976b}.result-gate .flow-actions{margin-top:24px}.result-gate .flow-next{background:#91729e;border-color:#91729e;box-shadow:0 4px 0 #765b83}
@media(max-width:620px){.flow-progress{margin:0 auto 22px}.flow-steps{gap:5px}.flow-steps li{font-size:10px;gap:4px}.flow-steps li:before{width:19px;height:19px;font-size:10px}.flow-card{padding:25px 22px;border-radius:20px}.flow-card h2{font-size:23px}.flow-actions{gap:9px;margin-top:24px}.flow-next,.flow-back{font-size:14px;padding:15px 10px}.flow-recap>div{padding:14px;gap:8px}.flow-recap dt{font-size:12px}.flow-recap dd{font-size:14px}.flow-person-stage .person-input{width:100%}.tarot-shell .tarot-hero{display:block;text-align:center;padding:10px 0 26px}.tarot-shell .tarot-hero h1{font-size:36px;line-height:1.3}.tarot-shell .tarot-hero-art{height:180px;margin:16px auto 0}.tarot-shell .tarot-hero p{font-size:15px}.tarot-shell .topic-grid{gap:8px}.tarot-shell .topic-tile{padding:12px 9px;min-height:72px}.tarot-shell .topic-note{padding:13px}.tarot-shell .deck-card{max-height:140px}.tarot-shell .spread-card{max-height:180px}.tarot-shell .tarot-section-heading h2{font-size:22px}.tarot-shell .tarot-complete{padding:18px}.saju-shell .saju-hero{display:block;text-align:center;padding:10px 0 24px}.saju-shell .saju-hero img{height:170px;margin:14px auto 0}.saju-shell .saju-hero h1{font-size:34px;line-height:1.3}.saju-shell .saju-hero p{font-size:15px}.saju-result-tabs button{font-size:13px}.result-gate{padding:28px 22px}.result-gate h2{font-size:22px}.result-gate p{font-size:15px}.result-gate .flow-actions{flex-wrap:wrap}.result-gate .flow-actions>*{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.flow-enter{animation:none}}
/* Match each content's established color and keep stage headings readable. */
.selector-card .section-top{margin-bottom:24px}.selector-card .section-top h2{font-size:24px;line-height:1.5}.flow-person-stage .person-input label{font-size:14px}.flow-person-stage .select-wrap select{font-size:16px}.flow-person-stage .type-preview{font-size:13px}
body[data-page=tarot] .flow-next{background:#9673a6;border-color:#9673a6;box-shadow:0 4px 0 #7c5a8c}body[data-page=saju] .flow-next{background:#899b72;border-color:#899b72;box-shadow:0 4px 0 #6d8156}
body[data-page=tarot] .flow-steps li[aria-current]{border-color:#aa88ba;color:#826190}body[data-page=tarot] .flow-steps li[aria-current]:before{background:#aa88ba}body[data-page=saju] .flow-steps li[aria-current]{border-color:#93a878;color:#718550}body[data-page=saju] .flow-steps li[aria-current]:before{background:#93a878}
.saju-shell .saju-input-card{margin-top:0}.saju-input-card h2{font-size:25px;letter-spacing:-1px;line-height:1.5;margin:12px 0 24px}.saju-shell .saju-result-tabs{scroll-margin-top:15px}.saju-shell .saju-result-tabs+div{min-width:0}
.tarot-shell.welcomed .topic-section{padding-top:0}.tarot-shell .draw-complete{display:block;padding:18px 0 0}.tarot-shell .draw-complete>span{display:none}.tarot-shell .draw-complete .flow-actions{margin-top:20px}.tarot-shell .draw-complete>p{font-size:14px;line-height:1.7}
@media(max-width:620px){.selector-card .section-top{align-items:flex-start;gap:10px}.selector-card .section-top h2{font-size:20px}.selector-card .step-label{font-size:8px;white-space:nowrap;padding-top:7px}.saju-input-card h2{font-size:22px}.tarot-shell .topic-tile{height:88px;min-height:0;padding:9px 6px}.tarot-shell .topic-symbol{font-size:23px;line-height:1;margin-bottom:6px}.tarot-shell .topic-tile strong{font-size:12px}.tarot-shell .topic-tile small{font-size:9px}.tarot-shell .topic-note{margin-top:17px}.tarot-shell .topic-note p{font-size:13px;line-height:1.7}.tarot-shell .topic-note p+p{font-size:12px}.tarot-shell .tarot-section-heading{margin-bottom:20px}}
.flow-intro-actions .flow-next{width:100%}
@media(max-width:620px){.tarot-shell #topic-focus{display:none}}