/* ================================================================
   FRONT DOOR — horoscope-first landing hub (3 tabs: horoscope / love
   match / full reading). Self-contained fd- namespace + tokens so it
   never collides with the editorial or app-shell cascades.
   ================================================================ */
#fd-front{
  --fd-ink:#0b0815; --fd-paper:#f4ead6; --fd-paper-2:#ebdfc4; --fd-dim:#b6a988;
  --fd-line:rgba(201,164,92,.28);
  --fd-gilt:#c9a45c; --fd-gilt-hi:#e8c97a; --fd-gilt-lo:#8a6b2e;
  --fd-rose:#ff6b9d; --fd-rose-hi:#ffa5c4;
  --fd-accent:#7c5bf5; --fd-accent-hi:#a98bff;
  --fd-gold:#ffd700; --fd-gold-hi:#ffe680;
  --fd-teal:#00d4aa; --fd-ember:#b3431f;
  text-align:left; margin-top:6px;
}

/* mode toggle */
.fd-toggle{
  display:grid; grid-template-columns:1fr 1fr 1fr; gap:5px; padding:5px;
  background:rgba(7,5,13,.6); border:1px solid var(--fd-line); border-radius:999px;
  max-width:520px; margin:0 auto 4px;
}
.fd-toggle button{
  appearance:none; border:0; cursor:pointer; border-radius:999px; padding:11px 6px;
  font-family:var(--mono,'DM Mono',monospace); font-size:.66rem; letter-spacing:.08em;
  text-transform:uppercase; background:transparent; color:var(--fd-dim); transition:.25s; white-space:nowrap;
}
.fd-toggle button .fd-ic{margin-right:4px}
.fd-toggle button.on{color:#1a0f10; background:linear-gradient(180deg,var(--fd-gold-hi),var(--fd-gold)); box-shadow:0 6px 18px -8px var(--fd-gold)}
.fd-toggle button.on.love{color:#2a0713; background:linear-gradient(180deg,var(--fd-rose-hi),var(--fd-rose)); box-shadow:0 6px 20px -8px var(--fd-rose)}
.fd-toggle button.on.avatar{color:#12071f; background:linear-gradient(180deg,var(--fd-accent-hi),var(--fd-accent)); box-shadow:0 6px 20px -8px var(--fd-accent)}
.fd-toggle button.on.vtarot{color:#2a0713; background:linear-gradient(180deg,var(--fd-rose-hi),var(--fd-rose)); box-shadow:0 6px 20px -8px var(--fd-rose)}
.fd-toggle button.on.full{color:#062018; background:linear-gradient(180deg,#4fe6c6,var(--fd-teal)); box-shadow:0 6px 20px -8px var(--fd-teal)}

.fd-pane{display:none}
.fd-pane.on{display:block; animation:fdFade .4s ease}
@keyframes fdFade{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}

.fd-kicker{font-family:var(--mono,'DM Mono',monospace); font-size:.6rem; letter-spacing:.28em; text-transform:uppercase; color:var(--fd-gilt); text-align:center; margin:20px 0 4px}
.fd-h{font-family:var(--display,'Cormorant Garamond',serif); font-size:clamp(1.5rem,5vw,2rem); text-align:center; margin:0 0 4px; text-wrap:balance; color:var(--fd-paper)}
.fd-h em{font-style:italic}
.fd-h.horo em{color:var(--fd-gold-hi)} .fd-h.love em{color:var(--fd-rose-hi)} .fd-h.full em{color:var(--fd-accent-hi)}
.fd-h.avatar em{color:var(--fd-accent-hi)} .fd-h.vtarot em{color:var(--fd-rose-hi)}
.fd-sub{text-align:center; color:var(--fd-dim); font-size:.95rem; font-style:italic; margin:0 auto 20px; max-width:42ch; font-family:'Cormorant Garamond',serif}

/* ── sign grid ── */
.fd-signgrid{display:grid; grid-template-columns:repeat(6,1fr); gap:9px}
@media(max-width:640px){ .fd-signgrid{grid-template-columns:repeat(4,1fr)} }
@media(max-width:420px){ .fd-signgrid{grid-template-columns:repeat(3,1fr)} }
.fd-sign{display:flex; flex-direction:column; align-items:center; gap:3px; padding:13px 4px 11px; border:1px solid var(--fd-line); border-radius:10px; background:rgba(7,5,13,.35); cursor:pointer; transition:.18s; color:var(--fd-paper-2)}
.fd-sign:hover,.fd-sign.sel{border-color:var(--fd-gold); color:var(--fd-paper); transform:translateY(-2px); box-shadow:0 10px 24px -14px var(--fd-gold)}
.fd-sign .g{font-size:1.5rem; color:var(--fd-gold-hi); line-height:1}
.fd-sign .n{font-family:var(--mono,'DM Mono',monospace); font-size:.56rem; letter-spacing:.1em; text-transform:uppercase}
.fd-sign .d{font-family:var(--mono,'DM Mono',monospace); font-size:.5rem; color:var(--fd-dim); letter-spacing:.04em}
.fd-dontknow{text-align:center; margin-top:16px; font-style:italic; color:var(--fd-dim); font-size:.9rem; font-family:'Cormorant Garamond',serif}
.fd-dontknow a{color:var(--fd-gold-hi); cursor:pointer; text-decoration:underline}

/* ── horoscope result ── */
.fd-horo-res{display:none; animation:fdFade .45s ease; text-align:left}
.fd-horo-res.on{display:block}
.fd-horo-top{display:flex; align-items:center; gap:14px; border-bottom:1px solid var(--fd-line); padding-bottom:16px; margin-bottom:16px}
.fd-horo-top .bigglyph{font-size:3rem; color:var(--fd-gold-hi); line-height:1}
.fd-horo-top h3{font-family:var(--display,'Cormorant Garamond',serif); font-size:1.9rem; margin:0; color:var(--fd-paper)}
.fd-horo-top .dates{font-family:var(--mono,'DM Mono',monospace); font-size:.58rem; letter-spacing:.14em; text-transform:uppercase; color:var(--fd-dim); margin-top:2px}
.fd-horo-top .today{margin-left:auto; text-align:right; font-family:var(--mono,'DM Mono',monospace); font-size:.58rem; letter-spacing:.12em; text-transform:uppercase; color:var(--fd-teal)}
.fd-horo-body{font-family:'Cormorant Garamond',serif; font-size:1.18rem; line-height:1.65; color:var(--fd-paper); margin-bottom:18px}
.fd-horo-body .drop{float:left; font-family:var(--display,'Cormorant Garamond',serif); font-size:3.1rem; line-height:.72; padding:6px 8px 0 0; color:var(--fd-gold-hi)}
.fd-facets{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:16px}
.fd-facet{border:1px solid var(--fd-line); border-radius:9px; padding:12px 8px; text-align:center; background:rgba(7,5,13,.4)}
.fd-facet .fl{font-family:var(--mono,'DM Mono',monospace); font-size:.54rem; letter-spacing:.14em; text-transform:uppercase; color:var(--fd-dim); margin-bottom:6px}
.fd-facet .stars{font-size:.8rem; letter-spacing:1px}
.fd-facet.love .stars{color:var(--fd-rose)} .fd-facet.career .stars{color:var(--fd-teal)} .fd-facet.mood .stars{color:var(--fd-gold)}
.fd-luck{display:flex; justify-content:center; gap:22px; font-family:var(--mono,'DM Mono',monospace); font-size:.62rem; letter-spacing:.1em; text-transform:uppercase; color:var(--fd-dim); margin-bottom:20px}
.fd-luck b{display:block; font-family:var(--display,'Cormorant Garamond',serif); font-size:1.4rem; text-transform:none; letter-spacing:0; margin-top:3px; color:var(--fd-gold-hi)}
.fd-swatch{display:inline-block; width:14px; height:14px; border-radius:50%; vertical-align:-2px; margin-right:5px; background:var(--fd-rose); box-shadow:0 0 8px currentColor}

/* ── love match ── */
.fd-duo{display:grid; grid-template-columns:1fr 1fr; gap:14px}
@media(max-width:520px){ .fd-duo{grid-template-columns:1fr} }
.fd-person{border:1px solid var(--fd-line); border-radius:8px; padding:14px 14px 16px; background:rgba(7,5,13,.35)}
.fd-person .tag{font-family:var(--mono,'DM Mono',monospace); font-size:.6rem; letter-spacing:.24em; text-transform:uppercase; color:var(--fd-rose); margin-bottom:12px}
.fd-person.b .tag{color:var(--fd-gilt)}
.fd-fg{margin-bottom:12px} .fd-fg:last-child{margin-bottom:0}
.fd-fg label{display:block; font-family:var(--mono,'DM Mono',monospace); font-size:.58rem; letter-spacing:.14em; text-transform:uppercase; color:var(--fd-dim); margin-bottom:6px}
.fd-fg input{width:100%; padding:12px 13px; border-radius:8px; font-family:'Cormorant Garamond',serif; font-size:1.05rem; background:var(--fd-ink); border:1px solid var(--fd-line); color:var(--fd-paper); outline:none; transition:border .25s}
.fd-fg input::placeholder{color:#6a5f7a}
.fd-fg input:focus{border-color:var(--fd-rose)}
.fd-fg input[type=date]{color:var(--fd-paper-2); font-family:var(--mono,'DM Mono',monospace); font-size:.9rem}

.fd-cta{display:block; width:100%; margin-top:18px; cursor:pointer; border:0; border-radius:10px; padding:16px; font-family:var(--mono,'DM Mono',monospace); font-size:.76rem; letter-spacing:.16em; text-transform:uppercase; transition:transform .12s, box-shadow .25s}
.fd-cta.rose{color:#2a0713; background:linear-gradient(180deg,var(--fd-rose-hi),var(--fd-rose) 60%,#e0407a); box-shadow:0 16px 40px -16px var(--fd-rose)}
.fd-cta.gold{color:#1a0f10; background:linear-gradient(180deg,var(--fd-gold-hi),var(--fd-gold) 60%,#c9a800); box-shadow:0 16px 40px -16px var(--fd-gold)}
.fd-cta:hover{transform:translateY(-1px)} .fd-cta:active{transform:translateY(0)}
.fd-cta:disabled{opacity:.45; cursor:not-allowed; transform:none}
.fd-subcta{text-align:center; font-family:var(--mono,'DM Mono',monospace); font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; color:var(--fd-teal); margin-top:12px}
.fd-subcta::before{content:"✦ "; color:var(--fd-gilt)}

/* loading + result */
.fd-loading{display:none; text-align:center; padding:34px 0}
.fd-loading.on{display:block}
.fd-orb{width:56px; height:56px; border-radius:50%; margin:0 auto 14px; background:radial-gradient(circle at 40% 35%,var(--fd-gold-hi),var(--fd-gold) 45%,var(--fd-ember)); animation:fdPulse 1.6s ease-in-out infinite; box-shadow:0 0 40px -6px var(--fd-gold)}
.fd-orb.rose{background:radial-gradient(circle at 40% 35%,var(--fd-rose-hi),var(--fd-rose) 45%,var(--fd-accent)); box-shadow:0 0 40px -6px var(--fd-rose)}
@keyframes fdPulse{0%,100%{transform:scale(.85); opacity:.75} 50%{transform:scale(1.12); opacity:1}}
.fd-loading p{font-style:italic; color:var(--fd-dim); font-family:'Cormorant Garamond',serif}

.fd-result{display:none} .fd-result.on{display:block}
.fd-verdict{text-align:center}
.fd-ring-wrap{position:relative; width:184px; height:184px; margin:6px auto 4px}
.fd-ring-wrap svg{transform:rotate(-90deg)}
.fd-score-c{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center}
.fd-score-n{font-family:var(--display,'Cormorant Garamond',serif); font-size:3.4rem; line-height:1; color:var(--fd-rose-hi); font-variant-numeric:tabular-nums; text-shadow:0 0 30px rgba(255,107,157,.45)}
.fd-score-l{font-family:var(--mono,'DM Mono',monospace); font-size:.54rem; letter-spacing:.28em; text-transform:uppercase; color:var(--fd-dim); margin-top:6px}
.fd-vtitle{font-family:var(--display,'Cormorant Garamond',serif); font-size:clamp(1.8rem,6vw,2.4rem); margin:6px 0 2px; color:var(--fd-gilt-hi)}
.fd-vsub{font-style:italic; color:var(--fd-paper-2); max-width:34ch; margin:0 auto; line-height:1.5; font-family:'Cormorant Garamond',serif}
.fd-pairing{display:flex; align-items:center; justify-content:center; gap:16px; margin:20px 0 8px}
.fd-pp{text-align:center; min-width:92px}
.fd-pp .glyph{font-size:1.9rem; color:var(--fd-gilt-hi)}
.fd-pp .nm{font-size:1.1rem; margin-top:2px; color:var(--fd-paper); font-family:'Cormorant Garamond',serif}
.fd-pp .sg{font-family:var(--mono,'DM Mono',monospace); font-size:.56rem; letter-spacing:.14em; text-transform:uppercase; color:var(--fd-dim); margin-top:3px}
.fd-pairing .amp{font-family:var(--display,'Cormorant Garamond',serif); font-size:1.7rem; color:var(--fd-rose)}
.fd-breakdown{border:1px solid var(--fd-line); border-radius:10px; padding:18px; margin:18px 0; background:rgba(7,5,13,.4); text-align:left}
.fd-bd-row{margin-bottom:15px} .fd-bd-row:last-child{margin-bottom:0}
.fd-bd-head{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:6px}
.fd-bd-head .lbl{font-family:var(--mono,'DM Mono',monospace); font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; color:var(--fd-dim)}
.fd-bd-head .val{font-family:var(--mono,'DM Mono',monospace); font-size:.72rem; font-weight:500}
.fd-bar{height:5px; background:rgba(244,234,214,.08); border-radius:3px; overflow:hidden}
.fd-bar > i{display:block; height:100%; width:0; border-radius:3px; transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
.fd-bd-detail{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:.85rem; color:var(--fd-dim); margin-top:5px}

.fd-share{display:inline-flex; align-items:center; gap:8px; cursor:pointer; border:0; border-radius:999px; padding:13px 26px; margin:6px auto 0; font-family:var(--mono,'DM Mono',monospace); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:#1a0f10; background:linear-gradient(180deg,var(--fd-gilt-hi),var(--fd-gilt)); box-shadow:0 12px 30px -12px var(--fd-gilt)}
.fd-share:hover{filter:brightness(1.05)}
.fd-again{display:block; margin:16px auto 0; background:none; border:0; color:var(--fd-dim); font-family:'Cormorant Garamond',serif; font-style:italic; font-size:.9rem; text-decoration:underline; cursor:pointer}

/* gated depth */
.fd-locked{position:relative; margin-top:22px; border:1px solid var(--fd-rose); border-radius:12px; overflow:hidden; background:linear-gradient(180deg,rgba(42,7,19,.5),rgba(11,8,21,.7)); text-align:center}
.fd-locked.gold{border-color:var(--fd-gold)}
.fd-locked .peek{padding:20px 22px 8px; position:relative; text-align:left}
.fd-locked .peek h4{font-family:var(--display,'Cormorant Garamond',serif); font-size:1.25rem; margin:0 0 10px; color:var(--fd-rose-hi)}
.fd-locked.gold .peek h4{color:var(--fd-gold-hi)}
.fd-locked .peek p{margin:0; color:var(--fd-paper-2); font-style:italic; line-height:1.6; filter:blur(4px); user-select:none; font-family:'Cormorant Garamond',serif}
.fd-locked .peek::after{content:""; position:absolute; left:0; right:0; bottom:0; height:70px; background:linear-gradient(180deg,transparent,rgba(11,8,21,.95))}
.fd-locked .gate{padding:6px 22px 24px; position:relative; z-index:1}
.fd-locked .lockicon{font-size:1.4rem; color:var(--fd-rose-hi)}
.fd-locked.gold .lockicon{color:var(--fd-gold-hi)}
.fd-locked .gate h3{font-family:var(--display,'Cormorant Garamond',serif); font-size:1.45rem; margin:6px 0 4px; color:var(--fd-paper)}
.fd-locked .gate p{color:var(--fd-dim); font-style:italic; margin:0 auto 16px; max-width:38ch; font-size:.94rem; font-family:'Cormorant Garamond',serif}
.fd-unlock{display:inline-block; cursor:pointer; border:0; border-radius:10px; padding:14px 30px; font-family:var(--mono,'DM Mono',monospace); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:#2a0713; background:linear-gradient(180deg,var(--fd-rose-hi),var(--fd-rose)); box-shadow:0 14px 34px -14px var(--fd-rose)}
.fd-unlock.gold{color:#1a0f10; background:linear-gradient(180deg,var(--fd-gold-hi),var(--fd-gold)); box-shadow:0 14px 34px -14px var(--fd-gold)}
.fd-unlock:hover{transform:translateY(-1px)}
.fd-freeline{font-family:var(--mono,'DM Mono',monospace); font-size:.58rem; letter-spacing:.14em; text-transform:uppercase; color:var(--fd-teal); margin-top:11px}

/* referred-visitor welcome banner */
.fd-refbanner{
  text-align:center; margin:0 auto 14px; padding:10px 16px; border-radius:999px;
  border:1px solid var(--fd-gold); background:rgba(255,215,0,.08);
  color:var(--fd-gold-hi); font-family:'Cormorant Garamond',serif; font-style:italic; font-size:.95rem;
}

/* daily streak pill */
.fd-streak{
  text-align:center; margin:-2px auto 14px; padding:7px 14px; border-radius:999px;
  border:1px solid var(--fd-line); background:rgba(255,107,53,.09);
  color:var(--fd-gold-hi); font-family:var(--mono,'DM Mono',monospace); font-size:.62rem;
  letter-spacing:.06em; width:fit-content;
}

/* share button row + secondary (ghost) button */
.fd-sharerow{display:flex; gap:10px; justify-content:center; flex-wrap:wrap}
.fd-share.ghost{color:var(--fd-gilt-hi); background:transparent; border:1px solid var(--fd-line); box-shadow:none}
.fd-share.ghost:hover{border-color:var(--fd-gilt); filter:none}

/* invite / referral card */
.fd-invite{
  margin-top:18px; text-align:center; border:1px solid var(--fd-line); border-radius:12px;
  padding:20px 22px; background:linear-gradient(180deg,rgba(0,212,170,.06),rgba(7,5,13,.5));
}
.fd-invite-icon{font-size:1.5rem}
.fd-invite-title{font-family:var(--display,'Cormorant Garamond',serif); font-size:1.3rem; color:var(--fd-paper); margin:4px 0 4px}
.fd-invite-sub{color:var(--fd-dim); font-style:italic; font-size:.92rem; margin:0 auto 14px; max-width:38ch; font-family:'Cormorant Garamond',serif}
.fd-invite-btn{
  cursor:pointer; border:0; border-radius:10px; padding:13px 28px;
  font-family:var(--mono,'DM Mono',monospace); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
  color:#062018; background:linear-gradient(180deg,#4fe6c6,var(--fd-teal)); box-shadow:0 12px 30px -14px var(--fd-teal);
}
.fd-invite-btn:hover{transform:translateY(-1px)}

/* 4-tab toggle (adds the Cosmic Avatar tab) */
.fd-toggle.four{grid-template-columns:repeat(4,1fr); max-width:640px}
@media(max-width:560px){ .fd-toggle.four{grid-template-columns:1fr 1fr} }

/* 5-tab toggle — wrap to centred pills so it never overflows */
.fd-toggle.five{display:flex; flex-wrap:wrap; justify-content:center; grid-template-columns:none; max-width:680px}
.fd-toggle.five button{flex:0 1 auto}

/* violet accents (avatar) */
.fd-cta.violet{color:#12071f; background:linear-gradient(180deg,var(--fd-accent-hi),var(--fd-accent) 60%,#5b3fd6); box-shadow:0 16px 40px -16px var(--fd-accent)}
.fd-orb.violet{background:radial-gradient(circle at 40% 35%,var(--fd-accent-hi),var(--fd-accent) 45%,#3a1f8f); box-shadow:0 0 40px -6px var(--fd-accent)}
.fd-unlock.violet{color:#12071f; background:linear-gradient(180deg,var(--fd-accent-hi),var(--fd-accent)); box-shadow:0 14px 34px -14px var(--fd-accent)}

/* avatar result */
.fd-avatar-wrap{max-width:340px; margin:6px auto 12px; border-radius:18px; overflow:hidden; border:1px solid var(--fd-line); box-shadow:0 24px 60px -24px var(--fd-accent), inset 0 0 0 1px rgba(244,234,214,.04)}
.fd-avatar-wrap img{display:block; width:100%; height:auto}
.fd-avatar-cap{text-align:center; font-family:var(--mono,'DM Mono',monospace); font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; color:var(--fd-gilt-hi); margin-bottom:16px}

/* simple (non-blurred) upsell card */
.fd-upsell{margin-top:20px; text-align:center; border:1px solid var(--fd-accent); border-radius:12px; padding:22px; background:linear-gradient(180deg,rgba(124,91,245,.1),rgba(7,5,13,.5))}
.fd-upsell-icon{font-size:1.5rem}
.fd-upsell-title{font-family:var(--display,'Cormorant Garamond',serif); font-size:1.4rem; color:var(--fd-paper); margin:6px auto 6px; max-width:24ch; text-wrap:balance}
.fd-upsell-sub{color:var(--fd-dim); font-style:italic; font-size:.94rem; margin:0 auto 16px; max-width:40ch; font-family:'Cormorant Garamond',serif}

/* avatar share card */
.fd-card.avatar .fd-card-avatar-img{width:340px; max-width:100%; border-radius:16px; display:block; margin:6px auto 18px; border:1px solid var(--fd-gilt-lo)}

/* video-tarot teaser */
.fd-vt-stage{position:relative; max-width:300px; margin:6px auto 18px}
.fd-vt-video{display:block; width:100%; height:auto; border-radius:16px; border:1px solid var(--fd-line); background:#000; box-shadow:0 24px 60px -24px var(--fd-rose)}
.fd-vt-badge{position:absolute; top:10px; left:10px; font-family:var(--mono,'DM Mono',monospace); font-size:.55rem; letter-spacing:.14em; text-transform:uppercase; color:var(--fd-paper); background:rgba(7,5,13,.7); border:1px solid var(--fd-line); border-radius:999px; padding:5px 10px; backdrop-filter:blur(2px)}
.fd-vt-feats{max-width:360px; margin:0 auto 6px; display:flex; flex-direction:column; gap:10px}
.fd-vt-feats > div{display:flex; align-items:center; gap:11px; font-family:'Cormorant Garamond',serif; font-size:1.02rem; color:var(--fd-paper-2); text-align:left}
.fd-vt-feats .i{font-size:1.15rem; min-width:26px; text-align:center}

/* off-screen host + the rendered share-card image */
#fd-sharecard-host{position:fixed; left:-10000px; top:0; z-index:-1; pointer-events:none}
.fd-card{
  width:540px; padding:44px 40px 34px; box-sizing:border-box; text-align:center;
  font-family:'Cormorant Garamond',serif; color:var(--fd-paper);
  background:
    radial-gradient(600px 400px at 80% -10%, #1a0e2e 0%, transparent 60%),
    radial-gradient(500px 400px at -10% 40%, #221538 0%, transparent 55%),
    linear-gradient(180deg,#07050d,#0b0815 45%,#0e0a1e);
  border:1px solid var(--fd-gilt-lo);
}
.fd-card-brand{font-family:var(--mono,'DM Mono',monospace); font-size:.72rem; letter-spacing:.34em; text-transform:uppercase; color:var(--fd-gilt); margin-bottom:20px}
.fd-card-glyph{font-size:5rem; line-height:1; color:var(--fd-gold-hi); margin-bottom:6px; font-variant-emoji:text}
.fd-sign .g, .fd-horo-top .bigglyph, .fd-pp .glyph, .fd-card-pair{font-variant-emoji:text}
.fd-card-title{font-family:var(--display,'Cormorant Garamond',serif); font-size:3rem; line-height:1; color:var(--fd-paper)}
.fd-card-date{font-family:var(--mono,'DM Mono',monospace); font-size:.66rem; letter-spacing:.18em; text-transform:uppercase; color:var(--fd-teal); margin:8px 0 22px}
.fd-card-body{font-size:1.35rem; line-height:1.6; color:var(--fd-paper); margin-bottom:22px}
.fd-card-luck{font-family:var(--mono,'DM Mono',monospace); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--fd-gold-hi); margin-bottom:26px}
.fd-card-pair{font-size:1.6rem; color:var(--fd-gilt-hi); margin:6px 0 18px}
.fd-card-score{font-family:var(--display,'Cormorant Garamond',serif); font-size:5.5rem; line-height:1; color:var(--fd-rose-hi); text-shadow:0 0 40px rgba(255,107,157,.5)}
.fd-card-verdict{font-family:var(--display,'Cormorant Garamond',serif); font-size:2.4rem; color:var(--fd-gold-hi); margin:2px 0 26px}
.fd-card-foot{font-family:var(--mono,'DM Mono',monospace); font-size:.8rem; letter-spacing:.24em; text-transform:uppercase; color:var(--fd-gilt); border-top:1px solid var(--fd-line); padding-top:18px}

@media (prefers-reduced-motion: reduce){
  #fd-front *{animation:none !important; transition:none !important}
}