#main-menu{position:absolute;left:34px;top:135px;width:255px;padding:22px 16px;background:#242d3ee8;border:1px solid #ffffff80;border-radius:8px;box-shadow:0 12px 45px #30465c20;backdrop-filter:blur(14px)}#main-menu .eyebrow{font-size:8px;letter-spacing:1.4px}#main-menu h2{margin:12px 6px 20px;font-size:33px}#main-menu>button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:13px 8px;margin:3px 0;border-color:transparent;font-size:12px;color:#dce4ee;line-height:1.5}#main-menu>button>span{font-family:'Segoe UI Symbol',serif;font-size:23px;color:#d8c592;width:25px;text-align:center;flex-shrink:0}#main-menu>button>i{margin-left:auto;font-style:normal;font-size:18px;color:#8999ae}#main-menu>button:hover,#main-menu>button.active{background:#a6bed41a;border-color:#bfd0e733}#main-menu p{font-size:10px;color:#9eafc4;margin:20px 8px 0;padding-top:16px;border-top:1px solid #a4b5cc30}
#explore-drawer{position:absolute;z-index:25;left:310px;top:135px;width:min(590px,calc(100vw - 670px));max-height:calc(100dvh - 200px);overflow:auto;padding:28px;background:#f1f4f9f5;border:1px solid #fff;border-radius:10px;box-shadow:0 15px 65px #24374f35;color:#314052;backdrop-filter:blur(22px)}#explore-drawer[hidden]{display:none}#explore-title{font-size:32px;margin:0 32px 23px 0}#close-explore{float:right;font-size:27px;line-height:1;color:#51647a;border:0;padding:1px 5px}#explore-drawer #chart-panel{position:static;width:auto;max-height:none;background:none;border:0;box-shadow:none;padding:0;backdrop-filter:none;overflow:visible}#explore-drawer #chart-panel[hidden]{display:none}#explore-drawer #chart-panel>h2,#explore-drawer #chart-panel>.eyebrow{display:none}#explore-drawer input,#explore-drawer select{background:#ffffff;color:#24374c;border-color:#a9b8c8;color-scheme:light;font-size:13px}#explore-drawer label,#explore-drawer #chart-form label{display:grid;gap:6px;font-size:12px;color:#41556d}#explore-drawer button{color:#425b76;border-color:#a4b6cb66}#explore-drawer button:hover,#explore-drawer button.active{background:#dce6f0;color:#243f60}#explore-drawer .primary{background:#344c68;color:white;padding:12px;border-color:#344c68}#explore-drawer small,#explore-drawer #chart-form small,#explore-drawer #place-summary,#explore-drawer #angle-summary{color:#63778d;line-height:1.7}#explore-drawer #chart-panel a{color:#466884}#explore-drawer #chart-error{color:#9a452d}#explore-drawer #chart-panel .place-result span{color:#61758a}.explore-intro{font-size:13px;line-height:1.8;color:#5b6d82}.base-chart{font-size:11px;line-height:1.7;background:#e0e7f0;padding:12px;border-radius:5px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0}.library-grid button{padding:10px 7px;font-size:12px;line-height:1.5;text-align:left}.library-reading{background:#ffffff9c;border:1px solid #c8d3df;border-radius:6px;padding:18px}.library-reading h3,.tool-result h3{font:25px 'Cormorant Garamond',Georgia,serif;margin:0 0 13px}.library-reading p{font-size:14px;line-height:1.9;margin:0}.tool-form{display:grid;gap:12px;margin-top:20px}.tool-form>button{padding:10px}.town-results{display:grid;gap:5px;max-height:160px;overflow:auto}.town-results:empty{display:none}.town-results button{padding:9px;text-align:left;font-size:12px}.town-status{font-size:11px}.tool-error{color:#a34229;font-size:12px;line-height:1.7;margin:0}.tool-result{margin-top:25px}.tool-result:empty{display:none}.tool-result p,.tool-result small{font-size:11px;line-height:1.6}.explore-table{overflow:auto;margin:12px 0 24px}.explore-table table{width:100%;border-collapse:collapse;font:11px/1.65 Arial;color:#394e67}.explore-table th{background:#dfe7f0;font-weight:normal}.explore-table th,.explore-table td{padding:8px 6px;border-bottom:1px solid #c3cfdd;text-align:left;white-space:nowrap}.result-actions,.date-shortcuts{display:flex;flex-wrap:wrap;gap:8px}.result-actions button,.date-shortcuts button{padding:10px;font-size:12px}.explore-table tr:nth-child(even){background:#ffffff60}
@media(max-width:1200px){#main-menu{left:18px;width:220px;padding:18px 12px}#explore-drawer{left:250px;width:calc(100vw - 280px);max-width:590px}}@media(max-width:650px){#main-menu{left:12px;top:110px;width:190px;padding:12px;max-height:43dvh;overflow:auto}#main-menu h2{font-size:26px;margin:8px 5px}#main-menu>button{padding:8px 4px;font-size:11px}#main-menu>button>span{font-size:19px;width:20px}#main-menu p{display:none}#explore-drawer{position:fixed;left:10px;right:10px;top:100px;bottom:18px;width:auto;max-width:none;max-height:none;padding:22px;z-index:40}.library-grid{grid-template-columns:repeat(2,1fr)}#explore-title{font-size:28px}}

/* Gold lettering to match the natal-chart heading. */
#main-menu{border-color:#c9a76275;background:linear-gradient(145deg,#273044f2,#1c2638f2);box-shadow:0 14px 45px #0004,inset 0 1px 0 #f6dda922}
#main-menu h2{color:#efd293;text-shadow:0 0 16px #c69a4930;font-size:35px}
#main-menu .eyebrow{color:#c5a974;letter-spacing:1.6px}
#main-menu>button{color:#e7c98d;font-size:13px;text-shadow:0 1px 8px #0005}
#main-menu>button>span{color:#f0d59b}
#main-menu>button>i{color:#c5a66c}
#main-menu>button:hover,#main-menu>button.active{color:#fff0c4;background:linear-gradient(100deg,#c69a4929,#c69a490a);border-color:#d1ae625c}
#main-menu p{color:#bca677;border-top-color:#c9a76240}
@media(max-width:650px){#main-menu h2{font-size:28px}#main-menu>button{font-size:11px}}

#main-menu{top:245px}
@media(max-width:650px){#main-menu{top:210px}}

#main-menu{top:400px}
#chart-guide{position:absolute;left:34px;top:115px;width:255px;padding:16px 16px 12px;color:#ddc794;text-shadow:0 2px 8px #000}
#chart-guide h2{font-size:27px;color:#efd293;margin:0 0 13px}
#chart-guide p{margin:0 0 13px;font-size:12px;line-height:1.65}
#chart-guide strong{display:block;font-weight:500;color:#efd293;font-size:14px}
#chart-guide span{display:block;color:#cfcbc2}
@media(max-width:1200px){#chart-guide{left:18px;width:220px;padding:14px 12px}}
@media(max-width:650px){#chart-guide{left:12px;top:220px;width:190px}#chart-guide h2{font-size:23px}#chart-guide p{font-size:11px}#main-menu{top:505px}}

#chart-description{position:relative;width:min(790px,calc(100% - 640px));margin:calc(100vh + 28px) auto 90px;padding:30px 34px;background:linear-gradient(145deg,#172235dd,#101927d9);border:1px solid #c9a76255;border-radius:10px;box-shadow:0 12px 40px #0003;backdrop-filter:blur(8px);color:#e0d8c6;font-size:16px;line-height:1.85}
#chart-description h2{color:#efd293;font-size:32px;line-height:1.2;margin:0 0 24px;text-align:center;text-shadow:0 0 18px #c69a4930}
#chart-description p{margin:0 0 17px}#chart-description p:last-child{margin-bottom:0;color:#efd293}
@media(max-width:1100px){#chart-description{width:min(790px,calc(100% - 80px))}}
@media(max-width:650px){#chart-description{width:calc(100% - 28px);margin-top:calc(105vh + 980px);padding:24px 20px;font-size:14px}#chart-description h2{font-size:28px}}

body{display:flow-root}

@media(min-width:651px){#inspector{top:calc(22vh + 70px)}}
#chart-description{position:absolute;top:28px;right:30px;width:570px;margin:0;padding:0 6px;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;color:#e7c98d;font-size:12px;line-height:1.5;text-shadow:0 1px 7px #000}
#chart-description h2{font-size:24px;text-align:left;margin:0 0 10px;line-height:1.2}
#chart-description p{margin:0 0 7px}
@media(min-width:651px) and (max-width:1200px){#chart-description{right:18px;width:350px;font-size:10px;line-height:1.4}#chart-description h2{font-size:20px}#inspector{top:390px}}
@media(max-width:650px){#chart-description{top:760px;right:18px;width:calc(100% - 36px);font-size:12px}#chart-description h2{font-size:23px}#inspector{top:1190px}}

@media(min-width:1201px){#chart-description{line-height:1.4}}

.epoch{top:74px}
@media(max-width:650px){.epoch{top:106px}}

body{min-height:240vh}
#planet-house-table{position:absolute;top:calc(100vh + 170px);left:64px;width:495px;padding:22px;background:linear-gradient(145deg,#273044f2,#1c2638f2);border:1px solid #c9a76265;border-radius:8px;color:#e7c98d}
#planet-house-table h2{font-size:29px;margin:0 0 18px}#planet-house-table table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6}#planet-house-table th,#planet-house-table td{padding:10px 4px;text-align:left;border-bottom:1px solid #c9a76225;font-weight:400}#planet-house-table thead th{color:#efd293;font-size:11px}#planet-house-table td{color:#e0ded8;white-space:nowrap;font-variant-numeric:tabular-nums}#planet-house-table .position-icon{display:inline-flex;vertical-align:middle;width:21px;margin-right:5px}#planet-house-table td:last-child{text-align:center}#planet-house-table .retro-key{margin:15px 0 0}
@media(max-width:650px){#planet-house-table{left:14px;width:calc(100% - 28px);top:2150px;padding:15px}#planet-house-table table{font-size:11px}body{min-height:3200px}}

#planet-house-table .longitude-sign{display:inline-block;width:20px;margin-right:4px;font-family:'Segoe UI Symbol',serif;font-size:17px;line-height:1;vertical-align:middle;filter:brightness(1.5)}
#house-cusp-table{position:absolute;top:calc(100vh + 170px);left:47.5%;width:470px;padding:22px;background:linear-gradient(145deg,#273044f2,#1c2638f2);border:1px solid #c9a76265;border-radius:8px;color:#e7c98d}
#house-cusp-table h2{font-size:29px;margin:0 0 18px}#house-cusp-table table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6}#house-cusp-table th,#house-cusp-table td{padding:10px 4px;text-align:left;border-bottom:1px solid #c9a76225;font-weight:400}#house-cusp-table thead th{color:#efd293;font-size:11px}#house-cusp-table td{color:#e0ded8;white-space:nowrap;font-variant-numeric:tabular-nums}#house-cusp-table .longitude-sign{display:inline-block;width:20px;margin-right:4px;font-family:'Segoe UI Symbol',serif;font-size:17px;line-height:1;vertical-align:middle;filter:brightness(1.5)}
@media(min-width:651px) and (max-width:1200px){#planet-house-table{left:24px;width:48%}#house-cusp-table{left:calc(50% + 12px);width:calc(50% - 36px)}}
@media(max-width:650px){#house-cusp-table{left:14px;width:calc(100% - 28px);top:3170px;padding:15px}body{min-height:3900px}}

footer .controls{margin-top:85px}
#chart-balance{position:absolute;top:calc(100vh + 170px);right:32px;width:340px;box-sizing:border-box;padding:22px;background:linear-gradient(145deg,#273044f2,#1c2638f2);border:1px solid #c9a76265;border-radius:8px;color:#e7c98d}#chart-balance h2{font:29px Georgia,serif;margin:0 0 22px}#chart-balance h3{font:19px Georgia,serif;margin:22px 0 15px}#chart-balance dl{margin:0}#chart-balance .balance-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0 0 14px;font-size:14px}#chart-balance dt{color:#e1e7ef}#chart-balance dd{margin:0;font-variant-numeric:tabular-nums;color:#f1d695}#chart-balance .balance-track{grid-column:1/-1;height:5px;border-radius:4px;background:#ffffff15;overflow:hidden}#chart-balance .balance-track span{display:block;height:100%;border-radius:4px}#chart-balance .balance-note{font-size:11px;line-height:1.65;color:#b2bfd0;border-top:1px solid #c9a76225;margin:24px 0 0;padding-top:14px}@media(min-width:651px) and (max-width:1550px){#chart-balance{top:calc(100vh + 950px);right:24px;width:340px}body{min-height:calc(100vh + 1660px)}}@media(max-width:650px){#chart-balance{top:3900px;left:14px;right:auto;width:calc(100% - 28px)}body{min-height:4600px}}
#chart-balance .balance-radar{display:block;width:calc(100% + 28px);height:auto;margin:-4px -14px 8px;overflow:visible;font-family:Arial,sans-serif}#chart-balance .balance-radar text{paint-order:stroke;stroke:#1d293b;stroke-width:2px;stroke-linejoin:round}#chart-balance .balance-radar text:first-letter{stroke:none}@media(min-width:651px) and (max-width:1550px){body{min-height:calc(100vh + 2030px)}}@media(max-width:650px){body{min-height:4950px}}
@media(min-width:651px) and (max-width:1550px){body{min-height:calc(100vh + 2330px)}}@media(max-width:650px){body{min-height:5250px}}

/* Opaque dark reading surfaces keep long descriptions legible. */
#explore-drawer{background:#172234;color:#e7e3d9;border-color:#bba16b66;box-shadow:0 18px 70px #0009;color-scheme:dark}
#explore-title,#explore-drawer h3{color:#efd293}
#explore-drawer .library-reading{background:#111c2d;border-color:#bba16b40;color:#e7e3d9}
#explore-drawer .description-content{color:#e7e3d9}
#explore-drawer button{color:#e7cf9c;border-color:#bba16b55}
#explore-drawer button:hover,#explore-drawer button.active{background:#34445b;color:#fff0c8}
#explore-drawer .primary{background:#43566f;color:#fff0c8}
#explore-drawer input,#explore-drawer select{background:#0f1a29;color:#f0e9da;border-color:#8797ab77;color-scheme:dark}
#explore-drawer label,#explore-drawer #chart-form label{color:#dfcfac}
#explore-drawer small,#explore-drawer #chart-form small,#explore-drawer #place-summary,#explore-drawer #angle-summary,#explore-drawer .explore-intro,#explore-drawer #chart-panel .place-result span{color:#bdc9da}
#explore-drawer #chart-panel a{color:#e7c98d}
#explore-drawer .base-chart,#explore-drawer .explore-table th{background:#26364b}
#explore-drawer .explore-table table{color:#e7e3d9}
#explore-drawer .explore-table td,#explore-drawer .explore-table th{border-color:#8797ab33}
#explore-drawer .explore-table tr:nth-child(even){background:#ffffff06}
#explore-drawer .tool-error,#explore-drawer #chart-error{color:#ffb5a2}