/* Celestial corridor candidate. Background-only asset; all content stays live DOM.
   The supplied three-panel reference is cropped to its middle panel, never tiled.
   No fixed/minimum document height or clipping of reading content is introduced. */
html{background-color:#060b14}
html body{background:transparent!important;position:relative;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url('/lunar-assets/celestial-reference.jpg');background-size:max(345vw,172.568vh) auto;background-position:center calc(50% - 110px);background-repeat:no-repeat;mask-image:linear-gradient(#000 0%,#000 48%,#000b 66%,transparent 96%)}
/* Embedded results use the parent scene, avoiding a repeated sky per frame. */
html.owner-embed-document,html.owner-embed-document body{background:transparent!important}
html.owner-embed-document body::before{display:none}
html body :is(#root,#root>div,#sai-midnight-app,#sai-midnight-app>div,#sai-owner-document-root,#sai-owner-document-root>div,#sai-owner-result-document,#sai-owner-result-document>div){background:transparent!important}
html body #sai-midnight-app:has([data-testid=sai-member-home]){background:transparent!important}
html body iframe{background:transparent}
html body #sai-owner-saved-shell{background:transparent!important;border-color:transparent;box-shadow:none}
html body.midnight-home .hero{background:transparent}
/* Prose gets a local reading surface; decorative margins remain open. */
html body :is(.content-panel,.card,.link-card,#saved-list>div){background:linear-gradient(100deg,#050c19c2,#050c19e6 15%,#050c19e6 85%,#050c19c2);border-color:#c7cfe01f;box-shadow:0 12px 40px #0002}
html body .checkout-grid :is(#guest-reading-form,aside.content-panel),html body:has(#saved-list) #paid-reading{background:transparent;border-color:transparent;box-shadow:none}
html body .guest-reveal-active #guest-reading-form{background:transparent}
html body :is(.preview-reading,.sai-result){background:transparent}
html body :is(.preview-card-links li,.preview-next,.purchase-stage,.lunar-privacy,.sai-result .result-card-text,.sai-result .result-guidance,.sai-result .result-followups){background:linear-gradient(90deg,#050c1970,#050c19db 10%,#050c19db 90%,#050c1970);border-radius:12px}
html body :is(.result-heading,.result-situation){background:radial-gradient(ellipse,#050c19e0,transparent 78%)}
html body .sai-result .result-card-text{padding:24px 20px}
html body .sai-result .result-guidance,html body .sai-result .result-followups{padding:22px 20px}
html body .preview-card-links li{padding-right:14px;box-shadow:0 8px 24px #02060c18}
html body .preview-next,html body .purchase-stage{padding-left:14px;padding-right:14px}
html body .preview-heading :is(p,h3,strong),html body .result-core :is(p,h3,strong){text-shadow:none}
html body :is(.preview-synthesis,.result-synthesis){background:#101e30e8}
html body .preview-synthesis>strong{color:#ddc38c}
html body .site-header{background:#050b14b8;border-color:#d6c39924;box-shadow:none}
html body #guest-reveal-question{background:radial-gradient(ellipse,#040b1cc7,transparent 75%);text-shadow:0 1px 3px #000}
html body #trial-record-controls{background:#081321dc}
/* Short decorative reflection beneath controls; it cannot grow with prose length. */
html body #stage-one.purchase-stage::after{content:"";display:block;height:112px;pointer-events:none;background:url('/lunar-assets/celestial-reference.jpg') center bottom/max(300vw,150.059vh) auto no-repeat;mask-image:radial-gradient(ellipse farthest-side at 50% 60%,#000b 15%,transparent 100%)}
html body .footer{background:#030912cf}
html body .lunar-privacy{margin:14px 0 8px;padding:12px 14px}
html body .lunar-privacy-brief{font-size:12px;line-height:1.8;color:#c5d0df;margin:0 0 8px}
html body .lunar-privacy label{margin:0}
html body .lunar-privacy summary{min-height:44px;display:list-item;align-content:center;font-size:12px;color:#d8bf8d;cursor:pointer}
html body .lunar-privacy details[open]>p{line-height:1.9}
/* Picker motion, 78 candidates, face assets and audio module are untouched. */
html body .vp{background:transparent!important}
html body .vp-intro{background:radial-gradient(ellipse,#050c19db,transparent 80%)}
html body .vp-detail[open],html body .vp-audio fieldset{background:#050c19d9;border-radius:12px}
html body .vp-audio{background:linear-gradient(90deg,transparent,#050c19cc 14%,#050c19cc 86%,transparent)}
html body .vp-help,html body .vp-count{color:#e5d4b6;text-shadow:0 1px 4px #000}
@media(max-width:700px){html body .content-panel{padding:23px 18px}html body .sai-result .result-card-text{padding:24px 14px}html body .sai-result .result-guidance,html body .sai-result .result-followups{padding:20px 14px}}

/* Reading surfaces: the corridor remains visible in the margins, never through
   long prose. Presentation only; no hidden content, entitlement or flow rules. */
html body :is(.preview-card-links li,.preview-next,.preview-synthesis,.sai-result .result-card-text,.sai-result .result-guidance,.result-followups,#trial-record-controls,#saved-list>div){background:#0b1727;color:#f1f3f6}
html body .sai-result{font-size:17px;line-height:1.85}
html body .sai-result :is(.result-heading,.result-situation){background:#0b1727;border-radius:12px}
html body .sai-result .result-heading{padding:20px 18px;margin-bottom:20px}
html body .sai-result .result-question{font-family:inherit;font-size:26px;line-height:1.5;letter-spacing:0;font-weight:650}
html body .sai-result .result-title{font-size:18px;line-height:1.65;margin-top:18px}
html body .sai-result .result-situation{color:#d4deeb;font-size:16px;line-height:1.8}
html body .sai-result :is(.result-core,.result-synthesis){padding:24px 20px}
html body .sai-result .result-core{background:#f4e8d1;color:#182638}
html body .sai-result .result-synthesis{background:#11243a;color:#f1f3f6;margin-top:24px}
html body .sai-result :is(.result-core,.result-synthesis)>h3{font-size:16px;line-height:1.6;margin-bottom:14px;font-weight:700}
html body .sai-result .result-core>h3{color:#594321}
html body .sai-result :is(.result-core,.result-synthesis)>p{font-size:18px;line-height:1.85}
html body .sai-result .result-card-text{padding:24px 18px;margin-bottom:20px;border:1px solid #8093ad55;gap:12px}
html body .sai-result .result-card-text h3{font-size:20px;line-height:1.6;margin:8px 0 16px}
html body .sai-result .result-card-text p{font-size:17px;line-height:1.85}
html body .sai-result .result-card-text p+p{margin-top:1.1em}
html body .sai-result .result-card-text .result-card-caption{font-size:15px;color:#eed6a4;line-height:1.7}
html body .sai-result :is(.result-caution,.result-zoom-hint,.result-cards figcaption span){color:#d0dbea;font-size:14px;line-height:1.8}
html body .sai-result .result-extras{font-size:14px!important;line-height:1.8}
html body :is(.preview-card-links li span,.preview-synthesis p,.preview-next>p:last-child){font-size:17px;line-height:1.85;color:#e9eef6}
html body .preview-card-links li strong{font-size:18px;line-height:1.6}
html body .preview-heading .preview-intro{font-size:18px;line-height:1.8;color:#253749}
html body .preview-heading .today-extras,html body .preview-heading .today-extras strong{font-size:14px;line-height:1.8;color:#4c4337}
html body :is(.preview-boundary,.preview-eyebrow,.preview-next-label,.lunar-privacy-brief,.lunar-privacy summary,#trial-record-controls p){font-size:14px;line-height:1.8}
html body :is(#guest-question-step label,#trial-record-controls label){font-size:16px;line-height:1.7}
html body :is(.checkout-status,.result-followups>p){font-size:15px;line-height:1.8;color:#d0dbea}
html body :is(input,textarea)::placeholder{color:#b6c5d9;opacity:1}
html body .vp-intro{background:#0b1727;border-radius:12px;padding:16px 18px}
html body .vp-intro :is(p,.vp-question){font-size:16px;line-height:1.75;color:#f1f3f6}
html body .vp-help{font:14px/1.8 system-ui,sans-serif!important;color:#e3ebf6}
html body .vp-nav span{font-size:14px;color:#e3d4b8}
html body :is(.vp-detail,.vp-faces figcaption){font-size:14px;line-height:1.8}
html body :is(#saved-list button,#trial-record-controls .text-link){font-size:16px;line-height:1.7;white-space:normal;height:auto;min-height:44px}
@media(max-width:480px){html body main{min-width:0}html body .sai-result .result-question{font-size:24px}html body .sai-result .result-card-text{padding:22px 14px;gap:10px}html body .sai-result .result-card-text .result-number{width:28px;height:28px;font-size:14px}html body .sai-result :is(.result-core,.result-synthesis){padding:22px 18px}}