/* Outer folio only. The diagram's SVG, numbers and moving parts stay untouched. */
.page{position:relative;max-width:1920px;padding:14px 5.5% 12px}
.manuscript-decoration{pointer-events:none;user-select:none}
.page>header{padding-bottom:8px;border-color:#b39d754d;font-size:13px;position:relative;z-index:2}
.page>.title{height:144px;padding:0;text-align:left}
.title h1{position:absolute;left:0;top:45px;width:350px;font-family:Cinzel,"Noto Serif SC","Noto Sans Symbols 2",serif;font-size:33px;font-weight:400;letter-spacing:.3px;line-height:1.05;color:#793f30}
.title>p{position:absolute;left:0;top:84px;margin:0;font-size:10px;letter-spacing:1px}
.title .folio{display:block;left:auto;right:4px;top:67px;transform:rotate(-5deg);font-family:"Cormorant Garamond","Noto Serif SC","Noto Sans Symbols 2",serif;font-style:italic;font-size:23px;letter-spacing:1px}
.top-illumination{position:absolute;left:calc(50% - 10px);top:0;transform:translateX(-50%);width:340px;height:142px;display:flex;justify-content:center;align-items:flex-start}
.majesty-miniature{height:121px;width:87px;mix-blend-mode:multiply}
.banderole{position:absolute;width:340px;height:53px;bottom:-1px;left:0;overflow:visible}
.banderole text{font-family:Cinzel,"Noto Serif SC","Noto Sans Symbols 2",serif;font-size:15px;letter-spacing:.5px;fill:#71402c}
.page>main{grid-template-columns:280px minmax(540px,1fr) 300px;gap:35px;padding:12px 0 8px;border-top:0;border-bottom:1px solid #a38a604d;position:relative;z-index:1;align-items:start}
.section-label{font-family:Cinzel,"Noto Serif SC","Noto Sans Symbols 2",serif;font-size:17px;letter-spacing:.6px;color:#8f4031}.section-label:after{background:#ab957358}
.consultation h2,.computation h2{font-size:20px;margin:8px 0}.intro{font-size:12px;line-height:1.55;margin:0 0 12px}.field{margin:10px 0 5px;font-size:14px}.field small{font-size:11px}
#name,.consultation select{padding:8px 10px;background:#f8eed837;border:0;border-bottom:1px solid #a38a60;font-size:16px}#name{font-size:21px;letter-spacing:2px}.moon-input{padding:3px 10px;background:#f8eed837;border:0;border-bottom:1px solid #a38a60}.moon-input input{font-size:21px}.lunar-help{margin:5px 0 8px;font-size:11px}.modes{margin:11px 0;font-size:13px}.primary{padding:10px 14px}.reset{padding:7px;margin-top:3px}.source-note{padding-top:7px;margin-top:12px;font-size:10px}.source-note strong{font-size:12px}.source-note span{display:inline}
.left-manuscript-text{position:relative;transform:rotate(-.7deg);margin:17px 0 0;font-family:"Cormorant Garamond","Noto Serif SC","Noto Sans Symbols 2",serif;font-style:italic;font-size:22px;line-height:1.04;color:#483a28;max-width:267px}
.left-manuscript-text p{margin:0 0 9px}.left-manuscript-text p:nth-child(2){opacity:.9;padding-left:3px}.left-manuscript-text p:nth-child(3){max-width:248px}.left-manuscript-text em{font-style:normal;color:#944b38}.illuminated-initial{float:left;font-family:Cinzel,"Noto Serif SC","Noto Sans Symbols 2",serif;font-size:58px;line-height:.88;margin:0 8px 0 0;padding:5px 8px 1px;color:#b79b55;background:#385a69;border:3px double #ad884c;outline:1px solid #903f32;outline-offset:2px;transform:rotate(2deg);text-shadow:1px 1px #632d24}.manicule{position:absolute;left:-33px;top:80px;font-size:31px;color:#665039;transform:rotate(-12deg)}
.computation{padding-left:21px;border-left:1px solid #ab95734d}.computation .patient{margin:15px 0 12px}.letters{margin-bottom:10px}.calc-row{padding:8px 0}.sum{padding:10px 0}.division{padding:12px 0}.outcome{margin-top:13px;min-height:99px}
.right-manuscript-notes{margin:8px 0 0 20px;transform:rotate(2deg);font-family:"Cormorant Garamond","Noto Serif SC","Noto Sans Symbols 2",serif;font-style:italic;font-size:23px;line-height:1.02;color:#574831}.right-manuscript-notes p{margin:2px 0}.right-manuscript-notes .nota{font-family:Cinzel,"Noto Serif SC","Noto Sans Symbols 2",serif;color:#984532;font-size:23px;margin-bottom:7px}.ink-correction{margin-left:7px!important}.ink-correction s{opacity:.55;text-decoration-thickness:1px}.ink-correction em{color:#984532;font-style:normal;display:inline-block;transform:rotate(-6deg)}.respice{margin-top:8px!important;color:#536576}
.sphere-panel{position:relative;padding-bottom:0;align-self:start}.sphere-caption{font-family:Cinzel,"Noto Serif SC","Noto Sans Symbols 2",serif;font-size:17px;color:#8c4735;letter-spacing:1.5px;line-height:1.1;margin-bottom:0}.sphere-panel svg#sphere{max-width:740px}.sphere-foot{font-size:10px;gap:14px;margin-top:0}.center-note{font-size:11px;margin:4px 0 0}.bottom-marginalia{position:absolute;right:2%;bottom:-8px;width:150px;height:75px;mix-blend-mode:multiply;transform:rotate(2deg)}.marginal-dragon{width:130px;height:68px;object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 45%,transparent 75%)}.bottom-marginalia span{position:absolute;bottom:-1px;left:18px;font-family:"Cormorant Garamond","Noto Serif SC","Noto Sans Symbols 2",serif;font-style:italic;font-size:16px;color:#766448}
.margin-creatures{position:absolute;inset:0;z-index:0;overflow:hidden}.luna-medallion{position:absolute;top:80px;left:16px;width:48px;transform:rotate(-7deg);mix-blend-mode:multiply}.luna-medallion svg{width:45px;height:48px}.luna-medallion span,.sol-medallion>span:last-child{display:block;text-align:center;font-family:"Cormorant Garamond","Noto Serif SC","Noto Sans Symbols 2",serif;font-style:italic;color:#79623e;font-size:18px;line-height:1}.sol-medallion{position:absolute;right:23px;top:93px;width:43px;transform:rotate(8deg);color:#ac8f4e}.sol-mark{display:block;font-size:46px;line-height:1;text-align:center}.margin-vine{position:absolute;width:65px;opacity:.85}.vine-left{top:174px;left:1px;height:620px}.vine-right{top:206px;right:7px;height:547px}.corner-foliage{position:absolute;right:0;bottom:4px;width:153px;height:75px;mix-blend-mode:multiply;opacity:.72;mask-image:radial-gradient(ellipse at 75% 65%,#000 15%,transparent 73%)}
.playback{padding:13px 0 4px;position:relative;z-index:1}.step-info{font-size:13px}.progress{margin:9px 0 10px}.transport{font-size:13px}.transport button{padding:8px 14px}.speed select{padding:7px;font-size:12px}footer{margin-top:10px;padding-top:7px;position:relative;z-index:1;border-color:#b39d754d}footer p{font-size:10px!important}
.recording .page>.title{height:133px;padding:0}.recording .title h1{font-size:33px}.recording .title>p{margin:0}.recording .page>main{grid-template-columns:280px minmax(540px,1fr) 300px;padding:8px 0;gap:35px}.recording .sphere-panel svg#sphere{max-width:min(795px,calc(100vh - 300px))}.recording .top-illumination{height:131px}.recording .majesty-miniature{height:110px}.recording .left-manuscript-text{margin-top:19px}.recording .bottom-marginalia{bottom:-4px}.recording .computation{font-size:inherit}.recording .field{margin-top:14px}.recording .page>header{padding-bottom:6px}
@media(min-width:1400px) and (min-height:900px){.sphere-panel svg#sphere{max-width:min(760px,calc(100vh - 325px))}.recording .sphere-panel svg#sphere{max-width:min(795px,calc(100vh - 300px))}}
@media(max-width:1399px){.left-manuscript-text,.right-manuscript-notes{display:none}.page>main,.recording .page>main{grid-template-columns:235px minmax(360px,1fr) 245px;gap:20px}.title h1,.recording .title h1{font-size:28px;width:280px}.title>p{font-size:9px}.page>.title{height:139px}.margin-vine{width:43px}.manicule{display:none}}
@media(max-width:1000px){.margin-creatures,.bottom-marginalia{display:none}.page{padding:14px 3%}.page>main,.recording .page>main{grid-template-columns:1fr 1fr;gap:20px}.sphere-panel{grid-column:1/-1;grid-row:1}.sphere-panel svg#sphere,.recording .sphere-panel svg#sphere{max-width:650px;min-width:0}.title h1,.recording .title h1{font-size:25px;max-width:230px;top:35px}.title>p{display:none}.top-illumination{left:65%;width:250px}.banderole{width:250px;left:0}.title .folio{display:none}.computation{padding-left:18px}.page>header .edition{display:none}.page>header{justify-content:flex-end}}
@media(max-width:520px){.page>main,.recording .page>main{grid-template-columns:1fr}.page>.title,.recording .page>.title{height:172px}.title h1,.recording .title h1{position:static;max-width:none;width:auto;text-align:center;font-size:27px;padding-top:8px}.top-illumination{top:41px;left:50%;height:128px}.majesty-miniature{height:108px}.computation{border-left:0;padding-left:0}.source-note{display:block}.sphere-caption{font-size:14px}}
@media(prefers-reduced-motion:reduce){.manuscript-decoration *{animation:none!important;transition:none!important}}

@media(min-width:1400px){.page>.title,.recording .page>.title{height:122px}.top-illumination,.recording .top-illumination{height:120px}.majesty-miniature,.recording .majesty-miniature{height:101px}.sphere-panel svg#sphere,.recording .sphere-panel svg#sphere{max-width:min(705px,calc(100vh - 365px))}.left-manuscript-text{font-size:20px;line-height:1.02;margin-top:11px}.left-manuscript-text p{margin-bottom:7px}.field,.recording .field{margin-top:9px}.intro{line-height:1.4;margin-bottom:6px}.source-note{margin-top:8px}.patient{margin-top:10px}.page>main,.recording .page>main{padding-top:7px}.title h1{top:34px}.title>p{top:72px}.title .folio{top:53px}}

@media(min-width:1400px){.right-manuscript-notes{font-size:20px;line-height:1;margin-top:5px}.right-manuscript-notes .nota{font-size:21px;margin-bottom:4px}.right-manuscript-notes .respice{margin-top:5px!important}.computation .outcome{min-height:92px;margin-top:9px}.computation .calc-row{padding:7px 0}.computation .division{padding:9px 0}.computation .patient{margin-top:10px}.computation .letters{margin-bottom:8px}}
.sphere-panel svg.marginal-dragon{width:130px;height:68px;overflow:hidden;max-width:130px;display:block}.bottom-marginalia{right:1%;bottom:1px}.bottom-marginalia span{left:15px;bottom:-2px}
.sphere-panel svg.marginal-dragon{min-width:0!important;width:130px!important;max-width:130px!important;height:68px!important;overflow:hidden!important}
.banderole text{font-family:Cinzel,"Noto Serif SC",serif;font-size:13.5px;font-weight:600;letter-spacing:.25px}.moon-input{gap:10px}.moon-input input{flex:1 1 0;width:0;min-width:0}.moon-input #moon-roman{position:static;flex:0 0 auto;margin-left:6px;color:var(--red);font-size:21px;line-height:1.2;white-space:nowrap}.moon-input .moon-limit{flex:0 0 auto;white-space:nowrap}.page footer{flex-wrap:wrap;column-gap:24px;row-gap:7px}.page footer .credit{font-size:12px!important;max-width:none;color:#715b40;line-height:1.6;margin:0}.page footer>div{margin-left:auto}@media(max-width:1000px){.page>.title,.recording .page>.title{height:185px}.title h1,.recording .title h1{position:static;max-width:none;width:100%;text-align:center;padding-top:12px;font-size:28px}.top-illumination,.recording .top-illumination{left:50%;top:52px;height:128px;width:290px;transform:translateX(-50%)}.banderole{width:290px;left:0}.majesty-miniature,.recording .majesty-miniature{height:108px}.page footer>div{margin-left:0}.page footer .credit{max-width:100%}}@media(max-width:360px){.title h1,.recording .title h1{font-size:24px}.top-illumination,.recording .top-illumination{width:260px}.banderole{width:260px}}
.top-illumination .banderole{width:420px;height:76px;left:50%;transform:translateX(-50%);bottom:-10px}.banderole text{font-size:14px;letter-spacing:.4px}@media(max-width:1000px){.top-illumination .banderole{width:min(360px,92vw);height:65px;bottom:-7px}}
.bottom-marginalia,.recording .bottom-marginalia{display:none;position:static;right:auto;bottom:auto;transform:none;margin:6px auto 0;width:150px;height:86px;align-items:center;flex-direction:column;flex-shrink:0}.sphere-panel svg.marginal-dragon{mask-image:none!important;-webkit-mask-image:none!important;min-width:0!important;width:150px!important;max-width:150px!important;height:74px!important;overflow:hidden!important}.bottom-marginalia span{position:static;display:block;margin-top:-1px;line-height:1;font-size:15px;text-align:center}@media(min-width:1400px) and (min-aspect-ratio:17/10) and (max-aspect-ratio:19/10){.bottom-marginalia,.recording .bottom-marginalia{display:flex}.sphere-panel svg#sphere,.recording .sphere-panel svg#sphere{max-width:min(630px,calc(100vh - 450px))}}


.sphere-panel svg.marginal-dragon{filter:brightness(1.12) contrast(1.25)}.bottom-marginalia{mix-blend-mode:multiply}
.bottom-marginalia,.recording .bottom-marginalia{background-color:var(--paper);mix-blend-mode:normal;isolation:isolate}.sphere-panel svg.marginal-dragon{mix-blend-mode:multiply}

/* Bundled typography: no installed fonts or external font services required. */
body{font-family:"Noto Serif SC","Noto Sans Symbols 2",serif}
.sphere-caption{font-family:Cinzel,serif;font-size:18px;font-weight:500;letter-spacing:1.8px;line-height:1.4}
#sphere{font-family:"Cormorant Garamond","Noto Serif SC","Noto Sans Symbols 2",serif}
.title h1,.recording .title h1{font-family:Cinzel,serif;font-size:29px;line-height:1.15}
.banderole text{font-size:13px;letter-spacing:.15px}
.section-label{font-size:15px}
.left-manuscript-text,.right-manuscript-notes{font-size:18px;line-height:1.08}
@media(min-width:1400px){.title h1,.recording .title h1{width:490px;font-size:27px}}
@media(max-width:1399px){.title h1,.recording .title h1{font-size:25px}}
@media(max-width:1000px){.title h1,.recording .title h1{font-size:clamp(19px,4.5vw,28px)}}
@media(max-width:520px){.sphere-caption{font-size:15px;letter-spacing:1.1px}}
#language{width:auto;min-width:84px;padding:4px 20px 4px 8px;font-size:12px;background:transparent;border:1px solid #ab9573;cursor:pointer}
.top-actions{flex-wrap:wrap;justify-content:flex-end}
html[lang="en"] .lunar-help,html[lang="en"] .intro{font-size:12px;line-height:1.6}
html[lang="en"] .field small{display:block;margin:3px 0 0}
html[lang="en"] .modes{gap:12px;flex-wrap:wrap}
html[lang="en"] #error small{display:none}
html[lang="en"] .omen-phrase{line-height:1.4}
@media(max-width:520px){.top-actions{gap:12px;font-size:12px}.transport{flex-wrap:wrap}.step-info{flex-wrap:wrap}html[lang="en"] .credit{font-size:11px!important}}