/* 2 Pink. Same fixed base and fonts. Refero style: Gumroad (gumroad.com) ac783c6e-6c2b-4663-87b3-bcd12d463b0a, Creator Pink #ff90e8 used only as fills and marks,
   with dark ink and dark outlines, as that style uses it. Text never sets in the light pink; the place time and the strokes use a deep pink that holds 7:1. Warm white canvas. */
:root{
  --canvas:#fcf9f5; --surface:#ffffff; --surface-2:#f4f1ec; --ink:#16110f; --ink-2:#4a4340; --line:#ebe4dd;
  --accent:#ff90e8; --accent-ink:#16110f; --accent-text:#9a0f5a; --accent-line:#9a0f5a; --accent-soft:rgba(255,144,232,.35);
  --font-body:"Hanken Grotesk", system-ui, sans-serif; --font-display:Sora, sans-serif; --font-num:Sora, sans-serif;
  --w-display:700; --w-num:600; --w-strong:600; --track-display:-0.03em; --track-num:-0.03em;
  --r:14px; --r-sm:12px; --r-card:14px;
  --card:#ffffff; --card-solid:#ffffff; --card-line:#e6ddd5;
  --unit:#9a0f5a; --unit-faint:rgba(22,17,15,.3);
  --map-h:45.5vh; --tabs-bg:#fcf9f5; --face-gap:#ffffff; --icon:#16110f;
  --track:#f1e9e4; --profile-fill:rgba(255,144,232,.45); --cell-fill:#ff90e8; --place-size:20px;
}
.face{box-shadow:0 0 0 2px var(--face-gap), 0 0 0 5px var(--ring), 0 0 0 13px color-mix(in srgb, var(--ring) 16%, transparent), 0 0 0 14px color-mix(in srgb, var(--ring) 40%, transparent), 0 6px 14px rgba(0,0,0,.25)}
.tail{top:calc(var(--face) + 4px)}
.head h1{font-size:30px}
.tab[aria-current="page"]{color:var(--accent-text)}
::selection{background:var(--accent-soft);color:var(--ink)}
:focus-visible{outline-color:var(--accent-text)}
.bar-steps{height:8px;border-radius:4px;box-shadow:inset 0 0 0 1.25px var(--ink)}
.bar-steps b{box-shadow:inset 0 0 0 1.25px var(--ink);border-radius:4px}
.pmark i:first-child{box-shadow:inset 0 0 0 1.25px var(--ink)}
.close{color:#16110f}