.cosmic-portrait{--chart-gold:#dec28b;--chart-fine:#b19661;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:0 18px;padding:32px 28px 0 56px;margin:38px -1.5vw 24px;border:1px solid #bba16c88;border-radius:8px;background:linear-gradient(110deg,#06102322,#0b102055),url('cosmic-nebula.svg') center/cover;color:#ead3a1;box-shadow:0 18px 70px #0007,inset 0 0 60px #0004;overflow:hidden}.cosmic-portrait:before{content:'';position:absolute;inset:10px;border:1px solid #d7b27444;pointer-events:none;z-index:-1}.cosmic-wheel-column{min-width:0;align-self:center}.cosmic-dedication{font:italic 20px/1.4 Georgia;color:#e9cc91;max-width:230px;margin:0 auto -3px;text-align:center}.cosmic-wheel{display:block;width:100%;height:auto;overflow:visible;font-family:Georgia,'Times New Roman',serif}.outer-ring{fill:none;stroke:#d7b77c;stroke-width:1.65}.fine-ring{fill:none;stroke:#b3955e;stroke-width:.8}.house-line{stroke:#c7a76c;stroke-width:.85;opacity:.8}.degree-tick{stroke:#c1a06a;stroke-width:.65;opacity:.7}.sign-glyph{fill:#efd39b;font-size:28px}.sign-name{fill:#e4c48a;font-size:10px;letter-spacing:1px}.house-number{fill:#e1c48c;font-size:15px}.aspect-blue{stroke:#6fa5d0;stroke-width:1;opacity:.58}.aspect-rose{stroke:#b85c94;stroke-width:1;opacity:.65}.wheel-star{stroke:#eed69d;stroke-width:.65;fill:#f8df9f;opacity:.85}.placement-leader{stroke:#d0b583;stroke-width:.7;opacity:.55}.placement-dot{fill:#e9cc94}.placement-target{fill:#101a2e;fill-opacity:.68;stroke:transparent;stroke-width:1.2}.wheel-placement{cursor:pointer;outline:none}.wheel-placement:hover .placement-target,.wheel-placement:focus .placement-target{stroke:#f5dfa9;fill:#473c35;fill-opacity:1}.wheel-placement:hover .planet-glyph,.wheel-placement:focus .planet-glyph{fill:#fff1c9}.planet-glyph{fill:#f0d7a4;font-size:26px}.planet-degree{fill:#e2c897;font:11px Arial}.asc-line{stroke:#e6c98d;stroke-width:1.4;stroke-dasharray:4 3}.asc-label{fill:#edcf91;font:10px Arial;letter-spacing:1px}.asc-degree{fill:#d8bc86;font:9px Arial}.cosmic-summary{align-self:center;padding:10px 0 20px;min-width:0}.cosmic-crown{font:48px/1 Georgia;text-align:center;color:#d5b87c;margin:0 auto 14px}.cosmic-summary .portrait-title{font:32px/1.1 Georgia;letter-spacing:4px;text-align:center;color:#f1d39c;margin:0 0 10px}.portrait-subtitle{font:8px/1.7 Georgia!important;letter-spacing:1.7px;color:#e2c28b!important;text-align:center;margin:0 0 22px}.cosmic-info,.portrait-keys,.portrait-invitation{padding:19px 17px;border:1px solid #ad8c5966;background:#07101d99}.portrait-keys,.portrait-invitation{border-top:0}.cosmic-info .portrait-name{font:18px/1.4 Georgia;color:#f2d6a0;margin:0 0 12px}.cosmic-info dl{margin:0;display:grid;grid-template-columns:65px 1fr;gap:8px 7px;font:12px/1.5 Georgia}.cosmic-info dt{color:#d8b77c}.cosmic-info dd{margin:0;color:#e3d8c5;overflow-wrap:anywhere}.portrait-keys h3,.portrait-invitation h3{font:12px/1.5 Georgia;letter-spacing:2px;color:#dfbd82;margin:0 0 10px}.portrait-key{display:flex;text-align:left;width:100%;align-items:flex-start;gap:12px;border:0;background:transparent;padding:12px 0;color:#ecd4a3;border-radius:3px}.portrait-key+.portrait-key{border-top:1px solid #b4976133}.portrait-key .key-glyph{font:26px/1.1 Georgia;min-width:25px;text-align:center;color:#efd09a}.portrait-key strong{display:block;font:16px/1.4 Georgia;font-weight:normal}.portrait-key small{display:block;color:#d5c7af;font:italic 11px/1.7 Georgia;margin-top:4px}.portrait-key:hover,.portrait-key:focus-visible{background:#b89b5c15;outline:1px solid #d4b87577;outline-offset:4px}.portrait-invitation p{font:italic 14px/1.7 Georgia;color:#e2d0b1;margin:0}.cosmic-moonrail{position:absolute;left:17px;top:22%;bottom:22%;display:flex;flex-direction:column;justify-content:space-between;width:22px;align-items:center}.cosmic-moonrail:before{content:'';position:absolute;top:-20px;bottom:-20px;left:10px;width:1px;background:linear-gradient(transparent,#d1ab68aa,transparent);z-index:-1}.portrait-phase{display:block;width:24px;height:24px;border-radius:50%;background:#e2c28f;border:1px solid #b4976455;box-shadow:0 0 12px #e2c18522}.phase-0{box-shadow:inset 19px 0 #0e192d,inset -1px 0 #f0d29e}.phase-1{box-shadow:inset 14px 0 #0e192d}.phase-2{box-shadow:inset 8px 0 #0e192d}.phase-3{background:radial-gradient(circle at 30% 40%,#e9ce9e,#a38c66);box-shadow:0 0 18px #e9c58866}.phase-4{box-shadow:inset -8px 0 #0e192d}.phase-5{box-shadow:inset -14px 0 #0e192d}.phase-6{box-shadow:inset -19px 0 #0e192d,inset 1px 0 #f0d29e}.cosmic-portrait .cosmic-poster-bottom{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:9px;border-top:1px solid #c4a16b66;padding:16px 6px 19px;background:transparent;backdrop-filter:none;margin-top:10px;color:#e4c48a}.cosmic-poster-bottom>span{font:9px/1.6 Georgia;letter-spacing:2px;text-align:center}.cosmic-poster-bottom>small{font:9px/1.6 Arial;color:#c3b8a4;text-align:center}.wheel-help{color:#cfc2a7;font:11px/1.5 Arial;text-align:center;margin:2px 0 10px}.cosmic-chart-tools{display:flex;justify-content:center;gap:12px;margin:0 auto 45px;flex-wrap:wrap}.cosmic-chart-tools .button{font-size:12px;padding:11px 16px}.cosmic-chart-tools:empty{display:none}#placement-list article{scroll-margin-top:25px}#large-chart-wheel{width:min(1100px,96vw);max-width:none;max-height:96dvh;padding:16px;background:#0a1224;border:1px solid #c3a46b;border-radius:9px;color:#e9d2a4}#large-chart-wheel::backdrop{background:#040811ed}.large-chart-bar{display:flex;justify-content:space-between;gap:10px;align-items:center}.large-chart-bar p{font:18px Georgia;color:#e4c48a;margin:0}.large-chart-bar button{padding:10px 15px;border:1px solid #c4a16b77;color:#ead6ac;background:transparent;border-radius:5px;min-height:44px}.large-chart-canvas{overflow:auto;max-height:calc(90dvh - 105px);background:url('cosmic-nebula.svg') center/cover}.large-chart-canvas svg{min-width:680px;width:100%}.large-chart-hint{font:12px/1.5 Arial;color:#c3b8a4}.cosmic-portrait+.cosmic-chart-tools~.intro{margin-top:35px}
@media(max-width:1050px){.cosmic-portrait{grid-template-columns:minmax(0,1fr) 235px;padding:25px 22px 0 49px;gap:0 9px}.cosmic-summary .portrait-title{font-size:25px;letter-spacing:3px}.cosmic-info,.portrait-keys,.portrait-invitation{padding:15px 12px}.portrait-key strong{font-size:14px}.cosmic-dedication{font-size:18px}.cosmic-moonrail{left:14px}.cosmic-info dl{font-size:11px;grid-template-columns:58px 1fr}}
@media(max-width:740px){.cosmic-portrait{grid-template-columns:1fr;padding:25px 16px 0 34px;margin:25px -2vw 20px;gap:8px}.cosmic-wheel-column{width:100%}.cosmic-dedication{font-size:18px;margin:4px auto 8px;max-width:none}.cosmic-moonrail{top:11%;bottom:auto;height:240px;width:16px;left:9px}.cosmic-moonrail:before{left:7px}.portrait-phase{width:16px;height:16px}.phase-0{box-shadow:inset 13px 0 #0e192d}.phase-1{box-shadow:inset 10px 0 #0e192d}.phase-2{box-shadow:inset 5px 0 #0e192d}.phase-4{box-shadow:inset -5px 0 #0e192d}.phase-5{box-shadow:inset -10px 0 #0e192d}.phase-6{box-shadow:inset -13px 0 #0e192d}.cosmic-summary{padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:0 9px}.cosmic-crown{display:none}.cosmic-summary .portrait-title{grid-column:1/-1;font-size:28px}.portrait-subtitle{grid-column:1/-1;margin-bottom:18px}.cosmic-info{grid-column:1/-1}.portrait-keys{grid-column:1/-1}.portrait-invitation{grid-column:1/-1}.portrait-keys h3{margin-top:2px}.portrait-key{padding:11px 0}.portrait-key strong{font-size:16px}.portrait-key small{font-size:11px}.cosmic-info dl{grid-template-columns:68px 1fr;font-size:12px}.cosmic-info .portrait-name{font-size:19px}.cosmic-poster-bottom>span{font-size:8px;letter-spacing:1.2px}.cosmic-poster-bottom>small{font-size:8px}.wheel-help{font-size:10px;max-width:220px;margin:8px auto}.cosmic-chart-tools{gap:8px;margin-bottom:30px}.cosmic-chart-tools .button{padding:10px 13px;font-size:11px}.planet-glyph{font-size:28px}.sign-name{font-size:10px;letter-spacing:.4px}.planet-degree{font-size:12px}#large-chart-wheel{padding:10px}.large-chart-hint{font-size:11px}}
@media print{@page{size:A4 landscape;margin:8mm}body{background:white!important;color:black}body>header,body>footer,.construction-notice,main>.intro,main>.member-panel,#free-results>.intro,#placement-list,.path-actions,.cosmic-chart-tools,#chart-method,dialog{display:none!important}main{max-width:none;padding:0}#free-results{display:block!important}.cosmic-portrait{display:grid!important;grid-template-columns:minmax(0,1fr) 245px!important;gap:15px;margin:0!important;padding:20px 22px 0 48px!important;max-height:none;width:100%;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.cosmic-wheel-column{max-width:620px;justify-self:center}.cosmic-summary{display:block!important;padding:0}.cosmic-crown{display:block}.cosmic-moonrail{top:22%;bottom:22%;height:auto;width:22px;left:14px}.cosmic-poster-bottom{margin:0}.cosmic-dedication{font-size:18px}.portrait-invitation p{font-size:12px}.wheel-help{display:none}.cosmic-portrait .cosmic-poster-bottom{padding:10px}}
#placement-list[hidden]{display:none!important}.placement-picker{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:0 auto 20px}.placement-picker label{font:12px Arial;color:#c8b899}.placement-picker select{background:#101b2d;color:#e8d8b8;border:1px solid #bba16c77;border-radius:5px;min-height:42px;padding:10px;font:12px Arial;max-width:100%}.placement-picker button{padding:10px 15px;font-size:12px}.cosmic-method{font:11px/1.8 Arial;text-align:center;max-width:850px;margin:20px auto 26px;color:#b7b2b0}.cosmic-chart-tools{margin-bottom:18px}#chart-placement-reader{width:min(560px,94vw);max-width:none;padding:32px;border:1px solid #d8b77b99;border-radius:12px;background:radial-gradient(ellipse at 20% 0%,#51416955,transparent 70%),#101a2c;color:#eee3cf;box-shadow:0 25px 80px #0009;max-height:90dvh;overflow:auto}#chart-placement-reader::backdrop{background:#040914d9;backdrop-filter:blur(4px)}.placement-reader-close{float:right;border:1px solid #c0a06d77;border-radius:5px;padding:9px 12px;min-height:42px;background:transparent;color:#e4c997;font:12px Arial}.reader-eyebrow{display:block;font:9px/1.5 Arial;text-transform:uppercase;letter-spacing:2px;color:#d8b77b;padding-top:14px}#chart-placement-reader h2{font:31px/1.25 Georgia;color:#f2d5a0;margin:25px 0 10px;clear:both;padding-top:12px}#placement-reader-degree{font:12px Arial;color:#cfb17d;margin-bottom:24px}#placement-reader-brief{font:18px/1.75 Georgia;color:#e8deca}.reader-more{margin-top:24px;border-top:1px solid #c4a16b44;padding-top:17px}.reader-more>summary{cursor:pointer;font:13px Arial;color:#e1c68f;min-height:30px}.placement-reader-extra p{font:15px/1.8 Georgia;color:#c9c3bc}.placement-reader-extra .placement-question{color:#e0cda9;font-style:italic}@media(max-width:600px){#chart-placement-reader{padding:23px}#chart-placement-reader h2{font-size:27px}#placement-reader-brief{font-size:17px}.placement-picker{gap:9px}.placement-picker label{width:100%;text-align:center}.cosmic-method{font-size:10px}}@media print{.placement-picker,#chart-placement-reader{display:none!important}}
#profile-form .profile-grid>*{min-width:0}#profile-form .profile-grid input,#profile-form .profile-grid select{min-width:0;max-width:100%}.wheel-phone-zoom{display:none}@media(max-width:740px){#profile-form .profile-grid{grid-template-columns:minmax(0,1fr)}.wheel-phone-zoom{display:block;margin:10px auto 16px;border:1px solid #c0a06d88;padding:10px 15px;min-height:44px;border-radius:5px;background:#152139;color:#ead2a1;font:12px Arial}}
@media print{.cosmic-wheel-column{max-width:540px}.cosmic-portrait .cosmic-summary .portrait-title{font-size:26px}.cosmic-portrait .cosmic-crown{font-size:35px;margin-bottom:10px}.cosmic-portrait .cosmic-info,.cosmic-portrait .portrait-keys,.cosmic-portrait .portrait-invitation{padding:12px}.wheel-phone-zoom{display:none!important}}
.chart-name-personalizer{max-width:750px;margin:25px auto 0;border:1px solid #bba16c55;border-radius:8px;background:#101a2bd9;padding:14px 18px}.chart-name-personalizer summary{cursor:pointer;color:#e4c68f;font:15px/1.5 Georgia}.chart-name-personalizer form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:15px}.chart-name-personalizer label{font:12px Arial;color:#d9c8a9}.chart-name-personalizer input{min-width:0;flex:1;padding:10px 12px;min-height:42px;border:1px solid #bba16c77;border-radius:5px;background:#0c1425;color:#eee2cb;font:14px Arial}.chart-name-personalizer button{font-size:12px;padding:10px 13px}.chart-name-personalizer small{width:100%;font:11px/1.6 Arial;color:#b7b2b0}.chart-name-personalizer p{font:11px/1.7 Arial;margin-bottom:0}.chart-name-personalizer p:empty{display:none}@media(max-width:600px){.chart-name-personalizer label{width:100%}.chart-name-personalizer{padding:13px}}@media print{.chart-name-personalizer{display:none!important}}
.wheel-legend-link{cursor:pointer;outline:none}.legend-target{fill:transparent;stroke:transparent;stroke-width:1.3}.wheel-legend-link:hover .legend-target,.wheel-legend-link:focus .legend-target{fill:#e5c48916;stroke:#efd39b}.wheel-legend-link:hover text,.wheel-legend-link:focus text{fill:#fff0c7}.chart-legend-picker{padding-top:8px;border-top:1px solid #c4a16b22;max-width:750px}.chart-legend-picker select{max-width:min(310px,100%)}

/* Clear touch guidance on phone and small tablet screens. */
@media screen and (max-width:740px){.cosmic-portrait .wheel-help{display:block;box-sizing:border-box;width:100%;max-width:34ch;margin:16px auto 12px;padding:14px 16px;border:1px solid #d8b77b;border-radius:10px;background:#101b2d;color:#fff0cc;font:700 20px/1.45 Arial,sans-serif;text-align:center;letter-spacing:0;text-wrap:pretty}}