/* Existing /styles.css owns the page frame. These rules only extend member pages. */
@font-face{font-family:"Cormorant Garamond";src:url('/account/assets/cormorant.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url('/account/assets/cormorant-italic.ttf') format('truetype');font-style:italic;font-weight:300 700;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url('/account/assets/plex.ttf') format('truetype');font-weight:400;font-display:swap}
.member-page{min-height:100vh}.member-utility{position:absolute;left:0;top:34px;display:flex;align-items:center;gap:16px;font-size:.7rem}.member-utility a,.member-utility button{color:var(--nav-indigo);font:inherit;background:none;border:0;padding:8px 0;text-decoration:none;cursor:pointer}.member-utility a:hover,.member-utility button:hover{text-decoration:underline;text-underline-offset:5px}.member-page .primary-nav{gap:clamp(8px,1.45vw,22px)}
.member-main{width:min(calc(100% - 64px),1100px);margin:52px auto 0;padding-bottom:22px}.member-sign-in{max-width:680px}.member-narrow{max-width:660px}.member-intro{text-align:center;max-width:650px;margin:0 auto}.member-main h1{margin:12px 0 18px;font-family:var(--font-display);font-size:clamp(36px,4vw,46px);font-weight:400;font-style:italic;line-height:1.14;color:var(--nav-indigo)}.member-main h2{font:400 clamp(27px,3vw,34px)/1.2 var(--font-display);color:var(--midnight-ink);margin:0 0 14px}.member-main h3{font:500 25px/1.25 var(--font-display);margin:0 0 12px}.member-main p{margin:0 0 18px}.member-intro>p:last-child{max-width:510px;margin:0 auto;font-size:.83rem;line-height:1.85}.member-eyebrow{font-size:.67rem;letter-spacing:.17em;text-transform:uppercase;color:var(--nav-indigo)}.member-main .member-eyebrow{margin-bottom:12px}.member-narrow>.member-eyebrow,.member-narrow>h1{text-align:center}.member-narrow>p:not(.member-eyebrow){font-size:.85rem;line-height:1.85}.member-main a{color:var(--nav-indigo);text-underline-offset:5px;text-decoration-thickness:1px}
.member-steps{display:flex;gap:12px;justify-content:center;list-style:none;padding:0;margin:32px 0 36px;font-size:.68rem;color:var(--ink-dim)}.member-steps li{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid transparent}.member-steps li+li::before{content:'·';margin-right:4px;color:var(--gold-deep)}.member-steps span{color:var(--gold-deep);font-size:.61rem}.member-steps [aria-current="step"]{color:var(--midnight-ink);border-color:var(--border-gold)}
.member-form-paper{max-width:490px;margin:0 auto;padding:30px 34px 26px;border:1px solid var(--border-blue);border-top-color:var(--border-gold);border-radius:12px;background:rgba(250,247,241,.72)}.member-form-paper h2{font-size:29px}.member-main .member-fine{font-size:.72rem;color:var(--ink-dim);line-height:1.8}.member-main .member-form-note{margin:24px 0 0}.member-field{min-width:0;margin-bottom:22px}.member-field label{display:block;font-size:.75rem;line-height:1.5;margin:0 0 9px;color:var(--midnight-ink)}.member-field input,.member-field select{width:100%;min-width:0;min-height:48px;border:1px solid rgba(107,131,166,.48);border-radius:7px;background:rgba(250,247,241,.9);color:var(--midnight-ink);padding:11px 12px;font:400 16px/1.4 var(--font-body)}.member-field select{padding-right:24px}.member-field small{display:block;margin-top:8px;font-size:.7rem;line-height:1.7;color:var(--ink-dim)}.member-field input:focus,.member-field select:focus{outline:2px solid var(--nav-indigo);outline-offset:3px;border-color:var(--nav-indigo)}
.member-primary,.member-button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;flex:0 1 auto;min-height:46px;padding:12px 22px;border:1px solid var(--nav-indigo);border-radius:8px;background:var(--nav-indigo);color:var(--paper-ivory);font:400 .75rem/1.5 var(--font-body);cursor:pointer;text-decoration:none;transition:background 160ms ease}.member-main a.member-primary,.member-main a.member-button{color:var(--paper-ivory)}.member-primary:hover,.member-button:hover{background:var(--midnight-ink)}.member-secondary,.member-main a.member-secondary{background:rgba(250,247,241,.6);border-color:var(--border-gold);color:var(--midnight-ink)}.member-secondary:hover{background:var(--powder-blue)}.member-primary:disabled,.member-button:disabled{opacity:.52;cursor:wait}.member-primary:focus-visible,.member-button:focus-visible,.member-main a:focus-visible,.member-link-button:focus-visible,.member-utility :focus-visible{outline:2px solid var(--nav-indigo);outline-offset:4px}
.member-main .member-notice{font-size:.76rem;line-height:1.8;padding:14px 16px;border-left:2px solid var(--washed-indigo);background:rgba(220,234,244,.35);margin:20px 0}.member-notice:empty{display:none}.member-main .member-notice.error{border-color:var(--rose);background:rgba(246,215,213,.3)}.member-section{margin-top:30px;padding-top:28px;border-top:1px solid var(--border-gold)}.member-section>p{font-size:.82rem;line-height:1.8}.member-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.member-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:.74rem}.member-link-button{border:0;background:none;padding:8px 0;color:var(--nav-indigo);text-decoration:underline;text-underline-offset:5px;font:inherit;font-size:.76rem;cursor:pointer}.member-confirm-panel{border:1px solid var(--border-gold);border-radius:10px;margin-top:16px;padding:24px;background:var(--warm-cream)}.member-check{display:flex;align-items:flex-start;gap:12px;margin:22px 0;font-size:.76rem;line-height:1.8}.member-check input{flex:0 0 auto;width:18px;height:18px;margin-top:4px;accent-color:var(--nav-indigo)}.member-main .member-afterword{text-align:center;font-size:.73rem;margin:28px auto 0}.member-back-link{display:inline-block;margin-bottom:28px;font-size:.73rem}.member-page .member-footer{margin-top:65px}.member-footer a{color:var(--nav-indigo);text-underline-offset:4px}.member-footer .footer-mark{margin:26px auto 0}.member-chart-actions{display:flex;justify-content:center;gap:28px;margin:24px 0 34px;font-size:.72rem}.member-loading{text-align:center;font:italic 27px/1.5 var(--font-display);color:var(--nav-indigo);padding:70px 0}
@media(max-width:900px){.member-page .primary-nav{justify-content:start;gap:18px}.member-page .nav-item{font-size:.69rem}.member-utility{gap:10px;font-size:.65rem}}
@media(max-width:600px){.member-main{width:calc(100% - 40px);margin-top:34px}.member-utility{top:13px}.member-utility button{max-width:44px;line-height:1.5}.member-main h1{font-size:37px}.member-intro>p:last-child{font-size:.78rem}.member-steps{gap:8px;font-size:.62rem;margin:24px 0 28px}.member-steps li{gap:5px}.member-steps li+li::before{margin:0}.member-form-paper{padding:25px 22px}.member-form-paper h2{font-size:27px}.member-two-fields{grid-template-columns:1fr;gap:0}.member-page .member-footer{margin-top:46px}.member-actions{gap:18px}.member-narrow>p:not(.member-eyebrow){font-size:.77rem}.member-chart-actions{gap:22px;font-size:.66rem}.member-page .corner-art-bottom-right{width:170px;opacity:.65}}
@media(prefers-reduced-motion:reduce){.member-page *{scroll-behavior:auto;transition:none;animation:none}}

