@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/fraunces-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/fraunces-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/fraunces-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/fraunces-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Atkinson Hyperlegible Next";font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/AtkinsonHyperlegibleNext.woff2) format("woff2")}

:root{
  --bg:#f6f2ea;--bg2:#ece6da;--ink:#17131f;--muted:#474153;--line:#d4ccbd;--surface:#fffdf8;--accent:#8a2c5c;--focus:#1d4ed8;
  --o-bb:#1f5f9e;--o-mss:#b0145e;--o-lms:#a64a06;--o-wd:#0b7666;--o-nsm:#7a6000;--o-cr:#5a48c4;--o-ha:#5d5d5d;
  --stage:#04050d;--s-ink:#f4f0e8;--s-muted:#cdc8dc;--s-card:rgba(8,9,20,.78);--s-line:rgba(255,255,255,.12);
  --s-bb:#9fd0ff;--s-mss:#ff7eb6;--s-lms:#ffab6b;--s-wd:#5eead4;--s-nsm:#ffe27a;--s-cr:#c0b3ff;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;--sans:"Atkinson Hyperlegible Next",system-ui,-apple-system,"Segoe UI",sans-serif;
  --bar:52px;color-scheme:light
}
:root[data-theme="dark"]{
  --bg:#07080f;--bg2:#0e1020;--ink:#efeaf6;--muted:#bcb6cc;--line:#2a2b40;--surface:#10121f;--accent:#ff9cc8;--focus:#9fd0ff;
  --o-bb:#9fd0ff;--o-mss:#ff7eb6;--o-lms:#ffab6b;--o-wd:#5eead4;--o-nsm:#ffe27a;--o-cr:#c0b3ff;--o-ha:#bdbdbd;color-scheme:dark
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#07080f;--bg2:#0e1020;--ink:#efeaf6;--muted:#bcb6cc;--line:#2a2b40;--surface:#10121f;--accent:#ff9cc8;--focus:#9fd0ff;
  --o-bb:#9fd0ff;--o-mss:#ff7eb6;--o-lms:#ffab6b;--o-wd:#5eead4;--o-nsm:#ffe27a;--o-cr:#c0b3ff;--o-ha:#bdbdbd;color-scheme:dark
}}

*{box-sizing:border-box}
html{scroll-padding-top:calc(var(--bar) + 8px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--sans);font-optical-sizing:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:0;z-index:50;background:var(--surface);color:var(--ink);padding:.6rem 1rem}
.skip:focus{left:8px;top:8px}
sup{font-size:.62em;line-height:0}
html:not(.js) .needs-js{display:none!important}
.js .no-js-only{display:none}

/* ---------- top bar ---------- */
.topbar{position:fixed;inset:0 0 auto 0;height:var(--bar);z-index:40;display:flex;align-items:center;gap:.9rem;padding:0 max(16px,3vw);
  color:var(--s-ink);background:linear-gradient(rgba(4,5,13,.82),rgba(4,5,13,.55));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--s-line)}
