/* Steady Sums Play: immersive quizzes + calculators. Standalone (no site chrome), mobile-first. */
@font-face{font-family:'Bricolage Grotesque';src:url(/assets/fonts/bricolage.woff2) format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url(/assets/fonts/plexsans.woff2) format('woff2');font-weight:100 700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/assets/fonts/plexmono-600.woff2) format('woff2');font-weight:500 800;font-display:swap}
:root{
  --navy:#1F3A5F;--pine:#132840;--ink:#1F2A24;--sage:#5E8C6A;--sage-lt:#E6EFE8;--terra:#C8643B;--terra-dk:#9C4A28;--sun:#F2C14E;--sun-lt:#FCF0D2;
  --blush:#F3B6A4;--sky:#8FB8CE;--cream:#F6F0E6;--paper:#FCFAF6;--muted:#5E6A63;--line:#E9E1D3;
  --bg:var(--navy);--fg:#fff;--card:#fff;--card-fg:var(--ink);--accent:var(--sun);--accent-fg:var(--pine);--soft:rgba(255,255,255,.12);
  --serif:'Bricolage Grotesque',system-ui,sans-serif;--sans:'IBM Plex Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
}
.t-villain{--bg:#1F3A5F;--fg:#fff;--accent:#F2C14E;--accent-fg:#132840;--soft:rgba(255,255,255,.1)}
.t-coffee{--bg:#5B3A29;--fg:#FFF6EC;--accent:#F2C14E;--accent-fg:#2E1B12;--soft:rgba(255,255,255,.1)}
.t-forecast{--bg:#101C33;--fg:#F6F0E6;--accent:#F2C14E;--accent-fg:#101C33;--soft:rgba(255,255,255,.09)}
.t-behind{--bg:#E6EFE8;--fg:#132840;--accent:#1F3A5F;--accent-fg:#fff;--soft:rgba(31,58,95,.08)}
.t-wage{--bg:#F2C14E;--fg:#132840;--accent:#132840;--accent-fg:#F2C14E;--soft:rgba(19,40,64,.08)}
.t-habit{--bg:#F3B6A4;--fg:#132840;--accent:#132840;--accent-fg:#fff;--soft:rgba(19,40,64,.08)}
.t-hub{--bg:#FCFAF6;--fg:#132840;--accent:#1F3A5F;--accent-fg:#fff;--soft:rgba(31,58,95,.07)}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.55 var(--sans);overflow-x:hidden;-webkit-tap-highlight-color:transparent}
a{color:inherit}
img{max-width:100%;display:block}
button{font:inherit;color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:10px}
[tabindex="-1"]:focus{outline:none}

/* grain + doodle background */
.stage{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;isolation:isolate}
.stage::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;pointer-events:none;
  background-image:radial-gradient(circle at 12% 18%,var(--soft) 0 2px,transparent 3px),radial-gradient(circle at 70% 40%,var(--soft) 0 2px,transparent 3px);background-size:38px 38px,53px 53px}
.t-forecast .stage::before{opacity:1;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff9,transparent),radial-gradient(1px 1px at 80% 20%,#fff8,transparent),radial-gradient(1.2px 1.2px at 50% 70%,#fff7,transparent),radial-gradient(1px 1px at 30% 85%,#fff6,transparent),radial-gradient(1.6px 1.6px at 90% 75%,#F2C14Eaa,transparent);background-size:220px 220px,170px 170px,260px 260px,140px 140px,300px 300px;animation:twinkle 6s ease-in-out infinite alternate}
@keyframes twinkle{to{opacity:.55}}

.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;max-width:880px;width:100%;margin:0 auto}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;font:700 19px var(--serif);letter-spacing:-.01em}
.logo i{width:32px;height:32px;border-radius:10px;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;transform:rotate(-8deg)}
.logo i svg{width:18px;height:18px}
.toplinks{display:flex;gap:6px}
.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:var(--soft);text-decoration:none;font:600 13px var(--sans);border:0;cursor:pointer}

.screen{flex:1;width:100%;max-width:640px;margin:0 auto;padding:8px 18px 28px;display:flex;flex-direction:column}
.screen.enter{animation:enter .42s cubic-bezier(.2,.8,.2,1)}
@keyframes enter{from{opacity:0;transform:translateY(18px)}}
.screen.back-enter{animation:benter .42s cubic-bezier(.2,.8,.2,1)}
@keyframes benter{from{opacity:0;transform:translateY(-14px)}}

/* ---------- intro */
.intro{text-align:center;justify-content:center;gap:10px}
.kicker{display:inline-block;align-self:center;font:700 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--accent);color:var(--accent-fg);padding:8px 12px;border-radius:999px;transform:rotate(-2deg)}
.mega{font:800 clamp(40px,11vw,76px)/.95 var(--serif);letter-spacing:-.035em;margin:14px 0 6px;text-wrap:balance}
.mega em{font-style:normal;color:var(--accent);display:inline-block}
.t-behind .mega em,.t-wage .mega em,.t-habit .mega em,.t-hub .mega em{color:var(--terra)}
.sub{font-size:18px;opacity:.88;max-width:30em;margin:0 auto 6px;text-wrap:pretty}
.parade{position:relative;height:190px;margin:10px auto 4px;width:100%;max-width:520px;overflow:hidden}
.parade img{position:absolute;bottom:0;width:120px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.25));animation:bob 3.2s ease-in-out infinite}
.parade img:nth-child(2n){animation-delay:-1.1s}.parade img:nth-child(3n){animation-delay:-2s}
@keyframes bob{50%{transform:translateY(-10px) rotate(var(--r,0deg))}}
.meta{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:6px 0 14px;font:600 13px var(--mono);opacity:.85}
.meta span{background:var(--soft);padding:6px 10px;border-radius:999px}
.vs-banner{display:flex;align-items:center;gap:12px;text-align:left;background:var(--card);color:var(--card-fg);border-radius:20px;padding:12px 14px;margin:6px auto 10px;max-width:440px;box-shadow:0 8px 0 rgba(0,0,0,.18)}
.vs-banner img{width:64px;flex:none}
.vs-banner b{font-family:var(--serif)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;border-radius:999px;padding:17px 30px;font:800 18px var(--sans);text-decoration:none;
  background:var(--accent);color:var(--accent-fg);box-shadow:0 6px 0 rgba(0,0,0,.28);transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 0 rgba(0,0,0,.28)}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.28)}
