:root{color-scheme:dark;--bg:#0d1520;--panel:#111b29;--panel2:#162130;--line:#2c3747;--ink:#e7e9eb;--muted:#96a5b8;--gold:#d9b979;--serif:Georgia,'Times New Roman',serif;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}header{height:90px;max-width:1580px;margin:auto;display:flex;align-items:center;gap:30px;padding:0 48px;border-bottom:1px solid var(--line)}.brand{font-size:29px;font-family:var(--serif);display:flex;align-items:center;gap:12px}.brand-mark{color:var(--gold);font-family:serif;font-size:36px}.brand-caption{font:11px/1.5 system-ui;letter-spacing:.18em;color:var(--muted);max-width:110px;margin-left:18px}.local-label{margin-left:auto;font-size:13px;color:var(--muted)}.about-link{font-size:14px}.about-link span{margin-left:8px;color:var(--gold)}main{max-width:1580px;margin:auto;padding:36px 48px 0}.page-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 30px}.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--gold);margin:0 0 12px;font-weight:500}h1{font:normal clamp(28px,3vw,42px)/1.2 var(--serif);margin:0}h2{font-size:17px;margin:0;font-weight:500}.edition{font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(245px,290px) minmax(400px,1fr) minmax(205px,250px);border:1px solid var(--line);border-radius:12px;overflow:clip;background:var(--panel)}.form-panel{padding:27px 23px;background:#121d2a;border-right:1px solid var(--line)}.section-heading{display:flex;gap:12px;align-items:center;margin-bottom:28px}.step{font-size:11px;color:var(--gold);border:1px solid #5b513f;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;flex-shrink:0}label{display:block;font-size:14px;color:#c2ccda;margin:0 0 9px}input,select{width:100%;height:45px;padding:0 12px;border:1px solid #3c4858;background:#111b28;color:var(--ink);border-radius:5px;outline:none;min-width:0;font-size:14px}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 2px #d9b97922}input:disabled,select:disabled{opacity:.4}input[type=date],input[type=time]{font-variant-numeric:tabular-nums}input[type=checkbox]{width:15px;height:15px;accent-color:var(--gold);box-shadow:none}.time-row{display:grid;grid-template-columns:1fr 1.05fr;gap:11px;margin:19px 0}.field-note{font-size:12px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}.city-wrap{position:relative}.city-results{position:absolute;top:50px;left:0;right:0;max-height:290px;overflow-y:auto;border:1px solid #4c5a6d;border-radius:6px;background:#1b2838;z-index:10;box-shadow:0 10px 30px #0008}.city-results button{border:0;border-bottom:1px solid #334254;background:none;color:var(--ink);width:100%;text-align:left;padding:10px 12px;font-size:14px}.city-results button:hover,.city-results button:focus{background:#304259}.city-results small{display:block;color:var(--muted);line-height:1.5;margin-top:3px}.city-results p{padding:0 12px;font-size:13px}details summary{font-size:13px;color:var(--muted)}#manual-details{margin:14px 0 24px}#manual-details[open]{padding-bottom:12px;border-bottom:1px solid var(--line)}#manual-details .time-row{margin-top:10px}.primary{width:100%;border:1px solid var(--gold);background:var(--gold);color:#17202b;border-radius:5px;height:46px;font-weight:600;font-size:14px;margin-top:25px}.primary:hover{background:#e8cb96}.privacy{text-align:center;font-size:11px;line-height:1.6;color:var(--muted);margin:13px 0 0}.example{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.example>span,.reading-note>span{font-size:10px;letter-spacing:.13em;color:var(--muted)}.example>p{font-size:13px;line-height:1.5;margin-bottom:6px}.example .field-note{font-size:12px;margin-top:4px}#pending-note{color:var(--gold)}.chart-panel{padding:27px 26px 22px;min-width:0}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.chart-toolbar .eyebrow{font-size:10px;display:block;margin-bottom:7px}.chart-toolbar h2{font:normal 26px var(--serif)}.text-button{border:1px solid var(--line);border-radius:5px;background:none;padding:9px 12px;font-size:12px;white-space:nowrap}.text-button:hover{border-color:var(--gold);color:var(--gold)}.chart-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-size:11px}.chart-tags span+span:before{content:'·';margin-right:8px}.wheel{max-width:650px;margin:10px auto 0;aspect-ratio:1}.wheel svg{width:100%;height:auto;display:block}.wheel-footer{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted);padding-top:12px;border-top:1px solid var(--line)}.toggle{font-size:12px;display:flex;align-items:center;gap:8px;margin:0;color:var(--muted)}.legend-line{display:inline-block;width:14px;height:1px;vertical-align:middle;margin:0 4px 0 8px}.warm{background:#d1917c}.cool{background:#83a4cd}.insight-panel{padding:27px 23px;border-left:1px solid var(--line)}.insight-panel h2{font-size:15px}.insight-panel .section-heading{gap:10px}.big-card{padding:19px 0;border-bottom:1px solid var(--line)}.big-card:first-child{padding-top:3px}.big-card .planet-role{font-size:11px;color:var(--muted);letter-spacing:.04em}.big-card h3{display:flex;gap:10px;align-items:center;font:normal 25px var(--serif);margin:12px 0 8px}.big-card .big-glyph{color:var(--gold);font-size:30px}.big-card p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.reading-note{margin-top:26px}.reading-note p{font-size:12px;line-height:1.9;color:var(--muted)}.scientific-note{font-size:11px;line-height:1.7;color:#95a3b4;margin-top:24px}.details-panel{border:1px solid var(--line);border-radius:10px;margin-top:24px;background:var(--panel);overflow:hidden}.details-header{padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.tabs{display:flex;gap:26px;overflow-x:auto}.tabs button{padding:22px 0 19px;background:none;border:0;border-bottom:2px solid transparent;font-size:14px;white-space:nowrap;color:var(--muted)}.tabs button[aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold)}.tabs button span{font-size:10px;padding:2px 5px;border-radius:3px;background:#283445;margin-left:3px}#positions{display:grid;grid-template-columns:1.7fr 1fr;gap:38px;padding:12px 24px 24px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;font-variant-numeric:tabular-nums}th{font-size:10px;letter-spacing:.08em;color:var(--muted);font-weight:400;padding:14px 8px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:11px 8px;border-bottom:1px solid #263142;font-size:13px;white-space:nowrap}tr:last-child td{border-bottom:0}.planet-button{padding:0;background:none;border:0;font-size:13px;display:flex;align-items:center;gap:10px}.planet-button:hover{color:var(--gold)}.table-glyph{font-size:21px;width:22px;text-align:center;color:var(--gold)}.retro{font-size:10px;color:#d59c86;margin-left:5px}.number{color:var(--muted)}.house-table{align-self:start}.house-table h3{font-size:13px;font-weight:400;color:var(--gold);margin:16px 8px 0}#aspects{padding:10px 24px 24px;overflow-x:auto}#reading{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:30px}#reading h3{font:normal 23px var(--serif);margin:0 0 12px}#reading p{color:#b1bdcc;font-size:15px;line-height:1.8;margin:0}.reading-disclaimer{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:13px!important}pre{padding:22px;overflow:auto;max-height:620px;font-size:12px;line-height:1.65;color:#b0c6d9;margin:0}#warnings .warning,#form-error{padding:14px 16px;font-size:13px;line-height:1.65;border:1px solid #685239;background:#30281f;border-radius:5px;color:#e2cda9}#warnings .warning{margin-top:15px}#form-error{margin-top:16px}#ambiguity{margin-top:16px}.method{padding:26px 0;border-bottom:1px solid var(--line);margin-top:18px}.method summary{font-size:14px;color:#b1bdcc}.method-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;padding:20px 0}.method h3{font:normal 23px var(--serif)}.method p{font-size:14px;line-height:1.8;color:var(--muted)}.method a{text-decoration:underline;text-underline-offset:3px;color:var(--gold)}footer{max-width:1580px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:28px 48px 38px;color:var(--muted);font-size:11px}footer>span:first-child{font-family:var(--serif);font-size:15px}.footer-star{color:var(--gold);margin:0 10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.chart-panel{padding-left:40px;padding-right:40px}}@media(max-width:1200px){header{padding:0 28px}main{padding:30px 28px 0}.workspace{grid-template-columns:260px minmax(350px,1fr)}.insight-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:160px 1fr;gap:20px}.insight-panel .section-heading{align-self:start;margin-top:5px}#big-three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.big-card{padding:0;border:0}.reading-note,.scientific-note{display:none}.wheel-footer>span{display:none}footer{padding-left:28px;padding-right:28px}}@media(max-width:760px){header{height:72px;padding:0 20px}.brand{font-size:26px}.brand-caption,.local-label,.edition{display:none}.about-link{margin-left:auto;font-size:12px}main{padding:26px 16px 0}.page-heading{margin-bottom:24px}.eyebrow{font-size:10px}h1{font-size:32px}.workspace{grid-template-columns:1fr}.form-panel{border-right:0;border-bottom:1px solid var(--line);padding:24px}.section-heading{margin-bottom:22px}.example{margin-top:20px;padding-top:15px}.chart-panel{padding:23px 10px 18px}.chart-toolbar,.chart-tags,.wheel-footer{margin-left:12px;margin-right:12px}.chart-toolbar h2{font-size:25px}.wheel{margin-top:15px}.insight-panel{display:block;padding:24px}.insight-panel .section-heading{margin-bottom:22px}#big-three{gap:14px}.big-card h3{font-size:19px;gap:6px}.big-card .big-glyph{font-size:24px}.big-card p{font-size:11px}.big-card .planet-role{font-size:10px}.details-header{padding:0 16px;flex-wrap:wrap;gap:0}.tabs{gap:19px;width:100%}.tabs button{font-size:13px}.details-header>.text-button{margin:13px 0}#positions{display:block;padding:5px 12px 20px}.house-table{margin-top:20px}.table-wrap{margin-bottom:6px}th,td{padding-left:7px;padding-right:7px}#aspects{padding:5px 12px 20px}#reading{grid-template-columns:1fr;padding:22px;gap:25px}.method-grid{grid-template-columns:1fr;gap:0}.method{padding:20px 6px}.method summary{line-height:1.6}footer{padding:25px 22px;display:block}footer>span{display:block;margin-bottom:14px}.chart-toolbar .text-button{font-size:11px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s,color .15s}}
/* The illustration stays SVG at every size; only its independent outer layers move. */
.wheel{max-width:900px;margin:18px auto 0;overflow:hidden;background:#0c111d;border:1px solid #8e735633;border-radius:3px}.wheel svg,#scene-large svg{width:100%;height:auto;display:block;user-select:none}.scene-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.scene-actions .text-button{padding:8px;font-size:11px}.wheel-footer{padding-top:14px;margin-top:14px}.scene-settings{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.scene-settings summary{color:#c5b18d;font-size:12px}.scene-settings p,.motion-hint{color:var(--muted);font-size:11px;line-height:1.7}.scene-settings p{max-width:480px}#layer-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.motion-hint{margin:14px 0 0}.reduced-motion-note{display:none}#scene-viewer{padding:16px;width:min(1000px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border:1px solid #806f53;border-radius:8px;background:#0d1420;color:var(--ink);overflow:auto}#scene-viewer::backdrop{background:#030712df;backdrop-filter:blur(8px)}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;position:sticky;top:-16px;padding:10px 0;background:#0d1420;z-index:1}.viewer-toolbar h2{font:18px var(--serif)}#scene-large{width:min(100%,calc(100dvh - 130px));margin:auto;overflow:hidden;background:#0c111d}body:has(#scene-viewer[open]){overflow:hidden}@media(max-width:760px){.chart-panel{padding:22px 16px}.scene-actions{max-width:205px}.wheel{margin-left:-8px;margin-right:-8px}.viewer-toolbar{flex-wrap:wrap;gap:10px}.viewer-toolbar h2{font-size:15px}.viewer-toolbar .toggle{font-size:11px}#scene-viewer{padding:8px}.viewer-toolbar{top:-8px}.motion-hint{font-size:10px}#layer-controls{gap:14px 8px}}@media(prefers-reduced-motion:reduce){[data-depth]{transform:none!important}.reduced-motion-note{display:inline}}
/* A readable, sectioned interpretation rather than one long undifferentiated feed. */
.reading-link{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:24px;padding:13px 0;border:0;border-bottom:1px solid #65553e;background:none;color:var(--gold);text-align:left;font-size:12px}.reading-link:hover{color:#f2d6a2}#reading{display:block;padding:32px}.reading-intro{display:flex;align-items:start;justify-content:space-between;gap:28px}.reading-intro>div{max-width:670px}.reading-intro .eyebrow{display:block;margin-bottom:12px}.reading-intro h2{font:32px/1.25 var(--serif);margin:0 0 14px}#reading .reading-intro p{font-size:14px;line-height:1.7;color:var(--muted)}#reading .reading-disclaimer{padding:14px 0;margin:18px 0 0;border-top:0;color:var(--muted);font-size:12px!important;line-height:1.65}#reading .reading-caveat{padding:14px 18px;margin:4px 0 18px;border:1px solid #675536;background:#28251f;border-radius:5px;font-size:13px;color:#ddc596;line-height:1.7}.reading-nav{display:flex;gap:8px;overflow-x:auto;padding:14px 0 22px;margin-bottom:24px;border-bottom:1px solid var(--line)}.reading-nav button{border:1px solid #354052;border-radius:5px;padding:10px 15px;background:none;color:var(--muted);font-size:13px;white-space:nowrap}.reading-nav button span{margin-left:8px;font-size:10px;opacity:.75}.reading-nav button[aria-pressed=true]{color:#eed1a0;background:#302a21;border-color:#897047}.reading-nav button:hover{border-color:var(--gold)}#reading .reading-section-heading h3{font:26px/1.3 var(--serif);margin:0 0 9px}#reading .reading-section-heading>p{font-size:13px;color:var(--muted);max-width:790px;line-height:1.7}.reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}.reading-card{border:1px solid var(--line);padding:25px;border-radius:7px;background:linear-gradient(145deg,#17233399,transparent)}.reading-card h4{font:23px/1.3 var(--serif);margin:0 0 8px;color:#e8ddca}#reading .reading-subtitle{font-size:11px;line-height:1.6;letter-spacing:.02em;color:var(--gold);margin-bottom:17px}#reading .reading-card>p:not(.reading-subtitle){font-size:14px;line-height:1.85;color:#bec9d6}.reading-card dl{margin:22px 0 0;display:grid;gap:16px}.reading-card dt{font-size:11px;color:#d4b885;margin:0 0 5px}.reading-card dd{font-size:13px;line-height:1.75;color:#aab9ca;margin:0}.reading-question{margin-top:22px;padding-top:17px;border-top:1px solid #33404e}.reading-question>span{font-size:9px;letter-spacing:.14em;color:#9eaec0}#reading .reading-question p{font:italic 16px/1.65 var(--serif);color:#d6c7af;margin:8px 0 0}.balance-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:22px;margin-top:24px;border:1px solid var(--line);border-radius:7px;background:#0f1926}.element-balance>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#cbd1d9}.element-balance>div>span+span{color:var(--muted);font-size:11px}.element-balance meter{width:100%;height:7px;margin-top:12px;display:block;appearance:none;background:#293344;border-radius:10px;--element-color:#d6a16d}.element-balance[data-element=earth] meter{--element-color:#8daf98}.element-balance[data-element=air] meter{--element-color:#93b9d3}.element-balance[data-element=water] meter{--element-color:#b09fcf}.element-balance meter::-webkit-meter-bar{background:#293344;border:0;border-radius:10px}.element-balance meter::-webkit-meter-optimum-value{background:var(--element-color);border-radius:10px}.element-balance meter::-moz-meter-bar{background:var(--element-color);border-radius:10px}#reading .reading-empty{border:1px dashed #475267;border-radius:6px;padding:24px;font-size:14px;line-height:1.8;max-width:760px}.reading-section{scroll-margin-top:20px}@media(max-width:1200px) and (min-width:761px){.insight-panel .reading-link{grid-column:2;margin-top:0;max-width:240px}}@media(max-width:760px){#reading{padding:24px 18px}.reading-intro{flex-direction:column;gap:16px}.reading-intro h2{font-size:28px}.reading-nav{gap:7px;padding-bottom:16px}.reading-nav button{padding:9px 12px;font-size:12px}.reading-grid{grid-template-columns:1fr;gap:16px}.reading-card{padding:21px}.reading-card h4{font-size:22px}.balance-strip{grid-template-columns:1fr 1fr;gap:20px;padding:19px}.reading-link{margin-top:22px;max-width:300px}}
/* Celestial plates accompany the reading; the original SVG chart stays editable. */
.reading-art{margin:25px 0 30px}.reading-art-open{display:block;position:relative;width:100%;padding:0;background:#09111e;border:1px solid #8e735666;border-radius:8px;overflow:hidden;isolation:isolate}.reading-art-open img{display:block;width:100%;height:auto;aspect-ratio:1942/809;object-fit:contain;object-position:center}.reading-art-open:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #e3bd7022;margin:8px;border-radius:3px}.reading-art-open>span{position:absolute;right:18px;bottom:17px;padding:8px 12px;color:#ecd5ac;font-size:12px;background:#0a1327d9;border:1px solid #b6986155;border-radius:4px;backdrop-filter:blur(8px)}.reading-art-open:hover{border-color:var(--gold)}.aspect-guide{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:24px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#1b2636,#0d1726);padding:20px 10px;gap:10px}.aspect-guide figure{margin:0;text-align:center}.aspect-guide .aspect-diagram{max-width:150px;width:100%;height:auto;display:block;margin:0 auto 10px}.aspect-guide figcaption{font:14px var(--serif);color:#d7c7aa}.aspect-card-visual{margin:-5px -5px 20px;border-bottom:1px solid #354255;padding-bottom:14px}.aspect-card-visual .aspect-diagram{display:block;width:100%;max-width:450px;height:auto}#reading .aspect-guide-note{color:var(--muted);font-size:12px;line-height:1.7;margin:12px 0 4px}.illustration-viewer{padding:18px;width:min(1450px,calc(100vw - 28px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #8e7356;border-radius:8px;background:#0d1420;color:var(--ink)}.illustration-viewer::backdrop{background:#030712ec;backdrop-filter:blur(10px)}.illustration-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.illustration-toolbar h2{font:22px var(--serif);margin:0}.illustration-viewer img{display:block;width:100%;height:auto;max-height:calc(100dvh - 110px);object-fit:contain}body:has(.illustration-viewer[open]){overflow:hidden}@media(max-width:760px){.reading-art{margin:22px -7px 25px}.reading-art-open{border-radius:5px}.reading-art-open img{aspect-ratio:1942/809}.reading-art-open>span{right:10px;bottom:10px;padding:6px 9px;font-size:12px}.reading-art-open:after{margin:5px}.aspect-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 6px;padding:16px 8px}.aspect-guide figcaption{font-size:13px}.aspect-guide .aspect-diagram{max-width:110px}.illustration-viewer{padding:12px;width:calc(100vw - 20px)}.illustration-toolbar h2{font-size:18px}.aspect-card-visual{margin-left:-7px;margin-right:-7px}.reading-card .aspect-diagram{min-height:120px}}
.reading-card-heading{display:flex;align-items:center;gap:19px;margin-bottom:17px}.reading-card-heading>div{min-width:0}.reading-card-heading h4{margin-top:0}#reading .reading-card-heading .reading-subtitle{margin-bottom:0}.planet-portrait{display:block;position:relative;flex:0 0 90px;width:90px;height:90px;overflow:hidden;border-radius:50%;border:1px solid #b39b5e66;background:#0c1523;box-shadow:0 0 0 5px #c4a87508}.planet-portrait img{position:absolute;max-width:none;height:auto;display:block;pointer-events:none}.reading-card:has(.planet-portrait)>p:not(.reading-subtitle){clear:both}@media(max-width:760px){.planet-portrait{flex-basis:72px;width:72px;height:72px}.reading-card-heading{gap:15px}.reading-card-heading:has(.planet-portrait) h4{font-size:21px}}
/* Layered illustrations: original artwork, independently moving transparent subjects. */
.art-scene{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;border:1px solid #aa8d5266;border-radius:8px;background:#080f1c;padding:0;color:var(--gold);contain:layout paint;touch-action:pan-y;cursor:pointer}.art-scene>span{pointer-events:none}.art-backdrop{position:absolute;inset:-4%;opacity:.28}.art-backdrop img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.art-scene .art-sprite img{display:block;position:absolute;max-width:none;object-fit:fill;max-height:none;pointer-events:none}.art-sprite{display:block;position:relative;width:100%;height:100%;overflow:hidden}.art-stars{position:absolute;inset:0;z-index:1}.art-stars i{position:absolute;border-radius:50%;background:#f9e4b7;box-shadow:0 0 7px #efdca780}.art-stars-near{z-index:6}.art-orbits{position:absolute;width:61%;aspect-ratio:1;left:19.5%;top:50%;margin-top:-30.5%;border:1px solid #d9b97944;border-radius:50%;box-shadow:0 0 0 18px #d9b97905,0 0 0 19px #d9b97913,0 0 60px #c9a96611;z-index:2}.art-subject{position:absolute;z-index:3;width:65%;height:auto;aspect-ratio:1;left:17.5%;top:50%;margin-top:-32.5%;filter:drop-shadow(0 8px 13px #000a)}.art-subject-paired{width:56%;left:8%;margin-top:-28%}.art-companion{position:absolute;z-index:4;width:34%;aspect-ratio:1;right:4%;top:18%;filter:drop-shadow(0 8px 13px #000a)}.art-companion>span:last-child:not(.art-sprite){display:block;font:clamp(14px,1.5vw,20px) var(--serif);text-align:center;margin-top:2px;color:#ead1a4}.art-open-hint{position:absolute;z-index:8;right:12px;bottom:12px;padding:6px 10px;font-size:12px;line-height:1.2;background:#0b1522df;border:1px solid #c6a96a55;border-radius:4px;opacity:0;transition:opacity .18s}.art-scene:hover .art-open-hint,.art-scene:focus-visible .art-open-hint{opacity:1}.art-panorama{aspect-ratio:1942/809}.art-panorama .art-backdrop{opacity:1}.art-panorama .art-backdrop img{filter:none}.art-portrait-sun{width:47%;left:6%;margin-top:-26%}.art-portrait-moon{width:44%;left:50%;margin-top:-24%}.art-portrait-signs{position:absolute;display:flex;bottom:-2%;width:36%;left:32%;aspect-ratio:2;z-index:5}.art-portrait-signs .art-sprite{width:50%;aspect-ratio:1;height:auto}.art-aspect-geometry{position:absolute;left:29%;width:42%;height:90%;top:4%;z-index:4;display:grid;place-items:center}.art-aspect-geometry svg{width:100%;height:auto;max-height:100%}.art-aspect-body{position:absolute;width:29%;aspect-ratio:1;top:27%;z-index:3}.art-aspect-one{left:2%}.art-aspect-two{right:2%}.reading-card>.art-scene{margin:0 0 24px;aspect-ratio:16/9}.reading-section>.art-scene{margin:25px 0 32px}.reading-motion-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:23px 0}.reading-motion-bar .toggle{font-size:14px}.reading-motion-bar>span{font-size:13px;color:var(--muted)}.art-library{border:1px solid #c5a56844;border-radius:8px;background:#0c1623;margin:24px 0}.art-library summary{padding:19px 20px;color:#e0c48f;font-size:16px}.art-library summary span{font-size:13px;color:var(--muted);margin-left:12px}.art-library-content{padding:0 20px 24px}.art-library-nav{display:flex;gap:9px;flex-wrap:wrap;padding:4px 0 23px}.art-library-nav button{font-size:14px}.art-library-nav button[aria-pressed=true]{color:var(--gold);border-color:#b79761;background:#b7976114}.art-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}.art-library-grid figure{margin:0;min-width:0}.art-library-grid figcaption{text-align:center;font:16px/1.4 var(--serif);margin-top:12px;color:#dcc49c}.art-compact .art-open-hint{display:none}.illustration-viewer{max-height:94dvh;width:min(1160px,calc(100vw - 32px));padding:20px;overflow:auto}.illustration-toolbar{position:relative;display:flex;align-items:center;gap:20px}.illustration-toolbar h2{margin-right:auto;max-width:65%}.illustration-toolbar .toggle{font-size:14px}.illustration-viewer .art-scene{aspect-ratio:16/10;max-height:calc(90dvh - 155px);min-height:220px;cursor:default}.illustration-viewer .art-panorama{aspect-ratio:1942/809;min-height:0}.illustration-viewer .art-scene>span{max-width:none}.illustration-viewer .art-backdrop img{height:100%;max-height:none;object-fit:cover}.illustration-viewer .art-sprite img{max-height:none;width:auto}.illustration-paging{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px}.illustration-paging>span{color:var(--muted);font-size:14px}.illustration-paging button{font-size:14px}@media(max-width:760px){.art-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.art-library-content{padding:0 12px 18px}.reading-motion-bar{align-items:start;flex-direction:column;gap:9px}.reading-card>.art-scene{margin-bottom:20px;aspect-ratio:4/3}.art-library-nav{gap:7px}.art-library-nav button{padding:9px}.art-open-hint{opacity:1;font-size:11px;right:7px;bottom:7px}.illustration-viewer{padding:12px;width:calc(100vw - 16px)}.illustration-toolbar{flex-wrap:wrap;gap:13px}.illustration-toolbar h2{width:100%;max-width:none;font-size:22px}.illustration-toolbar #close-illustration{margin-left:auto}.illustration-viewer .art-scene{aspect-ratio:1;min-height:0}.illustration-viewer .art-panorama{aspect-ratio:1942/809}.illustration-viewer .art-subject{width:80%;left:10%;margin-top:-40%}.illustration-viewer .art-subject-paired{width:60%;left:4%;margin-top:-30%}.illustration-viewer .art-portrait-sun{width:52%;left:1%;margin-top:-31%}.illustration-viewer .art-portrait-moon{width:50%;left:49%;margin-top:-30%}.illustration-viewer .art-companion{top:34%}.illustration-viewer .art-aspect-body{top:36%}.art-library summary span{display:inline-block}}@media(prefers-reduced-motion:reduce){.art-open-hint{transition:none}}
.art-sprite-window{position:absolute;display:block;overflow:hidden}.illustration-viewer .art-sprite-window{max-width:none}
.art-subject{width:55%;left:22.5%;margin-top:-27.5%}.art-subject-paired{width:51%;left:8%;margin-top:-25.5%}.art-portrait-sun{width:47%;left:6%;margin-top:-26%}.art-portrait-moon{width:44%;left:50%;margin-top:-24%}.illustration-viewer #illustration-stage{max-width:calc((90dvh - 155px)*1.6);margin:auto}.illustration-viewer .art-scene{max-height:none}.illustration-viewer .art-orbits{width:50%;left:25%;margin-top:-25%}@media(max-width:760px){.illustration-viewer #illustration-stage{max-width:calc(90dvh - 190px)}.illustration-viewer .art-subject{width:80%;left:10%;margin-top:-40%}.illustration-viewer .art-subject-paired{width:60%;left:4%;margin-top:-30%}.illustration-viewer .art-portrait-sun{width:52%;left:1%;margin-top:-31%}.illustration-viewer .art-portrait-moon{width:50%;left:49%;margin-top:-30%}}
/* Each scene is a perspective viewport containing independently occluding depth planes. */
.depth-scene{perspective:1000px;perspective-origin:50% 50%;contain:layout;isolation:auto;aspect-ratio:16/11;background:#060b16}.depth-scene .art-camera{position:absolute;inset:0;display:block;transform-style:preserve-3d;overflow:visible;pointer-events:none}.depth-plane{position:absolute;inset:0;display:block;transform-origin:50% 50%;backface-visibility:hidden;pointer-events:none}.depth-plane>img{position:absolute;display:block;inset:-12%;width:124%;height:124%;max-width:none;max-height:none;object-fit:cover}.depth-sky{inset:-8%;background:#080e20}.depth-sky>img{opacity:1}.depth-mountains{inset:-7% -10% -13%}.depth-foreground{inset:-12% -13% -16%;}.depth-particles{position:absolute;inset:-8%}.depth-particles i{position:absolute;border-radius:50%;background:#f5d49a;box-shadow:0 0 8px #f4d39b90}.depth-near-stars .depth-particles i{box-shadow:0 0 11px #ffe4b799;filter:blur(.5px)}.depth-orbit{position:absolute;width:50%;aspect-ratio:1;left:25%;top:48%;margin-top:-25%;border:1px solid #d5b77988;border-radius:50%;box-shadow:0 0 0 14px #d5b77909,0 0 0 15px #d5b77933,0 0 0 36px #d5b77905}.depth-halo{position:absolute;inset:8% 15% 20%;background:radial-gradient(ellipse,#eed3a514,transparent 65%)}.depth-haze{position:absolute;inset:70% -15% -20%;background:radial-gradient(ellipse at 50% 30%,#a7b6d718,transparent 65%)}.depth-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,transparent 35%,#04091555 100%);box-shadow:inset 0 0 0 1px #b69b6355;z-index:10}.depth-subject{position:absolute;display:block;aspect-ratio:1;filter:drop-shadow(0 15px 10px #020714a0)}.depth-center{width:48%;left:26%;top:44%;margin-top:-24%}.depth-pair-main{width:46%;left:12%;top:45%;margin-top:-23%}.depth-pair-sign{width:29%;left:60%;top:45%;margin-top:-14.5%}.depth-subject-caption{display:block;text-align:center;color:#f2d6a8;font:clamp(13px,1.5vw,21px)/1.2 var(--serif);margin-top:0}.depth-sun{width:39%;left:9%;top:45%;margin-top:-19.5%}.depth-moon{width:36%;left:55%;top:44%;margin-top:-18%}.depth-portrait-signs{position:absolute;display:flex;width:31%;height:25%;left:34.5%;top:60%}.depth-portrait-signs .art-sprite{width:50%;height:100%}.depth-aspect{position:absolute;width:36%;height:70%;left:32%;top:10%;display:grid;place-items:center}.depth-aspect svg{width:100%;height:auto;max-height:100%}.depth-aspect-left,.depth-aspect-right{width:27%;top:43%;margin-top:-13.5%}.depth-aspect-left{left:5%}.depth-aspect-right{right:5%}.depth-house-left,.depth-house-right{width:29%;top:45%;margin-top:-14.5%}.depth-house-left{left:3%}.depth-house-right{right:3%}.depth-atlas-body{position:absolute;aspect-ratio:1;display:block}.depth-scene.art-panorama{aspect-ratio:2/1}.depth-scene.art-panorama .depth-center{width:37%;left:31.5%;margin-top:-18.5%}.depth-scene.art-panorama .depth-sun{width:29%;left:16%;margin-top:-14.5%}.depth-scene.art-panorama .depth-moon{width:27%;left:59%;margin-top:-13.5%}.reading-card>.depth-scene{aspect-ratio:16/10}.illustration-viewer .depth-scene{aspect-ratio:16/11;min-height:0}.illustration-viewer .depth-scene .depth-plane>img{width:124%;height:124%;max-height:none;object-fit:cover}.illustration-viewer #illustration-stage{max-width:calc((90dvh - 195px)*1.45)}.depth-view-controls{display:flex;gap:10px;align-items:center;margin:0 0 14px;flex-wrap:wrap}.depth-view-controls .text-button{font-size:14px}.depth-view-controls button[aria-pressed=true]{border-color:var(--gold);background:#d9b97918;color:var(--gold)}.depth-view-controls span{color:var(--muted);font-size:13px}.depth-scene .art-open-hint{opacity:1}.art-compact .depth-subject-caption{display:none}@media(max-width:760px){.reading-card>.depth-scene{aspect-ratio:4/3}.illustration-viewer #illustration-stage{max-width:calc((90dvh - 225px)*1.1)}.illustration-viewer .depth-scene{aspect-ratio:1}.depth-center{width:60%;left:20%;margin-top:-30%}.depth-pair-main{width:52%;left:8%;margin-top:-26%}.depth-pair-sign{width:34%;left:60%;margin-top:-17%}.depth-sun{width:42%;left:6%;margin-top:-21%}.depth-moon{width:39%;left:55%;margin-top:-19.5%}.depth-view-controls span{display:none}.art-library-grid .depth-scene{aspect-ratio:1}}@media(prefers-reduced-motion:reduce){.art-camera{transform:none!important}/* Keep the static Z geometry: flattening it lets the sky cut through the tilted dial. */}
.wheel-depth-stage{position:relative;width:100%;aspect-ratio:1;border:0;border-radius:6px;contain:layout;overflow:hidden;isolation:auto}.wheel-depth-stage .depth-plane>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wheel-depth-stage .depth-plane[data-plane-name*="Небо"]{inset:-18%}#scene-viewer>.depth-view-controls{padding:0 18px}#scene-large{max-height:calc(90dvh - 150px);width:min(100%,calc(90dvh - 150px));margin:auto}#scene-large .depth-scene{aspect-ratio:1;max-height:none}
.depth-foreground{inset:-2%}.depth-foreground>img,.illustration-viewer .depth-scene .depth-foreground>img{inset:-2%;width:104%;height:104%;object-fit:fill}.depth-orbit{box-shadow:none}.depth-orbit:before,.depth-orbit:after{content:"";position:absolute;inset:-8%;border:1px solid #d5b77933;border-radius:50%}.depth-orbit:after{inset:9%;border-style:dashed;border-color:#d5b77922}
/* Personal readings and reproducible daily transit snapshots. */
#personal,#forecast{padding:30px 32px 36px;min-width:0}.personal-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.personal-heading h2,.forecast-result-heading h2{font:clamp(28px,3vw,40px)/1.2 var(--serif);margin:8px 0 12px}.personal-heading p{margin-bottom:0}.personal-birth{color:var(--gold);font-size:16px;line-height:1.65}.personal-lead{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;margin:24px 0 30px}.personal-lead-copy h3{font:27px/1.3 var(--serif);margin:0 0 16px}.personal-lead-copy p,.personal-card>p,.forecast-card>p,.forecast-action p{font-size:16px;line-height:1.8}.personal-lead>.art-scene{aspect-ratio:4/3;cursor:default}.personal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 32px}.personal-card,.forecast-card{min-width:0;padding:26px 24px;border:1px solid #b79b6240;border-radius:8px;background:linear-gradient(145deg,#152030,#101824)}.personal-card h3,.forecast-card h3{font:25px/1.3 var(--serif);margin:14px 0;color:#eee1c7}.personal-card .field-note{font-size:14px;line-height:1.6}.personal-card .eyebrow,.forecast-card .eyebrow{font-size:12px;letter-spacing:.09em}.personal-resource{color:#dccaab}.personal-question{border-top:1px solid #b79b6230;padding-top:16px;margin-top:22px;color:#d8bc89;font-size:16px;line-height:1.7}.personal-section-heading{margin:36px 0 18px}.personal-section-heading h3{font:28px/1.3 var(--serif);margin:0 0 12px}.personal-section-heading p{color:var(--muted);line-height:1.7;font-size:16px}.forecast-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(230px,1.4fr) auto;gap:18px;align-items:end;border:1px solid #b79b6240;border-radius:8px;padding:22px;background:#111c2a}.forecast-controls label{display:block;margin:0 0 9px;font-size:14px}.forecast-controls input{width:100%;min-width:0;margin:0}.forecast-controls .primary{margin:0;min-height:46px;white-space:nowrap}.forecast-day-nav{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 32px}.forecast-day-nav button{font-size:14px}.forecast-result-heading{border-top:1px solid #b79b6240;padding-top:28px}.forecast-card-top{display:flex;gap:12px;align-items:center;justify-content:space-between}.forecast-orb{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px;white-space:nowrap}.forecast-card .forecast-basis{color:#ccb98f;font-size:14px;line-height:1.7}.forecast-action{background:#d9b97908;border-left:2px solid #cdb27c;padding:14px 16px;margin:22px 0}.forecast-action>span{font-size:12px;letter-spacing:.12em;color:var(--gold)}.forecast-action p{margin:6px 0 0}.forecast-empty{padding:22px;border:1px solid #b79b6233;border-radius:6px;line-height:1.8}.forecast-method,.more-transits{margin:24px 0;line-height:1.8}.forecast-method summary,.more-transits summary{cursor:pointer;color:var(--gold);font-size:16px;padding:10px 0}.forecast-method p{max-width:85ch;font-size:16px}.forecast-method caption{text-align:left;padding:16px 0}.insight-panel .reading-link+.reading-link{margin-top:10px}.details-header{flex-wrap:wrap}.tabs{flex-wrap:wrap}.tabs [role=tab]{white-space:nowrap}.personal-heading>.text-button{flex-shrink:0}.text-button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1100px){.personal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forecast-controls{grid-template-columns:1fr 1fr}.forecast-controls .primary{grid-column:1/-1}.personal-lead{grid-template-columns:1fr 1fr;gap:22px}}
@media(max-width:760px){#personal,#forecast{padding:24px 16px}.personal-heading{align-items:start;flex-direction:column;gap:16px}.personal-lead{grid-template-columns:1fr}.personal-lead>.art-scene{max-width:100%;aspect-ratio:16/10}.personal-grid{grid-template-columns:1fr;gap:16px}.personal-card,.forecast-card{padding:22px 18px}.forecast-controls{grid-template-columns:1fr;padding:18px}.forecast-controls .primary{grid-column:auto}.forecast-day-nav{gap:8px}.forecast-day-nav button{padding:10px;font-size:14px}.tabs{gap:0}.tabs [role=tab]{font-size:14px;padding:13px 10px}.personal-section-heading h3{font-size:25px}}

/* Sphere texture rotation lives inside each independent parallax plane. */
.planet-visual,.planet-fallback{display:block;position:relative;width:100%;height:100%;transform-origin:50% 50%}.planet-fallback>.art-sprite{width:100%;height:100%}.planet-globe{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none}.planet-rendered>.planet-fallback{visibility:hidden}.planet-rendered>.planet-globe{opacity:1}.rotation-toggle{font-size:14px;white-space:nowrap}.reading-motion-bar{flex-wrap:wrap}.reading-motion-bar>span{font-size:13px}#personal>.rotation-toggle{margin:0 0 18px}.illustration-toolbar{flex-wrap:wrap;gap:12px}.illustration-toolbar h2{max-width:100%}.illustration-toolbar #close-illustration{margin-left:auto}@media(prefers-reduced-motion:reduce){.planet-visual{transform:none!important}}

/* Transparent painted components; only each ray moves, never the sun's face. */
.solar-art{position:absolute;inset:0;display:block;overflow:visible;pointer-events:none}
.solar-ray-anchor{position:absolute;inset:0;display:block;transform-origin:50% 50%}
.solar-ray{position:absolute;display:block;left:45.6%;bottom:65%;width:8.8%;height:32%;transform-origin:50% 100%}
.solar-face{position:absolute;display:block;left:26%;top:26%;width:48%;height:48%}
.solar-component{position:absolute;display:block;inset:0;overflow:hidden}
.solar-component>img{position:absolute;display:block;max-width:none;max-height:none;pointer-events:none}
[data-rotation-state=running] .solar-ray{will-change:transform,opacity}
.solar-corona{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none}
.solar-ready .solar-corona{opacity:1}.solar-ready .solar-ray-anchor{display:none}

/* Light belongs to each painted surface, so transparent sky stays transparent. */
.depth-scene{--light-x:35%;--light-y:25%;--light-power:.4}
.relief-light{-webkit-mask-image:radial-gradient(ellipse at 35% 25%,#000 0%,#000b 20%,transparent 66%);mask-image:radial-gradient(ellipse at 35% 25%,#000 0%,#000b 20%,transparent 66%);filter:brightness(2.1) sepia(.28);opacity:var(--light-power);pointer-events:none}
.landscape-paint,.terrain-tile,.terrain-ink{position:absolute;display:block;inset:0;pointer-events:none}
.landscape-paint>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;max-width:none;max-height:none}
.terrain-tile{overflow:hidden}.terrain-ink{overflow:hidden}.terrain-ink>img{position:absolute;display:block;max-width:none;max-height:none}
.landscape-far{inset:15% -16% -4%}.landscape-lake{inset:-7% -10% -13%}
.landscape-foothills{inset:39% -15% -8%}
.landscape-left{inset:18% 44% -13% -15%}.landscape-right{inset:16% -16% -13% 42%}
.landscape-front{inset:3% -20% -18%}.landscape-front .landscape-paint{opacity:.95}
.depth-scene .depth-sky{inset:-13%}
.depth-halo{background:radial-gradient(ellipse at 35% 25%,#f4d3a91d,transparent 62%)}
.depth-haze{background:radial-gradient(ellipse at 50% 30%,#a7c2d936,transparent 65%)}
.wheel{border-color:#b4955c66;box-shadow:0 22px 65px #02071360}
.wheel-sun{position:absolute;display:block;left:75.5%;top:.2%;width:23%;height:23%;pointer-events:none}
.wheel-depth-stage g[data-layer=zodiac]{filter:drop-shadow(0 0 1.5px #f7d8a03b)}
.wheel-depth-stage g[data-layer=chart]>circle:nth-of-type(2){opacity:.42}
.chart-atmosphere{display:flex;align-items:center;gap:15px;justify-content:space-between;margin:17px 0}
.chart-atmosphere label{margin:0;font-size:14px;color:var(--muted)}
.chart-atmosphere select{width:auto;max-width:70%;height:37px;font-size:14px;border-color:#6b5b414f}

.dial-definitions{position:absolute;width:0;height:0;overflow:hidden}.dial-object{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(14deg) scale(.965);transform-origin:50% 46.25%;pointer-events:none}.dial-plane{position:absolute;inset:0;transform:translateZ(calc(var(--scene-unit,1px)*var(--dial-height)));pointer-events:none}.dial-plane>svg{width:100%;height:100%;overflow:visible;pointer-events:none}.dial-symbol-plane{transition:transform .26s cubic-bezier(.2,.8,.2,1)}.dial-symbol-plane.is-active{transform:translateZ(calc(var(--scene-unit,1px)*(var(--dial-height) + 32)))}.dial-symbol{cursor:pointer;pointer-events:auto;outline:none}.dial-symbol-halo{fill:#0e1826;fill-opacity:0;stroke:#edca85;stroke-opacity:0;stroke-width:1.5}.dial-symbol:hover .dial-symbol-halo,.dial-symbol:focus .dial-symbol-halo,.dial-symbol-plane.is-active .dial-symbol-halo{fill-opacity:.92;stroke-opacity:.9}.dial-symbol-plane.is-active text{fill:#fff0c5;paint-order:stroke;stroke:#101927;stroke-width:2}.dial-symbol:focus-visible .dial-symbol-halo{stroke-width:3;stroke-dasharray:4 3}@media(prefers-reduced-motion:reduce){.dial-symbol-plane{transition:none}.dial-symbol-plane.is-active{transform:translateZ(calc(var(--scene-unit,1px)*var(--dial-height)))}}
.dial-annotation{position:absolute;z-index:2;left:9%;right:9%;bottom:1.8%;display:flex;align-items:center;flex-direction:column;text-align:center;gap:4px;padding:9px 16px;border-radius:6px;background:linear-gradient(90deg,transparent,#08101ce8 20%,#08101ce8 80%,transparent);pointer-events:auto}.dial-annotation-kicker{font-size:10px;letter-spacing:.2em;color:#c0a578}.dial-annotation strong{font:clamp(16px,2.6vw,23px)/1.25 var(--serif);color:#f0d6a6}.dial-annotation [data-dial-description]{font-size:13px;line-height:1.4;color:#c6c9cc}.dial-annotation button{border:0;padding:3px 8px;color:#e9c987;background:none;text-decoration:underline;font-size:13px}.dial-annotation [hidden]{display:none}@media(max-width:480px){.dial-annotation{left:2%;right:2%;bottom:.5%;gap:2px;padding:5px}.dial-annotation-kicker{display:none}.dial-annotation [data-dial-description]{font-size:12px}.dial-annotation strong{font-size:16px}}

/* Small, legible geometric references accompany the personal reading. */
.personal-card-heading{display:flex;flex-direction:row-reverse;gap:16px;align-items:flex-start;justify-content:space-between}.personal-card-heading>div:not(.note-emblem){flex:1;min-width:0}.note-emblem{display:block;width:94px;min-width:94px;height:105px;color:#dec08b;flex:none;position:relative}.note-emblem .aspect-diagram{width:94px;height:94px}.emblem-pair{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#e5d0a5;font:23px Georgia,serif}.personal-card-art{margin:22px -8px 14px}.personal-card-art>.art-scene{width:100%;aspect-ratio:16/10;margin:0}.personal-card .note-more{font-size:14px;white-space:normal;text-align:left}.reading-card-heading{display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:space-between;gap:16px}.reading-card-heading>div:not(.note-emblem){flex:1}.reading-card{scroll-margin-top:24px}.reading-card.note-selected{border-color:#dabc80;box-shadow:0 0 0 1px #dabc8040,0 10px 50px #0003}.reading-card:focus{outline:none}.section-art{max-width:800px;margin:24px auto}.section-art>.art-scene{width:100%;aspect-ratio:16/7}.forecast-group>.art-scene{width:100%;max-width:800px;aspect-ratio:16/7;margin:18px auto 24px}.reading-intro{flex-wrap:wrap}.reading-section-heading{scroll-margin-top:20px}.dial-annotation strong{max-width:100%}
@media(max-width:480px){.note-emblem{width:72px;min-width:72px;height:90px}.note-emblem .aspect-diagram{width:72px;height:78px}.emblem-pair{font-size:19px}.personal-card-heading,.reading-card-heading{gap:8px}.personal-card h3{font-size:24px}.personal-card-art{margin-left:0;margin-right:0}.section-art>.art-scene,.forecast-group>.art-scene{aspect-ratio:16/10}.dial-annotation{bottom:0}.dial-annotation [data-dial-description]{max-width:92%;font-size:12px}.dial-annotation button{min-height:25px}}

.wheel-depth-stage{overflow:clip}.dial-annotation{position:relative;inset:auto;min-height:96px;margin:8px 0 0;padding:12px 18px;border-top:1px solid #b99b6833;background:linear-gradient(100deg,#0e192900,#172436bb,#0e192900);justify-content:center}.dial-annotation-kicker{font-size:10px}.dial-annotation [data-dial-description]{font-size:14px}.dial-annotation button{font-size:14px}.dial-annotation [data-dial-read]{position:absolute;right:12px;bottom:12px}.dial-annotation:has([data-dial-read]:not([hidden])){padding-right:140px}.reading-back{display:none;margin:0 0 20px}.note-selected>.reading-back{display:inline-block}.reading-card-heading{margin-bottom:18px}.reading-card-heading>div:not(.note-emblem){min-width:0}#scene-large{max-height:none;width:min(100%,calc(90dvh - 240px))}
@media(max-width:480px){.dial-annotation{min-height:116px}.dial-annotation:has([data-dial-read]:not([hidden])){padding:10px 12px 35px}.dial-annotation [data-dial-read]{left:0;right:0;bottom:5px;margin:auto}.dial-annotation [data-dial-description]{font-size:13px}.dial-annotation strong{font-size:18px}}

.depth-haze{mask-image:linear-gradient(to bottom,transparent,#000 42%,#000)}

.art-scene[data-art-pending]{background:radial-gradient(ellipse at 45% 35%,#1b2d40,#080f1a 70%)}

/* Recent birth inputs are compact, device-local shortcuts. */
.recent-profiles{margin:16px 0 22px;min-width:0}.recent-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.recent-heading h3{font-size:12px;line-height:1.45;font-weight:500;color:var(--muted);margin:0}.recent-heading button{border:0;background:none;padding:6px 0 6px 6px;min-height:32px;font-size:11px;color:var(--muted)}.recent-heading button:hover{color:var(--gold)}.recent-list{display:flex;flex-wrap:wrap;gap:7px}.recent-chip{display:flex;flex-direction:column;gap:3px;align-items:flex-start;max-width:100%;min-height:48px;border:1px solid #3b4655;border-radius:12px;background:#0d1723;padding:9px 12px;text-align:left;line-height:1.3}.recent-chip:hover{border-color:#a68c60;background:#202630}.recent-chip[aria-pressed=true]{border-color:var(--gold);background:#d9b97913;box-shadow:inset 0 0 0 1px #d9b97918}.recent-date{font-size:13px;font-variant-numeric:tabular-nums;color:#e9dcc1;letter-spacing:.025em}.recent-chip[aria-pressed=true] .recent-date{color:#f1cc83}.recent-meta{font-size:11px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-profiles>p{font-size:10px;line-height:1.5;color:var(--muted);margin:9px 0 0}.recent-profiles+.time-row{margin-top:0}
@media(max-width:760px){.workspace{grid-template-columns:minmax(0,1fr)}.form-panel,.time-row>div{min-width:0}}

/* Separate the symbolic meaning, life area and everyday example. */
.note-copy{display:grid;gap:20px;margin:22px 0}.note-copy-block{min-width:0}.note-copy-block>p,.personal-resource>p{font-size:16px;line-height:1.8;margin:0;color:#b8c4d3}.note-copy .note-copy-label,.personal-resource .note-copy-label,#reading .note-copy .note-copy-label{font-size:12px;line-height:1.5;font-weight:500;letter-spacing:.025em;color:var(--gold);margin:0 0 7px}.note-copy-example{border-left:2px solid #c9a765;padding:14px 16px;background:#d9b97908;border-radius:0 5px 5px 0}.note-copy .note-copy-context,#reading .note-copy .note-copy-context{font-size:13px;line-height:1.7;color:var(--muted)}.personal-resource>p{color:#dccaab}.personal-resource{margin:22px 0}

.forecast-caution{font-size:14px!important;color:var(--muted)}.forecast-caution>span{display:block;font-size:12px;color:var(--gold);margin-bottom:7px}.personal-lead-copy .note-copy{margin-bottom:20px}.forecast-card .note-copy{gap:18px}

/* Only small star sprites animate; the full SVG field stays cached. */
.wheel-twinkle{position:absolute;display:block;width:3px;height:3px;border-radius:50%;background:#ffe3a3;box-shadow:0 0 7px #f4d39b90;pointer-events:none}