.topbar .home{font:600 .95rem/1 var(--serif);text-decoration:none;white-space:nowrap;color:var(--s-ink)}
.topnav{display:flex;gap:1.1rem;overflow-x:auto;scrollbar-width:none;min-width:0;flex:0 1 auto}
.topnav::-webkit-scrollbar{display:none}
@media (max-width:560px){.topnav{-webkit-mask-image:linear-gradient(90deg,#000 75%,transparent);mask-image:linear-gradient(90deg,#000 75%,transparent);padding-right:1rem}}
.topnav a{font-size:.9rem;text-decoration:none;color:var(--s-muted);white-space:nowrap;padding:.4rem 0}
.topnav a:hover{color:var(--s-ink)}
.spacer{flex:1 1 0}
.chip{font-size:.85rem;text-decoration:none;border:1px solid var(--s-line);border-radius:999px;padding:.3rem .75rem;white-space:nowrap;color:var(--s-ink)}
.icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--s-line);background:transparent;color:var(--s-ink);display:grid;place-items:center;cursor:pointer;flex:none}
.icon-btn svg{display:block}
.icon-btn svg[hidden]{display:none}

/* ---------- reading rail ---------- */
.rail{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:12px}
.rail a{display:flex;align-items:center;justify-content:flex-end;gap:10px;text-decoration:none;color:var(--muted)}
.rail a span{font-size:.78rem;opacity:0;transform:translateX(6px);transition:opacity .2s,transform .2s;background:var(--surface);padding:.15rem .5rem;border-radius:6px;white-space:nowrap}
.rail a i{width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor;display:block}
.rail a[aria-current] i{background:currentColor;transform:scale(1.25)}
.rail a:hover span,.rail a:focus-visible span{opacity:1;transform:none}
.rail.on-stage a{color:var(--s-muted)}
@media (max-width:900px){.rail{display:none}}

/* ---------- the story ---------- */
.story{position:relative;background:var(--stage);color:var(--s-ink)}
.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;
  background:radial-gradient(120% 90% at 70% 45%,#141836 0%,#080a1a 45%,var(--stage) 80%)}
#sky{position:absolute;inset:0;width:100%;height:100%;display:block}
.neb{position:absolute;left:0;top:0;width:10px;height:10px;opacity:0;border-radius:50%;overflow:hidden;will-change:transform,opacity;
  -webkit-mask-image:radial-gradient(closest-side,#000 45%,transparent 100%);mask-image:radial-gradient(closest-side,#000 45%,transparent 100%)}
.neb img{width:100%;height:100%;object-fit:cover;display:block}
.no-gl .neb,.no-gl #sky{display:none}
.still{display:none}
.no-gl .still,html:not(.js) .still{display:block;position:absolute;inset:0;background-size:cover;background-position:center}
.still img{width:100%;height:100%;object-fit:cover;opacity:.55}
.steps{position:relative;z-index:2;margin-top:-100vh;margin-top:-100svh}
html:not(.js) .steps{margin-top:-100vh}
.step{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:calc(var(--bar) + 24px) max(16px,5vw) 40px}
.step:last-child{min-height:120svh}
.card{max-width:25rem;background:var(--s-card);border:1px solid var(--s-line);border-radius:20px;padding:1.4rem 1.5rem 1.5rem;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.card p{margin:.7rem 0 0;color:var(--s-ink)}
.card .fine{font-size:.9rem;color:var(--s-muted)}
.eyebrow{display:flex;align-items:center;gap:.5rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--s-muted);margin:0}
.eyebrow .dot{width:10px;height:10px;border-radius:50%;flex:none}
.big{font:600 clamp(2.6rem,5.5vw,3.8rem)/1 var(--serif);letter-spacing:-.02em;margin:.45rem 0 0;font-variation-settings:"opsz" 144}
.big small{font-size:.42em;font-weight:500;letter-spacing:0;margin-left:.25em;color:var(--s-muted)}
.card h2{font:600 1.45rem/1.2 var(--serif);margin:.55rem 0 0;letter-spacing:-.01em}
.card h2 a{text-decoration:none}
.s-bb{color:var(--s-bb)}.s-mss{color:var(--s-mss)}.s-lms{color:var(--s-lms)}.s-wd{color:var(--s-wd)}.s-nsm{color:var(--s-nsm)}.s-cr{color:var(--s-cr)}
.d-bb{background:var(--s-bb)}.d-mss{background:var(--s-mss)}.d-lms{background:var(--s-lms)}.d-wd{background:var(--s-wd)}.d-nsm{background:var(--s-nsm)}.d-cr{background:var(--s-cr)}

/* hero */
.step.hero{align-items:center}
.hero-in{max-width:40rem}
.kicker{font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;color:var(--s-muted);margin:0 0 1rem}
h1{font:600 clamp(2.5rem,6.2vw,5.4rem)/.98 var(--serif);letter-spacing:-.025em;margin:0;font-variation-settings:"opsz" 144;text-wrap:balance}
h1 em{font-style:italic;font-weight:500;color:var(--s-bb)}
.deck{font-size:clamp(1.08rem,1.6vw,1.25rem);line-height:1.55;color:var(--s-ink);max-width:34rem;margin:1.3rem 0 0;text-wrap:pretty}
.byline{font-size:.85rem;color:var(--s-muted);margin:1rem 0 0}
.weigh{margin-top:1.6rem;display:inline-grid;gap:.7rem;background:var(--s-card);border:1px solid var(--s-line);border-radius:18px;padding:1rem 1.2rem 1.1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.weigh label{font-size:.9rem;color:var(--s-muted)}
.weigh .row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.wnum small{font-size:.5em;font-weight:500}
.wnum{font:600 2.4rem/1 var(--serif);min-width:3.2ch;text-align:center;font-variant-numeric:tabular-nums}
.step-btn,.unit-btn{font:600 1rem/1 var(--sans);color:var(--s-ink);background:transparent;border:1px solid var(--s-line);border-radius:999px;cursor:pointer}
.step-btn{width:44px;height:44px;font-size:1.4rem}
.unit-btn{height:36px;padding:0 .8rem}
.unit-btn[aria-pressed="true"]{background:var(--s-ink);color:var(--stage);border-color:var(--s-ink)}
.units{display:flex;gap:.3rem;margin-left:.3rem}
input[type=range]{width:100%;accent-color:var(--s-bb);height:32px}
.wout{margin:0;font-size:1rem;color:var(--s-ink)}
.wout strong{font:600 1.35rem/1 var(--serif)}
.cue{margin-top:1.4rem;font-size:.9rem;color:var(--s-muted);display:flex;align-items:center;gap:.5rem}
.cue svg{animation:bob 2.2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(5px)}}

.tally{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.55rem}
.tally li{display:grid;grid-template-columns:12px 1fr auto;gap:.6rem;align-items:center;font-size:.98rem}
.tally .dot{width:12px;height:12px;border-radius:50%}
.tally[hidden]{display:none}
.tally strong{font-family:var(--serif);font-size:1.05rem;font-variant-numeric:tabular-nums;font-weight:700}

@media (max-width:760px){
  .step{align-items:flex-end;padding-bottom:6svh}
  .step.hero{align-items:flex-end;padding-bottom:4svh}
  .card{max-width:none;width:100%;padding:1.1rem 1.15rem 1.2rem}
  .hero-in{background:linear-gradient(transparent,rgba(4,5,13,.86) 18%);margin:0 -16px;padding:5rem 16px 0}
  .weigh{display:grid;width:100%}
  .rail{display:none}
}

/* ---------- reading sections ---------- */
main>section,.after>section{scroll-margin-top:calc(var(--bar) + 8px)}
.after{position:relative;z-index:3;background:var(--bg)}
.block{max-width:1180px;margin:0 auto;padding:clamp(3.5rem,8vw,6.5rem) max(16px,4vw) 0}
.block>h2{font:600 clamp(2rem,4.2vw,3.2rem)/1.05 var(--serif);letter-spacing:-.02em;margin:0;max-width:22ch;font-variation-settings:"opsz" 144;text-wrap:balance}
.block>h2 a{text-decoration:none}
.lede{font-size:1.15rem;max-width:40rem;color:var(--ink);margin:1rem 0 0}
.block p{max-width:40rem}
.muted{color:var(--muted)}

/* periodic table */
.r1{grid-row:1}.r2{grid-row:2}.r3{grid-row:3}.r4{grid-row:4}.r5{grid-row:5}.r6{grid-row:6}.r7{grid-row:7}.c1{grid-column:1}.c2{grid-column:2}.c3{grid-column:3}.c4{grid-column:4}.c5{grid-column:5}.c6{grid-column:6}.c7{grid-column:7}.c8{grid-column:8}.c9{grid-column:9}.c10{grid-column:10}.c11{grid-column:11}.c12{grid-column:12}.c13{grid-column:13}.c14{grid-column:14}.c15{grid-column:15}.c16{grid-column:16}.c17{grid-column:17}.c18{grid-column:18}
.pwrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.5rem;margin-top:2rem;align-items:start}
.ptable{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:3px}
.ptable .c{aspect-ratio:1/1.12;border-radius:6px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:4px 4px 3px;font:inherit;text-align:left;color:var(--muted);background:transparent;border:1px solid var(--line);opacity:.55}
.ptable .c .ps{font:600 .8rem/1 var(--serif)}
.ptable button.c{opacity:1;cursor:pointer;background:var(--surface);color:var(--ink);border-color:var(--line)}
.ptable button.c:hover{border-color:var(--ink)}
.ptable button.c[aria-pressed="true"]{outline:2px solid var(--ink);outline-offset:1px}
.ptable button.c .ps{font-size:clamp(.85rem,1.3vw,1.15rem)}
.ptable .pg{font-size:.62rem;line-height:1.1;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.obar{display:flex;height:5px;border-radius:3px;overflow:hidden;gap:1px}
.ob{display:block;min-width:2px}
.o-bb{background:var(--o-bb)}.o-mss{background:var(--o-mss)}.o-lms{background:var(--o-lms)}.o-wd{background:var(--o-wd)}.o-nsm{background:var(--o-nsm)}.o-cr{background:var(--o-cr)}.o-ha{background:var(--o-ha)}
.gap{visibility:hidden}
.pdetail{position:sticky;top:calc(var(--bar) + 16px);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.2rem 1.3rem;min-height:18rem}
.pdetail:focus{outline:none}
.pd-sym{font:600 3.4rem/1 var(--serif);margin:0}
.pd-name{font:600 1.35rem/1.2 var(--serif);margin:.3rem 0 0}
.pd-g{margin:.5rem 0 0}
.pd-g strong{font-size:1.2rem}
.pd-where{color:var(--muted);margin:.35rem 0 0;font-size:.95rem}
.pd-h{margin:1rem 0 .3rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pd-o{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.pd-o li{display:flex;gap:.5rem;align-items:center;font-size:.95rem}
.pd-o .dot{width:11px;height:11px;border-radius:50%;flex:none}
.pn{font-variant-numeric:tabular-nums;font-weight:700;min-width:3.2ch}
.pd-note{font-size:.88rem;color:var(--muted);margin:.8rem 0 0}
.legend{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin:1.2rem 0 0;padding:0;list-style:none;font-size:.9rem;color:var(--muted)}
.legend li{display:flex;align-items:center;gap:.4rem}
.legend i{width:11px;height:11px;border-radius:50%;display:block}
.plist{display:none;list-style:none;margin:1.4rem 0 0;padding:0}
.plist button{width:100%;display:grid;grid-template-columns:3rem 1fr auto;grid-template-rows:auto auto;gap:.15rem .7rem;align-items:center;text-align:left;
  background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:.6rem .8rem;margin-bottom:.4rem;font:inherit;cursor:pointer;min-height:44px}
.plist button[aria-pressed="true"]{border-color:var(--ink)}
.plist .ps{font:600 1.35rem/1 var(--serif);grid-row:span 2}
.plist .pnm{font-weight:600}
.plist .pg{color:var(--muted);font-variant-numeric:tabular-nums}
.plist .obar{grid-column:2/4}
@media (max-width:900px){
  .pwrap{grid-template-columns:1fr}
  .ptable{display:none}
  .plist{display:block}
  .pdetail{position:relative;top:auto;min-height:0;order:-1}
}

/* cosmic year */
.year{margin-top:2.2rem;position:relative}
.months{display:grid;grid-template-columns:repeat(12,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.months span{font-size:.78rem;color:var(--muted);padding:.5rem .2rem;text-align:center;border-left:1px solid var(--line)}
.months span:first-child{border-left:0}
.marks{display:grid;gap:.6rem;margin-top:.8rem}
.js .marks{display:block;position:relative;height:12.5rem;margin-top:.3rem}
.mark{position:relative;border-left:2px solid var(--ink);padding-left:.6rem;font-size:.88rem;line-height:1.3}
.js .mark{width:13rem;position:absolute;top:0;transform:translateX(-1px);padding-left:.5rem;border-left:2px solid var(--ink);height:100%;font-size:.88rem;line-height:1.3;max-width:13rem}
.js .mark b,.mark b{display:block;font:600 1rem/1.2 var(--serif)}
.js .mark.r{transform:translateX(-100%);border-left:0;border-right:2px solid var(--ink);padding:0 .5rem 0 0;text-align:right}
.js .mark.lo{top:4.4rem;height:7.1rem;width:min(21rem,31%);max-width:none}
.zoom{margin-top:2rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.zoom div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}
.zoom b{display:block;font:600 1.9rem/1.1 var(--serif);font-variant-numeric:tabular-nums}
.zoom p{margin:.4rem 0 0;color:var(--muted);font-size:.95rem}
@media (max-width:760px){
  .js .marks{height:auto;display:grid;gap:.6rem;margin-top:.8rem}
  .js .mark,.js .mark.r,.js .mark.lo{width:auto;position:relative;left:auto!important;transform:none;height:auto;border-left:2px solid var(--ink);border-right:0;padding:0 0 0 .6rem;text-align:left;max-width:none;top:auto}
}

/* birthplaces */
.places{margin-top:2rem;display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.places figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;grid-column:span 2;display:flex;flex-direction:column}
.places figure.w{grid-column:span 3}
.places img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;background:#04050d}
.places figcaption{padding:.9rem 1rem 1rem;font-size:.95rem}
.places figcaption b{display:flex;align-items:center;gap:.45rem;font:600 1.1rem/1.25 var(--serif);margin-bottom:.3rem}
.places figcaption b i{width:10px;height:10px;border-radius:50%;flex:none}
.places .cr{display:block;font-size:.78rem;color:var(--muted);margin-top:.5rem}
@media (max-width:900px){.places{grid-template-columns:1fr 1fr}.places figure,.places figure.w{grid-column:span 1}}
@media (max-width:560px){.places{grid-template-columns:1fr}}

/* caveats */
.truths{margin-top:2rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}
.truths div{border-top:3px solid var(--ink);padding-top:.8rem}
.truths h3{font:600 1.2rem/1.25 var(--serif);margin:0}
.truths p{margin:.5rem 0 0;color:var(--ink)}

/* share */
.share{margin-top:2rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center}
.quote{font:500 clamp(1.5rem,3vw,2.2rem)/1.2 var(--serif);margin:0;letter-spacing:-.01em;text-wrap:balance}
.btns{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.btn{font:600 1rem/1 var(--sans);display:inline-flex;align-items:center;gap:.5rem;min-height:46px;padding:0 1.2rem;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);text-decoration:none;cursor:pointer}
.btn.ghost{background:transparent;color:var(--ink)}
.status{min-height:1.5em;color:var(--muted);font-size:.9rem;margin-top:.6rem}
.cardprev{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#04050d;max-width:360px;justify-self:center;width:100%}
.cardprev img{display:block;width:100%;height:auto}
@media (max-width:760px){.share{grid-template-columns:1fr}}

/* sources */
.method{font-size:.98rem;color:var(--ink)}
.srcs{padding-left:1.1rem;font-size:.92rem;color:var(--muted);max-width:52rem}
.srcs li{margin:.35rem 0;overflow-wrap:anywhere}
.foot{max-width:1180px;margin:0 auto;padding:4rem max(16px,4vw) 3rem;font-size:.9rem;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.foot p{margin:0}
.anchor{color:inherit}

@media (prefers-reduced-motion:reduce){
  .cue svg{animation:none}
  *{scroll-behavior:auto!important}
}
.nf main{max-width:40rem;margin:20vh auto;padding:0 16px}

.modes{display:flex;gap:.3rem;margin-top:.9rem;flex-wrap:wrap}
.mode-btn{font:600 .9rem/1 var(--sans);color:var(--s-ink);background:transparent;border:1px solid var(--s-line);border-radius:999px;cursor:pointer;min-height:40px;padding:0 .9rem}
.mode-btn[aria-pressed="true"]{background:var(--s-ink);color:var(--stage);border-color:var(--s-ink)}