.btn.big{font-size:20px;padding:19px 38px;align-self:center}
.btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}
.btn.light{background:#fff;color:var(--pine)}
.btn.sm{font-size:15px;padding:12px 18px}
.linkish{background:none;border:0;padding:6px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font:600 15px var(--sans);opacity:.85}
.fine{font-size:13px;opacity:.7;margin-top:10px}

/* ---------- question */
.qhead{display:flex;align-items:center;gap:10px;margin:2px 0 16px}
.back{width:42px;height:42px;flex:none;border-radius:14px;border:0;background:var(--soft);cursor:pointer;font-size:20px;display:grid;place-items:center}
.back[disabled]{opacity:.3;cursor:default}
.segs{flex:1;display:flex;gap:5px}
.segs i{flex:1;height:8px;border-radius:9px;background:var(--soft);overflow:hidden;position:relative}
.segs i.on::after{content:"";position:absolute;inset:0;background:var(--accent);animation:fill .35s ease-out}
@keyframes fill{from{transform:translateX(-100%)}}
.qcount{font:700 13px var(--mono);opacity:.75;min-width:44px;text-align:right}
.qtext{font:800 clamp(27px,7.2vw,40px)/1.08 var(--serif);letter-spacing:-.02em;margin:4px 0 6px;text-wrap:balance}
.qhint{opacity:.75;margin:0 0 16px;font-size:15px}
.answers{display:grid;gap:11px;margin-top:6px}
.answers.two{grid-template-columns:1fr 1fr}
.ans{display:flex;align-items:center;gap:13px;text-align:left;width:100%;min-height:64px;padding:13px 16px;border-radius:18px;border:0;cursor:pointer;
  background:var(--card);color:var(--card-fg);font:600 16.5px/1.3 var(--sans);box-shadow:0 5px 0 rgba(0,0,0,.2);transition:transform .14s,box-shadow .14s,background .14s}
.ans:hover{transform:translateY(-2px) rotate(-.4deg);box-shadow:0 7px 0 rgba(0,0,0,.2)}
.ans .e{font-size:30px;line-height:1;flex:none;width:38px;text-align:center}
.answers.two .ans{flex-direction:column;justify-content:center;text-align:center;min-height:132px;gap:8px}
.answers.two .ans .e{font-size:44px;width:auto}
.ans.picked{background:var(--accent);color:var(--accent-fg);transform:scale(1.03) rotate(-1deg);box-shadow:0 2px 0 rgba(0,0,0,.25)}
.ans.dim{opacity:.45}
.react{min-height:26px;margin-top:14px;font:600 15px var(--sans);text-align:center;opacity:0;transition:opacity .3s}
.react.on{opacity:1}

/* ---------- calculating */
.calc-wait{justify-content:center;align-items:center;text-align:center;gap:16px}
.orb{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--accent) 0 25%,transparent 0 50%,var(--accent) 0 75%,transparent 0);animation:spin 1.1s linear infinite;mask:radial-gradient(circle,transparent 46px,#000 47px);-webkit-mask:radial-gradient(circle,transparent 46px,#000 47px)}
@keyframes spin{to{transform:rotate(1turn)}}
.ticks{list-style:none;padding:0;margin:0;text-align:left;font:600 16px var(--sans)}
.ticks li{opacity:.35;padding:5px 0;transition:opacity .25s}
.ticks li::before{content:"○";display:inline-block;width:26px;font-weight:800}
.ticks li.done{opacity:1}.ticks li.done::before{content:"✓";color:var(--accent)}

/* ---------- story result */
.story{position:relative;padding-top:4px}
.story .segs{margin:0 0 12px}
.story .segs i.on::after{animation:none}
.story .segs i.now::after{content:"";position:absolute;inset:0;background:var(--accent);animation:fill .4s ease-out}
.slide{display:none;flex-direction:column;flex:1}
.slide.on{display:flex;animation:enter .45s cubic-bezier(.2,.8,.2,1)}
.tapzone{position:absolute;top:30px;bottom:110px;width:28%;z-index:2;background:none;border:0;cursor:pointer}
.tapzone.l{left:0}.tapzone.r{right:0}
.storynav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:16px}
.hero-card{background:var(--card);color:var(--card-fg);border-radius:28px;padding:22px 20px 22px;box-shadow:0 10px 0 rgba(0,0,0,.2);position:relative;overflow:hidden;text-align:center}
.hero-card .eyebrow{font:700 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--terra)}
.hero-card h2{font:800 clamp(34px,9.5vw,54px)/.98 var(--serif);letter-spacing:-.03em;margin:8px 0 6px;text-wrap:balance}
.hero-card .tag{font:600 18px/1.35 var(--sans);margin:0 auto;max-width:24em}
.mascot{width:min(250px,64vw);margin:4px auto 0;filter:drop-shadow(0 12px 10px rgba(0,0,0,.18))}
.slide.on .mascot{animation:pop .7s cubic-bezier(.2,1.6,.4,1) both}
@keyframes pop{from{transform:scale(.4) rotate(-12deg);opacity:0}}
.burst{position:absolute;inset:-40% -40% auto;height:180%;z-index:0;opacity:.18;background:repeating-conic-gradient(var(--sun) 0 8deg,transparent 8deg 20deg);animation:spin 40s linear infinite;pointer-events:none}
.hero-card>*:not(.burst),.big-reveal>*:not(.burst){position:relative;z-index:1}
.panel{background:var(--card);color:var(--card-fg);border-radius:24px;padding:20px;box-shadow:0 8px 0 rgba(0,0,0,.18);margin-bottom:12px}
.panel h3{font:800 26px/1.08 var(--serif);letter-spacing:-.02em;margin:0 0 8px}
.panel p{margin:0 0 10px}
.panel p:last-child{margin-bottom:0}
.label{font:700 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin:0 0 6px}
.quote{font:700 17px/1.4 var(--serif);background:var(--sun-lt);border-left:5px solid var(--sun);padding:10px 14px;border-radius:12px;margin:10px 0}
.stats{display:grid;gap:10px;margin:8px 0 4px}
.stat{display:grid;grid-template-columns:96px 1fr 34px;align-items:center;gap:10px;font:700 14px var(--mono)}
.bar{height:14px;border-radius:9px;background:#EEE6D8;overflow:hidden}
.bar b{display:block;height:100%;border-radius:9px;background:var(--terra);width:0;transition:width 1s cubic-bezier(.2,.8,.2,1) .2s}
.slide.on .bar b{width:var(--w)}
.moves{list-style:none;padding:0;margin:4px 0 0;counter-reset:m}
.moves li{counter-increment:m;position:relative;padding:10px 0 10px 46px;border-top:1px dashed var(--line)}
.moves li:first-child{border-top:0}
.moves li::before{content:counter(m);position:absolute;left:0;top:10px;width:32px;height:32px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font:800 16px var(--serif)}
.moves li b{display:block;font-family:var(--serif);font-size:18px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.chip{padding:8px 13px;border-radius:999px;background:var(--sage-lt);font:600 14px var(--sans)}
.chip.bad{background:#FBE3DA}
.mini{display:flex;align-items:center;gap:12px;background:var(--cream);border-radius:16px;padding:10px 12px;margin-top:10px}
.mini img{width:58px;flex:none}
.mini b{font-family:var(--serif)}
.toggle{display:inline-flex;background:var(--soft);border-radius:999px;padding:4px;margin:0 auto 12px;align-self:center}
.toggle button{border:0;background:none;padding:8px 16px;border-radius:999px;font:700 14px var(--sans);cursor:pointer;color:inherit}
.toggle button.on{background:var(--accent);color:var(--accent-fg)}
.sharegrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.sharegrid .btn{width:100%;font-size:15px;padding:14px 12px}
.sharegrid .btn.wide{grid-column:1/-1;font-size:17px}
.cardprev{width:min(230px,58vw);margin:0 auto;border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.3);aspect-ratio:9/16;background:var(--soft)}
.email{background:var(--card);color:var(--card-fg);border-radius:22px;padding:18px;margin-top:6px}
.email h3{font:800 22px/1.1 var(--serif);margin:0 0 6px}
.email form{display:flex;gap:8px;margin-top:10px}
.email input{flex:1;min-width:0;border:2px solid var(--line);border-radius:999px;padding:13px 16px;font:500 16px var(--sans);background:#fff}
.email input:focus{border-color:var(--navy);outline:0}
.email .btn{padding:13px 18px;font-size:15px;background:var(--navy);color:#fff}
.email small{display:block;margin-top:8px;color:var(--muted);font-size:12.5px}
.more{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.more a{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:18px;background:var(--soft);text-decoration:none;font:700 15px/1.2 var(--serif)}
.more a span{font:500 12.5px var(--sans);opacity:.8}

/* ---------- calculators */
.calc{gap:12px}
.field{background:var(--card);color:var(--card-fg);border-radius:22px;padding:16px 18px;box-shadow:0 6px 0 rgba(0,0,0,.12)}
.field label,.field .lbl{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font:700 15px var(--sans);margin-bottom:8px}
.field output,.val{font:800 22px var(--mono);color:var(--navy)}
.field .help{font-size:13px;color:var(--muted);margin-top:6px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:34px;background:transparent;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:9px;background:linear-gradient(90deg,var(--navy) var(--p,50%),#E9E1D3 var(--p,50%))}
input[type=range]::-moz-range-track{height:12px;border-radius:9px;background:#E9E1D3}
input[type=range]::-moz-range-progress{height:12px;border-radius:9px;background:var(--navy)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:32px;margin-top:-10px;border-radius:50%;background:var(--sun);border:4px solid var(--navy);box-shadow:0 3px 0 rgba(0,0,0,.2)}
input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--sun);border:4px solid var(--navy)}
.numin{display:flex;align-items:center;gap:6px;border:2px solid var(--line);border-radius:14px;padding:4px 12px;background:#fff}
.numin span{font:700 20px var(--mono);color:var(--muted)}
.numin input{border:0;outline:0;width:100%;font:800 24px var(--mono);color:var(--navy);padding:8px 0;background:transparent}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg button{border:2px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font:700 14px var(--sans);cursor:pointer;color:var(--ink)}
.seg button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.big-reveal{background:var(--pine);color:#fff;border-radius:28px;padding:22px 20px;text-align:center;box-shadow:0 10px 0 rgba(0,0,0,.2);position:relative;overflow:hidden}
.big-reveal .num{font:800 clamp(52px,15vw,92px)/1 var(--mono);letter-spacing:-.02em;color:var(--sun);margin:6px 0}
.big-reveal .lab{font:700 13px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.big-reveal .say{font:700 21px/1.25 var(--serif);margin:8px 0 0;text-wrap:balance}
.strike{position:relative;display:inline-block;opacity:.75}
.strike::after{content:"";position:absolute;left:-4px;right:-4px;top:52%;height:4px;background:var(--terra);transform:rotate(-6deg);border-radius:4px}
.dots{display:grid;grid-template-columns:repeat(20,1fr);gap:4px;margin:12px 0 4px}
.dots i{aspect-ratio:1;border-radius:50%;background:#D9D2C4;transition:background .3s,transform .3s}
.dots i.ahead{background:var(--sage)}
.dots i.you{background:var(--sun);transform:scale(1.7);box-shadow:0 0 0 2px var(--pine);z-index:1}
.legend{display:flex;gap:14px;flex-wrap:wrap;font:600 13px var(--sans);color:var(--muted)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.tbl{width:100%;border-collapse:collapse;font-size:14.5px}
.tbl td,.tbl th{padding:7px 4px;border-bottom:1px dashed var(--line);text-align:left}
.tbl td:last-child,.tbl th:last-child{text-align:right;font:700 14px var(--mono)}
.tbl tr.me td{background:var(--sun-lt);font-weight:700}
.breakdown{display:flex;height:22px;border-radius:12px;overflow:hidden;margin:10px 0 6px}
.breakdown b{display:block;height:100%;transition:flex-grow .6s}
.items{display:grid;gap:8px}
.item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:var(--cream)}
.item .e{font-size:24px}
.item b{font:800 18px var(--mono);color:var(--terra)}
.odo{display:flex;justify-content:center;gap:4px;margin:6px 0}
.odo span{display:grid;place-items:center;width:44px;height:62px;border-radius:10px;background:#0c1a2b;color:var(--sun);font:800 38px var(--mono);box-shadow:inset 0 -6px 0 rgba(255,255,255,.06)}
.guess{text-align:center}
.guess .val{font-size:46px;display:block;margin:4px 0}
.note{font-size:13px;opacity:.75;margin-top:8px;line-height:1.45}

/* ---------- article (SEO, below the app) */
.below{background:var(--paper);color:var(--ink);padding:36px 18px 50px}
.below .in{max-width:740px;margin:0 auto}
.below h2{font:800 30px/1.1 var(--serif);letter-spacing:-.02em;margin:28px 0 10px;color:var(--navy)}
.below h3{font:800 21px var(--serif);margin:18px 0 6px;color:var(--navy)}
.below .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:14px 0}
.below .grid a,.below .grid div{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;text-decoration:none}
.below .grid img{width:96px;margin:0 auto 6px}
.below details{border-bottom:1px solid var(--line);padding:10px 0}
.below summary{font-weight:700;cursor:pointer}
.below .src{font-size:13.5px;color:var(--muted)}
.below .foot{margin-top:30px;font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:12px}

/* ---------- hub */
.hubgrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));max-width:1000px;margin:10px auto 30px;padding:0 18px;width:100%}
.hcard{position:relative;display:flex;flex-direction:column;border-radius:26px;padding:20px;min-height:250px;text-decoration:none;overflow:hidden;box-shadow:0 8px 0 rgba(0,0,0,.14);transition:transform .15s}
.hcard:hover{transform:translateY(-4px) rotate(-.5deg)}
.hcard .k{font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.hcard h2{font:800 28px/1.02 var(--serif);letter-spacing:-.02em;margin:8px 0 6px;max-width:11em}
.hcard p{margin:0;font-size:15px;opacity:.9;max-width:15em}
.hcard img{position:absolute;right:-8px;bottom:-6px;width:130px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.2))}
.hcard .go{margin-top:auto;font:800 15px var(--sans)}
.hcard .bigglyph{position:absolute;right:14px;bottom:8px;font:800 64px/1 var(--mono);opacity:.9}

@media (min-width:700px){
  .parade img{width:140px}
  .answers:not(.two){grid-template-columns:1fr 1fr}
  .answers.solo{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media print{.topbar,.storynav,.sharegrid,.email,.more,.tapzone{display:none!important}body{background:#fff;color:#000}}

.calc-wait .big-reveal .num{color:var(--fg)}