@import url('assets/fonts/fonts.css');
:root{--wine:#795547;--wine-dark:#604337;--ink:#655448;--gold:#b6986c;--paper:#fcf9ef;--rose:#f2e3df;--line:#d8c9b3;--serif:'Piazzolla',Georgia,serif;--sans:'Commissioner',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:34px}body{margin:0;background:var(--paper);color:var(--wine);font-family:var(--serif);-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;z-index:8;pointer-events:none;opacity:.035;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23803931' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--wine);outline-offset:6px}button{border:0;background:transparent}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{font-size:48px;letter-spacing:-2.5px;line-height:.8;display:inline-block}.brand span{font-size:15px;letter-spacing:.5px;display:block;text-align:center;margin-top:10px}nav{display:flex;align-items:center;gap:34px;font-size:17px}nav a:hover{color:var(--wine-dark);text-decoration:underline;text-underline-offset:6px}.outline{border:1px solid #b89988;border-radius:100px;padding:9px 30px;font-size:17px;transition:.2s}.outline:hover{background:#7955470b}.hero{min-height:690px;position:relative;display:grid;grid-template-columns:46% 54%;align-items:center}.hero:before{position:absolute;content:'';inset:-112px calc((min(1280px,100vw - 96px) - 100vw)/2) -30px;background:radial-gradient(ellipse at 58% 50%,#f5d5d085,transparent 70%),linear-gradient(135deg,#efd1cb50,#fcf9ef);z-index:-1}.hero-copy{position:relative;z-index:1;padding-bottom:45px}.eyebrow{font-family:var(--sans);font-size:10px;letter-spacing:2.7px;text-transform:uppercase;font-weight:500;margin:0 0 25px}.hero h1{font-size:clamp(65px,6.8vw,102px);line-height:.89;font-weight:500;letter-spacing:-4px;margin:0}.question{font-style:italic}.flourish{width:78%;height:52px;margin:5px 0 5px;fill:none;stroke:#b38e78;stroke-width:1}.lede{font-size:29px;line-height:1.22;max-width:450px;margin:12px 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:99px;background:var(--wine);color:var(--paper);padding:16px 30px;font-size:20px;box-shadow:inset 0 1px 1px #c88c81;transition:background .2s,transform .2s;min-height:56px}.button span{color:#e6bd7c;font-size:29px;line-height:1}.button:hover{background:var(--wine-dark);transform:translateY(-2px)}.micro{font-size:12px;letter-spacing:1.5px;margin:14px 0 0 31px}.art{background-image:url('assets/celestial-atlas.png');background-repeat:no-repeat;background-size:200% 200%;aspect-ratio:1;mix-blend-mode:multiply;min-width:0}.hero-art{background-position:0 0;width:118%;max-width:none;margin-left:-7%;position:relative}.hero-star{position:absolute;right:2%;top:0;font-size:54px;color:var(--gold)}.bridge{display:flex;align-items:center;justify-content:center;gap:28px;padding:52px 0 22px}.bridge h2{font-size:33px;font-weight:500;letter-spacing:-.8px;margin:0;text-align:center}.bridge>span{color:var(--gold);font-size:28px}.mobile-break{display:none}.journey-nav{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px 20px 44px;font-family:var(--sans);font-size:10px;letter-spacing:1.3px;text-transform:uppercase}.journey-nav a{padding:10px 4px;opacity:.7}.journey-nav a:hover,.journey-nav a.active{opacity:1}.journey-nav span{color:#93755a;margin-right:5px}.journey-nav i{width:48px;height:1px;background:var(--line)}.chapter{border-top:1px solid var(--line);position:relative;scroll-margin-top:20px}.chapter-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:635px;padding-block:40px}.chapter-copy{padding:30px 0;max-width:480px}.chapter .eyebrow{margin-bottom:17px;font-size:11px;letter-spacing:2.4px}.eyebrow>span{margin-inline:9px;color:var(--gold)}.chapter h2{font-size:clamp(45px,4.5vw,66px);line-height:.98;font-weight:500;letter-spacing:-1.7px;margin:0 0 23px}.small-rule{width:48px;height:1px;background:#c3a48c;margin-bottom:25px}.description{font-size:23px;line-height:1.4;margin:0 0 24px;color:var(--ink)}.topics{padding:0;margin:0 0 25px;list-style:none}.topics li{display:flex;align-items:center;gap:19px;font-size:20px;margin:16px 0}.topics li>span{font-family:Georgia,serif;color:#95765b;font-size:32px;line-height:1;width:28px;text-align:center;flex-shrink:0}.text-link{border-bottom:1px solid #b89988;font-size:18px;padding:5px 0 8px;display:inline-flex;align-items:center;gap:24px}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.map-art{background-position:100% 0;transform:scale(1.08)}.pattern-art{background-position:0 100%;transform:scale(1.05)}.path-art{background-position:100% 100%;transform:scale(1.06)}.chapter-pattern{background:linear-gradient(110deg,#f5eae3,#faf5e9)}.next-chapter{display:flex;align-items:center;justify-content:center;gap:12px;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);width:68px;height:32px;border:1px solid var(--line);border-radius:30px;background:var(--paper);font-family:var(--sans);font-size:10px;z-index:1}.closing{text-align:center;padding:90px 0 65px;max-width:760px}.ornament{display:flex;align-items:center;gap:14px;justify-content:center;color:var(--gold);font-size:30px;margin-bottom:35px}.ornament span{height:1px;width:85px;background:var(--line)}.closing .eyebrow{margin-bottom:24px}.closing h2{font-weight:500;letter-spacing:-1.6px;font-size:54px;line-height:1.08;margin:0 0 22px}.closing>p:not(.eyebrow):not(.disclaimer){font-size:22px;margin-bottom:27px}.disclaimer{font-family:var(--sans);font-size:10px;line-height:1.9;color:#806e61;margin-top:25px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:35px 0 45px}.footer .brand{font-size:34px}.footer .brand span{font-size:11px;margin-top:7px}.footer p{font-size:16px;color:#806e61}.back-top{font-size:14px}.skip{position:absolute;top:-100px;padding:12px;background:white;z-index:20}.skip:focus{top:10px}dialog{width:min(580px,calc(100% - 32px));border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--wine);padding:48px;box-shadow:0 20px 100px #57463930;max-height:90dvh;overflow:auto}dialog::backdrop{background:#51433480;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:10px;font-size:29px;width:35px;height:35px}.dialog-tabs{display:flex;gap:12px;margin:20px 0 30px;border-bottom:1px solid var(--line)}.dialog-tabs button{padding:10px 0;font-family:var(--sans);font-size:11px;border-bottom:2px solid transparent}.dialog-tabs button[aria-selected=true]{border-color:var(--wine)}dialog h2{font-size:42px;line-height:1.05;font-weight:500;margin:0 0 20px}dialog p{font-size:20px;line-height:1.45}dialog h3{font-size:23px;font-weight:600;margin-bottom:8px}#dialog-content p{font-size:18px;margin:0 0 15px}.dialog-note{font:11px/1.7 var(--sans);color:#8b7867;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.dialog-done{margin-top:15px}#login{text-align:center}.login-star{font-size:50px;color:var(--gold);display:block;margin-bottom:20px}@media(min-width:1500px){.hero-art{width:115%}.hero{min-height:740px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.header{height:100px}.hero{min-height:570px}.hero h1{font-size:74px}.lede{font-size:25px}.eyebrow{font-size:8px;letter-spacing:1.9px}.hero-art{width:120%}.chapter-inner{gap:38px;min-height:560px}.description{font-size:21px}.topics li{font-size:18px}.chapter h2{font-size:52px}.bridge h2{font-size:29px}}@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header{height:92px}.brand{font-size:38px}.brand span{font-size:12px;margin-top:8px}.header nav{gap:15px;font-size:14px}.header nav>a:first-child{display:none}.outline{font-size:14px;padding:8px 20px}.hero{display:flex;flex-direction:column;min-height:0;padding-top:34px}.hero-copy{padding:0;text-align:center;width:100%}.hero .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:22px}.hero h1{font-size:72px;line-height:.91;letter-spacing:-3px}.flourish{height:35px;width:65%;margin:0}.lede{font-size:25px;max-width:330px;margin:14px auto 25px}.button{font-size:18px;padding:13px 25px;min-height:52px}.micro{margin:13px 0 0;font-size:10px}.hero-art{width:112%;margin:-5px -6% -12px;max-width:500px}.hero-star{display:none}.bridge{padding:27px 0 17px;gap:12px}.bridge h2{font-size:29px;line-height:1.15}.mobile-break{display:block}.bridge>span{font-size:24px}.journey-nav{gap:6px;font-size:8px;padding:5px 10px 27px;letter-spacing:.5px}.journey-nav i{width:15px}.journey-nav span{margin-right:3px}.chapter-inner{display:flex;flex-direction:column;gap:0;padding:34px 0 40px;min-height:0}.chapter-copy{width:100%;max-width:none;padding:14px 9px 20px;order:0}.chapter .art{order:1;width:100%;max-width:430px;transform:none;margin:-3px 0 -12px}.chapter h2{font-size:49px;letter-spacing:-1.5px}.chapter .eyebrow{font-size:9px;margin-bottom:16px}.small-rule{margin-bottom:19px}.description{font-size:22px;line-height:1.38}.topics li{font-size:19px;margin:16px 0}.topics{margin-bottom:20px}.text-link{font-size:18px}.next-chapter{height:28px}.closing{padding:65px 5px 45px}.closing h2{font-size:42px;letter-spacing:-1.2px}.closing>p:not(.eyebrow):not(.disclaimer){font-size:20px}.closing .eyebrow{font-size:8px;letter-spacing:1.8px}.disclaimer{font-size:9px}.footer{padding:28px 0;flex-wrap:wrap;gap:25px}.footer p{display:none}.footer .brand{font-size:32px}.back-top{font-size:13px}dialog{padding:42px 25px 30px}dialog h2{font-size:38px}.dialog-tabs{gap:16px}.dialog-tabs button{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Softly blend the engraved illustrations into the paper. */
.art{mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in}
.hero-art{width:110%;margin-left:-3%}@media(max-width:680px){.hero-art{width:100%;margin:8px 0 -8px}}
@media(max-width:680px){.hero:before{inset:-92px -18px -10px}.hero h1{font-size:60px}}
/* Account navigation: language, login, full results. */
.account-nav{font-family:var(--sans);gap:25px;font-size:15px}.language-picker{position:relative}.language-toggle{display:flex;align-items:center;gap:7px;min-height:44px;padding:6px 3px}.language-toggle svg{width:25px;height:25px}.language-code{font-size:11px;letter-spacing:.5px}.chevron{font-size:17px}.nav-login{font-size:15px;white-space:nowrap;padding:12px 0}.nav-unlock{background:var(--wine);color:var(--paper);border-radius:100px;padding:15px 26px;font-size:14px;font-weight:500;line-height:1.25;transition:background .2s;max-width:310px}.nav-unlock:hover{background:var(--wine-dark)}.language-menu{position:absolute;right:-10px;top:calc(100% + 9px);width:230px;padding:12px;background:#fff8f0;border:1px solid var(--line);box-shadow:0 10px 35px #57463918;border-radius:12px;z-index:30}.language-menu[hidden]{display:none}.language-menu p{font-size:10px;letter-spacing:.7px;color:#99836f;padding:3px 10px 10px;margin:0;border-bottom:1px solid #e9d9cb}.language-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 10px;border-radius:6px;text-align:left;font:14px var(--sans)}.language-menu button:hover,.language-menu button[aria-pressed=true]{background:#f1e0da}.language-menu button span{visibility:hidden}.language-menu button[aria-pressed=true] span{visibility:visible}.unlock-list{padding-left:22px;font-size:21px;line-height:1.9}html[lang=zh-CN] h1,html[lang=zh-CN] h2{font-family:'Songti SC','Noto Serif SC','SimSun',serif;letter-spacing:0}html[lang=zh-CN] .hero h1{line-height:1.2;font-size:clamp(58px,6vw,88px)}html[lang=zh-CN] .chapter h2{line-height:1.2;font-size:52px}html[lang=zh-CN] .description{line-height:1.7;font-size:21px}html[lang=zh-CN] .closing h2{line-height:1.4}
@media(max-width:1000px){.account-nav{gap:18px}.nav-unlock{padding:14px 20px;font-size:13px}}
@media(max-width:680px){.header{height:auto;min-height:100px;padding-block:21px;align-items:center;gap:15px;flex-wrap:wrap}.header .brand{font-size:35px;flex-shrink:0}.account-nav{gap:13px;margin-left:auto}.nav-login{font-size:12px}.nav-unlock{font-size:11px;padding:12px 14px;max-width:158px}.language-toggle{gap:3px;min-height:40px}.language-toggle svg{width:21px;height:21px}.language-code{font-size:9px}.chevron{font-size:13px}.language-menu{right:auto;left:-40px;width:210px}.hero{padding-top:25px}.language-menu button{min-height:44px}html[lang=zh-CN] .hero h1{font-size:55px}html[lang=zh-CN] .chapter h2{font-size:39px}html[lang=zh-CN] .description{font-size:19px}}
@media(max-width:460px){.header .account-nav{width:100%;justify-content:flex-end;gap:22px}.header .brand{margin-bottom:0}.header{row-gap:13px}.language-menu{left:0}.nav-unlock{max-width:none}.header .language-toggle{min-width:63px}.header .nav-login{padding-inline:4px}}
/* Registration / sign-in: a celestial illustration and a quiet email form. */
.auth-dialog{width:min(1240px,calc(100% - 64px));max-width:none;max-height:calc(100dvh - 64px);padding:0;border:1px solid #d6b99e;border-radius:12px;text-align:left!important;overflow:auto}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:730px}.auth-visual{position:relative;background:linear-gradient(150deg,#eee6dd,#fcf9ef 70%);padding:34px 36px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-right:1px solid #d9bda2}.auth-visual .brand{font-size:38px;align-self:flex-start;position:relative;z-index:1}.auth-visual .brand span{font-size:12px}.auth-art{position:absolute;top:105px;left:-5%;width:110%;background-position:0 0}.auth-art-copy{position:relative;z-index:1;margin-top:490px;padding-top:12px}.auth-ornament{font-size:30px;color:var(--gold);display:block;margin-bottom:15px}.auth-art-copy h2{font-size:43px;line-height:1.02;letter-spacing:-1px;margin:0 0 15px;font-weight:500}.auth-art-copy p{font-size:20px;margin:0}.auth-panel{padding:65px 54px 30px;align-self:center}.auth-panel .eyebrow{font-size:9px;margin-bottom:22px}.auth-panel>h2{font-size:46px;line-height:1.02;letter-spacing:-1.2px;margin:0 0 22px}.auth-panel .auth-intro{font-size:19px;line-height:1.5;color:var(--ink);margin:0 0 27px}.auth-close{position:absolute;right:14px;top:12px;z-index:3;background:#fff7efb3;border-radius:100%;font-size:27px}.auth-field{margin:0 0 17px}.auth-field[hidden]{display:none}.auth-field label{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.2px;margin:0 0 9px}.auth-field label>span{color:#806e61}.auth-input-wrap{display:flex;align-items:center;gap:13px;border:1px solid #d9c4b6;background:#fffaf5;border-radius:12px;padding:0 17px;min-height:55px;transition:border-color .2s,box-shadow .2s}.auth-input-wrap:focus-within{border-color:var(--wine);box-shadow:0 0 0 3px #7955470b}.auth-input-wrap>svg{width:21px;height:21px;stroke:#806e61;stroke-width:1.4;fill:none;flex-shrink:0}.auth-input-wrap input{border:0;outline:0;background:transparent;width:100%;min-width:0;font:14px var(--sans);color:var(--wine);padding:17px 0}.auth-input-wrap input::placeholder{color:#a78d89}.auth-input-wrap>span{font-size:25px;color:var(--gold)}.auth-code-link{font-size:15px;text-decoration:underline;text-underline-offset:4px;margin:2px 0 12px;padding:3px 0;min-height:30px}.auth-status{font:12px/1.7 var(--sans);color:var(--wine);margin:0}.auth-status:not(:empty){margin:0 0 15px;border-left:2px solid var(--gold);padding:5px 10px}.auth-submit{width:100%;justify-content:space-between;font-size:17px;min-height:53px;padding:13px 23px;margin-top:8px}.auth-submit .submit-label{color:var(--paper);font-family:var(--serif);font-size:18px;line-height:1.25}.auth-submit>span:last-child{font-size:24px}.auth-divider{display:flex;align-items:center;gap:13px;margin:13px 0}.auth-divider>span{height:1px;background:#e0cec0;flex:1}.auth-divider p{font:11px var(--sans);margin:0;color:#806e61}.auth-google{display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #c5a79b;border-radius:100px;min-height:49px;width:100%;font-family:var(--sans);font-size:13px;transition:background .2s}.auth-google:hover{background:#f0dfd5}.auth-google svg{width:18px;height:18px}.auth-panel .auth-privacy{font:10px/1.6 var(--sans);text-align:center;color:#806e61;margin:20px 0 10px}.auth-panel .auth-preview-note{font:10px/1.6 var(--sans);text-align:center;color:#806e61;margin:0}.auth-back{display:block;margin:22px auto 0;font-size:14px;padding:8px}.auth-dialog::backdrop{background:#51433475;backdrop-filter:blur(7px)}html:has(.auth-dialog[open]){overflow:hidden}html[lang=zh-CN] .auth-panel>h2{font-size:36px;line-height:1.35}html[lang=zh-CN] .auth-art-copy h2{font-size:35px;line-height:1.4}
@media(min-width:1100px) and (max-height:850px){.auth-layout{min-height:640px}.auth-panel{padding:40px 48px 22px}.auth-panel>h2{font-size:40px}.auth-panel .auth-intro{margin-bottom:20px}.auth-art-copy{margin-top:410px}.auth-art{top:80px}.auth-art-copy h2{font-size:36px}.auth-field{margin-bottom:12px}.auth-panel .auth-privacy{margin-top:14px}.auth-back{margin-top:12px}}
@media(max-width:900px){.auth-dialog{width:calc(100% - 32px);max-height:calc(100dvh - 32px)}.auth-layout{grid-template-columns:42% 58%;min-height:680px}.auth-panel{padding:50px 28px 30px}.auth-panel>h2{font-size:39px}.auth-art-copy h2{font-size:34px}.auth-visual{padding:30px 24px}.auth-art{top:135px;width:125%;left:-12.5%}.auth-art-copy{margin-top:410px}}
@media(max-width:680px){.auth-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:10px}.auth-layout{display:flex;flex-direction:column;min-height:0}.auth-visual{min-height:200px;padding:24px;border-right:0;border-bottom:1px solid #d9bda2}.auth-visual .brand{font-size:28px}.auth-visual .brand span{font-size:9px}.auth-art{width:210px;height:210px;left:auto;right:-12px;top:1px}.auth-art-copy{margin-top:24px;max-width:52%;padding-top:0}.auth-art-copy h2{font-size:25px;line-height:1.1;margin-bottom:0}.auth-art-copy p,.auth-ornament{display:none}.auth-panel{padding:31px 24px 22px;width:100%}.auth-panel .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:16px}.auth-panel>h2{font-size:36px}.auth-panel .auth-intro{font-size:18px;margin-bottom:23px}.auth-field{margin-bottom:16px}.auth-field label{font-size:10px}.auth-input-wrap{min-height:52px;padding-inline:13px}.auth-input-wrap input{font-size:16px;padding:15px 0}.auth-submit .submit-label{font-size:17px}.auth-close{top:10px;right:10px;background:#fff7efdf}.auth-back{margin-top:16px}.auth-panel .auth-privacy,.auth-panel .auth-preview-note{font-size:9px}html[lang=zh-CN] .auth-panel>h2{font-size:30px}html[lang=zh-CN] .auth-art-copy h2{font-size:23px}}
@media(min-width:901px){.auth-art{width:82%;left:9%;top:65px}}
html[lang=zh-CN] #pattern-title br{display:none}
@media(max-width:680px){html[lang=zh-CN] .auth-art-copy h2{font-size:19px;line-height:1.4}}
.auth-demo{display:block;border:1px dashed #c5a79b;border-radius:100px;width:100%;padding:11px 15px;font-size:15px;margin:15px 0 10px}.auth-demo:hover{background:#f4e4da}.birth-layout{min-height:800px}.birth-visual{display:block;isolation:isolate}.birth-side-copy{position:relative;z-index:2;margin-top:55px;max-width:460px}.birth-side-copy .eyebrow{font-size:9px;letter-spacing:2px}.birth-side-copy h2{font-size:49px;line-height:1.08;font-weight:500;letter-spacing:-1px;margin:0 0 20px;max-width:470px}.birth-side-copy>p:last-child{font-size:22px;line-height:1.45;max-width:370px}.birth-progress{position:relative;z-index:2;padding:0;list-style:none;margin:32px 0;max-width:355px}.birth-progress li{display:flex;align-items:center;gap:17px;position:relative;padding-bottom:22px;color:#b18b85}.birth-progress li:not(:last-child):after{content:'';width:1px;height:22px;position:absolute;top:41px;left:20px;background:#cdb29b}.birth-progress li>span{width:42px;height:42px;border:1px solid #ccad96;background:#faefe6;border-radius:50%;display:grid;place-items:center;font:12px var(--sans);flex-shrink:0}.birth-progress li p{font-size:19px;margin:0}.birth-progress li.current{color:var(--wine)}.birth-progress li.current>span{background:var(--wine);border-color:var(--wine);color:var(--paper)}.birth-progress li.completed>span{background:#e8d6c5;color:#715a46}.birth-art{position:absolute;bottom:-100px;left:4%;top:auto;width:92%;background-position:100% 0;opacity:.42;z-index:-1}.birth-side-foot{position:absolute;bottom:35px;left:36px;font-size:13px;letter-spacing:1px;z-index:2}.birth-panel{padding:40px 50px 28px}.birth-panel #birth-title{font-size:43px;line-height:1.1;max-width:460px}.birth-panel .auth-intro{font-size:19px;margin-bottom:23px}.birth-panel .auth-field{margin-bottom:14px}.field-icon{font:25px var(--serif);width:23px;text-align:center}.birth-unknown{display:flex;align-items:flex-start;gap:10px;font:11px/1.6 var(--sans);margin:0 0 8px;cursor:pointer}.birth-unknown input{accent-color:var(--wine);width:16px;height:16px;margin:0;flex-shrink:0}.birth-time-note,.birth-city-note{font:10px/1.65 var(--sans);color:#9c8672;margin:0 0 17px}.birth-city-note{margin:8px 0 0}.auth-input-wrap:has(input:disabled){opacity:.48;background:#eadfd4}.birth-back{display:block;margin:12px auto 5px;font-size:15px;padding:8px}.birth-error{font:11px/1.6 var(--sans);color:#66513f;margin:0}.birth-error:not(:empty){margin:10px 0}.birth-panel .auth-preview-note{margin-top:13px}#birth-review[hidden],#birth-form-panel[hidden]{display:none}.birth-review-card{padding:20px 23px;border:1px solid #d7bfa8;border-radius:12px;background:#fff7ef;margin-bottom:15px}.birth-review-card>p:first-child{font:10px var(--sans);letter-spacing:1px;color:#a38469;text-transform:uppercase;margin:0 0 10px}.birth-review-card h3{font-size:28px;font-weight:500;margin:0 0 10px}.birth-review-card>p:last-child{font:12px/1.7 var(--sans);overflow-wrap:anywhere;margin:0}.birth-review-cards{margin:28px 0}.birth-review-card h3{overflow-wrap:anywhere}.birth-dialog:has(#birth-review:not([hidden])) .birth-side-copy h2{font-size:44px}html:has(.birth-dialog[open]){overflow:hidden}html[lang=zh-CN] .birth-side-copy h2{font-size:38px;line-height:1.4}html[lang=zh-CN] .birth-progress li p{font-size:18px}html[lang=zh-CN] .birth-panel #birth-title{font-size:34px}
@media(max-width:900px){.birth-panel{padding:42px 25px 25px}.birth-side-copy h2{font-size:38px}.birth-side-copy>p:last-child{font-size:20px}.birth-progress li p{font-size:17px}.birth-side-foot{left:24px;font-size:11px}}
@media(max-width:680px){.birth-layout{min-height:0}.birth-visual{min-height:0;padding:24px}.birth-visual .brand{display:none}.birth-side-copy{margin-top:0;max-width:75%}.birth-side-copy .eyebrow{font-size:8px;margin-bottom:14px}.birth-side-copy h2{font-size:31px;max-width:250px;margin:0}.birth-side-copy>p:last-child{display:none}.birth-progress{display:flex;justify-content:space-between;gap:9px;margin:24px 0 0;max-width:none}.birth-progress li{gap:7px;padding:0;align-items:flex-start;flex:1}.birth-progress li>span{width:27px;height:27px;font-size:9px}.birth-progress li p{font-size:12px;line-height:1.25;margin-top:2px}.birth-progress li:not(:last-child):after{display:none}.birth-art{width:180px;left:auto;right:-25px;bottom:30px;opacity:.2}.birth-side-foot{display:none}.birth-panel{padding:30px 24px 25px}.birth-panel #birth-title{font-size:36px}.birth-panel .eyebrow{font-size:8px;letter-spacing:1.6px}.birth-unknown{font-size:11px}.birth-time-note,.birth-city-note{font-size:10px}.birth-panel .auth-input-wrap input{font-size:16px}.birth-panel .auth-submit{font-size:16px}.birth-review-card{padding:17px}.birth-review-card h3{font-size:26px}html[lang=zh-CN] .birth-side-copy h2{font-size:28px}html[lang=zh-CN] .birth-panel #birth-title{font-size:29px}html[lang=zh-CN] .birth-progress li p{font-size:11px}}
[hidden]{display:none!important}.birth-skip{display:block;width:100%;border:1px dashed #c5a79b;border-radius:100px;font-size:15px;padding:11px 15px;margin-top:13px}.birth-skip:hover{background:#f1ded5}.result-page{padding:12px 0 58px}.result-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;padding-bottom:25px;border-bottom:1px solid #dec7b2}.result-edit{font:11px var(--sans);color:#806e61;padding:5px 0;margin-bottom:16px}.result-top h1{font-size:32px;font-weight:500;line-height:1.08;letter-spacing:-.7px;margin:0}.result-top h1>span{font-size:25px}.result-actions{display:flex;gap:13px;align-items:center}.result-actions .outline{font:12px var(--sans);padding:11px 20px}.demo-pill{font:9px var(--sans);letter-spacing:1px;text-transform:uppercase;color:#a18872}.result-spark{width:40px;height:40px;border:1px solid #cbaa84;background:#ead5c0;border-radius:50%;font-size:25px;display:grid;place-items:center}.relationship-card{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center;background:linear-gradient(120deg,#927565,#795c4d);border:1px solid #aa8a76;border-radius:28px;padding:50px;color:#fff1e5;position:relative;overflow:hidden}.relationship-card:before{content:'✧';position:absolute;right:24px;top:10px;font-size:65px;color:#d9b08c60}.relationship-copy{position:relative;z-index:1}.relationship-copy .eyebrow{color:#e5c09b;font-size:9px;margin-bottom:22px}.relationship-card h2{font-size:49px;line-height:1.02;letter-spacing:-1.3px;font-weight:500;margin:0 0 27px}.relationship-summary{font-size:21px;line-height:1.45;max-width:490px;margin:0 0 24px;color:#f1dace}.relationship-tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}.relationship-tags span{font:10px var(--sans);padding:9px 14px;border:1px solid #d7ae9d80;border-radius:100px;color:#f8e2d6}.relationship-basis{display:flex;gap:14px;align-items:flex-start;max-width:490px;border-top:1px solid #c4918170;padding-top:20px;margin-bottom:22px}.relationship-basis>span{font-size:28px;color:#dbb388}.relationship-basis p{font:12px/1.8 var(--sans);color:#edcfc2;margin:0}.save-card{font:11px var(--sans);border:1px solid #d8b297;border-radius:100px;padding:12px 20px;color:#fae8d8;display:inline-flex;align-items:center;gap:9px}.save-card:hover{background:#f9eee515}.relationship-art-frame{margin:20px 0 0;background:#fbf0e6;border:1px solid #c7a57d;padding:14px 14px 13px;transform:rotate(1deg);box-shadow:0 12px 30px #57463920;position:relative}.relationship-art{width:100%;background-position:0 100%;mix-blend-mode:multiply}.relationship-art-frame figcaption{color:#9a7b60;font-size:12px;text-align:center;margin-top:8px;letter-spacing:.6px}.result-disclaimer,.result-time-note{font:10px/1.9 var(--sans);color:#806e61;margin:25px 0 0;max-width:1160px}.result-time-note{margin-top:6px}.result-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.result-modules button{display:flex;gap:13px;align-items:center;text-align:left;border:1px solid #d6bba4;border-radius:100px;padding:16px 17px;background:#fff6ed;min-width:0;transition:background .2s,transform .2s}.result-modules button:hover{background:#efddd0;transform:translateY(-2px)}.module-number{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e9d1b8;color:var(--wine);font:9px var(--sans);flex-shrink:0}.result-modules strong{font-size:18px;font-weight:500}.module-arrow{font-size:22px;margin-left:auto;flex-shrink:0}.showing-result>.footer{display:none}.showing-result .header{border-bottom:0}.demo-relation{display:flex;align-items:center;gap:18px;padding:20px;border:1px solid var(--line);border-radius:12px;width:100%;text-align:left}.demo-relation>span{font-size:30px;color:var(--gold)}.demo-relation strong{font-size:23px;font-weight:500}.demo-relation p{font-size:16px;margin:6px 0 0}.demo-relation>span:last-child{margin-left:auto}#save-status{font:10px var(--sans);min-height:0;margin-bottom:0}#save-status:empty{display:none}html[lang=zh-CN] .relationship-card h2{font-size:43px;line-height:1.3}html[lang=zh-CN] .relationship-summary{font-size:19px;line-height:1.7}html[lang=zh-CN] .result-top h1{line-height:1.3}html[lang=zh-CN] .result-top h1>span{font-size:23px}
@media(max-width:1000px){.relationship-card{padding:35px;gap:25px}.relationship-card h2{font-size:40px}.relationship-summary{font-size:19px}.result-modules{gap:10px}.result-modules strong{font-size:16px}.result-modules button{padding:13px;gap:9px}.result-top h1>span{font-size:22px}}
@media(max-width:680px){.result-page{padding-top:10px}.result-top{display:block;margin-bottom:23px;padding-bottom:20px}.result-top h1{font-size:28px}.result-top h1>span{font-size:21px}.result-actions{justify-content:flex-end;margin-top:20px;gap:11px}.result-actions .outline{font-size:10px;padding:10px 17px}.demo-pill{font-size:8px;margin-right:auto}.result-spark{width:34px;height:34px;font-size:23px}.relationship-card{display:flex;flex-direction:column;padding:29px 24px;border-radius:20px;gap:10px;align-items:stretch}.relationship-card h2{font-size:39px;line-height:1.06}.relationship-copy .eyebrow{font-size:8px;letter-spacing:1.6px}.relationship-summary{font-size:21px}.relationship-tags{gap:7px}.relationship-tags span{font-size:9px;padding:8px 11px}.relationship-basis p{font-size:11px}.relationship-art-frame{width:min(100%,330px);align-self:center;transform:rotate(0deg);margin-top:17px}.relationship-art-frame figcaption{font-size:10px}.result-disclaimer,.result-time-note{font-size:9px;line-height:1.8}.result-modules{grid-template-columns:1fr;gap:11px;margin-top:23px}.result-modules button{padding:14px 17px}.result-modules strong{font-size:19px}.module-number{width:29px;height:29px}.result-edit{font-size:10px;margin-bottom:12px}html[lang=zh-CN] .relationship-card h2{font-size:34px}html[lang=zh-CN] .relationship-summary{font-size:18px}html[lang=zh-CN] .result-top h1>span{font-size:21px}.birth-skip{font-size:14px}.demo-relation{padding:16px;gap:12px}.demo-relation strong{font-size:21px}}

.reading-page{padding-top:30px;padding-bottom:70px}.reading-heading{display:flex;align-items:center;gap:16px;margin:25px 0}.reading-heading h1{font-family:var(--serif);font-size:clamp(30px,3.6vw,46px);font-weight:500;margin:0}.reading-heading .demo-pill{margin-left:auto}.reading-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:radial-gradient(ellipse at 50% 0%,#fcf9ef,transparent 68%),#f8f6ed;padding:32px 5% 40px;box-shadow:0 14px 60px #79554706}.reading-emblem{width:150px;margin:0 auto 18px;color:var(--gold)}.reading-emblem svg{display:block;width:100%}.reading-intro{font-size:17px;line-height:1.8;max-width:1040px;margin:0 auto 35px}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 70px}.reading-grid section{border-top:1px solid #b6986c66;padding-top:18px}.reading-index{color:var(--gold);font-family:var(--sans);font-size:11px;letter-spacing:3px}.reading-grid h2{font:500 clamp(25px,2.5vw,33px)/1.12 var(--serif);max-width:440px;margin:12px 0 14px}.reading-grid p{font-size:16px;line-height:1.7;margin:0;max-width:440px}.compatibility-title{font:500 clamp(27px,3vw,36px)/1.2 var(--serif);margin:48px 0 24px}.locked-preview{height:75px;overflow:hidden;opacity:.16;filter:blur(4px);mask-image:linear-gradient(#000,transparent)}.locked-preview i{display:block;height:7px;background:var(--wine);border-radius:9px;margin:13px 0;width:95%}.locked-preview i:nth-child(2){width:86%}.locked-preview i:nth-child(3){width:90%}.reading-unlock{text-align:center;padding-top:0}.lock-divider{border-top:1px solid var(--gold);margin:0 0 40px;height:0}.lock-divider>span{display:flex;align-items:center;justify-content:center;width:66px;height:66px;margin:-33px auto 0;background:var(--wine);border:5px solid #f8f6ed;border-radius:50%;color:#f5dfb5;box-shadow:0 0 0 1px var(--gold)}.lock-divider svg{width:29px;height:29px}.reading-unlock h2{font:500 clamp(32px,4vw,45px)/1.15 var(--serif);margin:12px 0 18px}.reading-unlock>p:not(.eyebrow):not(.reading-unlock-note){max-width:670px;margin:0 auto 24px;font-size:17px;line-height:1.7}.reading-unlock .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 28px}.reading-unlock .button svg{width:21px;height:21px;flex-shrink:0}.reading-unlock-note{font-size:12px;opacity:.7;margin:16px 0 0}.reading-next{display:flex;gap:20px;margin-top:30px}.reading-next button{flex:1;display:flex;justify-content:space-between;text-align:left;gap:18px;padding:18px 22px}.reading-page .result-disclaimer{margin-top:20px}
@media(max-width:650px){.reading-page{padding-top:18px}.reading-heading{gap:10px;flex-wrap:wrap}.reading-heading h1{font-size:29px;flex:1}.reading-heading .demo-pill{margin-left:47px}.reading-panel{padding:24px 22px 30px;border-radius:22px}.reading-grid{grid-template-columns:1fr;gap:27px}.reading-intro{font-size:15px;line-height:1.8}.reading-emblem{width:125px}.reading-grid h2{font-size:29px}.reading-grid p{font-size:15px}.compatibility-title{margin-top:35px;font-size:30px}.reading-unlock .button{width:100%;padding:16px 14px;font-size:13px}.reading-unlock .eyebrow{font-size:10px}.reading-next{flex-direction:column;gap:12px}}

.report-section{padding-top:60px;padding-bottom:10px;scroll-margin-top:25px}.report-section .reading-heading{margin-top:0}.report-continue{display:flex;align-items:center;justify-content:center;gap:12px;padding:28px 12px;color:var(--wine);font-size:14px;text-decoration:none}.report-continue:hover{text-decoration:underline}#behavior-page .reading-panel{background:radial-gradient(ellipse at 50% 0%,#fcf9ef,transparent 68%),#f8f6ed}#behavior-page .lock-divider>span{border-color:#f8f6ed}.report-section .reading-heading h1{font-size:clamp(30px,3.6vw,46px)}@media(max-width:650px){.report-section{padding-top:40px}.report-section .reading-heading h1{font-size:29px}}

#future-page .reading-panel{background:radial-gradient(ellipse at 50% 0%,#fcf9ef,transparent 68%),#f8f6ed}#future-page .lock-divider>span{border-color:#f8f6ed}.future-introduction>h2{font:500 clamp(30px,3.6vw,44px)/1.2 var(--serif);margin:12px 0 25px;max-width:900px}.future-basis{border-top:1px solid #b6986c66;padding-top:22px}.future-basis>p:last-child{font-size:15px;line-height:1.75;margin:12px 0 0}.future-unlock{margin-top:22px}.future-unlock .lock-divider{margin-bottom:42px}.future-unlock .locked-preview{text-align:left}.future-panel .reading-emblem{margin-bottom:26px}#report-top{background:none;border:0;margin:15px auto;cursor:pointer}#report-top:hover{color:var(--wine-dark)}@media(max-width:650px){.future-introduction>h2{font-size:32px}.future-basis .eyebrow{font-size:10px;line-height:1.8}}

/* One sage-paper palette across all three report layers. */
.report-section .reading-panel{border-color:#c4c8b3}.report-section .reading-emblem{color:#7c8454}.report-section .reading-index{color:#727b4e}.report-section .reading-grid section,.report-section .future-basis{border-color:#939e7566}.report-section .lock-divider{border-color:#939e75}.report-section .lock-divider>span{box-shadow:0 0 0 1px #939e75}

.commerce-page{padding-top:28px;padding-bottom:70px}.commerce-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:24px}.commerce-page h1{font:500 clamp(38px,4.3vw,65px)/1.05 var(--serif);margin:18px 0 24px}.commerce-lead{font:400 23px/1.5 var(--serif);opacity:.8;margin-bottom:28px}.plan-options{border:0;padding:0;margin:28px 0;display:grid;gap:18px}.plan-card{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff9f366}.plan-card:has(input:checked){border:2px solid var(--wine);padding:24px;background:linear-gradient(135deg,#f5e9e3,#f3f3e9)}.plan-card input{accent-color:var(--wine);margin-top:8px}.plan-card>span{display:grid;gap:8px;flex:1}.plan-card strong{font:500 31px var(--serif)}.plan-card b{font:500 48px var(--serif);color:var(--wine)}.plan-card small{border-top:1px solid #b6986c44;padding-top:14px;margin-top:8px;line-height:1.7}.commerce-page .button{width:100%;justify-content:center;display:flex;gap:10px}.commerce-note{font:12px/1.8 var(--sans);opacity:.65;margin:18px 0}.benefits-panel{padding:38px;background:#fffcf7c9;border:1px solid #d8c9b377;border-top:3px solid var(--gold);border-radius:24px;align-self:start}.commerce-page h2{font:500 32px/1.2 var(--serif);margin:14px 0 24px}.benefit-list{list-style:none;padding:12px 0;margin:20px 0;border-bottom:1px solid #b6986c44}.benefit-list li{display:flex;gap:17px;margin:0 0 30px}.benefit-list li>span{background:#edece0;border-radius:50%;color:var(--wine);width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.benefit-list h3{font:600 15px/1.5 var(--sans);margin:3px 0 8px}.benefit-list p{font:14px/1.8 var(--sans);margin:0;opacity:.75}.checkout-layout{gap:65px}.order-price{font:500 72px var(--serif)}.order-summary{border:1px solid var(--line);border-radius:20px;padding:25px;margin-top:30px;background:#fffaf466}.order-product{display:flex;gap:14px;align-items:center}.order-product>span{font-size:37px;color:var(--wine)}.order-product h2{font-size:27px;flex:1;margin:0}.order-includes{padding:18px 0;list-style:none;line-height:2.4;font-size:13px}.order-total,.confirmation-summary>div{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #b6986c44;padding:20px 0}.renewal-box{padding:20px;background:#f8f6edaa;border-radius:12px;font-size:14px}.renewal-box p{line-height:1.8;font-size:12px;margin-bottom:0}.payment-panel{padding:25px 30px;border:1px solid #d8c9b366;background:#fffdf8b3;border-radius:22px}.pay-field{display:grid;gap:10px;font-size:13px;margin:22px 0}.pay-field input,.pay-field select{min-width:0;width:100%;box-sizing:border-box;padding:16px;border:1px solid #c6bda9;border-radius:11px;background:#fffdf9;color:var(--ink);font:15px var(--sans)}.pay-field input[readonly]{color:#978c82}.pay-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.payment-methods{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.payment-methods label{border:1px solid var(--line);padding:22px 16px;display:flex;align-items:center;gap:10px;border-radius:12px;cursor:pointer}.payment-methods label:has(input:checked){border-color:var(--wine);background:#f3e9e4}.payment-methods input{accent-color:var(--wine)}.demo-consent{border-top:1px solid #b6986c44;padding:22px 0;font-size:13px;line-height:1.8}.text-action{display:block;background:none;border:0;color:var(--wine);text-decoration:underline;text-underline-offset:5px;margin:22px auto;cursor:pointer;font:13px var(--sans)}.pix-preview{text-align:center;border:1px dashed var(--line);border-radius:14px;padding:25px;margin-top:22px}.pix-preview>span{font-size:50px;color:var(--gold)}.pix-preview p{font-size:14px;line-height:1.8}.payment-result{max-width:850px;margin:20px auto;padding:50px;background:#fffaf5b3;border:1px solid #d8c9b366;border-radius:25px;text-align:center}.result-seal{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;border:1px solid var(--gold);background:radial-gradient(#f8f6ed,#f8f2e9);color:var(--wine);font:55px var(--serif);margin:0 auto 28px}.payment-result .commerce-lead{font-size:21px}.confirmation-summary{border:1px solid var(--line);border-radius:18px;padding:5px 25px;margin:35px 0;text-align:left;font-size:14px}.confirmation-summary>div:first-child{border:0}.confirmation-summary strong{text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.commerce-layout{grid-template-columns:1fr;gap:28px}.commerce-page h1{font-size:43px}.commerce-lead{font-size:21px}.benefits-panel,.payment-panel{padding:25px 22px}.payment-result{padding:30px 22px}.payment-result h1{font-size:38px}.confirmation-summary{padding:5px 16px}.plan-card b{font-size:43px}.payment-methods label{padding:20px 12px}.order-price{font-size:64px}.pay-row{gap:12px}}

/* Restore the original ivory paper throughout the reports and purchase flow. */
.report-section .reading-panel,#behavior-page .reading-panel,#future-page .reading-panel{background:var(--paper);border-color:var(--line)}.report-section .lock-divider>span,#behavior-page .lock-divider>span,#future-page .lock-divider>span{border-color:var(--paper);box-shadow:0 0 0 1px var(--gold)}.report-section .reading-emblem,.report-section .reading-index{color:var(--gold)}.report-section .reading-grid section,.report-section .future-basis{border-color:#b6986c66}.report-section .lock-divider{border-color:var(--gold)}.plan-card:has(input:checked){background:#f5e9e3}.benefit-list li>span,.renewal-box{background:#f3e8df}.result-seal{background:#f5ebe1}.single-foot{font-size:14px;line-height:1.8}.coin-buy{margin:0 0 20px auto;text-align:right}.plan-card{position:relative}.benefits-panel #single-benefits .benefit-list{margin-top:35px;padding-bottom:20px}.benefits-panel #single-benefits .commerce-note{margin-top:10px}

/* Bespoke editorial typography, shared across every page and dialog. */
body{font-optical-sizing:auto}
.hero h1{letter-spacing:-.045em;line-height:1.02}
.chapter h2{letter-spacing:-.025em;line-height:1.08}
.closing h2{letter-spacing:-.025em;line-height:1.12}
.brand{letter-spacing:-.055em;line-height:1}
.lede{line-height:1.35}
@media(max-width:680px){.hero h1{font-size:56px;letter-spacing:-.04em;line-height:1.04}.chapter h2{font-size:45px;line-height:1.1}.closing h2{font-size:39px}}
html[lang=zh-CN] .hero h1{letter-spacing:0;line-height:1.2}

/* Watercolor stationery: ivory paper, warm ink, blush and powder blue. */
:root{--wine:#795547;--wine-dark:#604337;--ink:#655448;--gold:#b6986c;--paper:#fcf9ef;--rose:#f2e3df;--line:#d8c9b3;--mist:#dce6e9;--sage:#a5ad96}
body{background:var(--paper);color:var(--wine)}
body:before{opacity:.022}
.hero:before{background:radial-gradient(ellipse at 72% 42%,#e5ebeb44,transparent 62%),radial-gradient(ellipse at 15% 70%,#f2e3df55,transparent 65%),var(--paper)}
.hero{grid-template-columns:44% 56%;min-height:720px;padding-block:18px}
.hero-copy{padding-bottom:12px}
.hero h1{font-weight:400}
.hero .lede{font-size:27px;line-height:1.4;max-width:430px}
.art{background-size:contain;background-position:center;background-repeat:no-repeat;mix-blend-mode:multiply;mask-image:none;-webkit-mask-image:none;transform:none}
.hero-art{background-image:url('assets/watercolor-hero.png');aspect-ratio:558/704;width:100%;max-width:520px;margin:0 auto}
.hero-star{display:none}
.map-art{background-image:url('assets/watercolor-maps.png')}
.pattern-art{background-image:url('assets/watercolor-patterns.png')}
.path-art{background-image:url('assets/watercolor-paths.png')}
.chapter .art{width:100%;aspect-ratio:1;transform:none}
.chapter-pattern{background:linear-gradient(110deg,#f5eae345,#e2ebed44)}
.chapter-inner{gap:64px;padding-block:55px}
.flourish{stroke:#b28d76;opacity:.85}
.button,.nav-unlock{background:#795547;color:#fffaf1;box-shadow:inset 0 1px 1px #c6ad98}
.button:hover,.nav-unlock:hover{background:#604337}
.button span{color:#ecd6ae}
.outline{border-color:#ba9f89}
.language-menu,dialog{background:#fcf9ef;border-color:var(--line)}
.language-menu button:hover,.language-menu button[aria-pressed=true]{background:#eee6dd}
.auth-visual{background:linear-gradient(155deg,#eee8df88,#e7edf044 60%,#fcf9ef);border-color:var(--line)}
.auth-art{background-image:url('assets/watercolor-patterns.png');aspect-ratio:1}
.birth-art{background-image:url('assets/watercolor-maps.png');aspect-ratio:1;opacity:.35}
.relationship-card{background:radial-gradient(ellipse at 15% 0%,#f2e3df80,transparent 70%),linear-gradient(120deg,#f9f2e7,#f2f4ed);border-color:var(--line);color:var(--wine);box-shadow:0 14px 45px #806c5010}
.relationship-copy .eyebrow,.relationship-summary,.relationship-basis p{color:var(--ink)}
.relationship-tags span{background:#fffaf180;color:var(--wine);border-color:#d1b9a4}
.relationship-basis{border-color:var(--line)}
.relationship-basis>span{color:var(--gold)}
.relationship-art-frame{background:#fcf9ef;border-color:var(--line);box-shadow:0 8px 24px #806c5012;transform:rotate(1deg)}
.relationship-art{background-image:url('assets/watercolor-patterns.png');aspect-ratio:1}
.relationship-card .save-card{color:var(--wine);border-color:#bfa58d}
.report-section .reading-panel,#behavior-page .reading-panel,#future-page .reading-panel{background:radial-gradient(ellipse at 70% 0%,#e7edf044,transparent 64%),#fcf9ef;border-color:var(--line);box-shadow:0 12px 45px #806c5008}
.reading-emblem{color:#b79a6b}
.result-spark{background:#eee5d5;border-color:var(--line)}
.result-modules button{background:#fffaf180;border-color:var(--line)}
.result-modules button:hover{background:#eee7dc}
.auth-input-wrap,.pay-field input,.pay-field select{background:#fffdf7;border-color:#d4c3ad}
.plan-card:has(input:checked){background:linear-gradient(135deg,#f3e6df,#e8eef044);border-color:var(--wine)}
.result-seal{background:radial-gradient(#e8eef0,#faf4e7)}
.footer{border-color:var(--line)}
@media(min-width:1500px){.hero{min-height:760px}.hero-art{width:100%;max-width:560px}}
@media(max-width:1000px) and (min-width:681px){.hero{min-height:610px}.hero h1{font-size:68px}.hero .lede{font-size:24px}.chapter-inner{gap:35px}.hero-art{width:100%;max-width:450px}}
@media(max-width:680px){.hero{display:flex;min-height:0;padding-top:28px;padding-bottom:12px}.hero-copy{padding:0}.hero h1{font-size:56px}.hero .lede{font-size:24px;max-width:330px}.hero-art{width:100%;max-width:390px;aspect-ratio:558/704;margin:25px auto 0}.chapter-inner{gap:8px;padding-block:35px}.chapter .art{width:100%;max-width:430px;margin:0}.relationship-card{background:linear-gradient(145deg,#f6ebe2,#f4f5ed)}.relationship-art-frame{transform:none}.chapter-pattern{background:linear-gradient(150deg,#f4e8e244,#e6edf044)}}
/* Preserve the original watercolor colors and soften only the paper edges. */
.art{mix-blend-mode:normal;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);-webkit-mask-composite:source-in}

/* Full-width watercolor hero, with live copy in the illustration's left opening. */
.hero{grid-template-columns:43% 57%;min-height:max(640px,calc(100vw * 636 / 1024 - 112px));padding-block:28px;isolation:isolate}
.hero:before{inset:-112px calc((min(1280px,100vw - 96px) - 100vw)/2) 0;background:var(--paper) url('assets/hero-cats-20261028.png') center top/cover no-repeat;z-index:-1}
.hero-art{display:none}
.hero-copy{max-width:510px;padding-bottom:0}
.hero h1{font-size:clamp(65px,6.4vw,98px)}
.hero .lede{max-width:430px}
@media(min-width:1500px){.hero{min-height:calc(100vw * 636 / 1024 - 112px)}}
@media(max-width:1000px) and (min-width:681px){.hero{min-height:max(580px,calc(100vw * 636 / 1024 - 100px));grid-template-columns:44% 56%}.hero:before{inset:-100px -28px 0;background-position:54% top}.hero h1{font-size:65px}.hero .lede{font-size:23px}}
@media(max-width:680px){.hero{display:flex;min-height:0;padding-top:32px;padding-bottom:0;gap:12px}.hero:before{inset:-92px -18px 0;background:linear-gradient(#fcf9ef,#fbf6e9)}.hero-copy{width:100%;max-width:none}.hero h1{font-size:56px}.hero .lede{max-width:330px;font-size:24px}.hero-art{display:block;background-image:url('assets/hero-cats-20261028.png');background-size:contain;background-position:center;width:calc(100% + 36px);max-width:none;aspect-ratio:1024/636;margin:15px -18px 0;mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 96%,transparent)}}

/* Latest clean-left composition; keep the full frame proportional to the viewport. */
.hero{grid-template-columns:43% 57%;min-height:max(640px,calc(100vw * 991 / 1587 - 112px))}
.hero:before{background-image:url('assets/hero-cats-20261028.png');background-position:center top}
.hero-copy{max-width:490px}
.hero h1{letter-spacing:-.04em}
@media(min-width:1500px){.hero{min-height:calc(100vw * 991 / 1587 - 112px)}}
@media(max-width:1000px) and (min-width:681px){.hero{min-height:max(580px,calc(100vw * 991 / 1587 - 100px))}.hero:before{background-position:54% top}}
@media(max-width:680px){.hero{min-height:0}.hero:before{background-image:none}.hero-copy{max-width:none}.hero-art{background-image:url('assets/hero-cats-20261028.png');aspect-ratio:1587/991}}
@media(min-width:681px){.header .account-nav{background:#fcf9efcc;border:1px solid #d8c9b355;backdrop-filter:blur(5px);border-radius:999px;padding:6px 6px 6px 16px;gap:22px}}

/* Full-width watercolor chapter illustrations replace the small emblem. */
.reading-panel>.reading-emblem.report-banner{display:block;width:calc(100% + 11.1112%);max-width:none;height:auto;aspect-ratio:auto;margin:-32px -5.5556% 34px;padding:0;line-height:0;color:inherit}
.reading-emblem.report-banner img{display:block;width:100%;height:auto;object-fit:contain;border-radius:27px 27px 0 0}
@media(max-width:680px){.reading-panel>.reading-emblem.report-banner{width:calc(100% + 44px);margin:-24px -22px 25px}.reading-emblem.report-banner img{border-radius:21px 21px 0 0}}

/* Full paid readings retain the report's paper and warm ink palette. */
.reading-unlock[hidden]{display:none!important}.paid-reading{margin-top:64px;padding:44px 48px;border:1px solid var(--line);border-radius:24px;background:#fffdf6;scroll-margin-top:38px}.paid-reading>h2{font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.2;margin:16px 0 24px}.paid-reading-section{padding:32px 0;border-top:1px solid var(--line)}.paid-reading-section h3{font-size:28px;font-weight:500;line-height:1.3;margin:12px 0 20px}.paid-reading-section p{font-size:19px;line-height:1.85;color:var(--ink);overflow-wrap:anywhere}.paid-reading-section .paid-summary{font-size:21px;color:var(--wine)}.paid-reading[aria-busy=true]{min-height:230px}.paid-reading .reading-intro{line-height:1.8}@media(max-width:640px){.paid-reading{padding:28px 22px;margin-top:36px}.paid-reading-section h3{font-size:24px}.paid-reading-section p{font-size:17px}}

.paid-access-detail{font-family:var(--sans);font-size:13px;line-height:1.7;color:var(--wine);padding:12px 16px;border-radius:10px;background:#79554709;margin:12px 0 24px}

/* Center the email-code label and arrow as one compact group. */
#login #auth-form .auth-submit{justify-content:center;gap:12px;text-align:center}#login #auth-form .auth-submit .submit-label{flex:0 1 auto;margin:0}#login #auth-form .auth-submit>span:last-child{flex:0 0 auto;margin:0}