.natal-page{max-width:1120px;margin:0 auto}.natal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 26px}.natal-heading h1{font-size:clamp(28px,3vw,40px);font-weight:400;letter-spacing:3px;margin:12px 0}.natal-heading p{font-size:14px;color:#bbb5cb;margin:0;line-height:1.7}.natal-heading-mark{font-size:68px;color:#d9bd8e;text-shadow:0 0 30px #b79ade44}.natal-tabs{justify-content:flex-start;margin:0 0 24px;gap:8px;flex-wrap:wrap}.natal-tabs button{padding:10px 18px;font-size:13px}.natal-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.natal-fact.glass{position:relative;padding:24px;background:linear-gradient(140deg,#29263de8,#111828e8);border-color:#a79db639;display:flex;flex-direction:column;align-items:flex-start;min-height:205px}.natal-fact>small{font-size:12px;color:#c1b5d1;padding-right:35px}.natal-fact h3{font-size:clamp(25px,2.6vw,33px);font-weight:400;line-height:1.5;color:#ead3ab;margin:13px 0 7px;overflow-wrap:anywhere}.natal-fact p{font-size:13px;color:#bcb5cd;line-height:1.8;margin:0 0 15px;max-width:300px}.natal-fact-icon{position:absolute;right:20px;top:19px;color:#baa3d0;font-size:28px;opacity:.8}.natal-fact .text-btn,.natal-fact-note{font-size:12px;margin-top:auto}.natal-fact-note{color:#938ba8}.natal-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 18px}.natal-section-heading h2{font-size:22px;font-weight:400;margin:0;line-height:1.6}.natal-section-heading>span{font-size:11px;color:#ae9bc1;white-space:nowrap}.natal-quick{margin:35px 0 20px}.natal-meaning{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:20px;padding:20px 22px;border:1px solid #a99cc62b;border-radius:14px;background:#111727e8;margin-bottom:10px}.natal-meaning span{color:#bca6d0;font-size:11px}.natal-meaning h3{font-size:17px;font-weight:400;margin:7px 0 0}.natal-meaning p{font-size:14px;line-height:1.9;color:#ded4e5;margin:0}.natal-next{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.natal-next .secondary{font-size:12px;padding:12px 17px}.natal-technical.glass{padding:19px 22px;margin:24px 0;background:#121829d9;color:#aaa3bc;font-size:13px;line-height:1.9}.natal-technical summary{cursor:pointer;color:#beaed1}.natal-technical pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:2}.natal-technical a{color:#d2bcdf}.natal-planet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.natal-planet.glass{padding:24px;background:#171c30ed}.natal-planet header{display:flex;gap:14px;align-items:center}.natal-glyph{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#baa2d514;color:#dbc496;font-size:30px;flex-shrink:0}.natal-planet header small{font-size:11px;color:#b8aac8}.natal-planet h3{font-size:25px;font-weight:400;margin:8px 0 0;color:#f0d5aa}.natal-planet h3 em{font-size:10px;font-style:normal;color:#a79bb6;margin-left:8px}.natal-interpretation{font-size:15px;line-height:1.9;color:#ded5e6;margin:22px 0}.natal-page details{font-size:13px;line-height:1.9}.natal-page details summary{cursor:pointer;color:#bda7d2}.natal-page details p{color:#bbb3c9}.natal-detail-action{padding-left:13px;border-left:2px solid #cbb28466}.natal-bazi.glass,.natal-stem.glass,.natal-elements.glass{padding:25px;background:#171c30ed;margin-bottom:18px}.natal-bazi .natal-section-heading{margin:0 0 20px}.natal-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.natal-pillars>div{text-align:center;padding:18px 6px;background:#0e1424;border:1px solid #9384a73b;border-radius:12px}.natal-pillars small{font-size:12px;color:#aaa0bb}.natal-pillars strong{display:block;font-weight:400;font-size:31px;color:#d9c9e6;letter-spacing:3px;margin:12px 0}.natal-pillars span{display:block;font-size:10px;color:#8d849f}.natal-pillars .natal-day{border-color:#cfb18477;background:#c5a57712}.natal-pillars .natal-day strong{color:#ebcf9e}.natal-caption{font-size:12px;color:#aaa0bb;line-height:1.8;margin-top:19px;margin-bottom:0}.natal-stem>small{color:#bda6d0;font-size:12px}.natal-stem>h2{font-size:35px;font-weight:400;color:#e8cd9d;margin:13px 0}.natal-stem>p{font-size:14px;color:#d1c6dd;line-height:1.8}.natal-metaphor{padding:19px 22px;background:#c4ab8010;border-left:2px solid #c9af7e77;margin:24px 0;border-radius:0 12px 12px 0}.natal-metaphor span{color:#aa96bd;font-size:11px}.natal-metaphor h3{font-size:22px;font-weight:400;color:#e8d1ad;margin:9px 0}.natal-metaphor p{font-size:14px;color:#c9bfd6;line-height:1.8;margin:10px 0 0}.natal-elements h3{font-size:19px;font-weight:400;margin:0 0 20px}.natal-element-counts{display:flex;gap:12px;justify-content:space-between}.natal-element-counts>div{flex:1;padding:13px 5px;text-align:center;background:#0d1423;border-radius:10px}.natal-element-counts span{display:block;color:#b9a8c8;font-size:13px}.natal-element-counts strong{display:inline-block;color:#e6d0ad;font-size:27px;font-weight:400;margin:8px 4px 0}.natal-element-counts small{color:#8d839e;font-size:10px}.natal-palaces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:20px 0}.natal-palaces button{border:1px solid #a193b838;border-radius:12px;background:#161c2de8;color:#d5c8e3;text-align:center;padding:16px 5px;transition:border-color .2s,background .2s}.natal-palaces button.selected{border-color:#dbc28ba8;background:#c6a87c1a;color:#edd4a5}.natal-palaces strong{display:block;font-weight:400;font-size:14px}.natal-palaces small{display:block;font-size:10px;color:#9c90b1;margin-top:7px}.natal-palace-reading.glass{padding:27px;background:#171c30ed}.natal-palace-reading>small{font-size:13px;color:#bcabd0}.natal-palace-reading h3{font-size:28px;font-weight:400;color:#e8cfa4;letter-spacing:2px;line-height:1.6;margin:12px 0}.natal-palace-reading>p{color:#c6bdd2;font-size:14px;line-height:1.9}.natal-star-meanings{display:grid;gap:10px;margin:24px 0}.natal-star-meanings>div{display:grid;grid-template-columns:60px 1fr;align-items:start;gap:18px;padding:15px 18px;border-radius:10px;background:#c1a8db0b;border:1px solid #a18ab126}.natal-star-meanings strong{font-size:14px;color:#d8bbdf;font-weight:400;line-height:1.8}.natal-star-meanings p{font-size:14px;line-height:1.8;margin:0;color:#d1c7dd}.natal-palace-reading .actions{margin-top:24px}.natal-time-note{font-size:12px;line-height:1.8;padding:14px 18px;margin:0 0 22px;border-radius:12px;background:#d5b77b13;border:1px solid #c2a36d44;color:#d8c3a2}.natal-time-note button{font-size:12px;margin-left:10px}.natal-empty{text-align:center;padding:50px 25px!important}.natal-empty>span{font-size:70px;color:#c3a5db}.natal-empty h2{font-weight:400;font-size:25px}.natal-empty p{font-size:14px;color:#b6abc7;line-height:1.8;margin-bottom:25px}
@media(max-width:1100px){.natal-fact.glass{padding:20px;min-height:195px}.natal-fact h3{font-size:26px}.natal-fact>small{font-size:11px}.natal-fact p{font-size:12px}.natal-fact-icon{font-size:24px;right:15px;top:17px}.natal-planet-grid{grid-template-columns:1fr}.natal-meaning{grid-template-columns:115px 1fr;padding:18px;gap:12px}.natal-pillars strong{font-size:25px}.natal-tabs button{font-size:12px;padding:9px 14px}.natal-palaces{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.natal-heading{margin:12px 0 22px}.natal-heading h1{font-size:28px;letter-spacing:1px}.natal-heading p{font-size:12px}.natal-heading-mark{font-size:45px}.natal-heading .eyebrow{font-size:8px}.natal-facts{gap:10px}.natal-fact.glass{padding:18px 14px;min-height:195px;border-radius:15px}.natal-fact h3{font-size:24px;margin-top:15px}.natal-fact p{font-size:11px}.natal-fact-icon{font-size:20px;right:12px;top:15px}.natal-fact .text-btn,.natal-fact-note{font-size:10px}.natal-tabs{gap:5px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.natal-tabs button{font-size:11px;padding:9px 3px}.natal-section-heading h2{font-size:19px}.natal-section-heading>span{font-size:10px}.natal-meaning{grid-template-columns:100px 1fr;padding:17px 14px;gap:14px}.natal-meaning h3{font-size:15px}.natal-meaning span{font-size:10px}.natal-meaning p{font-size:12px}.natal-planet.glass{padding:21px}.natal-planet h3{font-size:25px}.natal-interpretation{font-size:14px}.natal-pillars{gap:6px}.natal-pillars strong{font-size:23px;letter-spacing:1px}.natal-bazi.glass,.natal-stem.glass,.natal-elements.glass{padding:20px 16px}.natal-bazi .natal-section-heading>span{font-size:10px}.natal-pillars span{font-size:9px}.natal-pillars small{font-size:11px}.natal-metaphor{padding:17px}.natal-palace-reading.glass{padding:23px 19px}.natal-palace-reading h3{font-size:26px}.natal-star-meanings>div{gap:12px;padding:14px}.natal-star-meanings p{font-size:13px}.natal-technical.glass{padding:17px}.natal-element-counts{gap:6px}}
.natal-day em{font-style:normal;background:#dfbf8129;border-bottom:1px solid #e6c58c}.natal-day-tag{display:block;font-size:10px;font-weight:400;color:#d9ba83;margin-top:9px}
.natal-portrait.glass{position:relative;padding:30px;background:radial-gradient(ellipse at 96% 0%,#886ea227,transparent 48%),linear-gradient(125deg,#24243bea,#111727f5);border-color:#d2bb8e66;overflow:hidden}
.natal-portrait-top{display:flex;justify-content:space-between;align-items:center;gap:14px;color:#dec495;font-size:13px;letter-spacing:2px}
.natal-portrait-top small{font-size:10px;color:#aaa0b9;letter-spacing:0;text-align:right}
.natal-portrait h2{font-size:clamp(26px,2.7vw,36px);font-weight:400;line-height:1.5;color:#f0d9b5;letter-spacing:1px;margin:17px 0 12px}
.natal-portrait-summary{font-size:15px;line-height:1.95;color:#ddd5e6;max-width:720px;margin:0}
.natal-facets{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px;margin:27px 0;padding-top:23px;border-top:1px solid #b9a8cd2b}
.natal-facets h3{font-weight:400;font-size:13px;color:#c5addd;margin:0 0 9px}
.natal-facets p{font-size:13px;line-height:1.9;color:#c8c0d6;margin:0}
.natal-one-step{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;background:#d1b47d0c;border-left:2px solid #d5b57e99;border-radius:0 12px 12px 0}
.natal-one-step small{font-size:11px;color:#dfc38e}.natal-one-step p{font-size:13px;line-height:1.9;color:#e4d8c6;margin:6px 0 0}.natal-one-step button{flex-shrink:0;font-size:11px}
.natal-portrait-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:24px}.natal-portrait-bottom>button{flex-shrink:0;font-size:11px;line-height:1.9;padding:0}
.natal-portrait-bottom details{font-size:12px;line-height:1.9;flex:1}.natal-portrait-bottom summary{cursor:pointer;color:#b6a5ca}.natal-portrait-bottom dl{margin:20px 0 0}.natal-portrait-bottom dl>div{margin:12px 0}.natal-portrait-bottom dt{color:#d5bbde}.natal-portrait-bottom dd{color:#b6adc5;margin:4px 0 0}.natal-portrait-bottom details p{color:#a99cb8;font-size:11px;line-height:1.8}
.natal-fact-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.natal-fact-strip>button,.natal-fact-strip>div{padding:17px;text-align:left;border:1px solid #b2a1c736;border-radius:12px;background:#171c2de8;min-width:0}.natal-fact-strip>button:hover{border-color:#d2b584a0;background:#29243be8}.natal-fact-strip small{display:block;color:#a99bb9;font-size:10px}.natal-fact-strip strong{display:block;font-size:16px;color:#d9c9df;font-weight:400;margin-top:9px;line-height:1.5;overflow-wrap:anywhere}
.natal-portrait.compact .natal-portrait-summary{max-width:none}.natal-heading{margin-top:12px;margin-bottom:18px}.natal-heading h1{font-size:28px;margin:8px 0}.natal-heading-mark{font-size:45px}.natal-technical.glass{margin:18px 0}
@media(max-width:1100px){.natal-facets{grid-template-columns:1fr;gap:16px}.natal-facets article{display:grid;grid-template-columns:75px 1fr;gap:8px}.natal-facets h3{margin:0;line-height:1.9}.natal-portrait h2{font-size:29px}.natal-fact-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.natal-one-step{align-items:flex-start}.natal-portrait-bottom{flex-wrap:wrap}.natal-portrait-bottom details{min-width:180px}}
@media(max-width:600px){.natal-portrait.glass{padding:23px 19px}.natal-portrait h2{font-size:26px;letter-spacing:0;margin-top:15px}.natal-portrait-summary{font-size:14px;line-height:1.85}.natal-facets{margin:22px 0;padding-top:20px}.natal-facets article{display:block}.natal-facets h3{margin-bottom:5px}.natal-facets p{font-size:12px}.natal-one-step{display:block;padding:14px 16px}.natal-one-step button{margin-top:10px}.natal-portrait-bottom{gap:17px}.natal-portrait-bottom details{flex-basis:100%}.natal-fact-strip{gap:8px}.natal-fact-strip>button,.natal-fact-strip>div{padding:14px}.natal-fact-strip strong{font-size:15px}}

/* Four natal imprints: a single illuminated instrument before the reading. */
.natal-imprints{container-type:inline-size;position:relative;isolation:isolate;margin:0 0 26px;border:1px solid #a18db749;border-radius:23px;background:radial-gradient(ellipse at 15% 15%,#3d67961a,transparent 45%),radial-gradient(ellipse at 90% 35%,#6e3c9226,transparent 42%),linear-gradient(135deg,#12182bf5,#0a1020f8);box-shadow:0 20px 65px #02041055,inset 0 1px 0 #ece5ff09;overflow:hidden}
.natal-imprints:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:radial-gradient(circle at 7% 33%,#dce4f1 0 .7px,transparent 1px),radial-gradient(circle at 47% 19%,#efe2bc 0 .8px,transparent 1.3px),radial-gradient(circle at 65% 69%,#c9c6e8 0 .6px,transparent 1px),radial-gradient(circle at 86% 84%,#e7d4ff 0 .7px,transparent 1.1px);background-size:241px 173px;opacity:.27}
.imprints-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 0}.imprints-heading h2{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:400;letter-spacing:2px;color:#e4d4b9;margin:0}.imprints-heading h2>span{font-size:15px;color:#e9c58f;text-shadow:0 0 15px #e9c58f77}.imprints-heading>span{font-size:10px;color:#8f89a4;letter-spacing:.5px}.imprints-heading i{font-style:normal;color:#c6b6dd;margin-left:6px}
.imprints-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 10px 11px;position:relative}.imprint{--imprint-rgb:169,217,245;position:relative;display:flex;align-items:stretch;flex-direction:column;min-width:0;padding:15px 16px 14px;border:1px solid transparent;border-radius:15px;background:transparent;color:rgb(var(--imprint-rgb));font:inherit;text-align:center;cursor:pointer;isolation:isolate;transition:background .35s,border-color .35s,transform .35s;animation:imprint-arrive .7s both;animation-delay:calc(var(--imprint-order)*.11s)}
.imprint-animal{--imprint-rgb:239,199,145}.imprint-stem{--imprint-rgb:232,207,158}.imprint-palace{--imprint-rgb:210,180,251}.imprint:before{content:"";position:absolute;inset:40px 0 30px;z-index:-1;background:radial-gradient(ellipse at 50% 48%,rgba(var(--imprint-rgb),.085),transparent 66%);opacity:.7;transition:opacity .35s}.imprint:after{content:"";position:absolute;left:-1px;top:24px;bottom:24px;width:1px;background:linear-gradient(transparent,#9e91bb2b,transparent);pointer-events:none}.imprint:first-child:after{display:none}
.imprint-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#bbb3ca;font-size:11px;letter-spacing:1px;text-align:left}.imprint-top>small{font-size:9px;letter-spacing:1px;color:rgba(var(--imprint-rgb),.4);font-variant-numeric:tabular-nums}.imprint-visual{display:block;margin:7px -8px -8px;perspective:600px}.imprint-art{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 7px 5px #0006);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.imprint-float{animation:imprint-float 7s ease-in-out infinite;animation-delay:calc(var(--imprint-order)*-1.7s)}.imprint-orbit{transform-origin:120px 104px;animation:imprint-orbit 90s linear infinite;animation-direction:reverse}.imprint-symbol{filter:drop-shadow(0 0 5px rgba(var(--imprint-rgb),.55));transition:filter .35s}.imprint-pulse{transform-box:fill-box;transform-origin:center;animation:imprint-pulse 4s ease-in-out infinite}
.imprint-result{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:69px;margin-top:0}.imprint-result>strong{display:block;font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-size:clamp(21px,2vw,27px);line-height:1.55;letter-spacing:2px;font-weight:400;color:#f2e5d3;text-shadow:0 0 23px rgba(var(--imprint-rgb),.2);overflow-wrap:anywhere}.imprint-palace .imprint-result>strong{font-size:clamp(19px,1.8vw,24px);letter-spacing:1px}.imprint-result>small{display:block;font-size:10px;line-height:1.6;margin-top:4px;color:rgba(var(--imprint-rgb),.62);letter-spacing:1px}
.imprint-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(var(--imprint-rgb),.12);padding-top:11px;margin-top:auto;text-align:left;font-size:10px;letter-spacing:.5px;color:#a7a0b8;transition:color .25s}.imprint-link>span{color:rgb(var(--imprint-rgb));font-size:15px;transition:transform .3s}.imprint-dim .imprint-visual{opacity:.45}.imprint-dim .imprint-result>strong{font-size:21px;color:#c9bbd9}
.imprint:hover,.imprint:focus-visible{background:rgba(var(--imprint-rgb),.035);border-color:rgba(var(--imprint-rgb),.28);outline:none}.imprint:focus-visible{box-shadow:inset 0 0 0 1px rgba(var(--imprint-rgb),.55)}.imprint:hover:before,.imprint:focus-visible:before{opacity:1}.imprint:hover .imprint-art,.imprint:focus-visible .imprint-art{transform:translateY(-4px) rotateX(7deg) scale(1.055)}.imprint:hover .imprint-symbol{filter:drop-shadow(0 0 10px rgba(var(--imprint-rgb),.75))}.imprint:hover .imprint-link,.imprint:focus-visible .imprint-link{color:rgb(var(--imprint-rgb))}.imprint:hover .imprint-link>span{transform:translate(2px,-2px)}.imprint:active{transform:scale(.98)}
@keyframes imprint-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes imprint-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes imprint-orbit{to{transform:rotate(360deg)}}
@keyframes imprint-pulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.6;transform:scale(1.15)}}
@container(max-width:620px){.imprints-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 10px 10px;gap:4px}.imprint{padding:14px 18px}.imprint:after{display:none}.imprint:nth-child(odd):after{display:block;left:auto;right:-3px}.imprint:nth-child(n+3){border-top-color:#9e91bb20}.imprint-visual{max-width:175px;width:100%;align-self:center;margin:1px 0 -9px}.imprint-result{min-height:60px}.imprint-result>strong{font-size:23px}.imprint-palace .imprint-result>strong{font-size:21px}.imprints-heading{padding:18px 23px 3px}.imprints-heading>span{font-size:9px;letter-spacing:0}.imprint-link{padding-top:8px}.imprint-top{font-size:11px}}
@media(max-width:600px){.natal-imprints{border-radius:18px;margin-bottom:18px}.imprints-heading{padding:17px 17px 4px}.imprints-heading h2{font-size:12px;letter-spacing:1px}.imprints-heading>span{font-size:9px}.imprints-grid{padding:8px 7px 9px;gap:2px}.imprint{padding:12px 10px}.imprint-visual{max-width:160px}.imprint-top{font-size:10px;letter-spacing:.5px}.imprint-result>strong{font-size:22px}.imprint-palace .imprint-result>strong{font-size:19px}.imprint-result>small{font-size:9px}.imprint-result{min-height:59px}.imprint-link{font-size:9px}.imprint-link>span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.imprint,.imprint-float,.imprint-orbit,.imprint-pulse{animation:none}.imprint,.imprint-art,.imprint-symbol,.imprint-link,.imprint-link>span{transition:none}.imprint:hover .imprint-art{transform:none}}
.natal-tabs{scroll-margin-top:110px}