:root{--ink:#101923;--ink2:#172433;--paper:#f1eee6;--gold:#d6aa57;--red:#b74332;--muted:#99a5ae;--line:rgba(214,170,87,.22);--serif:"Noto Serif TC","PMingLiU",serif;--sans:"Noto Sans TC","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;min-height:100vh;overflow-x:hidden}input,select,textarea,button{min-width:0;max-width:100%}.grain{position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--paper);text-decoration:none;font-family:var(--serif);font-size:1.08rem;letter-spacing:.12em}.seal{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--red);color:#e06b57;font-size:1.12rem}.meta-note{font-size:.78rem;color:var(--muted);letter-spacing:.16em}.workbench{max-width:1400px;margin:auto;min-height:calc(100vh - 176px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:clamp(50px,7vw,110px);align-items:center;padding:clamp(58px,8vh,100px) max(5vw,28px)}.intro{max-width:720px}.eyebrow,.step{font-size:.72rem;letter-spacing:.24em;color:var(--gold);font-weight:700}.intro h1{font-family:var(--serif);font-size:clamp(3rem,5.6vw,5.9rem);font-weight:600;line-height:1.08;letter-spacing:.02em;margin:22px 0 28px}.intro h1 em{font-style:normal;color:var(--gold)}.intro>p:not(.eyebrow){max-width:570px;color:#b8c0c6;line-height:1.9;font-size:1.02rem}.promise-row{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:40px;color:#bdc5ca;font-size:.8rem;letter-spacing:.08em}.birth-card{background:var(--paper);color:var(--ink);padding:clamp(28px,4vw,48px);box-shadow:0 28px 80px rgba(0,0,0,.3);position:relative}.birth-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(16,25,35,.12);pointer-events:none}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.card-heading h2{font-family:var(--serif);font-size:2rem;margin:7px 0 0}.privacy{color:#5c7f69;font-size:.72rem;letter-spacing:.05em;padding-top:5px}.birth-card label{display:grid;gap:9px;margin-bottom:20px;font-weight:700;font-size:.88rem}.birth-card label span{font-size:.72rem;color:#899096;font-weight:400}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.birth-card input,.birth-card select{width:100%;height:48px;border:0;border-bottom:1px solid #c5c3bc;background:#e8e5dd;border-radius:0;padding:0 14px;color:var(--ink);font:inherit;outline:none}input[type=date],input[type=time]{-webkit-appearance:none;appearance:none;box-sizing:border-box}.birth-card input:focus,.birth-card select:focus{border-color:var(--red);box-shadow:inset 0 -1px var(--red)}.birth-card button{width:100%;height:56px;border:0;background:var(--red);color:white;font:700 1rem var(--sans);display:flex;align-items:center;justify-content:space-between;padding:0 22px;cursor:pointer;transition:.2s}.birth-card button:hover{background:#963526;transform:translateY(-1px)}.form-note{font-size:.72rem!important;line-height:1.65!important;color:#777!important;margin:15px 0 0!important}.preview-strip{max-width:1400px;margin:auto;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.5fr 1.8fr;padding:0 max(5vw,28px) 36px}.pillar-mini,.teaser{min-height:102px;padding:22px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.pillar-mini:first-child{border-left:1px solid var(--line)}.pillar-mini b,.teaser span{font-size:.7rem;color:var(--muted);letter-spacing:.12em}.pillar-mini strong{font:600 1.55rem var(--serif);margin:5px 0;color:var(--gold)}.pillar-mini span{font-size:.72rem;color:#87939b}.pillar-mini.active{background:rgba(214,170,87,.07)}.mini-bars{height:42px;display:flex;align-items:flex-end;gap:7px;margin-top:8px}.mini-bars i{height:var(--h);width:13px;background:var(--gold);opacity:.75}.teaser.text b{font:500 1rem var(--serif);color:#d8d8d2;margin-top:10px;letter-spacing:.06em}
@media(max-width:900px){.workbench{grid-template-columns:1fr;padding-top:50px}.intro h1{font-size:clamp(2.8rem,11vw,4.5rem)}.preview-strip{grid-template-columns:1fr 1fr}.teaser:nth-child(3){border-left:1px solid var(--line)}.meta-note{display:none}}
@media(max-width:560px){.topbar{height:64px;padding:0 18px}.workbench{padding:38px 18px 50px;gap:38px}.intro h1{font-size:2.65rem}.promise-row{gap:10px 16px;margin-top:28px}.birth-card{padding:27px 22px}.field-grid{grid-template-columns:1fr;gap:0}.card-heading{display:block}.privacy{display:block;margin-top:10px}.preview-strip{grid-template-columns:1fr 1fr;padding:0 18px 24px}.teaser{grid-column:1/-1;border-left:1px solid var(--line)}}
.report{background:var(--paper);color:var(--ink);min-height:calc(100vh - 76px);padding:52px max(5vw,28px) 70px}.report[hidden]{display:none}.workbench[hidden],.preview-strip[hidden]{display:none}.report-head{max-width:1400px;margin:auto;display:grid;grid-template-columns:150px 1fr auto;gap:28px;align-items:start;border-bottom:1px solid #cac6bb;padding-bottom:38px}.back-button{border:0;background:transparent;color:#667078;font:700 .8rem var(--sans);padding:12px 0;cursor:pointer;text-align:left}.back-button:hover{color:var(--red)}.report-title h2{font:600 clamp(2.5rem,5vw,4.5rem) var(--serif);margin:12px 0}.report-title p:last-child{color:#72787c;margin:0}.day-master-badge{width:150px;height:150px;border:1px solid #c6b68e;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#ece8dc}.day-master-badge span{font-size:.72rem;letter-spacing:.2em;color:#777}.day-master-badge strong{font:600 2rem var(--serif);color:var(--red);margin:5px}.day-master-badge small{font-size:.7rem;color:#777}.pillars{max-width:980px;margin:50px auto;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 16px 50px rgba(23,31,36,.12)}.pillar{background:#152231;color:white;border-right:1px solid rgba(255,255,255,.12);padding:27px 20px;text-align:center}.pillar:last-child{border:0}.pillar small{display:block;color:#aab4bc;font-size:.7rem;letter-spacing:.16em}.pillar b{display:block;font:500 2.35rem var(--serif);letter-spacing:.08em;color:var(--gold);margin:14px 0}.pillar span{font-size:.75rem;color:#a9b2b9}.dashboard-grid{max-width:1400px;margin:0 auto 44px;display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid #c9c4b8}.panel{padding:clamp(26px,4vw,48px)}.panel+.panel{border-left:1px solid #c9c4b8}.panel-title{display:flex;gap:16px;align-items:flex-start}.panel-title>span{display:grid;place-items:center;border:1px solid #baaf93;width:38px;height:38px;border-radius:50%;font-size:.72rem;color:#8a7548}.panel-title small{font-size:.67rem;letter-spacing:.16em;color:#967e4e}.panel-title h3{font:600 1.6rem var(--serif);margin:3px 0}.element-chart{height:230px;display:flex;align-items:flex-end;justify-content:center;gap:clamp(16px,3vw,34px);padding-top:30px;border-bottom:1px solid #a7a397}.element-bar{width:42px;height:100%;display:flex;align-items:flex-end;position:relative}.element-bar i{display:block;width:100%;height:var(--value);background:var(--color);transition:height .8s cubic-bezier(.2,.8,.2,1)}.element-bar span{position:absolute;bottom:-29px;left:50%;transform:translateX(-50%);font:600 .85rem var(--serif)}.element-bar b{position:absolute;bottom:calc(var(--value) + 7px);left:50%;transform:translateX(-50%);font-size:.7rem;color:#777}.panel-insight{margin:52px 0 0;line-height:1.8;color:#5e6569}.signature-panel blockquote{font:500 clamp(1.45rem,2.6vw,2.35rem)/1.55 var(--serif);color:#24313b;margin:36px 0 24px;padding-left:22px;border-left:3px solid var(--red)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid #aaa396;border-radius:999px;padding:7px 12px;font-size:.74rem}.duo-list{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:34px}.duo-list h4{font:600 1rem var(--serif);color:var(--red)}.duo-list ul{margin:0;padding-left:20px;color:#555e63;line-height:1.9;font-size:.9rem}.report-tabs{max-width:1400px;margin:0 auto;display:flex;overflow:auto;border-bottom:1px solid #bcb7ab}.report-tabs button{flex:1;min-width:130px;border:0;background:transparent;padding:17px 12px;font:700 .88rem var(--sans);color:#70777b;cursor:pointer;border-bottom:3px solid transparent}.report-tabs button.active{color:var(--red);border-color:var(--red)}.tab-panels{max-width:1400px;margin:auto}.tab-panel{display:none;grid-template-columns:.85fr 1.15fr;gap:70px;padding:54px 0}.tab-panel.active{display:grid}.chapter{font-size:.68rem;letter-spacing:.2em;color:#a28449}.analysis-copy h3,.section-heading h3,.benefactor-section h3{font:600 clamp(2rem,3vw,3rem) var(--serif);margin:12px 0 24px}.analysis-copy p{color:#5b6468;line-height:2;margin:0}.advice-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.advice-card{background:#e7e2d7;padding:23px;min-height:150px;border-top:3px solid var(--gold)}.advice-card small{color:#89784d;font-size:.68rem;letter-spacing:.15em}.advice-card h4{font:600 1.1rem var(--serif);margin:9px 0}.advice-card p{font-size:.84rem;color:#666d70;line-height:1.7;margin:0}.health-note{margin-top:16px!important;padding:12px 14px;border:1px solid #cbc2ad;font-size:.78rem;line-height:1.65!important}.luck-section{max-width:1400px;margin:42px auto 0;padding:50px 0;border-top:1px solid #bcb7ab}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end}.section-heading h3{margin-bottom:0}.section-heading>p{max-width:520px;color:#697176;line-height:1.8}.timeline{display:flex;overflow-x:auto;padding:42px 0 24px;scroll-snap-type:x mandatory}.cycle{min-width:190px;scroll-snap-align:start;border-left:1px solid #b8b2a6;padding:0 22px 20px}.cycle.current{background:#152231;color:white;padding-top:22px;margin-top:-22px}.cycle small{font-size:.68rem;color:#907b50}.cycle b{display:block;font:600 1.7rem var(--serif);color:var(--red);margin:12px 0 5px}.cycle.current b{color:var(--gold)}.cycle span{font-size:.78rem;color:#777}.cycle.current span{color:#b8c0c6}.cycle p{font-size:.82rem;line-height:1.65;margin-top:18px;color:#666}.cycle.current p{color:#d0d5d8}.benefactor-section{max-width:1400px;margin:40px auto 0;background:#152231;color:white;padding:clamp(30px,5vw,60px);display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.benefactor-section p{color:#bdc5ca;line-height:1.9;max-width:700px}.benefactor-compass{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(214,170,87,.35)}.compass-item{padding:22px;border-right:1px solid rgba(214,170,87,.25);border-bottom:1px solid rgba(214,170,87,.25)}.compass-item:nth-child(even){border-right:0}.compass-item:nth-last-child(-n+2){border-bottom:0}.compass-item small{display:block;color:#8e9ba4;font-size:.68rem}.compass-item b{display:block;color:var(--gold);font:500 1.1rem var(--serif);margin-top:6px}.report-footer{max-width:1400px;margin:68px auto 0;border-top:1px solid #c0baae;padding-top:24px;display:flex;justify-content:space-between;gap:30px}.report-footer span{font:600 1rem var(--serif)}.report-footer p{max-width:700px;color:#737a7e;font-size:.8rem;line-height:1.7;margin:0}
@media(max-width:900px){.report-head{grid-template-columns:1fr auto}.back-button{grid-column:1/-1}.pillars{margin:36px auto}.dashboard-grid{grid-template-columns:1fr}.panel+.panel{border-left:0;border-top:1px solid #c9c4b8}.tab-panel.active{grid-template-columns:1fr;gap:34px}.benefactor-section{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.report-footer{flex-direction:column}.report{padding-top:35px}}
@media(max-width:560px){.report{padding:24px 18px 50px}.report-head{display:block}.day-master-badge{width:112px;height:112px;margin-top:24px}.day-master-badge strong{font-size:1.55rem}.pillars{grid-template-columns:1fr 1fr}.pillar:nth-child(2){border-right:0}.pillar:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.pillar b{font-size:1.8rem}.dashboard-grid{border-left:0;border-right:0}.panel{padding:28px 0}.signature-panel{padding-left:0}.duo-list,.advice-cards{grid-template-columns:1fr}.tab-panel{padding:38px 0}.report-tabs{margin-right:-18px}.benefactor-section{margin-left:-18px;margin-right:-18px;padding:34px 18px}.benefactor-compass{grid-template-columns:1fr}.compass-item,.compass-item:nth-child(even),.compass-item:nth-last-child(-n+2){border-right:0;border-bottom:1px solid rgba(214,170,87,.25)}.compass-item:last-child{border-bottom:0}}
.advice-card ul{font-size:.84rem;color:#666d70;line-height:1.7;margin:0;padding-left:18px}
.divination-section{max-width:1400px;margin:60px auto 0;border:1px solid #c8c1b3;display:grid;grid-template-columns:.78fr 1.22fr;padding:clamp(28px,5vw,58px);gap:clamp(34px,6vw,80px)}.divination-intro h3{font:600 clamp(2.1rem,3.5vw,3.4rem) var(--serif);margin:12px 0 22px}.divination-intro>p:last-child{color:#667075;line-height:1.9}.divination-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.divination-form label{display:grid;gap:8px;font-size:.84rem;font-weight:700}.divination-form label:nth-child(2){grid-column:1/-1}.divination-form select,.divination-form textarea{border:0;border-bottom:1px solid #aaa59b;background:#e6e1d6;padding:13px 14px;color:var(--ink);font:inherit;resize:vertical;outline:none}.divination-form select:focus,.divination-form textarea:focus{border-color:var(--red);box-shadow:inset 0 -1px var(--red)}.divination-form button{grid-column:1/-1;height:54px;border:0;background:var(--red);color:white;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font:700 .95rem var(--sans);cursor:pointer}.oracle-result{grid-column:1/-1;border-top:1px solid #bcb5a9;margin-top:8px;padding-top:42px;display:grid;grid-template-columns:230px 1fr;gap:50px}.oracle-result[hidden]{display:none}.hexagram{background:#152231;color:white;min-height:280px;padding:28px;display:flex;flex-direction:column;align-items:center}.hexagram small{color:#91a0aa;letter-spacing:.15em}.hexagram strong{font:500 2rem var(--serif);color:var(--gold);margin:10px 0 18px}.hexagram-lines{width:94px;display:grid;gap:8px}.gua-line{height:7px;display:flex;gap:13px}.gua-line i{display:block;background:var(--gold);flex:1}.gua-line.yang{background:var(--gold)}.hexagram>span{margin-top:18px;font-size:.78rem;color:#b8c1c7}.oracle-copy h3{font:600 2rem var(--serif);margin:10px 0 15px}.oracle-copy>p{color:#616a6e;line-height:1.85}.oracle-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.oracle-columns>div{background:#e6e1d6;padding:20px;border-top:3px solid var(--gold)}.oracle-columns h4{font:600 1rem var(--serif);margin:0 0 10px}.oracle-columns ul{margin:0;padding-left:19px;color:#596267;font-size:.85rem;line-height:1.75}.oracle-columns li.chart-linked{list-style:none;margin:12px -8px -8px;padding:10px 12px;background:rgba(183,67,50,.08);border-left:2px solid var(--red);color:#4a3025}.oracle-note{font-size:.75rem!important;border-top:1px solid #c8c1b3;padding-top:14px;margin-top:22px!important}
.oracle-restate{background:#ece8dc;border-left:3px solid var(--gold);padding:16px 18px;margin:14px 0}.oracle-restate small{display:block;color:#8f7a4e;font-size:.68rem;letter-spacing:.14em;margin-bottom:6px}.oracle-restate p{margin:0;color:#3c332a;line-height:1.85;font-size:.92rem}
.oracle-cross{margin:28px 0;padding-top:24px;border-top:1px solid #cac6bb}.oracle-cross>small{display:block;color:#a28449;font-size:.68rem;letter-spacing:.18em;margin-bottom:10px}.oracle-cross>p{color:#5b6468;line-height:1.9;margin:0}
.cross-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.cross-grid .structure-chip b{font-size:.82rem;line-height:1.5}
@media(max-width:900px){.cross-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cross-grid{grid-template-columns:1fr}}
.dashboard-grid,.benefactor-section{position:relative}
.corner-cloud{position:absolute;width:52px;height:32px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60'%3E%3Cpath d='M20 40c-8 0-14-6-14-13s6-13 14-12c1-8 8-14 16-14 6 0 12 3 15 9 2-1 4-2 7-2 8 0 15 6 15 15 0 3-1 6-2 8 6 1 11 6 11 12 0 7-6 13-14 13H20Z' fill='%23d6aa57'/%3E%3C/svg%3E") no-repeat center/contain;opacity:.15;pointer-events:none}
.corner-cloud--tl{top:10px;left:10px}
.corner-cloud--br{bottom:10px;right:10px;transform:rotate(180deg)}
.benefactor-section .corner-cloud{opacity:.22}
.mascot-shiba{display:inline-block;vertical-align:middle;margin-left:14px;width:54px;height:54px;filter:drop-shadow(0 4px 3px rgba(92,51,34,.15))}
.element-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;vertical-align:middle;margin-right:5px}
.element-icon svg{width:100%;height:100%}
.element-bar span{display:flex;flex-direction:column;align-items:center;gap:3px}
.element-bar span .element-icon{margin-right:0}
.compass-item b{display:flex;align-items:center}
@media(max-width:560px){.mascot-shiba{width:43px;height:43px;margin-left:8px}}
@media(max-width:900px){.divination-section{grid-template-columns:1fr}.oracle-result{grid-template-columns:1fr}.hexagram{min-height:auto}.oracle-columns{grid-template-columns:1fr}}
@media(max-width:560px){.divination-section{margin-left:-18px;margin-right:-18px;padding:32px 18px;border-left:0;border-right:0}.divination-form{grid-template-columns:1fr}.divination-form label{grid-column:1/-1}}
.calculation-note{max-width:980px;margin:-32px auto 48px;color:#777f82;font-size:.78rem;line-height:1.7;text-align:center}.pillar em{display:block;font-style:normal;color:#758794;font-size:.68rem;margin-top:8px}.structure-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.structure-chip{border:1px solid #c8c1b3;padding:13px}.structure-chip small{display:block;color:#8f7a4e;font-size:.65rem;letter-spacing:.1em}.structure-chip b{display:block;font:600 .95rem var(--serif);margin-top:5px}.pattern-section{max-width:1400px;margin:52px auto;padding:50px 0;border-top:1px solid #bcb7ab;border-bottom:1px solid #bcb7ab}.pattern-grid{display:grid;grid-template-columns:1.05fr .95fr .95fr;gap:18px;margin-top:35px}.pattern-grid article{background:#e7e2d7;padding:28px}.pattern-grid h4{font:600 1.2rem var(--serif);margin:0 0 22px}.god-row{display:grid;grid-template-columns:74px 1fr 42px;align-items:center;gap:10px;margin:13px 0}.god-row span{font-size:.82rem}.god-track{height:8px;background:#d0cabe}.god-track i{display:block;height:100%;width:var(--god);background:var(--red)}.god-row b{font-size:.75rem;text-align:right;color:#747a7d}.evidence-panel ul,.talent-panel ul{padding-left:20px;margin:0;color:#566065;line-height:1.85;font-size:.88rem}.evidence-panel li+li,.talent-panel li+li{margin-top:9px}.luck-start{display:block;color:#7c8589;margin-top:8px;font-size:.78rem}.cycle{min-width:245px}.cycle .cycle-tone{display:inline-block;margin-top:11px;padding:5px 8px;border:1px solid currentColor;font-size:.65rem}.cycle ul{padding-left:17px;font-size:.78rem;line-height:1.65;color:#626b6f}.cycle.current ul{color:#d0d5d8}.cycle p{min-height:64px}.cycle .cycle-link{color:#9a8150;font-size:.7rem}.cycle.current .cycle-link{color:var(--gold)}
@media(max-width:1000px){.pattern-grid{grid-template-columns:1fr 1fr}.ten-god-panel{grid-column:1/-1}}
@media(max-width:700px){.structure-summary{grid-template-columns:1fr}.pattern-grid{grid-template-columns:1fr}.ten-god-panel{grid-column:auto}.pattern-section{padding:36px 0}.calculation-note{text-align:left}.cycle{min-width:225px}}

/* Two-chart reading */
.top-links{display:flex;align-items:center;gap:28px}.top-links a{color:var(--gold);font-size:.83rem;font-weight:700;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:10px 16px;transition:background .2s,border-color .2s}.top-links a:hover,.top-links a:focus-visible{background:rgba(214,170,87,.12);border-color:var(--gold)}
.compatibility-section{max-width:1400px;margin:42px auto 100px;padding:52px max(5vw,28px);border:1px solid rgba(214,170,87,.3);background:radial-gradient(circle at 91% 5%,rgba(214,170,87,.12),transparent 30%),#172433;box-shadow:0 24px 68px rgba(0,0,0,.12)}.compatibility-section[hidden],.compatibility-result[hidden]{display:none}.compatibility-heading{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:32px}.compatibility-heading h2{font:600 clamp(2.2rem,4vw,3.7rem) var(--serif);margin:10px 0 14px;color:var(--paper)}.compatibility-heading p:last-child{max-width:760px;line-height:1.8;color:#b9c3ca;margin:0}.free-badge{flex:none;border:1px solid var(--gold);border-radius:999px;color:var(--gold);padding:8px 17px;font-size:.78rem;letter-spacing:.12em}
.compat-heading-icon{width:.88em;height:.88em;color:var(--gold);vertical-align:-.09em;margin-right:.23em}
.compatibility-form fieldset{grid-template-columns:1fr}.compatibility-form fieldset label{grid-column:1/-1}
.compat-pillars{grid-template-columns:repeat(3,1fr)}.compat-chart-note{color:#9caab3;font-size:.73rem;line-height:1.6;margin:13px 0 0}
.compatibility-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compatibility-form fieldset{min-width:0;margin:0;padding:26px;border:1px solid rgba(214,170,87,.3);background:rgba(9,18,29,.54);display:grid;grid-template-columns:1fr 1fr;gap:17px}.compatibility-form legend{font:600 1.3rem var(--serif);color:var(--gold);padding:0 12px}.compatibility-form label{display:grid;gap:7px;color:#d5dce0;font-size:.8rem;font-weight:700}.compatibility-form label:first-of-type{grid-column:1/-1}.compatibility-form input,.compatibility-form select{height:48px;width:100%;border:1px solid #41505b;background:#243441;color:#f4f1ea;padding:0 13px;border-radius:6px;font:400 .88rem var(--sans);outline:none}.compatibility-form input::placeholder{color:#97a4ae}.compatibility-form input:focus,.compatibility-form select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,170,87,.14)}.compatibility-actions{grid-column:1/-1;display:flex;align-items:center;gap:24px;justify-content:space-between;margin-top:6px}.compatibility-actions button{min-height:54px;padding:13px 25px;border:0;border-radius:6px;background:var(--gold);color:#172433;font:700 .95rem var(--sans);cursor:pointer;transition:transform .2s,background .2s;flex:none}.compatibility-actions button:hover{background:#edc77f;transform:translateY(-2px)}.compatibility-actions p{max-width:590px;font-size:.77rem;line-height:1.65;color:#98a6af;margin:0}
.compatibility-result{margin-top:44px;border-top:1px solid var(--line);padding-top:42px;scroll-margin-top:30px}.compat-result-head>span{color:var(--gold);letter-spacing:.18em;font-size:.7rem}.compat-result-head h3{font:600 clamp(1.8rem,3vw,2.7rem) var(--serif);margin:12px 0}.compat-result-head p{color:#b9c4ca;line-height:1.8;margin:0 0 26px}.compat-chart-grid,.compat-verdict,.compatibility-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compat-chart{background:#101b28;border:1px solid #344553;padding:22px}.compat-chart-head{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}.compat-chart-head span{color:var(--gold);font-size:.75rem}.compat-chart-head strong{font:600 1.25rem var(--serif)}.compat-chart-head small{margin-left:auto;color:#9caab3;font-size:.75rem}.compat-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.compat-pillar{text-align:center;background:#223240;padding:13px 3px}.compat-pillar small{display:block;color:#a7b1b8;font-size:.68rem}.compat-pillar b{display:block;color:var(--gold);font:600 1.25rem var(--serif);margin-top:6px}.compat-verdict{margin-top:16px}.compat-verdict>div{border-left:3px solid var(--red);background:#ede8de;color:var(--ink);padding:19px 22px}.compat-verdict small{color:#9c5a45;font-size:.72rem;font-weight:700;letter-spacing:.08em}.compat-verdict p{line-height:1.75;margin:9px 0 0;font-size:.88rem}.compat-evidence{color:#9aa7b0;font-size:.75rem;line-height:1.7}.compatibility-cards{margin-top:28px;grid-template-columns:repeat(2,minmax(0,1fr))}.compat-card{padding:26px;background:#ede8de;color:var(--ink);border-top:3px solid var(--gold);min-height:225px}.compat-card small{color:#987a45;line-height:1.6}.compat-card h3{font:600 1.33rem var(--serif);margin:13px 0}.compat-card>p{color:#47545c;line-height:1.75;font-size:.9rem}.compat-card>div{border-top:1px solid #cec8ba;padding-top:14px;margin-top:16px}.compat-card>div b{color:var(--red);font-size:.76rem}.compat-card>div p{margin:7px 0 0;color:#5d676b;line-height:1.7;font-size:.85rem}
.divination-form button:disabled{background:#8c9293;cursor:not-allowed}.price-line{color:#9b4e3b;font-weight:700}.price-line strong{font-size:1.35rem}.payment-note{color:#667075;font-size:.78rem;line-height:1.65;margin:12px 0 0}
.paywall button{width:100%;height:54px;border:0;background:var(--red);color:white;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font:700 .95rem var(--sans);cursor:pointer}
.paywall button:disabled{background:#8c9293;cursor:not-allowed}
.paywall button:not(:disabled):hover{opacity:.92}
.compat-score{display:grid;grid-template-columns:minmax(230px,.72fr) 1.28fr;gap:24px;align-items:center;background:linear-gradient(135deg,#eadcc2,#f3eee5);color:#182633;border:1px solid #d8c29a;padding:28px;margin:0 0 18px}.compat-score-main>span{display:block;color:#956945;font-size:.78rem;font-weight:700;letter-spacing:.12em}.compat-score-main strong{display:block;font:600 clamp(3.6rem,7vw,6rem) var(--serif);line-height:1.1;color:#ad4937;margin:8px 0}.compat-score-main strong small{font:500 1rem var(--sans);color:#6b6f6e}.compat-score-main p{font-size:.78rem;line-height:1.7;color:#5a6468;max-width:360px;margin:0}.compat-score-parts{display:grid;gap:13px}.compat-score-part>div{display:flex;gap:12px;align-items:baseline;margin-bottom:7px}.compat-score-part b{font-size:.82rem;min-width:80px}.compat-score-part small{font-size:.72rem;color:#747b7d;flex:1}.compat-score-part strong{font-size:.8rem;color:#9d4b36}.compat-score-track{display:block;height:7px;background:#d5cfc1;border-radius:999px;overflow:hidden}.compat-score-track i{display:block;height:100%;background:var(--red);border-radius:999px}
.compat-score-hero{display:flex;align-items:center;gap:12px}.compat-score-hero>svg{width:76px;height:76px;flex:none;filter:drop-shadow(0 6px 5px rgba(121,58,47,.14))}.compat-score-hero span{display:block;color:#956945;font-size:.78rem;font-weight:700;letter-spacing:.08em}.compat-score-hero strong{margin:0}.compat-score-part>div{align-items:center;gap:9px}.compat-score-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;background:rgba(255,255,255,.67);border-radius:12px}.compat-score-icon svg{width:30px;height:30px}.compat-score-part b{min-width:68px}.compat-score-track i{background:linear-gradient(90deg,#d6aa57,#c85f52)}
@media(max-width:900px){.compatibility-section{margin:32px 24px 70px;padding:38px 28px}.compatibility-form{grid-template-columns:1fr}}
@media(max-width:560px){.topbar{flex-wrap:wrap;height:auto;min-height:64px;row-gap:8px;padding:10px 18px}.top-links{gap:10px}.top-links a{font-size:.72rem;padding:8px 11px}.compatibility-section{margin:24px 12px 56px;padding:30px 16px}.compatibility-heading{margin-bottom:27px}.compatibility-form fieldset{padding:22px 14px;gap:13px}.compatibility-actions{display:block}.compatibility-actions button{width:100%}.compatibility-actions p{margin-top:12px}.compat-score{grid-template-columns:1fr;padding:22px;gap:20px}.compat-score-part>div{flex-wrap:wrap;gap:3px 8px}.compat-score-part small{order:3;flex-basis:100%}.compat-score-part strong{margin-left:auto}.compat-chart-grid,.compat-verdict,.compatibility-cards{grid-template-columns:1fr}.compat-chart{padding:16px}.compat-pillars{gap:4px}.compat-pillar b{font-size:1.08rem}.compat-card{min-height:0}.compatibility-result{padding-top:30px}}

/* Site info: contact / refund / privacy / FAQ -- uses the shared theme
   variables (not hardcoded colors) so it re-themes automatically along
   with the rest of the site (e.g. theme-daisy.css). */
.policy-section{max-width:1400px;margin:0 auto;padding:56px max(5vw,28px);border-top:1px solid var(--line);scroll-margin-top:20px}
.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 60px}
.policy-grid article{scroll-margin-top:20px}
.policy-grid h3{font:600 1.5rem var(--serif);color:var(--gold);margin:0 0 16px}
.policy-grid p{opacity:.82;line-height:1.9;font-size:.88rem;margin:0 0 12px}
.policy-grid p a{color:var(--gold)}
.policy-grid dl{margin:0}
.policy-grid dt{font-weight:700;margin-top:16px;font-size:.92rem}
.policy-grid dt:first-child{margin-top:0}
.policy-grid dd{margin:6px 0 0;opacity:.82;line-height:1.8;font-size:.86rem}
.site-footer{max-width:1400px;margin:0 auto;padding:0 max(5vw,28px) 60px}
.site-footer-links{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:16px}
.site-footer-links a{color:var(--gold);text-decoration:none;font-size:.8rem;font-weight:700}
.site-footer-links a:hover{text-decoration:underline}
.site-footer p{opacity:.7;font-size:.75rem;margin:0}
@media(max-width:900px){.policy-grid{grid-template-columns:1fr;gap:36px}}
@media(max-width:560px){.policy-section{padding:40px 18px}}
