
/* BaZi: one continuous cinematic world. */
:root{--scene-ink:#081d18;--scene-text:#f1eee4;--scene-soft:#bdc8b9;--gold:#d6b87b}body{background:var(--scene-ink)}.film-scene{position:relative;isolation:isolate;overflow:hidden}.scene-backdrop{position:absolute;inset:-9% -3%;z-index:-3;background-size:cover;background-position:center;pointer-events:none}.scene-haze{position:absolute;inset:-12%;z-index:-1;pointer-events:none;opacity:.38;background:radial-gradient(ellipse at 75% 65%,#d6b87b21,transparent 48%),radial-gradient(ellipse at 15% 35%,#91b7a438,transparent 55%);animation:breath 19s ease-in-out infinite alternate}.film-scene:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#081d18 0%,transparent 18%,transparent 80%,#081d18 100%)}.context-backdrop{background-image:linear-gradient(90deg,#081d18d9,#081d1873),url('assets/landscape.webp')}.intro-section{color:var(--scene-text);background:var(--scene-ink);min-height:95svh;display:flex;flex-direction:column;justify-content:center;padding-top:150px;padding-bottom:150px}.intro-grid{grid-template-columns:1.25fr 1fr;gap:10%;align-items:center}.intro-grid h2{font-size:clamp(54px,6.3vw,96px);letter-spacing:-4.4px;line-height:1.07}.intro-grid h2>span{color:var(--gold)}.intro-section .section-label{color:#cdb985}.intro-text p{font-size:17px;color:#e0e5db;line-height:1.9;text-wrap:pretty}.intro-text p:last-child{font-size:14px;color:#b3c2b3}.intro-grid,.intro-section>.section-label{position:relative;z-index:1}.atlas{background:var(--scene-ink)}.atlas-sticky{isolation:isolate;background:var(--scene-ink);height:100svh;min-height:800px}.atlas-backdrop{background-image:linear-gradient(90deg,#081d18f5 5%,#081d18b0 50%,#081d1830),url('assets/landscape.webp');opacity:.75}.atlas-sticky:before{background:linear-gradient(#081d18,transparent 25%,transparent 75%,#081d18);z-index:-1}.atlas-top,.atlas-body,.atlas-bottom{z-index:2}.atlas-top h2{color:#c7d3c2}.atlas-hint{color:#a3b9a5}.pillar-copy{color:#c2cfc0;font-size:15px;line-height:1.85}.pillar-words{color:#b8b792}.pillar-panel h3{font-size:clamp(46px,5.3vw,80px);letter-spacing:-3px}.atlas-figure{justify-content:center;min-height:400px}.pillar-orbit{position:relative;width:min(100%,560px);height:440px;display:grid;grid-template-columns:1fr 1fr;gap:30px 34px;transform:rotate(-9deg);padding:25px 35px}.element-orb{position:relative;width:100%;aspect-ratio:1;border:1px solid #ddc58722;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 30%,#7f9c7240,#183e3160 55%,#0b231b99);box-shadow:inset 0 1px 20px #f5e4a508,0 20px 60px #0004;transition:opacity .9s,transform .9s,border-color .9s;opacity:.42;transform:scale(.83);isolation:isolate}.element-orb.selected{opacity:1;transform:scale(1.06);border-color:#e4bf79a6}.element-orb>svg{width:55%;height:55%;stroke:none;transform:rotate(9deg);filter:drop-shadow(0 8px 14px #0006)}.orb-aura{position:absolute;inset:-23%;border-radius:50%;background:radial-gradient(#d9b76d29,transparent 67%);z-index:-1;opacity:0;transition:opacity 1s}.selected .orb-aura{opacity:1}.orb-glyph{position:absolute;bottom:9%;right:14%;font:18px Georgia,serif;color:#dcc896a8;transform:rotate(9deg)}.atlas-number{color:#d0bd8a0c}.atlas-symbol{display:none}.atlas-tabs{border-color:#ced9bd45}.atlas-tabs button{color:#a1b29b}.atlas-tabs button>span{color:#899b82}.atlas-skip{color:#c1cbb7}
.zodiac{background:#081d18;padding:125px 0 90px;min-height:100svh}.zodiac-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;position:relative;z-index:1}.zodiac-copy{max-width:560px}.zodiac h2{font-size:clamp(48px,5.4vw,80px);line-height:1.08;letter-spacing:-3.5px;margin:35px 0}.zodiac-lead{font-size:16px;color:#bacbbb;max-width:450px;line-height:1.85}.zodiac-ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 40%,#6b805725,transparent 58%);z-index:-1}.animal-portrait{position:relative;aspect-ratio:1;width:100%;max-width:580px;isolation:isolate}.animal-image{position:absolute;inset:0;background-image:url('assets/zodiac-atlas.webp');background-size:400% 300%;background-position:var(--animal-x) var(--animal-y);border-radius:50%;mask-image:radial-gradient(circle,#000 35%,#000d 52%,transparent 72%);-webkit-mask-image:radial-gradient(circle,#000 35%,#000d 52%,transparent 72%)}.portrait-halo{position:absolute;inset:7%;border:1px solid #d4b57840;border-radius:50%;z-index:-1;box-shadow:0 0 70px #cfb6770c}.portrait-halo:before,.portrait-halo:after{content:'';position:absolute;inset:-5%;border:1px solid #d4b57813;border-radius:50%}.portrait-halo:after{inset:8%}.animal-detail{display:flex;gap:25px;align-items:center;margin:36px 0 20px;min-height:88px}.animal-detail>span{font:60px Georgia,serif;color:var(--gold)}.animal-detail h3{font-size:30px;letter-spacing:-1px;margin:0 0 4px}.animal-detail p{margin:0;color:#c7cdbb;font-size:14px}.zodiac-note{max-width:400px;color:#869e8a;font-size:11px}.animal-selector{margin-top:35px;position:relative;z-index:2}.animal-selector>[role=tablist]{display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid #c7b07532;padding-top:20px;gap:8px}.animal-selector button{display:flex;align-items:center;flex-direction:column;gap:9px;font-size:11px;color:#a0b5a3;border-radius:12px;padding:13px 4px;transition:background .4s,color .4s}.animal-selector button>span{font:27px Georgia,serif;color:#b5a57e}.animal-selector button:hover{background:#d2c18f0b}.animal-selector button[aria-selected=true]{background:#ccaf7220;color:#f4e9d1}.animal-selector button[aria-selected=true]>span{color:#edcc8d}
.report{color:var(--scene-text);background:var(--scene-ink);padding-top:140px;padding-bottom:150px}.report-backdrop{background-image:linear-gradient(90deg,#081d1899,#081d18df);background-position:20% center;opacity:.55}.report .section-label{color:#cab681}.report-heading h2{font-size:clamp(49px,5.4vw,82px)}.report-heading h2>span{color:var(--gold)}.report-heading-grid>p{color:#bdcdbd;font-size:14px}.report-layout{gap:10%;margin-top:85px;perspective:1800px}.report-toc-label{color:#a0b09b;font-size:9px}.report-tabs button{border-color:#93a28d44;color:#9aad9a;padding:23px 0;font-size:9px}.report-tabs button>span{font-size:20px}.report-tabs button[aria-selected=true]{color:#f1e2bf;border-color:#cbb17c}.report-note{color:#a5b59e;font-size:9px}.report-seal{color:#c8b27a;border-color:#bba57466;margin-top:45px}.report-page{color:#223c30;background:#f4f1e7;transform:none;border-radius:9px;box-shadow:0 45px 100px #0005;padding:45px 50px;min-height:610px}.report-page:before{border-radius:9px;background:#d9dbc9;inset:8px -8px -8px 8px}.report-page h3{font-size:43px}.paper-header{color:#68806a}.paper-question{border-color:#adb68c66}.principles{background:var(--scene-ink);color:var(--scene-text);padding:140px 0 100px}.principles-backdrop{background-image:linear-gradient(#081d18a6,#081d18ee),url('assets/landscape.webp');opacity:.65;background-position:70% center}.principles-heading h2{font-size:clamp(45px,4.4vw,67px)}.principles-heading h2>span{color:var(--gold)}.principles .section-label{color:#cfbb8b}.principles-grid{gap:7%;border-color:#c2c4a633;padding-top:42px}.principles-grid article>span{color:#c0ac80;font-size:9px}.principles-grid h3{font-size:25px}.principles-grid p{font-size:14px;color:#bdcbbb;line-height:1.85}.faq{max-width:880px;margin:100px auto 0;padding:0}.faq details{border-color:#b5c0a533}.faq summary{color:#dfdfcf;font-size:15px;padding:24px 0}.faq summary>span{color:var(--gold)}.faq details p{color:#b0c2b1;font-size:14px;line-height:1.9}.closing{min-height:85svh;display:flex;align-items:center;background:#081d18}.closing-backdrop{background-image:linear-gradient(90deg,#081d18ed,#081d1860),url('assets/hero.webp');background-position:65% center}.closing .section-label{color:#c7b37d}.closing-content{z-index:1}.closing-content>p:last-child{color:#b8c7ad}.closing-link>span{font-size:clamp(65px,7vw,110px);max-width:780px}.closing-watermark{display:none}.footer{max-width:none;padding-left:6.5%;padding-right:6.5%;background:#081d18;color:#abc0a5}.footer>span{color:#869c81}.scene-nav{position:fixed;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;z-index:28}.scene-nav a{display:block;width:6px;height:6px;border-radius:50%;background:#d7dfcc55;box-shadow:0 0 0 4px transparent;transition:background .4s,box-shadow .4s}.scene-nav a.is-active{background:#d9ba7c;box-shadow:0 0 0 4px #d9ba7c20}
@keyframes breath{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}
@media(min-width:801px) and (max-height:780px){.atlas-sticky{min-height:710px;height:auto}.pillar-orbit{height:350px;width:450px;gap:14px 28px}.pillar-panel h3{font-size:53px}.pillar-copy{font-size:13px}}
@media(max-width:1000px){.zodiac-grid{gap:2%}.animal-selector>[role=tablist]{grid-template-columns:repeat(6,1fr)}.report-layout{gap:6%}.report-page{padding:35px}.scene-nav{right:12px}.intro-grid h2{font-size:62px}}
@media(max-width:800px){.scene-nav{display:none}.intro-section{min-height:85svh;padding-top:100px;padding-bottom:100px}.intro-grid{grid-template-columns:1fr;gap:35px}.intro-grid h2{font-size:53px;letter-spacing:-2.8px}.intro-text{max-width:560px}.intro-text p{font-size:15px}.intro-text p:last-child{font-size:13px}.context-backdrop{background-position:60% center;opacity:.65}.atlas-sticky{height:auto;min-height:0;padding:75px 0 42px}.atlas-figure{height:350px;min-height:350px}.pillar-orbit{height:340px;width:370px;gap:15px 28px;padding:18px 25px}.atlas-copy{min-height:290px}.pillar-panel h3{font-size:48px;letter-spacing:-2px}.pillar-copy{font-size:14px;max-width:580px}.pillar-words{font-size:8px}.atlas-tabs button{font-size:13px;color:#bbcab7}.atlas-top h2{font-size:21px}.atlas-number{display:none}.zodiac{padding:85px 0 65px}.zodiac-grid{grid-template-columns:1fr;gap:10px}.zodiac h2{font-size:52px;letter-spacing:-2.5px;margin:26px 0}.zodiac-lead{font-size:14px;max-width:550px}.animal-portrait{max-width:430px;justify-self:center;grid-row:2}.animal-detail{margin:24px 0 15px}.zodiac-note{max-width:500px}.animal-selector{margin-top:5px}.animal-selector>[role=tablist]{gap:3px;padding-top:15px}.animal-selector button{font-size:10px;padding:12px 2px}.animal-selector button>span{font-size:25px}.report{padding-top:90px;padding-bottom:110px}.report-heading-grid{gap:26px}.report-heading h2{font-size:52px}.report-layout{gap:32px;margin-top:40px}.report-tabs{gap:24px}.report-tabs button{font-size:8px;padding:15px 0;gap:9px}.report-tabs button>span{font-size:13px}.report-tabs button>i{display:none}.report-note{font-size:8px;margin-top:16px}.report-page{padding:30px;min-height:570px;border-radius:8px}.report-page h3{font-size:38px}.report-backdrop{background-position:35% center;opacity:.35}.principles{padding-top:90px;padding-bottom:70px}.principles-heading h2{font-size:46px;letter-spacing:-2px}.principles-grid{gap:32px;padding-top:30px}.principles-grid article{max-width:580px}.principles-grid p{font-size:14px}.faq{margin-top:60px}.faq summary{font-size:14px}.closing{min-height:75svh;padding-top:90px;padding-bottom:90px}.closing-link{gap:25px}.closing-link>span{font-size:58px;letter-spacing:-3px}.closing-link>i{width:65px;height:65px}.closing-link svg{width:25px;height:25px}.closing-backdrop{background-position:65% center;opacity:.7}.footer{padding-top:25px;padding-bottom:25px}}
@media(max-width:390px){.intro-grid h2,.zodiac h2,.report-heading h2{font-size:45px}.closing-link>span{font-size:46px}.pillar-orbit{width:315px;height:315px}.report-page{padding:25px}.report-page h3{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-haze{animation:none}.scene-backdrop,.animal-portrait,.report-page{transform:none!important}.element-orb,.orb-aura,.animal-selector button{transition:none}}

.element-orb>svg{display:none}.orb-glyph{position:static;font:clamp(48px,5.8vw,82px)/1 Georgia,serif;color:#d8bd85;text-shadow:0 2px 25px #d9b87032;transform:rotate(9deg)}.element-orb:after{content:'';position:absolute;inset:11%;border:1px solid #d3bd861b;border-radius:50%;pointer-events:none}@media(max-width:800px){.orb-glyph{font-size:58px}}
.report-backdrop{inset:10% auto auto -12%;width:min(85vw,1100px);height:auto;aspect-ratio:1;background-image:linear-gradient(90deg,#081d1877,#081d18b8),url('assets/zodiac-atlas.webp');background-size:100% 100%,400% 300%;background-position:center,66.6667% 0%;opacity:.5;mask-image:radial-gradient(ellipse,#000 25%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse,#000 25%,transparent 72%)}.closing-backdrop{inset:5% -3% auto auto;width:min(80vw,1000px);height:auto;aspect-ratio:1;background-image:linear-gradient(90deg,#081d1877,#081d1822),url('assets/zodiac-atlas.webp');background-size:100% 100%,400% 300%;background-position:center,66.6667% 50%;opacity:.58;mask-image:radial-gradient(ellipse,#000 25%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse,#000 25%,transparent 72%)}@media(max-width:800px){.report-backdrop{width:120vw;left:-25%;top:20%}.closing-backdrop{width:120vw;right:-25%;top:10%;opacity:.4}}

/* Čitelnost na telefonu: popisky nejméně 11 px (uvnitř karty rozboru 10 px), běžný text 14–16 px. */
@media(max-width:800px){
.eyebrow{font-size:11px;letter-spacing:1.4px;line-height:1.7}
.section-label,.pillar-meta,.pillar-words,.report-toc-label,.report-note,.principles-grid article>span{font-size:11px;letter-spacing:1.2px;line-height:1.6}
.hero-caption>p{font-size:14px}
.hero-bottom,.hero-bottom>a{font-size:11px;letter-spacing:1.1px}
.mobile-nav:not([hidden]){font-size:15px}
.intro-text p{font-size:16px}
.intro-text p:last-child{font-size:14px}
.pillar-copy{font-size:15px}
.atlas-tabs button{font-size:14px}
.atlas-tabs button>span{font-size:11px}
.atlas-skip{font-size:12px}
.zodiac-lead{font-size:15px}
.zodiac-note{font-size:12px}
.animal-selector button{font-size:11px}
.report-heading-grid>p{font-size:14px}
.report-tabs{flex-wrap:wrap;justify-content:space-between;gap:0 18px}
.report-tabs button{width:auto;flex:0 1 auto;font-size:11px;gap:8px}
.report-tabs button>span{font-size:14px;white-space:nowrap}
.paper-header>span:last-child,.paper-chapter,.paper-question>span,.paper-footer{font-size:10px;letter-spacing:1px}
#paper-text{font-size:15px;line-height:1.8}
.principles-grid p{font-size:15px}
.faq summary{font-size:15px}
.faq details p{font-size:14px}
.closing-content>p:last-child{font-size:12px}
.footer,.footer a{font-size:11px}
.footer>span{font-size:10px}
}

/* Výpočet čtyř pilířů */
.calc{color:var(--scene-text);background:var(--scene-ink);padding-top:140px;padding-bottom:150px;max-width:none;color-scheme:dark}
.calc-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start;margin-top:85px}
.calc-form{display:grid;gap:30px}
.calc-form fieldset{border:0;margin:0;padding:0;min-width:0}
.calc-form legend,.calc-label{display:block;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#a0b09b;margin-bottom:12px;padding:0}
.calc-row{display:grid;gap:10px}
.calc-row-date{grid-template-columns:.8fr 1.4fr 1fr}
.calc-row-time{grid-template-columns:1fr 1fr}
.calc select,.calc input[type=text]{width:100%;min-height:48px;font:400 16px/1.3 var(--font);color:var(--scene-text);background:#0f2a22;border:1px solid #c2c4a640;border-radius:7px;padding:12px 14px}
.calc input[type=text]::placeholder{color:#8fa08c}
.calc select:focus-visible,.calc input:focus-visible,.calc-submit:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.calc select:disabled{opacity:.4}
.calc-check{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px;color:#bdcdbd;cursor:pointer}
.calc-check input{width:18px;height:18px;accent-color:var(--gold)}
.calc-hint{font-size:13px;color:#a5b59e;margin:10px 0 0}
.calc-error{color:#f3bfa6;font-size:14px;margin:0}
.calc-submit{font-size:13px;justify-self:start;padding:0}
.calc-submit[disabled]{opacity:.6;cursor:progress}
.calc-card{color:#223c30;background:#f4f1e7;border-radius:9px;box-shadow:0 45px 100px #0005;padding:45px 50px}
.calc-card:focus{outline:none}
.calc-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-bottom:1px solid #d7ddc8;padding-bottom:22px;margin-bottom:28px;color:#68806a}
.calc-card-head>span:first-child{font-size:25px;font-weight:600;letter-spacing:-1px}
.calc-card-head>span:last-child,.cp-label{font-size:10px;letter-spacing:1.6px;text-transform:uppercase}
.calc-summary{font-size:13px;color:#68806a;margin:0 0 18px}
.calc-pillars{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.calc-pillar{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid #d7ddc8;border-radius:8px;padding:18px 8px 16px;text-align:center}
.calc-pillar.is-day{border-color:#b9a46c;background:#efe8d2}
.cp-label{color:#6f8062;margin-bottom:8px}
.cp-glyph{font:44px/1.15 Georgia,serif}
.calc-pillar.is-empty .cp-glyph{color:#c3c8b3}
.cp-name{font-size:12px;line-height:1.35;color:#566a52;min-height:2.7em}
.calc-lead{font-size:15px;line-height:1.7;margin:0 0 26px}
.calc-lead strong{font-weight:600}
.calc-elements{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.calc-elements li{font-size:12px;color:#566a52;text-align:center;border-top:3px solid #d7ddc8;padding-top:8px}
.calc-elements li.has{border-color:#b9a46c}
.calc-elements b{display:block;font-size:20px;font-weight:600;color:#223c30}
.calc-notes{list-style:none;margin:0;padding:22px 0 0;border-top:1px solid #d7ddc8;display:grid;gap:12px;font-size:13px;line-height:1.65;color:#4d604a}
.calc-card-foot{border-top:1px solid #d7ddc8;margin-top:28px;padding-top:18px;font-size:11px;letter-spacing:.4px;color:#6f8062}
.faq details p a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.calc-card{padding:35px}.calc-layout{gap:6%}}
@media(max-width:800px){.calc{padding-top:90px;padding-bottom:110px}.calc-layout{display:flex;flex-direction:column;gap:40px;margin-top:40px}.calc-form{width:100%;max-width:520px}.calc-card{width:100%;max-width:580px;padding:30px}}
@media(max-width:540px){.calc-card{padding:25px 18px}.calc-pillars{gap:7px}.calc-pillar{padding:14px 4px 12px}.cp-glyph{font-size:34px}.cp-name{font-size:11px}.calc-elements{gap:6px}.calc-row-date{grid-template-columns:.9fr 1.5fr 1.1fr}}
