:root{--multi-ink:#172a35;--multi-gold:#b58d50;--multi-paper:#fbf9f3;--multi-line:#d9d3c7;--multi-slate:#52616b}
html{scroll-behavior:smooth}body{background:var(--multi-paper);color:var(--multi-ink)}.multi-bound{width:min(1150px,calc(100% - 44px));margin-inline:auto}.multi-hero{color:#eee7d9;background:radial-gradient(circle at 80% 20%,#243d50 0,transparent 42%),linear-gradient(130deg,#12232d,#1f3240);padding:92px 0 68px;position:relative;overflow:hidden}.multi-hero:after{content:'✦  ·  ✧  ·  ✧';position:absolute;right:4%;top:22%;font-size:clamp(25px,6vw,80px);opacity:.11;letter-spacing:35px}.multi-hero .eyebrow{color:#cfae75;letter-spacing:.17em}.multi-hero h1{font-family:serif;font-weight:500;font-size:clamp(42px,6vw,80px);line-height:1.25;letter-spacing:.07em;margin:19px 0 21px}.multi-hero h1 em{color:#dfbd80;font-style:normal}.multi-intro{max-width:610px;color:#d4dadd;line-height:1.9;font-size:15px}.multi-steps{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.multi-steps span{font-size:12px;color:#e2cb9c;padding:9px 14px;border:1px solid #6f705f;border-radius:30px}.multi-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:36px;margin-top:54px;margin-bottom:78px;align-items:start}.multi-work{min-width:0}.multi-panel{background:#fff;border:1px solid #dfdbd2;border-radius:18px;padding:clamp(20px,3vw,38px);box-shadow:0 15px 40px #172a3507;scroll-margin-top:30px}.multi-panel-title{margin-bottom:23px}.multi-panel-title:nth-of-type(2){margin-top:42px}.multi-panel h2,.archive-head h2{font-family:serif;font-size:clamp(25px,3vw,34px);font-weight:500;margin:7px 0}.multi-panel-title p,.archive-head p{color:var(--multi-slate);font-size:14px;line-height:1.9}.method-grid{display:grid;gap:12px}.method-card{border:1px solid #d9d4ca;border-radius:14px;display:flex;align-items:center;gap:14px;padding:15px 17px;cursor:pointer;transition:background .16s,border-color .16s;background:#fff}.method-card:has(input:checked){background:#f5f0e5;border-color:#bea277}.method-card:focus-within{outline:2px solid #ab8a50;outline-offset:3px}.method-card>input{position:absolute;opacity:0}.method-icon{width:45px;height:45px;display:grid;place-items:center;font-size:27px;border-radius:50%;color:#a68049;background:#f5efdf;flex:none}.method-card strong{display:block;font-size:16px;font-weight:600}.method-card small{display:block;margin-top:4px;color:#687984;font-size:12px}.method-check{margin-left:auto;border:1px solid #c2baaa;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;color:transparent;font-size:12px}.method-card:has(input:checked) .method-check{color:#fff;background:#94723c;border-color:#94723c}.field-group{border:0;padding:0;margin:27px 0 35px;display:flex;flex-wrap:wrap;gap:16px}.field-group legend{font-weight:600;padding:0;margin-bottom:13px;font-size:14px}.radio-line{display:flex;align-items:center;gap:9px;cursor:pointer;color:#354957}.radio-line input{accent-color:#997543}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.entry-grid label,.case-select label{display:flex;flex-direction:column;gap:8px;color:#445663;font-size:13px;font-weight:600}.entry-grid input,.entry-grid select,.case-select select{background:#fff;border:1px solid #cfc9bb;border-radius:9px;padding:13px 10px;min-width:0;max-width:100%;width:100%;font-size:15px;color:#1b3545}.entry-grid label small,.case-select small{font-size:11px;color:#8d8a82;font-weight:400}.partner-fields{border-top:1px solid #eee5d9;padding-top:22px;margin-top:22px}.partner-fields[hidden]{display:none}.partner-fields h3{font-family:serif;font-weight:500;font-size:22px;margin-bottom:16px}.advanced-note{margin-top:27px;border-left:3px solid #c6a474;background:#f6f2e8;padding:16px 19px}.advanced-note strong{font-size:13px}.advanced-note p{font-size:12px;color:#52616b;line-height:1.8;margin:7px 0 0}.case-select{margin:25px 0}.case-select small{display:block;line-height:1.6;margin-top:7px}.multi-submit{width:100%;min-height:52px;display:flex;justify-content:space-between}#status{min-height:20px;font-size:13px;margin:10px 0 0}.multi-side{display:grid;gap:22px;position:sticky;top:20px}.side-story{border-radius:18px;color:#eee8de;padding:33px 29px 25px;background:linear-gradient(145deg,#152935,#314858)}.side-story h2{font-size:34px;font-family:serif;font-weight:400;line-height:1.5;margin:20px 0}.side-story p{font-size:14px;line-height:2;color:#d5d5cf}.small-star{font-size:27px;color:#bda373;letter-spacing:14px;text-align:center;margin-top:42px}.privacy-side{background:#efece5;padding:23px 25px;border-radius:16px}.privacy-side h3{font-size:15px}.privacy-side p{font-size:12px;color:#58656e;line-height:2}.reading-stage{margin-top:22px}.reading-stage[hidden]{display:none}.reading-caption{display:flex;align-items:center;justify-content:space-between;gap:10px}.reading-kind{font-size:12px;color:#917247;padding:5px 12px;background:#f3ead9;border-radius:20px}.reading-stage h2{font-size:clamp(27px,4vw,39px);line-height:1.4;margin:18px 0}.reading-lead{font-size:14px;color:#52616b;line-height:2;margin:15px 0 25px}.figure-large{font-size:52px;font-family:serif;text-align:center;color:#89663c;padding:22px}.planet-list{display:grid;gap:0;max-width:100%}.planet-list>div{padding:12px 0;border-bottom:1px solid #ede7dc;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center}.planet-list>div strong{font-size:13px;color:#3b4c56}.planet-list>div span{font-size:15px}.planet-list>div small{color:#967849;font-variant-numeric:tabular-nums}.pillars-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pillars-grid div{background:#f5f1e8;padding:18px 5px;text-align:center;border-radius:10px;display:grid;gap:8px}.pillars-grid span{font-size:11px;color:#62707a}.pillars-grid strong{font-family:serif;font-size:26px;white-space:nowrap}.pillars-grid small{font-size:11px;color:#9b8158}.elements-line{display:flex;gap:10px;flex-wrap:wrap;padding:19px 0}.elements-line span{background:#f5f1e8;padding:8px 12px;border-radius:6px;font-size:13px}.elements-line b{margin-left:8px}.comparison-direction{display:flex;gap:8px;flex-wrap:wrap}.comparison-direction span{border:1px solid #dfd0b6;padding:10px;font-size:13px}.reading-warnings{padding:14px 18px;background:#fff5e5;border:1px solid #e7d1a4;border-radius:10px;margin:20px 0}.reading-warnings strong{font-size:13px;color:#775c32}.reading-warnings p{font-size:12px;color:#785e38;line-height:1.7}.method-note{font-size:12px;line-height:1.7;color:#697780;margin:22px 0}.reading-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.reading-buttons .button{flex:1 1 200px;text-align:center}.reading-buttons .button-ghost{border-color:#af9972;color:#87622f}.reading-caveat{font-size:11px;color:#8b8880;line-height:1.7;margin-top:17px}.aspect-list{display:grid;gap:6px;font-size:12px}.aspect-list span{padding:9px;border:1px solid #eee5d7}.archive-section{border-top:1px solid var(--multi-line);padding-top:65px;scroll-margin-top:32px}.archive-head{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}.archive-actions{display:flex;gap:9px;flex-wrap:wrap}.small-button{border:1px solid #cfc9bb;border-radius:8px;padding:10px 12px;background:transparent;color:#4b5a63;cursor:pointer;font-size:12px}.small-button.danger,.remove-reading{color:#9d5140}.archive-empty{border:1px dashed #b9aea0;padding:35px 20px;margin:23px 0;text-align:center;color:#5c6973;line-height:2}.archive-empty a{color:#9a783f}.archive-group{margin:24px 0;padding:26px 25px;background:#fff;border:1px solid #e3ded4;border-radius:18px}.archive-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:9px;margin-bottom:19px}.archive-group-heading h3{font-family:serif;font-size:25px;font-weight:500;margin:0}.archive-group-heading span{font-size:12px;color:#7a8388}.archive-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px}.archive-card{padding:18px 16px;border:1px solid #e7e1d6;border-radius:12px;min-width:0}.archive-card>span{font-size:11px;color:#997b4e}.archive-card>strong{display:block;font-family:serif;font-size:20px;margin:13px 0;line-height:1.5;overflow-wrap:anywhere}.archive-card p{font-size:12px;line-height:1.8;color:#657078}.archive-card>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ebe7de;padding-top:11px}.archive-card small{font-size:11px;color:#9a9b94}.remove-reading{border:0;background:none;cursor:pointer;font-size:12px}.more-methods{display:inline-block;margin-top:18px;color:#916f3b;font-size:13px}.compare-panel{background:#e9e7dd;padding:30px;border-radius:18px;margin:26px 0 0}.compare-panel h3{font-family:serif;font-size:24px;font-weight:500}.compare-panel>p{font-size:13px;line-height:1.8}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:20px}.compare-column{background:#fff;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:12px}.compare-column span{font-size:12px;color:#9c7e50}.compare-column strong{font-size:20px;font-family:serif;line-height:1.6}.compare-column p{font-size:12px;color:#657078;line-height:1.8}.compare-footer h4{font-size:16px;margin-bottom:6px}.compare-footer p{color:#58656d;font-size:13px;line-height:1.9}.limitations{padding:55px 0 80px}.limitations h2{font-family:serif;font-weight:500;font-size:25px}.limitations p{line-height:2;color:#596770;font-size:13px;max-width:780px}.archive-group,.reading-stage{overflow-wrap:anywhere}@media(max-width:900px){.multi-layout{grid-template-columns:1fr;gap:18px}.multi-side{position:static;grid-template-columns:1fr 1fr}.side-story h2{font-size:24px}.multi-hero{padding-top:70px}}@media(max-width:620px){.multi-bound{width:min(100% - 26px,1150px)}.multi-hero{padding:52px 0 38px}.multi-hero h1{font-size:43px}.multi-intro{font-size:13px}.multi-steps{gap:6px}.multi-steps span{font-size:10px;padding:7px 8px}.multi-layout{margin-top:22px;margin-bottom:50px}.multi-panel{padding:20px 16px}.entry-grid{grid-template-columns:1fr}.multi-side{grid-template-columns:1fr}.side-story{padding:24px}.archive-section{padding-top:45px}.archive-group{padding:19px 13px}.archive-head h2{font-size:27px}.archive-actions{width:100%}.archive-cards{grid-template-columns:1fr}.pillars-grid{gap:5px}.pillars-grid div{padding:15px 1px}.pillars-grid strong{font-size:21px}.compare-panel{padding:19px 14px}.site-header .site-nav,.site-header .nav-action{display:none}.site-header{padding:14px 18px}.reading-buttons{flex-direction:column}}
.archive-dialog{width:min(720px,calc(100vw - 24px));max-height:min(88dvh,900px);overflow-y:auto;background:#fbf9f4;color:#172a35;border:1px solid #cfbea6;border-radius:18px;padding:clamp(20px,4vw,38px);box-shadow:0 30px 80px #0919227c}.archive-dialog::backdrop{background:#101e2abc;backdrop-filter:blur(3px)}.archive-dialog h2{font-size:27px;font-family:serif;font-weight:400;margin:16px 0}.archive-dialog h3{font-size:27px;line-height:1.5;font-family:serif;font-weight:500}.dialog-close{float:right;border:1px solid #d6caba;background:transparent;width:36px;height:36px;border-radius:50%;font-size:22px;color:#435460;cursor:pointer}.compare-prompts{padding-left:21px;color:#566771;font-size:13px;line-height:1.9}.archive-card>div{gap:7px}.archive-card .small-button{font-size:11px}.archive-card .remove-reading{white-space:nowrap}.archive-dialog .method-note{border-top:1px solid #dfd6c9;padding-top:12px}
[data-optional-time][hidden]{display:none}.bazi-data-note{font-size:12px;color:#7c7061;margin:13px 0;line-height:1.7}

/* V0.9 private comparison poster studio */
.compare-tools,.compare-studio-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.compare-studio{width:min(96vw,740px);max-height:92vh;overflow:auto;padding:28px;background:#f7f1e7;color:#1b2f3b;border:1px solid #c9b493;border-radius:22px}
.compare-studio::backdrop{background:rgba(7,15,23,.72)}
.compare-studio-controls{display:grid;grid-template-columns:1fr 1.5fr;gap:15px;margin:16px 0}
.compare-studio-controls label{display:grid;gap:6px;font-size:14px}
.compare-studio-controls input,.compare-studio-controls select{width:100%;min-width:0;background:#fff;border:1px solid #bcae99;border-radius:8px;padding:12px}
.compare-studio canvas{display:block;width:min(100%,460px);height:auto;margin:15px auto;border-radius:10px;box-shadow:0 12px 32px #162a3452}
.precision-select{display:flex;gap:12px;flex-wrap:wrap;padding:12px}
.precision-select label{display:grid;gap:5px;font-size:13px}
@media(max-width:560px){.compare-studio{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:18px}.compare-studio-controls{grid-template-columns:1fr}.compare-studio canvas{width:min(100%,350px)}.compare-studio-actions>*{flex:1 1 100%}}
.reading-angles{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0}.reading-angles span{background:#ebdfcb;padding:10px 14px;border-radius:10px;color:#243343}

.poster-methods{border:1px solid #cec2ac;border-radius:10px;padding:12px;margin:16px 0}.poster-methods legend{font-size:14px;padding:0 6px}.poster-methods>div{display:flex;gap:14px;flex-wrap:wrap}.poster-methods label{display:inline-flex;gap:7px;align-items:center;color:#172a37;font-size:14px}
.poster-choice-error{font-size:13px;color:#9a3b26;margin:6px 0}.compare-studio button:disabled{opacity:.4;cursor:not-allowed}
.share-publish-result{margin-top:16px;padding:14px 16px;background:#fff;border:1px solid #e3d8c6;border-radius:12px}.share-publish-result[hidden]{display:none}.share-publish-result p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.share-publish-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}