body:has(.portrait-result),body.cosmic-reading{background:#000 url('/assets/sky/reading-nebulae-v2.webp') center top/100% auto repeat-y scroll;color:#eee5d5}
.guest-shortcuts{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 0;margin-bottom:10px}.guest-shortcuts a{color:#f2d49b;text-decoration:none}.guest-shortcuts span{font-size:14px;color:#b8c9d5}
.hd-intro{padding:28px 12px 22px}.hd-intro h1{font:clamp(32px,6vw,52px)/1.2 Georgia,serif;color:#f1dfb1;margin:14px 0}.hd-intro p{line-height:1.6}
body:has(.portrait-result) header,body:has(.portrait-result) footer{background:#000b;border-color:#bba06d44}
body:has(.portrait-result) .portrait-result{background:#0009;border:1px solid #c4a87066;box-shadow:0 24px 90px #020b1755;border-radius:26px}
body:has(.portrait-result) .sky-unified{background:transparent;border-color:#bba06d55}
body:has(.portrait-result) .portrait-settings{background:#080d14ed;border:1px solid #bba06d55;border-radius:18px;padding:20px}
body:has(.portrait-result) .portrait-settings summary{color:#f1dba9;cursor:pointer}
.portrait-direct-hd>.portrait-live:empty{display:none}.portrait-direct-hd>.portrait-settings{margin-bottom:28px}
.portrait-direct-hd [hidden]{display:none!important}
@media(max-width:600px){body:has(.portrait-result),body.cosmic-reading{background-size:100% auto;background-attachment:scroll}.guest-shortcuts{gap:8px}.hd-intro{padding:16px 4px}.portrait-direct-hd{padding:16px!important}}

/* Smoked glass keeps the birth-sky backdrop visible without losing text. */
body.cosmic-reading>header,body:has(.portrait-result)>header{background:rgba(5,9,16,.82);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);border-bottom:1px solid #ddbd7955;box-shadow:0 6px 28px #0005}
.hd-intro{position:relative;isolation:isolate;padding:28px 32px;margin:12px 0 28px;border:1px solid #dfbf7d66;border-radius:24px;background:linear-gradient(125deg,rgba(22,31,45,.90),rgba(4,8,15,.82));backdrop-filter:blur(20px) saturate(115%);-webkit-backdrop-filter:blur(20px) saturate(115%);box-shadow:inset 0 1px 0 #fff2,0 16px 48px #0006}
.hd-intro .portrait-kicker{color:#ebcf91}.hd-intro h1{color:#ffe8af;text-shadow:0 2px 12px #0008}.hd-intro p{color:#f2eee5}
body.cosmic-reading .guest-shortcuts{width:fit-content;padding:12px 18px;border-radius:14px;background:rgba(5,9,16,.85);border:1px solid #dfbf7d33;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media(max-width:600px){.hd-intro{padding:22px 20px;border-radius:20px}.hd-intro .portrait-kicker{font-size:11px;letter-spacing:.14em}}

.birth-invitation{margin:4px 0 24px;padding:26px 30px;border:1px solid #d5b56d99;border-radius:22px;background:linear-gradient(100deg,#07111aee 0%,#07111ae8 58%,#07111a66 100%),url('/assets/sky/reading-nebulae-v2.webp') center 38%/cover;box-shadow:inset 0 1px 0 #fff2,0 12px 32px #0003}
.birth-invitation-copy{max-width:720px}.birth-invitation-kicker{font-size:12px;letter-spacing:.12em;color:#dfc289}.birth-invitation h2{font:clamp(25px,3.5vw,34px)/1.2 Georgia,serif;color:#ffe6b1;margin:10px 0}.birth-invitation p{font-size:16px;line-height:1.55;color:#e3e8ed;margin:0 0 18px;max-width:650px}.birth-invitation-action{display:inline-flex;align-items:center;gap:24px;min-height:48px;padding:11px 22px;border-radius:12px;background:linear-gradient(120deg,#ffedbd,#dabb75);color:#142232;text-decoration:none;font-weight:650;box-shadow:0 3px 18px #edcc7140;border:1px solid #ffedbd}.birth-invitation-action:hover{filter:brightness(1.08)}.birth-invitation-note{display:block;font-size:14px;line-height:1.45;color:#bccbd7;margin-top:12px}
@media(max-width:600px){.birth-invitation{padding:22px 20px;margin-bottom:20px}.birth-invitation-kicker{font-size:11px;letter-spacing:.06em}.birth-invitation-action{display:flex;justify-content:space-between}.birth-invitation h2{font-size:27px}}