/* Night Gold, the Pantheon look (razpe picked it 19:20, Oct 20; reference: The Real World). Fixed on every page by
   <html data-theme="gold">; it sits on top of v3.css and each page's own styles. The switchable three-look version is in
   build-v1/_archive/themes-1019/. */

@font-face{font-family:"Inter";src:url("../fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}

:root[data-theme=gold],:root[data-theme=gold] body{--page:#05050E;--card:#0E1020;--card-2:#171A30;--ink:#F5F2EA;--ink-2:#DAD6CC;--ink-3:#ABA79E;--line:#272B47;
  --acc:#FFCF23;--acc-text:#FFCF23;--btn:linear-gradient(100deg,#FFCF23,#FF8D3A);--btn-hi:linear-gradient(100deg,#FFD84D,#FF9D55);--btn-ink:#111;
  --btn-r:12px;--btn-sh:0 10px 32px rgba(255,160,50,.22);--edge:inset 0 0 0 1px rgba(255,207,35,.22);--hall:#05050E;--tint:#141529;
  --hl:linear-gradient(100deg,#FFCF23,#FF8D3A);--font-h:"Manrope",Arial,sans-serif;--font-b:"Inter",Arial,sans-serif;--font-q:var(--font-h);
  --track:-.03em;--bad:#FF8A7A;color-scheme:dark}
/* 2. Obsidian Lime (Iman, AI Income Challenge) */
/* 3. Marble and Ink (Codie Sanchez, Dan Koe) */

/* ---- shared: every page onto the tokens ---- */
:root[data-theme],:root[data-theme] body{background:var(--page)}
:root[data-theme] body{--bg:var(--page);--raise:var(--card);--raise-2:var(--card-2);--navy:var(--acc-text);--navy-2:var(--acc-text);
  --gold:var(--acc-text);--gold-hi:var(--acc-text);--on-gold:var(--btn-ink);--font:var(--font-b);--glow:transparent;
  color:var(--ink-2);font-family:var(--font-b);font-size:16px}
:root[data-theme]:has(body[data-view=start]){background:var(--hall)}
:root[data-theme] ::selection{background:var(--acc);color:var(--btn-ink)}

/* type: big, tight, heavy */
:root[data-theme] :is(h1,h2,h3,h4,.s-title,.qtext,.r-type,.r-h,.h-xl,.h-l,.h-m,.headline,.g-h,.sb-t,.after,.outcome,.amt,.nums b,.big){font-family:var(--font-h);font-weight:800}
:root[data-theme] :is(h1,.s-title,.r-type,.h-xl,.headline,.amt){letter-spacing:var(--track)}
:root[data-theme] .headline{font-size:clamp(36px,5.4vw,68px)!important;line-height:1.02}
:root[data-theme] :is(.s-title,.h-xl){font-size:clamp(34px,4.8vw,60px);line-height:1.04}
:root[data-theme] .r-type{line-height:1.02}
:root[data-theme] .hl{background:var(--hl);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme] :is(blockquote p,q,.rec q,.jobs q,.asked q){font-family:var(--font-q)}
:root[data-theme] .kicker{color:var(--acc-text)}

/* top bar, info strip, footer */
:root[data-theme] .topbar{background:var(--page);box-shadow:0 1px 0 var(--line)}
:root[data-theme] .topbar .name{color:var(--ink);font-family:var(--font-h)}
:root[data-theme] .ann{background:var(--tint)!important;color:var(--ink)!important}
:root[data-theme] .ann p{color:var(--ink)!important}
:root[data-theme] .foot .name{color:var(--ink-3)}

/* real buttons */
:root[data-theme] :is(.btn,.s-go,.r-btn.pri,.later .go,.g-form .go,.gift-wrap .btn,#sbshare,.ann .bk,.ai .copy,.s-next){background:var(--btn)!important;color:var(--btn-ink)!important;
  border:0!important;border-radius:var(--btn-r)!important;box-shadow:var(--btn-sh)!important;font-family:var(--font-h)!important;font-weight:800!important;text-transform:none!important}
:root[data-theme] :is(.btn,.s-go,.gift-wrap .btn){min-height:58px;font-size:17px;letter-spacing:-.005em}
:root[data-theme] :is(.btn,.s-go,.r-btn.pri,.later .go,.g-form .go,.gift-wrap .btn,#sbshare,.ann .bk,.s-next):hover{background:var(--btn-hi)!important}
:root[data-theme] .btn svg,:root[data-theme] .btn path{color:var(--btn-ink);fill:currentColor}
:root[data-theme] :is(.r-btn,#sbtabs button,.r-over,#sbclose){background:var(--card);color:var(--ink);border-color:var(--line)}
:root[data-theme] .r-btn:not(.pri):hover,:root[data-theme] .r-over:hover{border-color:var(--ink)}
:root[data-theme] #sbtabs button[aria-pressed=true]{background:var(--ink);color:var(--page);border-color:var(--ink)}

/* accent badges: numbers, day tags, ticks */
:root[data-theme] :is(.chain .n,.step .no,.three li .n,.f .n,.next .n,.steps .n,.move .day,.pick.strong .tag,.vid .play,.ok:not(.later),.ty .ok,.check input:checked,.meter .bar i){background:var(--acc)!important;color:var(--btn-ink)!important;box-shadow:none!important}
:root[data-theme] :is(.stack .n,.code li::before,.recap .ic){background:var(--card-2);color:var(--acc-text)}
:root[data-theme] #i-tick path{stroke:var(--btn-ink)}
:root[data-theme] #i-play path{fill:var(--btn-ink)}
:root[data-theme] .check input:checked::after{border-color:var(--btn-ink)}
:root[data-theme] .opt input:checked{box-shadow:inset 0 0 0 7px var(--acc)}
:root[data-theme] :is(.opt:has(input:checked),.pick.strong){border-color:var(--acc);box-shadow:inset 0 0 0 2px var(--acc)}
:root[data-theme] :is(.check input,.opt input){box-shadow:inset 0 0 0 2px var(--ink-3)}
:root[data-theme] .pill{background:var(--card);box-shadow:var(--edge)}
:root[data-theme] :is(.nfy svg,.msg.err){color:var(--bad)}
:root[data-theme] .pick.weak .tag{color:var(--bad)}
:root[data-theme] .mq{background:var(--acc)!important;color:var(--btn-ink)!important}
:root[data-theme] .mq span::after{background:var(--btn-ink)!important}

/* cards and fields */
:root[data-theme] :is(.choice,.r-card,.r-sticky,.g-trait,.g-form,.sbox,.part li,.seat .num,.price .in,.back .bk-c){background:var(--card);border-color:var(--line);color:var(--ink)}
:root[data-theme] :is(.part,.price){background:var(--line)}
:root[data-theme=gold] :is(.part,.price){background:linear-gradient(180deg,#FFCF23,#FF8D3A 40%,var(--line) 75%)}
:root[data-theme] :is(.jobs,.recap div,.promise,div.why,.seat,.f-ph){background:var(--card);box-shadow:var(--edge)}
:root[data-theme] :is(.field,.later .field,.g-form .field){background:var(--card-2);border-color:var(--line);color:var(--ink)}
:root[data-theme] .field::placeholder{color:var(--ink-3)}
:root[data-theme] .field:focus{border-color:var(--acc)}
:root[data-theme] :is(.r-nav a:hover,.men li.top){background:var(--card-2)}

/* the quiz: start hall, questions, reveal, result, gate */
:root[data-theme] :is(.start,body[data-view=start],body[data-view=start] .topbar){background:var(--hall)}
:root[data-theme=gold] .start{background:radial-gradient(70% 50% at 50% 38%,rgba(255,180,60,.16),transparent 70%),var(--hall)}
:root[data-theme] body[data-view=start] .topbar{box-shadow:none}
:root[data-theme] body[data-view=start] :is(.topbar .name,.foot .name){color:#F3EFE5}
:root[data-theme] .s-sub{color:#D6D2C8}
:root[data-theme] .s-note{color:#ABA79E}
:root[data-theme] .prog{background:var(--card-2)}
:root[data-theme] .prog i,:root[data-theme] .count b{background:var(--acc)}
:root[data-theme] .count b{background:none;color:var(--acc-text)}
:root[data-theme] .choice{border-width:1.5px;font-family:var(--font-b)}
:root[data-theme] .choice i{border-color:var(--ink-3)}
:root[data-theme] .choice:hover{background:var(--card-2)!important;border-color:var(--ink-3)!important}
:root[data-theme] .choice[aria-checked=true]{background:var(--card-2)!important;border-color:var(--acc)!important}
:root[data-theme] .choice[aria-checked=true] i{border-color:var(--acc);background:var(--acc);box-shadow:inset 0 0 0 4px var(--card-2)}

/* man colors: same hue per man, tuned so names, codes and marks stay readable on each background */
/* man colors only on small marks (codes, numbers, ranking bars); every panel behind them is the theme's own (Mac, themes-b) */
:root[data-theme] :is(.r16,.gate,.calc){--deep:hsl(var(--h) 70% 72%);--tint:var(--card)}
:root[data-theme] .calc .carve{color:var(--deep)}
:root[data-theme=gold] .r-hero{background:radial-gradient(60% 120% at 85% 40%,rgba(255,180,50,.16),transparent 70%),var(--page);border-bottom:1px solid var(--line)}
:root[data-theme] .gate{background:var(--page)}
:root[data-theme] .g-list li::before{border-color:var(--acc);background:transparent}
:root[data-theme] .later.ok{background:var(--card);border-color:var(--line)}

/* busts: a dark niche with a thin gold rim, no pastel */
:root[data-theme] .niche,:root[data-theme] .arc .niche{background:radial-gradient(120% 90% at 50% 28%,#1d1d2c,#11111c 70%);border-color:rgba(255,207,35,.75)}
:root[data-theme] .niche{border-width:2px}
:root[data-theme] :is(.niche.xs,.niche.sm){border-width:1.5px;box-shadow:none}

/* the ledger and the ranking */
:root[data-theme] .ledger{background:var(--card);border-color:var(--line)}
:root[data-theme] .ledger li{border-color:var(--line)}
:root[data-theme] :is(.lg-rule,.lg-rule::before,.lg-rule::after){background-color:transparent}
:root[data-theme] .lg-rule{background:repeating-linear-gradient(90deg,var(--ink-3) 0 6px,transparent 6px 10px)}
:root[data-theme] :is(.lg-rule::before,.lg-rule::after){background:var(--ink-3)}
:root[data-theme] .lg-rule i{box-shadow:0 0 0 3px var(--card)}
:root[data-theme] :is(.lg-line span,.g-pole){color:color-mix(in srgb,var(--lc) 55%,#fff)}
:root[data-theme] .men .mt{background:var(--card-2)}
:root[data-theme] .ai .clip::after{background:linear-gradient(to bottom,transparent,var(--raise))}
:root[data-theme] .ai .more{text-decoration-color:var(--acc)}
:root[data-theme] .bar{background:color-mix(in srgb,var(--page) 94%,transparent)!important;box-shadow:0 -1px 0 var(--line)}
:root[data-theme] :is(.oletter,.worth){box-shadow:var(--edge)}
:root[data-theme] .oletter .sig{font-family:var(--font-q)}
:root[data-theme] .foot .legal a{color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}

/* ======================================================================================================
   Night Gold v3, the premium pass (Selling 0, 22 Oct, razpe: "the design needs to be updated").
   Same look family (black and gold, Manrope and Inter); finished to The Real World's standard:
   silver-lit headlines with gold words, wide-tracked small caps, glowing gold pill buttons, glass cards with a
   lit top edge, film grain, gold hairlines, and short rise-in motion. Off for reduced motion.
   ====================================================================================================== */
:root[data-theme=gold],:root[data-theme=gold] body{--page:#06060B;--hall:#06060B;--card:#0D0D16;--card-2:#15151F;--tint:#0D0D16;
  --ink:#F5F2EA;--ink-2:#C8C5CE;--ink-3:#8F8C98;--line:rgba(255,255,255,.085);
  --acc:#FFC93C;--acc-text:#FFCF4A;--hl:linear-gradient(100deg,#FFE9A0,#FFC93C 45%,#FF9B3D);
  --btn:linear-gradient(180deg,#FFE58A 0%,#FFC93C 48%,#F7A234 100%);--btn-hi:linear-gradient(180deg,#FFEDA6 0%,#FFD25A 48%,#FFAE45 100%);--btn-ink:#140F05;
  --btn-r:999px;--btn-sh:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(150,80,0,.25),0 10px 30px rgba(255,170,40,.32),0 0 70px rgba(255,170,40,.16);
  --edge:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(255,255,255,.075);
  --glass:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012) 60%);
  --silver:linear-gradient(180deg,#FFFFFF 0%,#FBFAF7 38%,#B3B0BA 100%)}

/* the room: a warm light from above, film grain over everything */
:root[data-theme=gold] body{background:radial-gradient(120% 55% at 50% -12%,rgba(255,196,90,.10),transparent 62%),var(--page);background-attachment:fixed;color:var(--ink-2)}
:root[data-theme=gold] body::before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
:root[data-theme=gold] :is(b,strong){color:#FFFFFF}

/* type: silver-lit titles, gold words, lighter and more exact than before */
:root[data-theme=gold] :is(.s-title,.r-type,.h-xl,.headline,.qtext,.g-h,.sb-t,h1.h-l,.after,.outcome){background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:750;letter-spacing:-.032em}
:root[data-theme=gold] :is(.s-title,.r-type,.h-xl,.headline) :is(em,.hl,span.hl){font-style:normal;background:var(--hl);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme=gold] :is(h2,h3,.h-l,.h-m,.r-h){color:#FFFFFF;font-weight:750;letter-spacing:-.02em}
:root[data-theme=gold] .qtext{font-size:clamp(23px,6.2vw,30px);line-height:1.18;text-wrap:balance}
:root[data-theme=gold] :is(.kicker,.r-pre,.eyebrow,.ey,.tag-line,.upd){font-family:var(--font-h);font-weight:800;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--acc-text)}
:root[data-theme=gold] :is(p,li){text-wrap:pretty}

/* top bar: wordmark in wide caps, a gold hairline instead of a grey rule */
:root[data-theme=gold] .topbar{background:color-mix(in srgb,var(--page) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);
  box-shadow:none;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(255,201,60,.38),transparent) 1}
:root[data-theme=gold] .topbar .name{font:800 13px/1 var(--font-h);letter-spacing:.42em;color:#F3EFE5;text-transform:uppercase}
:root[data-theme=gold] body[data-view=start] .topbar{border-image:none;border-bottom-color:transparent;background:transparent}

/* buttons: a lit gold pill with a slow light sweep */
:root[data-theme=gold] :is(.btn,.s-go,.r-btn.pri,.later .go,.g-form .go,.gift-wrap .btn,#sbshare,.ann .bk,.ai .copy,.s-next){position:relative;overflow:hidden;isolation:isolate;
  letter-spacing:-.01em;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .2s,filter .2s}
:root[data-theme=gold] :is(.btn,.s-go,.r-btn.pri,.later .go,.g-form .go,.gift-wrap .btn,#sbshare,.s-next)::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);transform:translateX(-120%);animation:pg-sweep 4.8s ease-in-out 1.2s infinite}
:root[data-theme=gold] :is(.btn,.s-go,.r-btn.pri,.later .go,.g-form .go,.gift-wrap .btn,#sbshare,.s-next):active{transform:scale(.975)}
:root[data-theme=gold] :is(.btn,.s-go,.r-btn.pri,.later .go,.g-form .go,.gift-wrap .btn,#sbshare,.s-next):hover{filter:brightness(1.04);box-shadow:var(--btn-sh),0 14px 44px rgba(255,170,40,.42)!important}
@keyframes pg-sweep{0%,62%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
:root[data-theme=gold] :is(.r-btn,#sbtabs button,.r-over,#sbclose,.back .bk-c){background:var(--glass),var(--card);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
:root[data-theme=gold] .r-btn:not(.pri){border-radius:999px}

/* glass cards with a lit top edge */
:root[data-theme=gold] :is(.choice,.r-card,.r-sticky,.g-trait,.g-form,.sbox,.part li,.seat .num,.price .in,.ledger,.jobs,.recap div,.promise,div.why,.seat,.f-ph,.oletter,.worth,.later.ok,.sel,.nfy){
  background:var(--glass),var(--card)!important;border:1px solid var(--line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 40px -24px rgba(0,0,0,.8)!important;border-radius:18px}
:root[data-theme=gold] :is(.field,.later .field,.g-form .field){background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);border-radius:14px;transition:border-color .2s,box-shadow .2s}
:root[data-theme=gold] .field:focus{border-color:var(--acc);box-shadow:0 0 0 4px rgba(255,201,60,.14);outline:0}

/* the question: glass answers that light gold when chosen */
:root[data-theme=gold] .choice{border-radius:16px!important;min-height:58px;transition:border-color .18s,background .18s,box-shadow .25s,transform .12s}
:root[data-theme=gold] .choice:hover{background:var(--glass),var(--card-2)!important;border-color:rgba(255,255,255,.18)!important}
:root[data-theme=gold] .choice:active{transform:scale(.985)}
:root[data-theme=gold] .choice[aria-checked=true]{background:linear-gradient(180deg,rgba(255,201,60,.12),rgba(255,201,60,.04)),var(--card)!important;border-color:rgba(255,201,60,.85)!important;
  box-shadow:0 0 0 1px rgba(255,201,60,.35),0 0 32px rgba(255,180,50,.16)!important}
:root[data-theme=gold] .choice i{border-width:1.5px;border-color:rgba(255,255,255,.28)}
:root[data-theme=gold] .prog{height:4px;border-radius:99px;background:rgba(255,255,255,.07);overflow:visible}
:root[data-theme=gold] .prog i{background:var(--hl);border-radius:99px;box-shadow:0 0 14px rgba(255,180,50,.55)}
:root[data-theme=gold] .count{color:var(--ink-3);font-variant-numeric:tabular-nums}

/* busts: marble under a warm key light */
:root[data-theme=gold] .niche{background:radial-gradient(90% 70% at 50% 18%,#2A2733,#121219 62%,#0A0A10)!important;border-color:rgba(255,201,60,.7)}
:root[data-theme=gold] .niche img{filter:drop-shadow(0 10px 14px rgba(0,0,0,.55)) contrast(1.04)}

/* result + gate */
:root[data-theme=gold] .r-hero{border-bottom:0}
:root[data-theme=gold] .r-lead{color:#FFFFFF;font-family:var(--font-h);font-weight:750;font-size:clamp(20px,5.4vw,26px);line-height:1.25;letter-spacing:-.02em}
:root[data-theme=gold] .r-n{background:none!important;border:1px solid rgba(255,201,60,.6)!important;color:var(--acc-text)!important;font-weight:800}
:root[data-theme=gold] .r-intro{color:var(--ink-3)}
:root[data-theme=gold] .gate{background:transparent}

/* sales page bits */
:root[data-theme=gold] :is(.part,.price){background:linear-gradient(180deg,rgba(255,201,60,.7),rgba(255,155,61,.25) 40%,rgba(255,255,255,.06) 75%)}
:root[data-theme=gold] .ann{background:linear-gradient(90deg,rgba(255,201,60,.10),rgba(255,201,60,.03))!important;border-bottom:1px solid rgba(255,201,60,.18)}
:root[data-theme=gold] .bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--page) 80%,transparent)!important}
:root[data-theme=gold] .foot{border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent) 1}

/* motion: everything new rises in, once, quickly */
@keyframes pg-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes pg-glow{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
:root[data-theme=gold] .answers .choice{animation:pg-rise .42s cubic-bezier(.2,.8,.2,1) both}
:root[data-theme=gold] .answers .choice:nth-child(2){animation-delay:.05s}
:root[data-theme=gold] .answers .choice:nth-child(3){animation-delay:.1s}
:root[data-theme=gold] .answers .choice:nth-child(4){animation-delay:.15s}
:root[data-theme=gold] .answers .choice:nth-child(5){animation-delay:.2s}
:root[data-theme=gold] :is(.start .s-title,.start .s-sub,.start .s-go){animation:pg-rise .6s cubic-bezier(.2,.8,.2,1) both}
:root[data-theme=gold] .start .s-title{animation-delay:.35s}
:root[data-theme=gold] .start .s-sub{animation-delay:.45s}
:root[data-theme=gold] .start .s-go{animation-delay:.55s}
:root[data-theme=gold] :is(.r-hero-in>*,.gate>*){animation:pg-rise .6s cubic-bezier(.2,.8,.2,1) both}
:root[data-theme=gold] .r-art{animation:pg-glow .8s cubic-bezier(.2,.8,.2,1) both!important}
:root[data-theme=gold] .r-hero-in>:nth-child(1){animation-delay:.18s}
:root[data-theme=gold] main>section:first-of-type>*:not(.bar){animation:pg-rise .6s cubic-bezier(.2,.8,.2,1) both}
@media (prefers-reduced-motion:reduce){
  :root[data-theme=gold] *,:root[data-theme=gold] *::after{animation:none!important;transition:none!important}}

/* v3 signature: one serif italic, in gold, for the words that matter (Instrument Serif, self-hosted) */
@font-face{font-family:"Instrument Serif";src:url("../fonts/instrument-serif-italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("../fonts/instrument-serif.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
:root[data-theme=gold]{--font-s:"Instrument Serif","Iowan Old Style","Times New Roman",serif}
:root[data-theme=gold] :is(.s-title em,.h-xl .hl,.headline .hl,.r-type #rnm,.r-type #gnm,main h1 q){font-family:var(--font-s);font-style:italic;font-weight:400;letter-spacing:-.01em;
  font-size:1.14em;line-height:.9;padding-right:.06em;background:var(--hl);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme=gold] main h1 q{quotes:"\201C" "\201D"}
:root[data-theme=gold] :is(.seat .num b,.seat .num strong,.amt,.big){font-family:var(--font-s);font-weight:400;letter-spacing:-.01em}
:root[data-theme=gold] .count b{font-family:var(--font-s);font-style:italic;font-weight:400;font-size:1.35em;color:var(--acc-text)}

/* v3 question: lettered keys instead of radio dots */
:root[data-theme=gold] .answers{counter-reset:pk;gap:10px}
:root[data-theme=gold] .choice{counter-increment:pk;gap:14px!important;padding:14px 16px!important}
:root[data-theme=gold] .choice i{position:relative;flex:none;width:30px!important;height:30px!important;border-radius:9px!important;border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.04)!important;box-shadow:none!important;display:grid;place-items:center}
:root[data-theme=gold] .choice i::before{content:counter(pk,upper-alpha);font:800 13px/1 var(--font-h);color:var(--ink-3);letter-spacing:0}
:root[data-theme=gold] .choice[aria-checked=true] i{background:var(--btn)!important;border-color:transparent!important}
:root[data-theme=gold] .choice[aria-checked=true] i::before{color:var(--btn-ink)}
:root[data-theme=gold] .choice .ot{font-size:16px;color:#F2EFE8;font-weight:500}
:root[data-theme=gold] .r-type :is(#rnm,#gnm){padding-right:0;margin-right:.02em}
/* v3 welcome: the seat number as the hero, a lit seal instead of a flat dot */
:root[data-theme=gold] .seat .num{background:none!important;border:0!important;box-shadow:none!important;font:400 92px/.95 var(--font-s);font-style:italic;color:var(--acc-text)}
:root[data-theme=gold] .seat .num small{font:700 20px/1 var(--font-h);font-style:normal;color:var(--ink-3);letter-spacing:-.01em}
:root[data-theme=gold] .ok:not(.later){width:76px;height:76px;background:var(--btn)!important;box-shadow:0 0 0 8px rgba(255,201,60,.08),0 0 0 16px rgba(255,201,60,.04),0 12px 40px rgba(255,170,40,.35)!important;animation:pg-glow .7s cubic-bezier(.2,.8,.2,1) both}
:root[data-theme=gold] .seat .k{font:800 11.5px/1 var(--font-h);letter-spacing:.26em;text-transform:uppercase;color:var(--acc-text)}

/* v3b: the quiet screens get the same hand. Letter set as a letter, the pay box as a ticket, legal in the serif. */
:root[data-theme=gold] .oletter{position:relative;padding:30px 24px 28px!important;
  background:radial-gradient(120% 80% at 50% 0,rgba(255,201,60,.07),transparent 60%),var(--glass),var(--card)!important}
:root[data-theme=gold] .oletter::before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,201,60,.55),transparent)}
:root[data-theme=gold] .oletter p:not(.kicker):not(.his):not(.sig){font:400 21px/1.42 var(--font-s);color:#ECE6D8;letter-spacing:.003em}
:root[data-theme=gold] .oletter .sig,:root[data-theme=gold] .letter .sig{margin-top:22px;font:italic 400 38px/1 var(--font-s)!important;background:var(--hl);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
:root[data-theme=gold] .letter p:not(.kicker):not(.sig){font:400 19px/1.42 var(--font-s);color:#ECE6D8}

:root[data-theme=gold] .doc .box{position:relative;margin-top:26px;padding:26px 22px 20px!important;text-align:center!important;border-radius:20px!important;
  background:radial-gradient(90% 70% at 50% 0,rgba(255,201,60,.09),transparent 65%),var(--glass),var(--card)!important;border:1px solid var(--line)}
:root[data-theme=gold] .doc .box li:first-child{margin:0 0 18px;padding-bottom:18px;border-bottom:1px dashed rgba(255,255,255,.14);font:800 11.5px/1.4 var(--font-h);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3)}
:root[data-theme=gold] .doc .box li:first-child b{display:block;margin-bottom:8px;font:italic 400 76px/.95 var(--font-s);letter-spacing:-.01em;text-transform:none;
  background:var(--hl);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
:root[data-theme=gold] .doc .box li:not(:first-child){font-size:15.5px;color:var(--ink-2)}
:root[data-theme=gold] .doc .who{font:italic 400 24px/1.2 var(--font-s);color:var(--acc-text)}

:root[data-theme=gold] .doc>.h-xl{font-family:var(--font-s)!important;font-weight:400!important;letter-spacing:-.01em!important;font-size:clamp(46px,12vw,64px)!important;line-height:1!important}
:root[data-theme=gold] .doc h2{font:400 28px/1.15 var(--font-s)!important;color:#F2EFE8;letter-spacing:0;margin-top:40px!important;padding-top:22px;border-top:1px solid var(--line)}
:root[data-theme=gold] .doc li::marker{color:var(--acc-text)}
:root[data-theme=gold] .doc .box li:first-child{font-size:0!important}
:root[data-theme=gold] .doc .box li:first-child::after{content:"Paid once";font:800 11.5px/1.4 var(--font-h);letter-spacing:.22em}

/* v3c: numbers in the gold serif, never a filled yellow square (founding, apply, reel pages) */
:root:root:root[data-theme=gold] :is(.chain .n,.three li .n,.stack .n,.f .n,.next .n){background:none!important;box-shadow:none!important;border-radius:0!important;
  width:auto!important;min-width:26px;height:auto!important;color:var(--acc-text)!important;font:italic 400 30px/1 var(--font-s)!important;letter-spacing:0}
:root:root:root[data-theme=gold] .f .n{font-size:24px!important;margin-right:8px;vertical-align:-1px}
:root:root:root[data-theme=gold] .step .no{background:var(--page)!important;border:1px solid rgba(255,201,60,.55);border-radius:50%!important;box-shadow:0 0 18px rgba(255,190,60,.18)!important;
  color:var(--acc-text)!important;font:italic 400 22px/1 var(--font-s)!important}
/* reel pages: section labels are small caps in gold, like every kicker */
:root:root:root[data-theme=gold] .one h2{font:800 11.5px/1.3 var(--font-h)!important;letter-spacing:.24em!important;text-transform:uppercase;color:var(--acc-text)!important}

/* v3d: Instrument Serif is a display face and gaps at text size ("Wha t"), so running serif text is Newsreader (OFL, self-hosted).
   Instrument Serif italic stays for the gold accent words and big numbers. */
@font-face{font-family:"Newsreader";src:url("../fonts/newsreader.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Newsreader";src:url("../fonts/newsreader-italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}
:root[data-theme=gold]{--font-t:"Newsreader","Iowan Old Style",Georgia,serif}
:root:root:root[data-theme=gold] .oletter p:not(.kicker):not(.his):not(.sig){font:400 19.5px/1.5 var(--font-t)}
:root:root:root[data-theme=gold] .letter p:not(.kicker):not(.sig){font:400 18px/1.5 var(--font-t)}
:root:root:root[data-theme=gold] .doc h2{font-family:var(--font-t)!important;font-size:27px!important}
:root:root:root[data-theme=gold] .doc>.h-xl{font-family:var(--font-t)!important;letter-spacing:-.015em!important}
:root:root:root[data-theme=gold] .r-over{border:0!important;outline:0;box-shadow:none!important;background:none!important}
:root:root:root[data-theme=gold] .r-type :is(#rnm,#gnm){margin-right:-.1em}

/* razpe's face, one crop everywhere (Oct 22) */
.face{width:96px;height:96px;margin:0 auto;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px var(--gold),0 0 36px rgba(42,56,111,0.135)}
.face img{width:100%;height:100%;object-fit:cover;object-position:50% 26%;display:block}
.face.tk{position:relative;overflow:visible}
.face.tk img{border-radius:50%}
:root .face.tk .ok,:root[data-theme] .face.tk .ok:not(.later){position:absolute;right:-6px;bottom:-6px;width:34px;height:34px;margin:0;box-shadow:0 0 0 3px #05050e!important}
:root .face.tk .ok svg,:root[data-theme] .face.tk .ok svg{width:17px;height:17px}
main.doc>.face{margin:8px auto 18px}
.by{display:flex;align-items:center;gap:10px;margin:10px 0 0;font:700 14px/1.2 var(--font);color:var(--ink)}
.face-s{width:36px;height:36px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 2px var(--gold)}
.face-s img{width:100%;height:100%;object-fit:cover;object-position:50% 26%;display:block}