@media(max-width:700px){.member-page .site-header{width:100%}.member-page .member-utility{left:20px}.member-page .primary-nav{justify-content:center;column-gap:13px;row-gap:7px}.member-page .primary-nav .nav-item{font-size:.67rem;letter-spacing:.1em}}

/* Email preferences reuse the account form and its existing paper treatment. */
.member-check[hidden]{display:none}.member-preferences-fields{border:0;padding:0;margin:0;min-width:0}.member-main .member-marketing-notice{font-size:.76rem;line-height:1.8;margin:4px 0 16px;padding-left:14px;border-left:2px solid var(--washed-indigo);color:var(--midnight-ink)}.member-main .member-sender{white-space:pre-line;overflow-wrap:anywhere}.member-steps{flex-wrap:wrap}.member-preferences-fields:disabled{opacity:.65}
@media(max-width:600px){.member-steps{display:flex;gap:10px;justify-content:center}.member-steps li+li::before{display:none}}

/* Account creation, sign-in and verification share one paper form. */
.member-account-paper{max-width:550px}.member-main [hidden]{display:none!important}.member-account-modes{display:flex;gap:26px;margin:0 0 24px;border-bottom:1px solid var(--border-blue)}.member-account-modes button{border:0;border-bottom:1px solid transparent;margin-bottom:-1px;background:none;color:var(--ink-dim);font:400 .75rem/1.6 var(--font-body);padding:0 0 12px;cursor:pointer}.member-account-modes button[aria-current]{color:var(--midnight-ink);border-bottom-color:var(--nav-indigo)}.member-account-modes button:focus-visible{outline:2px solid var(--nav-indigo);outline-offset:4px}.member-signup-marketing{margin:4px 0 22px}.member-signup-marketing .member-check{margin:0 0 4px}.member-signup-marketing .member-fine{margin-bottom:8px}.member-verification-actions{margin-top:18px}.member-password-paper{margin-top:30px}.member-field input[readonly]{background:rgba(220,234,244,.2);color:var(--ink-dim)}

