/* ===========================================================================
   WHAT MAKES YOU SICK? · OPTION B, "TORONTO, LIT" (5 Oct 2026)
   Layered OVER the approved tor.css: same layout, same sections, same words. Only the skin changes.

   WHY THE LIVE PAGE DOES NOT JUMP (Gal: Love Languages and the Prosperity Manual "come alive", this one does not):
   1. It is mostly pale. Cream, grey-cream and ice blue carry ~70% of the page, so no colour has anything to glow against.
   2. The colour has no LIGHT in it. Red is a flat fill on buttons, amber is 12 px labels. LL's pink-to-violet and the
      Manual's gold sit on dark ground, in gradients, with a glow.
   3. Every heading is one colour. LL and the Manual light up one phrase in every heading; here they are all navy.
   4. Six different band colours (cream, grey-cream, ice, navy, red, cream) = no single world.

   THE ONE IDEA: the page becomes the city the hero photograph opens on. Toronto at night, lit from two places: the CN
   Tower's red and the gold of the light breaking through the storm. Two grounds only, NIGHT (the storm's blue-black,
   sampled off the hero plate) and warm PAPER. The paper things (the pass, the five date plates, the sixth promise, the
   ticket) stay paper and become the only white objects on the night, lit like a ticket on a dark table. Every heading
   lights one phrase in the tower's light (red into gold), the three days with Meir and the 110% are struck in gold
   foil, and every button glows red. Not Love Languages' pink, not the Manual's lime: Toronto's own red and gold.
   =========================================================================== */

