/* Spry Bots, the Spry Solutions edition of Brains in Jars. Everything here follows the Spry Solutions Brand Guide (07/2026):
   primary colors cream #FBF9EA, coral (PMS Warm Red C) #FF463E and navy (PMS 533 C) #1F2A44 (page 23); secondary accents
   blue #56ADE2, grey #D9D9D9, wine #620F28 and lime #DFE11D used sparingly (page 24); one pop color per screen, balanced with a
   neutral and a deep tone, and never coral on blue, coral on lime or wine on navy (page 25). Poppins Medium and SemiBold for
   headings (page 27), Google Sans for body (page 28, served as its open sibling Google Sans Flex, see fonts/CREDITS.txt).
   No icons (page 30): controls are labelled with words in pill shapes. Tints below are mixes of the brand colors only. */
@font-face{font-family:"Poppins";src:url("/static/fonts/Poppins-Medium.woff2") format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:"Poppins";src:url("/static/fonts/Poppins-SemiBold.woff2") format("woff2");font-weight:600 800;font-display:swap}
@font-face{font-family:"Spry Text";src:url("/static/fonts/GoogleSansFlex-Regular.woff2") format("woff2");font-weight:300 400;font-display:swap}
@font-face{font-family:"Spry Text";src:url("/static/fonts/GoogleSansFlex-Medium.woff2") format("woff2");font-weight:500 800;font-display:swap}
:root{--navy:#1F2A44;--coral:#FF463E;--cream:#FBF9EA;--blue:#56ADE2;--grey:#D9D9D9;--wine:#620F28;--lime:#DFE11D}
/* Day: cream ground, navy type and logo, coral as the single pop (pages 8, 15, 23, 25) */
:root,[data-theme=light]{color-scheme:light;--bg:var(--cream);--bg2:color-mix(in srgb,var(--navy) 4%,var(--cream));--side:color-mix(in srgb,var(--navy) 3%,var(--cream));
 --card:#ffffff;--card2:color-mix(in srgb,var(--cream) 70%,#ffffff);--line:color-mix(in srgb,var(--navy) 12%,var(--cream));--line2:color-mix(in srgb,var(--navy) 22%,var(--cream));
 --tx:var(--navy);--tx2:color-mix(in srgb,var(--navy) 85%,var(--cream));--mu:color-mix(in srgb,var(--navy) 66%,var(--cream));
 --teal:var(--coral);--teal2:var(--coral);--tealtx:var(--navy);--onteal:var(--navy);--pink:var(--navy);--warn:var(--wine);--bad:var(--wine);
 --ubub:color-mix(in srgb,var(--navy) 7%,var(--cream));--ububline:color-mix(in srgb,var(--navy) 14%,var(--cream));--code:color-mix(in srgb,var(--navy) 5%,var(--cream));
 --shadow:0 1px 2px rgba(31,42,68,.05),0 8px 24px rgba(31,42,68,.06);--ring:rgba(255,70,62,.30);--pri:var(--navy);--onpri:var(--cream);--brandbg:var(--cream)}
/* Night: navy ground with cream type and the coral logo, as the guide shows the brand on dark backgrounds (pages 8 and 15) */
[data-theme=dark]{color-scheme:dark;--bg:var(--navy);--bg2:color-mix(in srgb,#000 14%,var(--navy));--side:color-mix(in srgb,#000 20%,var(--navy));
 --card:color-mix(in srgb,var(--cream) 6%,var(--navy));--card2:color-mix(in srgb,var(--cream) 10%,var(--navy));--line:color-mix(in srgb,var(--cream) 14%,var(--navy));--line2:color-mix(in srgb,var(--cream) 24%,var(--navy));
 --tx:var(--cream);--tx2:color-mix(in srgb,var(--cream) 86%,var(--navy));--mu:color-mix(in srgb,var(--cream) 64%,var(--navy));
 --teal:var(--coral);--teal2:var(--coral);--tealtx:var(--coral);--onteal:var(--navy);--pink:var(--coral);--warn:var(--lime);--bad:var(--coral);
 --ubub:color-mix(in srgb,var(--cream) 10%,var(--navy));--ububline:color-mix(in srgb,var(--cream) 18%,var(--navy));--code:color-mix(in srgb,#000 22%,var(--navy));
 --shadow:0 1px 2px rgba(0,0,0,.25),0 10px 30px rgba(0,0,0,.3);--ring:rgba(255,70,62,.35);--pri:var(--coral);--onpri:var(--navy);--brandbg:var(--navy)}
:root{--font:"Spry Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--head:"Poppins","Spry Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--r:12px;--r2:14px}
html,body{font-family:var(--font);letter-spacing:.005em}
img{image-rendering:auto!important}
.px{font-family:var(--font)!important;letter-spacing:0!important;font-weight:700!important;line-height:1.35!important}
h1,h2,h3{font-weight:700;letter-spacing:-.015em}
button{font-weight:500;border-radius:10px}
button.pri{background:var(--pri);color:var(--onpri)} button.pri:hover{filter:none;opacity:.88}
.send{background:var(--pri);color:var(--onpri)} .send.stop{background:var(--tx);color:var(--bg)}
.badge{font-weight:500}
.card{box-shadow:none}
/* login */
.login{background:var(--brandbg);position:relative}
[data-theme=dark] .login{background:radial-gradient(900px 500px at 50% -10%,rgba(255,70,62,.08),transparent 60%),var(--bg)}
.sprylogo{width:min(320px,74vw)} .sprylogo img{width:100%;height:auto;display:block}
[data-theme=light] .sprylogo .night,[data-theme=dark] .sprylogo .day{display:none}
.loginbox{border-radius:16px} .loginbox h1{font-size:22px;color:var(--tx);margin-bottom:2px;font-weight:700}
.logintoggle{position:absolute;top:calc(14px + var(--st));right:calc(14px + var(--sr))}
/* shell */
.side{background:var(--side)}
.brandrow{padding:6px 6px 14px} .brandrow img{width:26px;height:26px;border-radius:0}
.spryname{flex:1;font-size:16px;font-weight:500;color:var(--tx);white-space:nowrap;letter-spacing:-.01em} .spryname b{font-weight:700;color:var(--tealtx)}
.newchat{background:var(--pri);color:var(--onpri);border-color:transparent;font-weight:600} .newchat:hover{opacity:.9;border-color:transparent}
.ci.on{box-shadow:inset 3px 0 0 var(--teal)} .nav.on{box-shadow:inset 3px 0 0 var(--teal)}
.av{background:color-mix(in srgb,var(--teal) 16%,var(--card));color:var(--tealtx)}
.pill.ready{color:var(--tealtx)}
.top{background:color-mix(in srgb,var(--bg) 92%,transparent)}
.themetoggle{color:var(--tx2)}
/* chat */
.msg.u .bub{border-radius:16px 16px 4px 16px}
.msg.a .jar{border-radius:50%;border:1px solid var(--line);background:#fff;padding:3px}
.hero img{border-radius:22px;box-shadow:0 8px 30px rgba(31,42,68,.12);animation:none;background:#fff}
.hero h1{font-family:var(--font);font-weight:700;font-size:28px;letter-spacing:-.02em;color:var(--tx)} .hero h1 b{color:var(--tealtx);font-weight:700}
.sugg button{border-radius:12px}
.cbox{border-radius:18px} .tool summary .nm{color:var(--tealtx)}
.streaming .md>:last-child::after{background:var(--teal)}
.banner,.aboutlogo{width:100%;max-width:360px;height:auto;border:0;border-radius:0;box-shadow:none;margin:6px 0 10px}
[data-theme=dark] .aboutlogo{filter:brightness(0) invert(1) opacity(.9)}
.recovery{border-color:var(--teal);color:var(--tealtx)}
.toast{border-left-color:var(--teal)}
.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-type{color:var(--blue)} .hljs-string,.hljs-attr,.hljs-template-tag{color:var(--cream)}
[data-theme=light] .hljs-keyword,[data-theme=light] .hljs-selector-tag,[data-theme=light] .hljs-built_in,[data-theme=light] .hljs-type{color:var(--navy)} [data-theme=light] .hljs-string,[data-theme=light] .hljs-attr{color:var(--tealtx)}
/* tools nav */
.labhd{font-size:12px!important;font-weight:600;color:var(--mu)!important;letter-spacing:0!important;padding:4px 8px 6px!important;text-transform:none}
.labt img{border-radius:50%}
.containbar{background:color-mix(in srgb,var(--bad) 10%,var(--bg))}
.brainchip{background:var(--bg2);border-color:var(--line)} .brainchip img{width:20px!important;height:20px!important;border-radius:6px}
.brainpick .bp img{width:32px!important;height:32px!important;border-radius:8px}
/* decision helper (was the Oracle Jar) */
.oracle{max-width:560px;margin:0 auto}
.otitle{font-size:26px!important;color:var(--tx)!important;text-shadow:none!important;letter-spacing:-.02em!important;margin:10px 0 4px!important;font-weight:700}
.osub{margin:0 0 16px}
.obubble{width:100%;background:var(--card);border:1px solid var(--line2);border-radius:14px;box-shadow:none} .obubble:after{display:none}
.obubble:focus-within{border-color:var(--teal2);box-shadow:0 0 0 3px var(--ring)}
.obubble textarea{color:var(--tx);font-weight:500;font-size:17px;text-align:left} .obubble textarea::placeholder{color:var(--mu)}
.ojar{width:150px;height:150px;margin:18px auto 14px;border-radius:50%;border:2px solid var(--line);background:var(--card2);display:flex;align-items:center;justify-content:center}
.ojar img,.ojar .bubbles{display:none!important}
.owin{position:static;inset:auto;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:visible}
.die{position:static;transform:none!important;clip-path:none;width:120px;height:120px;aspect-ratio:auto;border-radius:50%;padding:10px;background:var(--teal)!important;align-items:center;transition:opacity .3s,filter .3s}
.die span{font:700 15px/1.2 var(--font)!important;color:#fff;text-shadow:none;word-break:normal}
.die[data-tone=yes]{background:var(--tealtx)!important} .die[data-tone=no]{background:var(--bad)!important} .die[data-tone=maybe]{background:var(--warn)!important}
.die.sink{opacity:.35;filter:none;transform:none!important} .die.rise{animation:pmfade .5s ease} @keyframes pmfade{from{opacity:.35}to{opacity:1}}
.ojar.shaking{animation:pmpulse .75s ease} @keyframes pmpulse{50%{transform:scale(.96)}}
button.shake{font:600 16px var(--font);letter-spacing:0;color:var(--onpri);background:var(--pri);border:0;border-radius:12px;box-shadow:none;padding:14px 22px;width:100%}
button.shake:active{transform:scale(.98);box-shadow:none}
.ocard h2.px,.ocard h2{font-size:20px;color:var(--tealtx)} .ocard.tone-no h2{color:var(--bad)} .ocard.tone-maybe h2{color:var(--warn)}
.odot{border-radius:50%} .odot.tone-no{background:var(--bad)}
/* research board (was the murder board) */
.btitle{font-size:16px!important;font-weight:700!important;color:var(--tx)!important;font-family:var(--font)!important}
button.pinkbtn{background:var(--pri);color:var(--onpri)}
.bwrap{background:var(--bg2)}
.bplane{border:1px solid var(--line);border-radius:12px;box-shadow:none;
 background:radial-gradient(circle,color-mix(in srgb,var(--mu) 28%,transparent) 1px,transparent 1.5px) 0 0/22px 22px,var(--bg2)}
.bstrings path.str{stroke:var(--teal);stroke-width:2;filter:none} .bstrings path.str.hl{stroke:var(--tealtx);stroke-width:3.5}
.bstrings text{font:500 11px var(--font);fill:var(--tx2);stroke:var(--bg2);stroke-width:4px}
.bc,.bc.k-note,.bc.k-text,.bc.k-file,.bc.k-link,.bc.k-entity,.bc.e-person,.bc.e-date,.bc.e-event,.bc.e-place,.bc.e-money,.bc.e-clue,.bc.e-org,.bc.e-object{
 background:var(--card);background-image:none;color:var(--tx);border:1px solid var(--line);border-left:4px solid var(--teal);border-bottom:1px solid var(--line);
 border-radius:10px;padding:10px 12px;box-shadow:0 1px 2px rgba(0,0,0,.06);font-family:var(--font);transform:none!important}
.bc.k-note{border-left-color:var(--blue)} .bc.k-link{border-left-color:var(--pink)} .bc.k-file{border-left-color:var(--mu)} .bc.e-person{border-left-color:var(--tealtx)} .bc.e-place{border-left-color:var(--tx)}
.bc.e-date,.bc.e-event{border-left-color:var(--warn)} .bc.e-money{border-left-color:var(--tx2)}
.bc .bch,.bc.k-link .bch,.bc.e-place .bch{font:600 11px var(--font);letter-spacing:.02em;color:var(--mu)}
.bc .bcb,.bc.k-link .bcb,.bc.e-place .bcb{color:var(--tx2)}
.bc.drag{box-shadow:0 10px 24px rgba(0,0,0,.18)} .bc.sel{outline:2px solid var(--teal)} .bc.hl{box-shadow:0 0 0 3px var(--ring)}
.bpin{display:none}
.bc .bread{font:600 10px var(--font)} .bc .bread.ok{background:var(--tealtx)} .bc .bread.no{background:var(--mu)}
.bempty{background:var(--card);color:var(--tx);border:1px dashed var(--line2)} .bempty h2{font-size:17px;color:var(--tx)}
.bask .send{background:var(--pri);color:var(--onpri)} .bans .px{color:var(--tealtx)}
/* assistants page (was the brain shelf) */
.shelfhero{display:none}
.card.brain img{width:48px!important;height:48px!important;border-radius:12px} .card.brain .bn{font-size:16px;color:var(--tx);font-weight:700;margin-bottom:2px}
.card.brain.custombrain{border-style:dashed;border-color:var(--line2)} .custombrain .ghostjar{opacity:.5;filter:grayscale(1)}
.jarpick .jp img{width:32px!important;height:32px!important;border-radius:8px}
.switchboard{background:var(--card);border:1px solid var(--line);box-shadow:none;color:var(--tx)}
.switchboard h2.px,.switchboard h2{font-size:17px;color:var(--tx)} .switchboard .muted{color:var(--mu)}
.lamp{width:10px;height:10px;background:var(--line2);box-shadow:none} .lamp.on{background:var(--teal);box-shadow:0 0 0 3px var(--ring)} .lamp.warn{background:var(--warn);box-shadow:none} .lamp.bad{background:var(--bad);box-shadow:none}
.lampt{font-size:13px!important;color:var(--tx2)!important;font-weight:600}
.gbox{background:var(--card2);border:1px solid var(--line);border-radius:12px} .glabel{font-size:12px!important;font-weight:600;color:var(--mu)!important}
.gtrack{stroke:var(--line)} .gfill{stroke:var(--teal)} .gfill.hot{stroke:var(--bad)} .gneedle{stroke:var(--tx2)} .ghub{fill:var(--tx2)} .gval{color:var(--tx)}
.toggle{background:var(--card2);color:var(--tx);border:1px solid var(--line)} .toggle .knob{background:var(--line2)} .toggle .knob:after{background:#fff} .toggle.on .knob{background:var(--teal)} .toggle.on .knob:after{background:#fff}
.sysline{background:var(--bg2);color:var(--tx2);border:1px solid var(--line);font-family:var(--font)!important}
.lever{display:none} .slot.on{border-color:var(--teal)}
.contain{border-color:color-mix(in srgb,var(--bad) 35%,var(--line))} .contain h2.px,.contain h2{font-size:17px;color:var(--tx)}
.bigred{min-height:48px;border-radius:12px;border:1px solid transparent;background:var(--bad);box-shadow:none;font-weight:600}
.bigred .px{font-size:15px!important;letter-spacing:0!important}
.bigred:active{transform:scale(.98);box-shadow:none} .bigred.on{background:var(--pri);color:var(--onpri);border-color:transparent;box-shadow:none}
/* memories (was specimens) */
.spec{background:var(--card);align-items:stretch} .spec img{display:none}
.spec .label{background:transparent;color:var(--tx);box-shadow:none;padding:2px 4px;border-left:3px solid var(--teal);border-radius:0}
.spec .sn{font:600 12px var(--font)!important;color:var(--mu)}
.specempty img{width:40px!important;height:40px!important;border-radius:10px}
/* scheduled jobs and activity */
.nightcost{background:var(--card)}
.items li.job img{width:28px!important;height:28px!important;border-radius:8px}
.page{background:var(--card);border-left:3px solid var(--teal)}
.nbdate{font-size:15px!important;color:var(--tx)!important;font-weight:700}
.badge.k-oracle{color:var(--tx)} .badge.k-board{color:var(--tealtx)} .badge.k-nightshift{color:var(--tx)} [data-theme=dark] .badge.k-nightshift{color:var(--coral)}
.card h2.px,.chead h2.px{font-size:17px}
.tourimg{background:var(--brandbg)} .tourimg img{image-rendering:auto} .tourdots i{border-radius:50%} .tourdots i.on{background:var(--teal)}
.days button.on,button.on{border-color:var(--teal);color:var(--tealtx)}
dialog{border-radius:16px}
@media (max-width:820px){.top .title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gpubtn{padding:0 11px}.top .pill{padding:0 10px}.hero h1{font-size:24px}.otitle{font-size:22px!important}}

/* ---- Spry Solutions overrides ---- */
html,body{font-family:var(--font);letter-spacing:0}
h1,h2,h3,.otitle,.btitle,.nbdate,.card.brain .bn,.loginbox h1,.hero h1,.spryname,.title,.labhd{font-family:var(--head)!important;font-weight:500;letter-spacing:-.01em}
.hero h1,.loginbox h1,.otitle{font-weight:600}
.px{font-family:var(--head)!important;font-weight:500!important}
/* the pill (brand graphic element, pages 11, 12 and 30) is the shape for every button and chip */
button,.newchat,.sugg button,.pill,.badge,.brainchip,.seg,.seg button,.toggle,.att{border-radius:999px}
button{font-family:var(--head);font-weight:500;letter-spacing:0}
.wordbtn,.icon.wordbtn,.icon.sm.wordbtn,.send.wordbtn{width:auto!important;min-width:0;padding:0 14px;font:500 13px/1 var(--head);gap:0;white-space:nowrap}
.icon.sm.wordbtn{height:30px;min-height:30px;padding:0 12px;font-size:12px}
.send.wordbtn{height:38px;padding:0 18px;font-size:14px;background:var(--pri);color:var(--onpri)} .send.wordbtn:disabled{opacity:1;background:var(--line);color:var(--mu)}
.send.stop{background:var(--coral)!important;color:var(--navy)!important}
.themetoggle{height:32px;min-height:32px;padding:0 14px;border:1px solid var(--line2);background:transparent;color:var(--tx);font:500 13px/1 var(--head)}
.themetoggle:hover{border-color:var(--tx)}
.gpubtn{border-radius:999px;font-family:var(--head);width:auto!important;padding:0 14px;white-space:nowrap} .gpubtn .lbl{display:inline!important}
.search{padding-left:12px} .search input{padding-left:0}
.cbar .ghost.wordbtn{border:1px solid var(--line);color:var(--tx2)}
.mbar .wordbtn{height:26px;min-height:26px;padding:0 10px;font-size:12px;color:var(--mu)}
/* no illustrations or icons (page 30): hide the pixel edition's jar art; the Spry symbol is the only mark (page 13) */
img[src^="/static/labs/"],.tourimg,.shelfhero,.specempty img{display:none!important}
.brainchip{padding:0 12px} .brainchip img{display:none!important}
.chead .tile{display:none}
/* login: cream with the navy logo by day, navy with the coral logo by night (page 8) */
.login{background:var(--bg)}
[data-theme=dark] .login{background:var(--bg)}
.sprylogo{width:min(300px,72vw);margin-bottom:6px} .sprylogo img{width:100%;height:auto;display:block}
[data-theme=light] .sprylogo .night,[data-theme=dark] .sprylogo .day,[data-theme=light] .brandrow .night,[data-theme=dark] .brandrow .day{display:none}
.loginbox{border-radius:20px;border-color:var(--line)} .loginbox h1{font-size:24px}
.foot{color:var(--mu)}
/* shell */
.brandrow{gap:10px;align-items:center} .brandrow img{width:22px;height:auto}
.spryname{font-size:17px;font-weight:500;color:var(--tx)} .spryname b{font-weight:600;color:var(--tx)}
.newchat{background:var(--pri);color:var(--onpri);font-family:var(--head);font-weight:500;justify-content:center}
.ci{border-radius:12px} .ci.on{box-shadow:inset 3px 0 0 var(--coral)} .nav{border-radius:12px} .nav.on{box-shadow:inset 3px 0 0 var(--coral)}
.av{background:var(--coral);color:var(--navy);font-family:var(--head);font-weight:600}
.pill .dot{background:var(--mu)} .pill.ready .dot{background:var(--coral)} .pill.ready{color:var(--tx)}
.top{background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line)}
/* chat */
.msg.a .jar{border:0;background:var(--navy);padding:5px;border-radius:50%}
.hero img{border-radius:28px;box-shadow:none;background:var(--navy)}
.hero h1 b{color:var(--tx);font-weight:600}
.msg.u .bub{background:var(--ubub);border-color:var(--ububline);border-radius:20px 20px 6px 20px}
.cbox{border-radius:24px;border-color:var(--line2);background:var(--card)}
.cbox:focus-within{border-color:var(--coral);box-shadow:0 0 0 3px var(--ring)}
.sugg button{border-radius:20px;font-family:var(--font);font-weight:400}
.aboutlogo.sprylogo{max-width:240px;margin:6px 0 12px} [data-theme=dark] .aboutlogo{filter:none}
.toast{border-left:0;border-radius:999px;padding-left:18px}
.md a{color:var(--tx);text-decoration-color:var(--coral);text-underline-offset:3px}
.md blockquote{border-left-color:var(--coral)}
/* tools */
.labhd{font-family:var(--head)!important}
.labt{border-radius:999px!important;justify-content:center}
.labt svg{display:none}
/* decision helper: a coral disc with navy type (page 15 pairs coral with navy) */
.die{background:var(--coral)!important} .die span{font:600 15px/1.2 var(--head)!important;color:var(--navy)}
.die[data-tone=yes]{background:var(--tx)!important} .die[data-tone=yes] span{color:var(--bg)}
.die[data-tone=no]{background:var(--coral)!important} .die[data-tone=no] span{color:var(--navy)}
.die[data-tone=maybe]{background:var(--blue)!important} .die[data-tone=maybe] span{color:var(--navy)}
.ocard h2{color:var(--tx)} .ocard.tone-no h2{color:var(--bad)} .ocard.tone-maybe h2{color:var(--tx2)}
button.shake{border-radius:999px;font-family:var(--head);font-weight:500}
.obubble{border-radius:20px}
/* research board */
.bc .bch{font-family:var(--head)!important}
.bc.k-link{border-left-color:var(--blue)} .bc.e-person{border-left-color:var(--navy)} [data-theme=dark] .bc.e-person{border-left-color:var(--cream)}
.bc.e-date,.bc.e-event{border-left-color:var(--lime)} .bc.e-place{border-left-color:var(--grey)}
.bc .bread.ok{background:var(--navy);color:var(--cream)} [data-theme=dark] .bc .bread.ok{background:var(--cream);color:var(--navy)}
/* assistants, status and the emergency stop */
.card.brain{display:block}
.card.brain .bn:before{content:"+ ";color:var(--coral);font-weight:600}
.bigred{border-radius:999px;background:var(--coral);color:var(--navy)}
.bigred.on{background:var(--pri);color:var(--onpri)}
.lamp.on{background:var(--coral)} .lamp.warn{background:var(--lime)}
.containbar{background:var(--coral);color:var(--navy)} .containbar svg{display:none}
.days button.on,button.on{border-color:var(--coral);color:var(--tx)}
.badge.k-oracle,.badge.k-board,.badge.k-nightshift{color:var(--tx)}
/* night: the guide's dark background is navy; keep code blocks readable */
[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-built_in{color:var(--blue)} [data-theme=dark] .hljs-string{color:var(--cream)}
@media (max-width:820px){.top .title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gpubtn{padding:0 11px}.top .pill{padding:0 10px}.wordbtn,.themetoggle{padding:0 11px;font-size:12px}.top .gpu{gap:6px}.title{font-size:15px}}
.labt.on,.nav.labt.on{box-shadow:none!important;background:var(--card);outline:1.5px solid var(--coral);outline-offset:-1.5px}
button.sm,.btn.sm,a.btn{border-radius:999px}