/* Account-wide pages keep the same paper, ink and first-party typefaces. */
.member-account-paper{margin-top:32px}.member-page .primary-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 18px;overflow:visible}.member-page .primary-nav>*{flex:0 0 auto}.member-home{max-width:1000px}.member-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 52px;margin-top:40px}.member-home-tile{border-top:1px solid var(--border-gold);padding:30px 0 34px;min-width:0}.member-home-tile>p:not(.member-eyebrow){font-size:.8rem;line-height:1.85;max-width:34em}.member-home-tile>a{font-size:.75rem}.member-library{max-width:820px}.member-reading-list{list-style:none;margin:38px 0 0;padding:0}.member-reading-row{padding:26px 0 22px;border-top:1px solid var(--border-gold);overflow-wrap:anywhere}.member-reading-row h2{font-size:31px;line-height:1.3}.member-reading-row a{text-decoration:none}.member-reading-row a:hover{text-decoration:underline}.member-reading-row .member-eyebrow{font-size:.64rem;line-height:1.9}.member-empty{text-align:center;border-top:1px solid var(--border-gold);padding:40px 20px;margin-top:35px}.member-empty p{font-size:.8rem;line-height:1.85}.member-saved-reading{max-width:960px}.member-reading-focus{text-align:center;font-size:.73rem;line-height:1.8;margin-top:20px!important}.member-saved-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:38px 0 46px}.member-saved-card{min-width:0;border-top:1px solid var(--border-gold);padding-top:20px}.member-saved-card>.member-eyebrow{line-height:1.85;font-size:.6rem;min-height:2.5em}.member-saved-card h2{font-size:28px}.member-card-orientation{font-size:.68rem;text-transform:capitalize}.member-card-art{display:block;width:100%;max-width:210px;height:auto;margin:20px auto 22px;border-radius:8px}.member-card-meanings{font-size:.74rem;line-height:1.85}.member-card-meanings summary{cursor:pointer;color:var(--nav-indigo);padding:10px 0;text-decoration:underline;text-underline-offset:5px}.member-card-meanings summary:focus-visible{outline:2px solid var(--nav-indigo);outline-offset:4px}.member-card-meanings h3{font-size:23px;margin-top:18px}.member-card-meanings p{white-space:pre-wrap;overflow-wrap:anywhere}.member-saved-prose{max-width:700px;margin:0 auto;border-top:1px solid var(--border-gold);padding-top:35px}.member-saved-prose>p,.member-focus-step p{font-size:.82rem;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.member-saved-prose h2{font-size:36px;line-height:1.2}.member-saved-prose h3{margin-top:30px}.member-focus-step h4{font:400 .68rem/1.8 var(--font-body);color:var(--nav-indigo);margin:24px 0 12px}.member-reflection{font-family:var(--font-display);font-size:26px!important;line-height:1.45!important}.member-saved-reading>.member-section{max-width:700px;margin:35px auto 0}.member-saved-reading .member-intro{overflow-wrap:anywhere}
@media(max-width:700px){.member-page .primary-nav{gap:10px 20px;padding-left:20px;padding-right:20px}.member-page .nav-separator{display:none}.member-home-grid{grid-template-columns:1fr;gap:0;margin-top:28px}.member-home-tile{padding:25px 0 29px}.member-saved-cards{grid-template-columns:1fr;gap:28px;max-width:420px;margin:28px auto 36px}.member-saved-card>.member-eyebrow{min-height:0}.member-saved-card h2{font-size:31px}.member-card-art{max-width:180px}.member-reading-row h2{font-size:29px}.member-saved-prose h2{font-size:32px}.member-saved-prose>p,.member-focus-step p{font-size:.78rem}.member-reading-row .member-eyebrow{letter-spacing:.08em}.member-empty{padding-left:0;padding-right:0}}

/* Blue marble stationery for account creation, verification and welcome. */
body[data-page="account"] .member-sign-in { max-width: 720px; }
body[data-page="account"] .member-intro h1 {
  max-width: 13em;
  margin-inline: auto;
  font-size: clamp(38px, 4.6vw, 54px);
}
body[data-page="account"] .member-intro > p:last-child {
  max-width: 31em;
  font: 400 22px/1.45 var(--font-display);
  color: var(--midnight-ink);
}
.member-account-paper {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 600px;
  margin-top: 34px;
  padding: 54px 58px 48px;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.member-account-paper::before,
.member-account-paper::after {
  position: absolute;
  pointer-events: none;
  content: "";
}
.member-account-paper::before {
  inset: 0;
  z-index: -2;
  /* Resize the frame separately from the fixed-scale marble surface. */
  border: 110px solid transparent;
  border-image: url('/img/accounts/signup-blue-marble-v1.png') 200 stretch;
  background: #dce9f5 padding-box;
}
.member-account-paper::after {
  inset: 30px 24px;
  z-index: -1;
  border-radius: 40px;
  /* Height only crops the artwork; never rescale it when auth modes change.
     Fade before the source image's lower rim so long forms stay seamless. */
  background:
    linear-gradient(to bottom, transparent 660px, #dce9f5 810px),
    url('/img/accounts/signup-blue-marble-v1.png') center -70px / 700px auto no-repeat,
    #dce9f5;
  mask-image:
    linear-gradient(to right, transparent, #000 80px, #000 calc(100% - 80px), transparent),
    linear-gradient(to bottom, transparent, #000 80px, #000 calc(100% - 80px), transparent);
  mask-composite: intersect;
}
.member-account-paper h2 {
  font-size: clamp(32px, 3.5vw, 38px);
  text-align: center;
}
.member-account-paper .member-account-modes {
  justify-content: center;
  gap: 32px;
  margin-bottom: 28px;
  border-bottom-color: rgba(70, 97, 137, .25);
}
.member-account-modes button { min-height: 44px; }
.member-account-paper .member-field { margin-bottom: 18px; }
.member-account-paper .member-field input,
.member-account-paper .member-field select {
  border-color: rgba(71, 97, 132, .4);
  border-radius: 9px;
  background: rgba(255, 253, 248, .86);
}
.member-account-paper .member-primary {
  min-height: 52px;
  padding: 13px 27px;
  border-color: rgba(183, 146, 95, .32);
  border-radius: 999px;
  background: var(--nav-indigo) url('/img/ui/notebook-filter-notify-exact-v1.png') center / 100% 100% no-repeat;
  box-shadow: 0 4px 12px rgba(31, 42, 68, .1);
  text-align: center;
}
.member-account-paper .member-primary:hover { filter: brightness(1.07); }
.member-account-paper #register-submit {
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin: 26px auto 0;
  padding-inline: 27px;
}
.member-main .member-signup-reassurance {
  max-width: 28em;
  margin: 0 auto 28px;
  font: italic 21px/1.45 var(--font-display);
  text-align: center;
  color: var(--nav-indigo);
}
.member-account-paper .member-fine,
.member-account-paper .member-field small { color: #435775; }
.member-account-paper .member-notice { background: rgba(255, 253, 248, .5); }
.member-main .member-signup-age-message {
  block-size: 3.3em;
  overflow: auto;
  margin: -6px 0 4px;
  font-size: .7rem;
  line-height: 1.65;
  color: #7b3d42;
}
.member-signup-next { text-align: center; }
.member-signup-next h3 { font-size: clamp(32px, 4vw, 40px); }
.member-signup-next h3:focus { outline: none; }
.member-signup-next > p:not(.member-eyebrow),
.member-signup-birth > p:not(.member-eyebrow) {
  font: 400 22px/1.5 var(--font-display);
  color: var(--midnight-ink);
}
.member-signup-next > .member-primary { margin-top: 6px; }
.member-signup-birth { margin-top: 32px; padding-top: 28px; border-top: 1px solid rgba(145, 111, 59, .35); }
.member-signup-birth h4 { margin: 0 0 12px; font: italic 30px/1.2 var(--font-display); }
.member-signup-birth > a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: .76rem; }
@media (max-width: 600px) {
  body[data-page="account"] .member-sign-in { width: calc(100% - 24px); }
  body[data-page="account"] .member-intro { padding-inline: 12px; }
  body[data-page="account"] .member-intro > p:last-child { font-size: 21px; }
  .member-account-paper { margin-top: 26px; padding: 42px 30px 40px; }
  .member-account-paper::before { border-width: 70px; }
  .member-account-paper .member-account-modes { gap: 25px; }
  .member-account-paper .member-actions { gap: 12px 18px; }
}

/* Complete painted frames: borders and corners remain visible at every size. */
.member-profile { max-width: 900px; }
.member-profile-intro { max-width: 650px; margin: 0 auto 38px; text-align: center; }
.member-profile-intro h1 { font-size: clamp(42px, 6vw, 62px); }
.member-profile-intro > p:last-child { font: 400 23px/1.5 var(--font-display); color: var(--midnight-ink); }
.member-marble-panel { position: relative; isolation: isolate; background: transparent; }
.member-marble-panel::before {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border: 56px solid transparent;
  border-image: url('/img/accounts/profile-form-cream-marble-v1.png') 180 fill stretch;
}
.member-profile-paper { margin-top: 28px; padding: 54px 48px; scroll-margin-top: 24px; }
.member-profile-paper .member-field input,
.member-profile-paper .member-field select { background: rgba(255,253,248,.86); border-radius: 9px; }
.member-profile-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.member-profile-section-heading h2 { margin-bottom: 0; font-size: clamp(32px,4vw,42px); }
.member-profile-section-heading .member-eyebrow { margin-bottom: 6px; }
.member-profile-section-heading > a { flex: 0 0 auto; margin-bottom: 6px; font-size: .73rem; }
.member-profile-paper .member-primary { border-radius: 999px; background: var(--nav-indigo) url('/img/ui/notebook-filter-notify-exact-v1.png') center / 100% 100% no-repeat; }
.member-profile-paper .member-notice:empty { display: none; }
.member-profile-paper-quiet { padding-block: 44px; }
.member-profile-paper-quiet::before { border-image-source: url('/img/accounts/profile-wide-cream-marble-v1.png'); }
.member-birth-facts { display: grid; grid-template-columns: 1fr 1fr 1.3fr; gap: 22px; margin: 0; }
.member-birth-facts > div { min-width: 0; }
.member-birth-facts dt { font-size: .7rem; color: #435775; margin-bottom: 9px; }
.member-birth-facts dd { margin: 0; font: 400 23px/1.3 var(--font-display); overflow-wrap: anywhere; color: var(--midnight-ink); }
.member-profile .member-birth-note { margin: 24px 0 0; font: italic 21px/1.45 var(--font-display); color: var(--nav-indigo); }
.member-big-three { margin-top: 28px; }
.member-big-three-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.member-big-three-card { position: relative; min-width: 0; margin: 0; }
.member-sign-help { display: block; width: 100%; border: 0; padding: 0; border-radius: 10px; background: transparent; cursor: help; }
.member-sign-help:focus-visible { outline: 2px solid var(--nav-indigo); outline-offset: 4px; }
.member-sign-tooltip { position: absolute; bottom: calc(100% + 10px); right: 0; z-index: 10; width: min(280px,calc(100vw - 64px)); padding: 9px 13px; border: 1px solid rgba(183,146,95,.58); border-radius: 2px; background: rgba(220,234,244,.97); box-shadow: 0 12px 30px rgba(31,42,68,.14); color: var(--midnight-ink); font: 400 .72rem/1.5 var(--font-body); }
.member-sign-tooltip::after { content: ''; position: absolute; bottom: -6px; right: 26px; width: 11px; height: 11px; background: var(--powder-blue); transform: rotate(45deg); border-right: 1px solid rgba(183,146,95,.58); border-bottom: 1px solid rgba(183,146,95,.58); }
.member-big-three-card:first-child .member-sign-tooltip { left: 0; right: auto; }
.member-big-three-card:first-child .member-sign-tooltip::after { left: 26px; right: auto; }
.member-big-three-card:nth-child(2) .member-sign-tooltip { left: 50%; right: auto; transform: translateX(-50%); }
.member-big-three-card:nth-child(2) .member-sign-tooltip::after { left: calc(50% - 6px); right: auto; }
.member-big-three-card .member-zodiac-card { display: block; width: 100%; height: auto; aspect-ratio: 785 / 1100; object-fit: contain; border-radius: 10px; }
.member-big-three-card figcaption { margin-top: 12px; color: #354e70; font: italic 32px/1.2 var(--font-display); text-align: center; }
.member-profile .member-big-three-note { max-width: 34em; margin: 24px auto 0; color: var(--nav-indigo); font: italic 23px/1.45 var(--font-display); text-align: center; }
.member-horoscope-link { display: table; margin: 24px auto 0; font-size: .75rem; }
.member-profile-more { margin-top: 32px; border-top: 1px solid var(--border-gold); }
.member-profile-more > summary { padding: 22px 2px; cursor: pointer; color: var(--nav-indigo); font-size: .76rem; }
.member-profile-more > summary:focus-visible { outline: 2px solid var(--nav-indigo); outline-offset: 4px; }
.member-profile-more-content { padding: 0 22px 25px; }
.member-profile-more-content .member-section:first-child { margin-top: 0; }
.member-email-change { border-top: 1px solid var(--border-gold); margin-top: 26px; padding-top: 26px; }
.member-email-change .member-field { max-width: 440px; }
.member-email-change #email-change-code { max-width: 240px; letter-spacing: .16em; }
.member-email-change .member-actions { gap: 10px 22px; }
.member-email-change a { font-size: .75rem; }

/* The saved shelf shows the same paper cards used for Download and Share. */
.member-library { max-width: 1120px; }
.member-library .member-intro h1 { font-size: clamp(42px,5.5vw,60px); }
.member-library .member-intro > p:last-child { font: 400 23px/1.5 var(--font-display); color: var(--midnight-ink); }
.member-library-tools { margin: 32px 0 24px; }
.member-library-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.member-library-filters button {
  display: inline-flex;
  width: 170px;
  height: 42px;
  min-height: 42px;
  padding: 0 14px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 15px;
  box-shadow: none;
  background: transparent url('/img/performance/ui/notebook-filter-notify-exact-v1.webp?v=c2f15c9ff166ecfa') center / 100% 100% no-repeat;
  color: var(--paper-ivory);
  font: 400 .76rem/1.2 var(--font-body);
  letter-spacing: .09em;
  text-shadow: 0 1px 2px rgba(31,42,68,.2);
  cursor: pointer;
  transition: filter 350ms ease;
}
.member-library-filters button::after {
  display: inline-block;
  visibility: hidden;
  width: 15px;
  height: 16px;
  margin-left: 7px;
  flex: 0 0 15px;
  background: url('/img/performance/ui/notebook-filter-selected-mark-v1.webp?v=e3d6e7638a73e3fd') center / contain no-repeat;
  filter: drop-shadow(0 0 2px rgba(210,173,100,.34));
  content: '';
}
.member-library-filters button:hover { filter: brightness(1.05); }
.member-library-filters button[aria-pressed="true"] {
  filter: brightness(.97);
  box-shadow: 0 0 0 1px rgba(250,247,241,.92), 0 0 0 3px rgba(183,146,95,.82), 0 6px 15px rgba(31,42,68,.08);
}
.member-library-filters button[aria-pressed="true"]::after { visibility: visible; }
.member-library-filters button[aria-pressed="true"]:hover { filter: brightness(1.02); }
.member-library-filters button:focus-visible { outline: 2px solid var(--midnight-ink); outline-offset: 5px; }
.member-main .member-library-count { text-align: center; margin: 17px 0 0; color: var(--ink-dim); font-size: .68rem; }
.member-reading-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; gap: 48px 32px; margin: 0; }
.member-library-card { min-width: 0; border: 0; padding: 0; }
.member-library-sheet { display: flex; aspect-ratio: 9/16; flex-direction: column; align-items: center; justify-content: center; gap: 20px; background: #faf7f1; color: var(--nav-indigo); box-shadow: 0 4px 18px rgba(40,51,69,.09); font: 400 .72rem/1.7 var(--font-body); text-align: center; transition: box-shadow .2s ease; }
.member-library-sheet.is-ready { display: block; aspect-ratio: auto; }
.member-library-sheet:hover { box-shadow: 0 8px 24px rgba(40,51,69,.15); }
.member-library-sheet canvas { display: block; width: 100%; height: auto; }
.member-library-preview-title { max-width: 80%; font: 400 24px/1.3 var(--font-display); }
.member-library-caption { padding: 18px 2px 0; }
.member-main .member-library-date { font-size: .62rem; color: var(--ink-dim); margin: 0 0 6px; }
.member-library-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px; }
.member-library-card .member-library-open,.member-library-download { display: inline-flex; align-items: center; min-height: 36px; color: var(--nav-indigo); font: 400 .69rem/1.7 var(--font-body); text-decoration: underline; text-underline-offset: 4px; }
.member-library-download { border: 0; padding: 0; background: none; cursor: pointer; }
.member-library-download[hidden] { display: none; }
.member-library-download:disabled { opacity: .5; cursor: wait; }
.member-library-sheet:focus-visible,.member-library-open:focus-visible,.member-library-download:focus-visible { outline: 2px solid var(--nav-indigo); outline-offset: 5px; }
.member-main .member-library-feedback { color: var(--nav-indigo); font-size: .64rem; line-height: 1.7; margin: 7px 0 0; }
.member-library-feedback:empty { display: none; }
.member-library-empty { border: 0; padding: 58px 40px; max-width: 800px; margin-inline: auto; }
.member-library-empty p { max-width: 34em; margin-inline: auto; }
.member-library-explore { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 22px; font-size: .75rem; margin-top: 26px; }
.member-library-explore a { display: inline-flex; min-height: 44px; align-items: center; }
.member-library .member-button,.member-saved-reading .member-primary { border-radius: 999px; border: 0; background: var(--nav-indigo) url('/img/ui/notebook-filter-notify-exact-v1.png') center / 100% 100% no-repeat; }
.member-saved-sheet { display: flex; aspect-ratio: 9/16; align-items: center; justify-content: center; max-width: 540px; margin: 30px auto 0; background: #faf7f1; box-shadow: 0 5px 22px rgba(40,51,69,.1); }
.member-saved-sheet > p { padding: 28px; font: italic 26px/1.4 var(--font-display); color: var(--nav-indigo); text-align: center; }
.member-saved-sheet.is-ready { display: block; aspect-ratio: auto; }
.member-saved-sheet canvas { display: block; width: 100%; height: auto; }
.member-saved-reading #reading-actions { max-width: 700px; margin: 24px auto 0; border: 0; padding: 0; }
.member-saved-reading #reading-actions > .member-actions { justify-content: center; gap: 8px 22px; }
.member-saved-reading #reading-actions > .member-actions :is(a, button) { display: inline-flex; min-height: 44px; align-items: center; }
.member-full-reading { max-width: 740px; margin: 65px auto 0; padding-top: 35px; border-top: 1px solid var(--border-gold); scroll-margin-top: 30px; }
.member-full-reading > .member-eyebrow,.member-full-reading-title { text-align: center; }
.member-full-reading:focus { outline: none; }
.member-saved-sky { max-width: 700px; margin: 32px auto 0; }
.member-saved-sky > .member-eyebrow { text-align: center; }
.member-saved-public-prose p { font: 400 24px/1.55 var(--font-display); white-space: pre-wrap; overflow-wrap: anywhere; }
.member-saved-horoscope { max-width: 700px; margin: 32px auto 0; }
.member-saved-daily-line { font: italic 35px/1.25 var(--font-display); color: #354e70; margin: 0 0 28px; overflow-wrap: anywhere; }
.member-saved-horoscope-prose > p:not(.member-eyebrow) { font: 400 23px/1.45 var(--font-display); }
.member-saved-horoscope-prose .member-saved-horoscope-evidence { font: 400 .72rem/1.8 var(--font-body)!important; color: var(--nav-indigo); }
.member-saved-evidence { max-width: 740px; margin: 28px auto 0; padding: 15px 0; border-top: 1px solid var(--border-gold); }
.member-saved-evidence summary { cursor: pointer; font-size: .75rem; color: var(--nav-indigo); }
.member-saved-evidence[open] summary { margin-bottom: 22px; }
.member-saved-events { padding-left: 20px; font-size: .78rem; line-height: 1.85; }
.member-saved-positions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 30px; font-size: .73rem; }
.member-saved-positions > div { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(90,111,144,.15); }
.member-saved-positions dt { text-transform: capitalize; }
.member-saved-positions dd { margin: 0; text-align: right; }
.member-saved-reading .member-download-hint { margin: 16px 0 0; text-align: center; }
@media(max-width:960px) {
  .member-reading-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .member-reading-list { grid-template-columns: 1fr; max-width: 420px; margin-inline: auto; }
  .member-reading-list { gap: 36px; }
  .member-library-filters { gap: 10px; }
  .member-library-filters button { width: min(170px, calc((100% - 10px) / 2)); height: 43px; min-height: 43px; padding-inline: 8px; font-size: .68rem; letter-spacing: .04em; }
  .member-library-filters button::after { width: 13px; height: 14px; margin-left: 5px; flex-basis: 13px; }
  .member-library-empty { padding: 42px 26px; }
  .member-saved-public-prose p { font-size: 22px; }
  .member-saved-daily-line { font-size: 31px; }
  .member-saved-positions { grid-template-columns: 1fr; }
}
@media(prefers-reduced-motion:reduce) { .member-library-sheet,.member-library-filters button { transition: none; } }
@media (max-width: 700px) {
  .member-profile { width: calc(100% - 24px); }
  .member-profile-section-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .member-profile-section-heading > a { margin: 0; }
  .member-profile-paper { padding: 40px 27px; }
  .member-marble-panel::before { border-width: 38px; }
  .member-birth-facts { grid-template-columns: 1fr; gap: 17px; }
  .member-birth-facts dt { margin-bottom: 4px; }
  .member-big-three { padding-inline: 22px; }
  .member-big-three-grid { gap: 9px; }
  .member-big-three-card figcaption { font-size: clamp(22px,5.8vw,30px); margin-top: 8px; }
}

/* The second signup step shares the complete cream stationery frame. */
.member-birth-page { max-width: 720px; }
.member-birth-page .member-profile-intro { margin-bottom: 26px; }
.member-birth-page .member-profile-intro h1 { font-size: clamp(38px,5vw,52px); }
.member-birth-page .member-profile-intro > p:last-of-type { max-width: 28em; margin-inline: auto; font: 400 23px/1.5 var(--font-display); color: var(--midnight-ink); }
.member-birth-page .member-steps { margin-bottom: 0; }
.member-birth-paper { padding: 46px 50px 32px; }
.member-birth-paper #city-form { padding-bottom: 26px; margin-bottom: 26px; border-bottom: 1px solid var(--border-gold); }
.member-birth-submit { margin-top: 26px; text-align: center; }
.member-birth-paper .member-birth-skip { margin: 14px 0 0; text-align: center; font-size: .72rem; }
.member-birth-skip a { display: inline-block; padding: 9px 4px; }
@media (max-width: 600px) {
  .member-birth-page { width: calc(100% - 24px); }
  .member-birth-page .member-profile-intro { padding-inline: 12px; }
  .member-birth-paper { padding: 36px 28px 30px; }
  .member-birth-paper::before { border-width: 36px; }
  .member-birth-paper .member-primary { max-width: 100%; }
}

/* Birthplace suggestions stay attached to the field and use Lunaire's paper/ink. */
.member-city-combobox { position: relative; }
.member-birth-paper #city-form { padding-bottom: 20px; margin-bottom: 24px; }
.member-birth-paper .member-city-field { margin-bottom: 0; }
.member-city-results { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 5; overflow: hidden; border: 1px solid rgba(87,111,142,.35); border-radius: 10px; background: #fffdf7; box-shadow: 0 9px 24px rgba(48,66,92,.14); }
.member-city-options { max-height: 260px; overflow-y: auto; overscroll-behavior: contain; margin: 0; padding: 5px; list-style: none; }
.member-birth-paper .member-city-credit { margin: 0; padding: 6px 10px 8px; text-align: right; font-size: .58rem; color: var(--ink-dim); }
.member-city-credit a { color: inherit; }
.member-city-option { padding: 9px 13px; border-radius: 6px; cursor: pointer; color: #354e70; overflow-wrap: anywhere; }
.member-city-option + .member-city-option { border-top: 1px solid rgba(145,111,59,.13); }
.member-city-option:hover,.member-city-option[aria-selected="true"] { background: #e9eff3; }
.member-city-name { display: block; font: 500 24px/1.15 var(--font-display); }
.member-city-region { display: block; margin-top: 4px; font: 400 .65rem/1.5 var(--font-body); color: #526781; }
.member-birth-paper .member-city-status { margin: 7px 0 0; color: #526781; font-size: .65rem; line-height: 1.5; }
.member-birth-paper .member-city-status,
.member-birth-paper .member-city-status:empty { display: block; block-size: var(--birth-status-height, 4.5em); overflow: auto; }
/* Contextual text occupies its own slot; typing never resizes the marble frame. */
.member-birth-paper #profile-history-note { block-size: 3.6em; margin-bottom: 0; }
.member-birth-paper #profile-history-note[hidden] { display: block !important; visibility: hidden; }
@media (max-width: 600px) {
  .member-birth-paper { --birth-status-height: 6em; }
  .member-birth-paper #profile-history-note { block-size: 5.4em; }
}
.member-city-status:empty { display: none; }
@media(max-width:600px){ .member-city-options { max-height: 214px; }.member-city-name { font-size: 22px; } }

/* Input screens share one button geometry at every width. */
.member-form-paper :is(.member-primary,.member-button),
.member-profile :is(.member-primary,.member-button),
.member-birth-paper :is(.member-primary,.member-button) {
  min-height: 52px;
  padding: 13px 27px;
  border-radius: 999px;
}
.member-form-paper .member-primary,
.member-profile .member-primary,
.member-birth-paper .member-primary {
  border-color: rgba(183,146,95,.32);
  background: var(--nav-indigo) url('/img/ui/notebook-filter-notify-exact-v1.png') center / 100% 100% no-repeat;
}

/* Feedback and additional fields can extend a form without stretching its ink. */
.member-steady-paper { isolation: isolate; }
.member-steady-paper::before {
  z-index: -2;
  border-image-slice: 180;
  background: #faf7f1 padding-box;
}
.member-steady-paper::after {
  position: absolute;
  content: '';
  inset: 24px;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(to bottom,transparent 1100px,#faf7f1 1200px),
    url('/img/accounts/profile-form-cream-marble-v1.png') center -100px / 1000px 1400px no-repeat,
    #faf7f1;
  mask-image:
    linear-gradient(to right,transparent,#000 60px,#000 calc(100% - 60px),transparent),
    linear-gradient(to bottom,transparent,#000 60px,#000 calc(100% - 60px),transparent);
  mask-composite: intersect;
}

/* Notes sit alongside the original reading; its shared artwork stays intact. */
.member-library-note { display: inline-flex; align-items: center; gap: 7px; margin: 10px 0 0; color: var(--nav-indigo); font: 400 .72rem/1.7 var(--font-body); text-underline-offset: 4px; }
.member-library-note svg { width: 16px; height: 16px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.4; }
.member-reading-note { max-width: 700px; margin: 42px auto; padding: 28px 0 30px; border-block: 1px solid var(--border-gold); scroll-margin-top: 24px; }
.member-reading-note:focus { outline: none; }
.member-reading-note h2 { font-size: 34px; margin-bottom: 18px; }
.member-note-copy { white-space: pre-wrap; overflow-wrap: anywhere; font: 400 23px/1.55 var(--font-display); }
.member-reading-note .member-field textarea { display: block; box-sizing: border-box; width: 100%; min-width: 0; height: 190px; resize: vertical; border: 1px solid rgba(107,131,166,.48); border-radius: 7px; background: rgba(250,247,241,.9); color: var(--midnight-ink); padding: 13px 14px; font: 400 16px/1.65 var(--font-body); }
.member-reading-note textarea:focus { outline: 2px solid var(--nav-indigo); outline-offset: 3px; }
.member-reading-note textarea::placeholder { color: var(--ink-dim); opacity: .8; }
.member-reading-note .member-field small { text-align: right; font-variant-numeric: tabular-nums; }
.member-reading-note .member-field { margin-bottom: 12px; }
.member-reading-note :is(.member-primary,.member-button) { min-height: 52px; padding: 13px 27px; border-radius: 999px; }
.member-reading-note .member-primary { background: var(--nav-indigo) url('/img/ui/notebook-filter-notify-exact-v1.png') center / 100% 100% no-repeat; }
.member-note-conflict { margin-top: 20px; padding: 20px 0; border-top: 1px solid var(--border-blue); }
.member-note-conflict h3 { font-size: 26px; }
#note-message { min-height: 1.8em; margin-bottom: 0; }
#note-message:empty { display: block; visibility: hidden; }

/* Keep the five site destinations in the same two-row order as public pages. */
@media (max-width: 700px) {
  .member-page .primary-nav--tarot {
    column-gap: 13px;
    row-gap: 0;
    padding-inline: 18px;
  }
  .member-page .primary-nav--tarot > :nth-child(4) {
    display: block;
    flex: 0 0 100%;
    height: 0;
    overflow: hidden;
  }
  .member-page .primary-nav--tarot .nav-item {
    font-size: .8rem;
    letter-spacing: .12em;
  }
  .member-page .primary-nav--tarot .nav-separator { display: block; }
}
@media (max-width: 360px) {
  .member-page .primary-nav--tarot { column-gap: 10px; }
  .member-page .primary-nav--tarot .nav-item {
    font-size: .78rem;
    letter-spacing: .095em;
  }
}