:root{
  --night:#060C1A; --night-2:#08101F; --night-3:#0F1830;
  --navy:#0B1530; --navy-2:#111D3A; --navy-3:#1A2A50;
  --paper:#FBF8F1; --paper-2:#F4EDE0; --snow:#FFFDF8;
  --text:#0E1730; --text-2:rgba(14,23,48,.76); --text-3:rgba(14,23,48,.56);
  --on-navy:#F8F3EA; --on-navy-2:rgba(248,243,234,.76); --on-navy-3:rgba(248,243,234,.52);
  --red:#E3122F; --red-deep:#B30C26; --red-soft:rgba(227,18,47,.10);
  --amber:#FFC25C; --amber-deep:#9A620A; --amber-soft:#FFE2AE;
  --line-navy:rgba(255,226,180,.14);
  /* the tower's light: red into gold. --lit on the night, --lit-ink (deeper, readable) on paper */
  --lit:linear-gradient(100deg,#FF2B45 0%,#FF4F3B 30%,#FF8A42 62%,#FFC766 100%);
  --lit-ink:linear-gradient(100deg,#D20F2E 0%,#E0311F 38%,#D7650C 72%,#BF7A06 100%);
  --lit-gold:linear-gradient(100deg,#FFF0CC 0%,#FFD27A 45%,#FFB648 100%);
  /* gold foil, struck: dark at the edges, a bright band through the middle */
  --foil:linear-gradient(172deg,#6E4604 0%,#B47A16 24%,#E9C26A 42%,#FBE7B0 50%,#DDAA48 60%,#9C6810 82%,#6E4604 100%);
  --foil-bright:linear-gradient(178deg,#FFF5D8 0%,#FFE19A 30%,#FFC562 55%,#F2A23A 78%,#E58A22 100%);
}

/* ---------- the ground: night by default; the paper sections say so themselves ---------- */
body{background:var(--night);color:var(--text)}
::selection{background:#FFD98F;color:var(--navy)}

/* ---------- display type: the sharp cut of Fraunces (SOFT 0, high optical size), heavier, larger ---------- */
h1,h2,h3,.statement,.hero-title,.gt-name,.t-name,.pl-n,.g110-n,.you-lines li,.pull,.close h2,.who-copy h2,.g-copy h2{
  font-variation-settings:"SOFT" 0,"WONK" 0}
h2.big,.statement{font-weight:640;font-size:clamp(36px,5.6vw,78px);line-height:.96;letter-spacing:-.028em;max-width:17ch}
.who-copy h2{font-weight:640;font-size:clamp(40px,5vw,72px);letter-spacing:-.028em}
.close h2{font-weight:640;font-size:clamp(34px,5.8vw,82px);letter-spacing:-.028em}
.g-copy h2{font-weight:640;letter-spacing:-.024em}

/* the lit phrase: italic, the light running through it; each line of a wrapped phrase gets the whole light */
.lit{font-style:italic;font-weight:560;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;
  background-image:var(--lit-ink);-webkit-background-clip:text;background-clip:text;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .1em 0 .02em;margin:0 -.1em 0 -.02em}
.hero .lit,.roomfilm .lit,.proof .lit,.you .lit,.seats .lit,.close .lit{background-image:var(--lit)}
.guarantee-sec .lit{background-image:var(--lit-gold)}

/* ---------- kickers: a short line of the light before every one ---------- */
.eyebrow,.mono-tag,.hero-kick{display:flex;align-items:center;gap:12px;width:fit-content;letter-spacing:.24em}
.eyebrow::before,.mono-tag::before,.hero-kick::before{content:"";flex:0 0 auto;width:30px;height:2px;border-radius:2px;background:var(--lit)}
.hero-kick,.roomfilm .mono-tag,.proof .eyebrow,.you .eyebrow,.seats .eyebrow,.close .eyebrow{color:var(--amber)}
.guarantee-sec .mono-tag{color:#FFE2AE}
.guarantee-sec .mono-tag::before{background:var(--lit-gold)}
.you .eyebrow{margin-inline:auto}
.fly .eyebrow::before{display:none}
@media (max-width:640px){.hero-kick{letter-spacing:.2em}.hero-kick::before{display:none}}

/* ---------- buttons: the tower's red, lit from inside ---------- */
.btn-red{background:linear-gradient(180deg,#FF3550 0%,#E3122F 52%,#C20D29 100%);color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 0 1px rgba(255,140,140,.22),0 14px 32px -12px rgba(255,36,64,.72),0 0 46px -12px rgba(255,52,52,.5)}
.btn-red:hover{background:linear-gradient(180deg,#FF4A62 0%,#EE1A37 52%,#CC0F2C 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 0 0 1px rgba(255,150,150,.3),0 18px 38px -12px rgba(255,36,64,.85),0 0 60px -10px rgba(255,60,60,.6)}
.btn-dark{background:linear-gradient(180deg,#16223F 0%,#0A1226 100%);color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,214,150,.22),inset 0 0 0 1px rgba(255,214,150,.12),0 14px 30px -14px rgba(0,0,0,.7)}
.btn-dark:hover{background:linear-gradient(180deg,#1E2C4E 0%,#0E1730 100%)}
.btn:focus-visible{outline-color:var(--amber)}

/* ---------- ticker + nav: the night from the very top ---------- */
.ticker{background:linear-gradient(90deg,#6E0819 0%,#C40F2B 22%,#F01D39 50%,#C40F2B 78%,#6E0819 100%)}
.dot{background:#FFD27A;box-shadow:0 0 10px 2px rgba(255,200,110,.7)}
.nav{background:rgba(6,12,26,0)}
.nav.stuck{background:rgba(6,12,26,.93);box-shadow:0 1px 0 rgba(255,214,150,.12),0 18px 40px -24px rgba(0,0,0,.7)}
.nav-links{color:rgba(248,243,234,.74)}
.nav-links a:hover{color:var(--amber)}
.nav-prog{background:var(--lit);height:2px;box-shadow:0 0 12px rgba(255,90,60,.6)}

/* ---------- HERO: the same photograph and pass; the title's second line lit, the words warmer ---------- */
.hero,.hero-media{background:var(--night)}
.hero-title{font-weight:650;letter-spacing:-.03em}
.hero-title .lit{font-weight:600;padding-right:.14em;margin-right:-.14em}
.hero-tag{color:#FFE7C2}
.hero-scrim{background:linear-gradient(90deg,rgba(6,12,26,.6) 0%,rgba(6,12,26,.4) 24%,rgba(6,12,26,.12) 44%,rgba(6,12,26,0) 56%),
  linear-gradient(0deg,rgba(6,12,26,.72) 0%,rgba(6,12,26,.32) 20%,rgba(6,12,26,0) 42%)}
/* the pass lies in a pool of the gold light */
.hero-card{position:relative}
.hero-card::before{content:"";position:absolute;left:-6%;right:-6%;top:-40%;bottom:-50%;z-index:-1;pointer-events:none;
  background:radial-gradient(50% 50% at 50% 55%,rgba(255,186,96,.22),rgba(255,120,60,.08) 55%,transparent 75%)}
.pass{filter:drop-shadow(0 1px 1px rgba(0,0,0,.45)) drop-shadow(0 28px 34px rgba(0,0,0,.6))}
@media (max-width:999px){
  .hero-media::after{background:linear-gradient(180deg,rgba(6,12,26,0) 40%,rgba(6,12,26,.78) 62%,rgba(6,12,26,.96) 76%,var(--night) 88%)}
}

/* ---------- PAPER sheets: warm ivory with the light falling on it ---------- */
.band-paper,.days,.who,.get,.faq{background-color:var(--paper)}
.who{background:radial-gradient(900px 560px at 100% 0%,rgba(255,190,96,.16),transparent 62%),var(--paper)}
.get{background:radial-gradient(1000px 560px at 0% 0%,rgba(255,190,96,.15),transparent 60%),var(--paper)}
.faq{background:radial-gradient(900px 520px at 100% 0%,rgba(255,190,96,.13),transparent 60%),var(--paper)}
.sheet-top{box-shadow:0 -30px 60px -28px rgba(0,0,0,.65)}
.sheet-bottom{box-shadow:0 34px 60px -28px rgba(0,0,0,.6)}
.sheet-top.sheet-bottom{box-shadow:0 -30px 60px -28px rgba(0,0,0,.65),0 34px 60px -28px rgba(0,0,0,.6)}
.eyebrow{color:var(--amber-deep)}

/* the sheets that now meet the night on both edges (who over the words, the walk-out list between "is this you" and
   the seat, the questions over the seat): same rounded paper, same lift */
#who{border-radius:var(--r-sheet);margin-bottom:calc(-1 * var(--r-sheet));
  box-shadow:0 -30px 60px -28px rgba(0,0,0,.65),0 34px 60px -28px rgba(0,0,0,.6)}
#words{padding-top:calc(var(--secpad) + var(--r-sheet))}
#you{padding-bottom:calc(var(--secpad) + var(--r-sheet))}
#get{position:relative;z-index:3;border-radius:var(--r-sheet);margin:calc(-1 * var(--r-sheet)) 0;
  box-shadow:0 -30px 60px -28px rgba(0,0,0,.65),0 34px 60px -28px rgba(0,0,0,.6)}
#seats{padding-top:calc(var(--secpad) + var(--r-sheet));padding-bottom:calc(var(--secpad) + var(--r-sheet))}
#faq{position:relative;z-index:3;border-radius:var(--r-sheet);margin-top:calc(-1 * var(--r-sheet))}

/* ---------- THE DAYS (5 Oct, Zman: "it just doesn't pop... I want it to smack me in the face... boom, pow"): THE FIRE FROM
   THE HERO CARRIES ON. The sheet that rises over the photograph takes the photograph's own sky: storm violet at the top
   left, burning into crimson, and the sun itself, hot orange into gold, low behind Meir's three days. The paper date plates
   stand in front of it like tickets held up to the light; the three days with Meir struck in gold foil. The bottom
   settles back to deep crimson so the small print and the airport box sit on something calm. ---------- */
.days{color:#fff;isolation:isolate;
  background:
    radial-gradient(26% 20% at 52% 38%,rgba(255,226,140,.66),rgba(255,170,70,0) 100%),
    radial-gradient(56% 34% at 52% 39%,rgba(255,112,34,.92),rgba(255,70,30,.32) 58%,rgba(255,60,30,0) 100%),
    radial-gradient(70% 60% at 0% 0%,rgba(40,8,52,.95),rgba(40,8,52,0) 70%),
    linear-gradient(168deg,#2A0A30 0%,#5E0B2E 24%,#A80F2C 50%,#8E0C26 74%,#4A0717 100%)}
.days::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:.5;
  background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.07),transparent 40%)}
.days .eyebrow{color:#FFD98F}
.days .eyebrow::before{background:var(--lit-gold)}
.days h2.big{color:#fff;text-shadow:0 2px 30px rgba(40,0,10,.35)}
.days .lit{background-image:var(--lit-gold)}
.days .lede{color:rgba(255,241,226,.9)}
.days .plates::before{background:rgba(255,236,210,.32);box-shadow:0 1px 0 rgba(60,0,12,.35)}
.pl-stand{filter:drop-shadow(0 1px 1px rgba(40,0,10,.45)) drop-shadow(0 26px 30px rgba(40,0,10,.55))}
.pl-day.is-lift .pl-stand{filter:drop-shadow(0 1px 1px rgba(40,0,10,.45)) drop-shadow(0 34px 36px rgba(40,0,10,.6))}
@media (hover:hover){.pl-day:hover .pl-stand{filter:drop-shadow(0 1px 1px rgba(40,0,10,.45)) drop-shadow(0 34px 36px rgba(40,0,10,.6))}}
.pl-day.is-main .pl-n{color:transparent;-webkit-text-fill-color:transparent;background-image:var(--foil);-webkit-background-clip:text;background-clip:text;
  text-shadow:none;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 -1px 0 rgba(110,70,4,.25));padding-right:.04em}
.pl-day.is-book .pl-plate{background-color:#F1F3F2}
.pl-day.is-book .pl-n{color:var(--navy)}
.pl-day.is-book .pl-top{color:var(--text-3)}
.pl-top{color:var(--amber-deep)}
.days .pl-what{color:rgba(255,241,226,.84)}
.days .pl-what b{color:#fff}
.days .pl-day.is-book .pl-what{color:rgba(255,241,226,.7)}
.days .pl-day.is-book .pl-what b{color:rgba(255,255,255,.92)}
.days .pl-price{color:#FFD98F}
.days .days-facts li{border-top-color:rgba(255,236,210,.24)}
.days .days-facts b{color:#FFD98F}
.days .days-facts span{color:rgba(255,241,226,.84)}
.days .days-facts a{color:#fff;border-bottom-color:rgba(255,217,143,.7)}
.days .fly{box-shadow:0 0 0 2px rgba(255,255,255,.85),0 40px 70px -36px rgba(40,0,10,.8)}
.days .fly .eyebrow{color:var(--amber-deep)}
/* 5 Oct, Zman: "there's a hard cut... I don't like that hard cut between them. I want it to flow." The fire no longer ends in
   a rounded sheet over the room: its bottom edge is square, it has no shadow there, and the last stretch of it burns down
   into the room's own night (the room's top colour), so the days and "Before you decide" read as one sky. The top edge over
   the photograph keeps its rounded sheet. */
.days.sheet-top.sheet-bottom{border-radius:var(--r-sheet) var(--r-sheet) 0 0;margin-bottom:0;box-shadow:0 -30px 60px -28px rgba(0,0,0,.65)}
.days{padding-bottom:calc(var(--secpad) + clamp(90px,10vw,160px))}
.days::before{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(300px,30vw,460px);z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,16,31,0) 0%,rgba(8,16,31,.55) 45%,rgba(8,16,31,.9) 78%,#08101F 100%)}
#room.under-top{padding-top:clamp(40px,5vw,72px)}
/* phones and tablets: the plates stack, so the sun sits higher and smaller, behind the three days */
@media (max-width:979px){
  .days{background:
    radial-gradient(60% 12% at 40% 31%,rgba(255,226,140,.6),rgba(255,170,70,0) 100%),
    radial-gradient(110% 22% at 40% 32%,rgba(255,112,34,.88),rgba(255,70,30,.3) 58%,rgba(255,60,30,0) 100%),
    radial-gradient(90% 30% at 0% 0%,rgba(40,8,52,.95),rgba(40,8,52,0) 70%),
    linear-gradient(176deg,#2A0A30 0%,#5E0B2E 16%,#A80F2C 40%,#8E0C26 70%,#4A0717 100%)}
}

/* ---------- THE ROOM: the deepest night, red light pooling round the phone, gold low on the left ---------- */
.roomfilm{background:radial-gradient(900px 640px at 82% 26%,rgba(255,42,68,.16),transparent 66%),
  radial-gradient(800px 640px at 6% 88%,rgba(255,140,50,.06),transparent 66%),
  linear-gradient(180deg,var(--night-2) 0%,var(--night) 100%)}
.roomfilm .statement{color:var(--on-navy)}
.day-list li.is-now b{color:var(--amber)}
.phone-stage{position:relative}
.phone-stage::before{content:"";position:absolute;inset:-18% -30%;z-index:-1;pointer-events:none;
  background:radial-gradient(45% 42% at 50% 50%,rgba(255,52,72,.30),rgba(255,120,60,.08) 55%,transparent 72%)}
.day-grid{isolation:isolate}
.phone{box-shadow:0 50px 90px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 0 3px rgba(15,27,51,.08)}
.film-play,.reel-play,.play{background:linear-gradient(180deg,#FF3550,#D90F2C);box-shadow:0 0 0 6px rgba(255,52,72,.2),0 14px 30px -10px rgba(0,0,0,.7),0 0 40px -6px rgba(255,52,72,.6)}
.reel{isolation:isolate}
.reel::before{content:"";position:absolute;inset:-22%;z-index:-1;pointer-events:none;
  background:radial-gradient(50% 50% at 50% 50%,rgba(255,180,90,.16),rgba(255,60,60,.08) 50%,transparent 72%)}
.reel-frame{box-shadow:0 50px 90px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,214,150,.18)}

/* ---------- THE GUARANTEE: the red, lit; the 110% struck in bright gold ---------- */
.band-accent{background:radial-gradient(70% 90% at 10% 26%,rgba(255,92,74,.55),transparent 60%),
  radial-gradient(60% 80% at 96% 100%,rgba(70,0,12,.6),transparent 62%),
  linear-gradient(135deg,#E8142F 0%,#B90D27 52%,#7A0A1D 100%)}
.g110{color:#FFE2AE}
.g110-n{color:transparent;-webkit-text-fill-color:transparent;background-image:var(--foil-bright);-webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 8px 26px rgba(70,0,12,.5));padding-right:.04em}
.g110-n i{color:transparent;-webkit-text-fill-color:transparent}
.g110-t{border-top-color:rgba(255,214,140,.7);color:#FFE7C2;opacity:1}
.g-quote{border-left-color:#FFC25C}
.g-quote cite{color:#FFD27A}
.g-points li::before{border-color:#FFD27A}
.guarantee-sec .btn-dark{box-shadow:inset 0 1px 0 rgba(255,214,150,.3),inset 0 0 0 1px rgba(255,214,150,.2),0 18px 36px -14px rgba(40,0,8,.75)}

/* ---------- WHO IS TEACHING: paper; Meir's picture lit warm ---------- */
.who-img img{box-shadow:0 2px 0 rgba(255,255,255,.6),0 40px 70px -34px rgba(14,23,48,.55),0 0 0 1px rgba(14,23,48,.06)}
.rules{border-left-color:transparent;border-image:linear-gradient(180deg,#FF2B45,#FFC766) 1}
.gal-card{background:var(--snow);box-shadow:0 22px 44px -30px rgba(14,23,48,.35)}
.gal-card b{color:var(--red)}

/* ---------- THEIR WORDS: on the night now (was ice blue) ---------- */
.proof{background:radial-gradient(1000px 520px at 14% 0%,rgba(255,150,60,.06),transparent 62%),
  radial-gradient(1000px 640px at 90% 82%,rgba(255,42,68,.10),transparent 62%),var(--night-2)}
.proof h2.big,.wins-head h3{color:var(--on-navy)}
.proof .lede,.wins-head p,.proof .inline-cta p{color:var(--on-navy-2)}
.vid-rail::before{background:linear-gradient(90deg,var(--night-2),rgba(8,16,31,0))}
.vid-rail::after{background:linear-gradient(270deg,var(--night-2),rgba(8,16,31,0))}
.vid-thumb{box-shadow:0 26px 44px -24px rgba(0,0,0,.8),0 0 0 1px rgba(255,214,150,.14)}
.vid-quote{color:var(--on-navy)}
.vid-by{color:var(--amber)}
.wins-grid img{border-color:rgba(255,214,150,.14);box-shadow:0 26px 44px -24px rgba(0,0,0,.85)}

/* ---------- IS THIS YOU: the same night, the third line and the answer lit ---------- */
.you{background:radial-gradient(900px 560px at 50% 18%,rgba(255,42,68,.12),transparent 64%),
  radial-gradient(800px 500px at 50% 96%,rgba(255,60,60,.07),transparent 64%),var(--night-2)}
.you-lines li{color:var(--on-navy);font-weight:620}
.you-lines li:nth-child(2){color:rgba(248,243,234,.4)}
.you-lines li .lit{font-weight:560}
.pull{color:var(--amber)}
.pull .lit{font-weight:500}
.you-copy p{color:var(--on-navy-2)}
.you-copy b{font-size:clamp(64px,8vw,120px);letter-spacing:-.03em}
.you-copy b .lit{font-style:normal;font-weight:700;padding:0 .04em}

/* ---------- WHAT YOU WALK OUT WITH: paper; the numerals lit in ink, the sixth struck in foil ---------- */
.chapters .num{color:transparent;-webkit-text-fill-color:transparent;background-image:var(--lit-ink);-webkit-background-clip:text;background-clip:text;
  font-weight:500;padding-right:.06em}
.chapters li:hover .num{color:transparent}
.chapters li:last-child{box-shadow:0 1px 1px rgba(14,23,48,.2),0 40px 60px -30px rgba(14,23,48,.5),0 0 0 1px rgba(14,23,48,.04)}
.chapters li:last-child .num{background-image:var(--foil);text-shadow:none;font-weight:620;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 -1px 0 rgba(110,70,4,.22))}

/* ---------- TAKE YOUR SEAT: the ticket on the night, under one warm light ---------- */
.seats{isolation:isolate;background:radial-gradient(60% 52% at 50% 74%,rgba(255,186,96,.24),rgba(255,110,60,.07) 55%,transparent 76%),
  radial-gradient(800px 520px at 6% 6%,rgba(255,42,68,.12),transparent 62%),var(--night)}
.seats h2.big{color:var(--on-navy)}
.seats .lede,.seats-g{color:var(--on-navy-2)}
.seats-g b{color:#fff}
.gt{filter:drop-shadow(0 2px 2px rgba(0,0,0,.45)) drop-shadow(0 50px 56px rgba(0,0,0,.6))}
.gt-leaf .leaf,.gt-leaf svg{fill:#D52B1E}
.gt .t-price span{color:var(--navy)}

/* ---------- QUESTIONS: paper ---------- */
.acc summary{color:var(--navy);font-weight:520}
.acc summary::after{background:linear-gradient(var(--red),var(--red)) center/12px 2px no-repeat,linear-gradient(var(--red),var(--red)) center/2px 12px no-repeat}

/* ---------- THE CLOSE + footer: the night, the room behind it, the last line lit ---------- */
.close,.foot{background:var(--night)}
.close-media img{filter:saturate(.55) brightness(.9)}
.close-scrim{background:radial-gradient(70% 60% at 50% 46%,rgba(255,42,68,.16),transparent 70%),
  linear-gradient(180deg,rgba(6,12,26,.9) 0%,rgba(6,12,26,.74) 50%,var(--night) 100%)}
.close h2{color:var(--on-navy)}
.foot{border-top-color:rgba(255,214,150,.1)}

/* ---------- the floating ticket bar: night glass with a gold rim ---------- */
.sticky-in{background:linear-gradient(180deg,#111C36 0%,#070D1C 100%);
  box-shadow:0 26px 60px -24px rgba(0,0,0,.8),0 0 0 1px rgba(255,214,150,.12),inset 0 1px 0 rgba(255,200,110,.38)}
.sticky-face{box-shadow:0 0 0 2px rgba(255,194,92,.7),0 0 18px rgba(255,194,92,.35)}

/* ---------- the popup: paper, the total lit ---------- */
.modal-scrim{background:rgba(6,12,26,.78)}
.m-total b{color:var(--red)}

@media (prefers-reduced-motion:reduce){.btn-red,.btn-dark{transition:none}}