*{box-sizing:border-box}
html,body{margin:0}
img{max-width:100%}
[hidden]{display:none!important}
:root{padding-top:env(safe-area-inset-top,0px)}
/* Layout: sticky header, one working column per view; Today pairs exercise cards with a log sidebar.
   Baby-blue ground; muscle groups and highlights use a ladder of blues (navy → sky → periwinkle → aqua). */
:root{
  --bg:#E7F3FD; --surface:#FFFFFF; --sunk:#F2F8FE; --ink:#0E2340; --muted:#4D6585; --line:#CBDEF2;
  --accent:#2A7BD1; --accent-ink:#FFFFFF; --accent-soft:#D8EAFB; --baby:#A9D6F7;
  --navy:#1D4C95; --blue:#2F7FD0; --sky:#62B3EE; --teal:#2A9DB4; --peri:#7B86E8; --aqua:#3CC3DA; --rest:#93A7BF;
  --warn-bg:#FFF4D9; --warn-ink:#684900; --stop-bg:#FCE5E3; --stop-ink:#7A1D17;
  --koala:#A3AFBB; --koala-dark:#7F8C99; --belly:#F3EEE8; --nose:#1D2430; --shorts:#2A7BD1;
  --f-display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --f-body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:12px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0B1626; --surface:#122139; --sunk:#0E1B2F; --ink:#E5F0FC; --muted:#9BB2D0; --line:#22385A;
  --accent:#6BB6F5; --accent-ink:#06182E; --accent-soft:#16304F; --baby:#2B527E;
  --navy:#5F8FDD; --blue:#4A9BEB; --sky:#86C7F5; --teal:#45B9CF; --peri:#99A2F2; --aqua:#5AD3E6; --rest:#6F84A0;
  --warn-bg:#3A2E10; --warn-ink:#F3D58A; --stop-bg:#3D1A18; --stop-ink:#F5B5AE;
  --koala:#9AA6B3; --koala-dark:#76838F; --belly:#D9D2CA; --nose:#0A0E14; --shorts:#4A9BEB; color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#0B1626; --surface:#122139; --sunk:#0E1B2F; --ink:#E5F0FC; --muted:#9BB2D0; --line:#22385A;
  --accent:#6BB6F5; --accent-ink:#06182E; --accent-soft:#16304F; --baby:#2B527E;
  --navy:#5F8FDD; --blue:#4A9BEB; --sky:#86C7F5; --teal:#45B9CF; --peri:#99A2F2; --aqua:#5AD3E6; --rest:#6F84A0;
  --warn-bg:#3A2E10; --warn-ink:#F3D58A; --stop-bg:#3D1A18; --stop-ink:#F5B5AE;
  --koala:#9AA6B3; --koala-dark:#76838F; --belly:#D9D2CA; --nose:#0A0E14; --shorts:#4A9BEB; color-scheme:dark;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.5}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--surface)}
h1,h2,h3,h4{font-family:var(--f-display);margin:0;line-height:1.05;text-wrap:balance;letter-spacing:.01em}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{max-width:1160px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--surface);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:14px;padding-block:8px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:8px;margin-right:auto}
.brand b{font-family:var(--f-display);font-size:25px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.brand b span{color:var(--accent)}
.sync{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap}
.sync i{width:8px;height:8px;border-radius:50%;background:var(--rest)}
.sync.cloud i{background:var(--accent)}
nav.tabs{width:100%;overflow-x:auto;display:flex;gap:4px;scrollbar-width:none}
nav.tabs button{border:0;background:none;padding:7px 14px;border-radius:999px;font-family:var(--f-display);font-size:17px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);cursor:pointer;white-space:nowrap}
nav.tabs button[aria-current="page"]{background:var(--accent);color:var(--accent-ink)}
nav.tabs button:hover:not([aria-current]){color:var(--ink);background:var(--accent-soft)}
@media(min-width:960px){nav.tabs{width:auto}}

main{padding-block:22px 64px}
.banner{background:var(--warn-bg);color:var(--warn-ink);padding:10px 14px;border-radius:var(--r);margin-bottom:16px;font-size:14px}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lede{color:var(--muted);max-width:62ch;margin:6px 0 0}
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);padding:8px 14px;border-radius:9px;cursor:pointer;font-weight:600}
.btn:hover{border-color:var(--accent)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.small{padding:4px 10px;font-size:13px}
.btn.danger{color:var(--stop-ink);border-color:var(--stop-ink)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.stack{display:flex;flex-direction:column;gap:12px}
.pageh{font-size:clamp(38px,6vw,54px);font-weight:800;text-transform:uppercase;letter-spacing:.02em}

.hype{display:flex;align-items:center;gap:16px;background:linear-gradient(120deg,var(--baby),var(--accent-soft) 70%);border-radius:var(--r);padding:10px 20px 10px 10px;margin-bottom:18px;overflow:hidden}
.hype svg{flex:none}
.hype blockquote{margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(22px,3.4vw,32px);line-height:1.05;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);text-wrap:balance}
.hype small{display:block;font-family:var(--f-body);font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--muted);margin-top:6px}

.kf{fill:var(--koala)}
.ks{fill:none;stroke:var(--koala);stroke-linecap:round}
.kb{fill:var(--belly)}
.kl{fill:none;stroke:var(--koala-dark);stroke-width:2.6;stroke-linecap:round}
.kn{fill:var(--nose)}
.kw{fill:none;stroke:var(--nose);stroke-width:3;stroke-linecap:round}
.ksh{fill:var(--shorts)}
.kband{fill:var(--accent)}
.kbow{fill:var(--peri)}
.kiron{fill:var(--ink)}
.kbar{stroke:var(--muted);stroke-width:5;stroke-linecap:round}

.dayhead{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}
.dayhead h1{font-size:clamp(40px,7vw,62px);font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.dayhead .grow{flex:1 1 260px;min-width:0}
.field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.field select,.field input,.field textarea{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--ink);min-width:0}
.today{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}
@media(max-width:920px){.today{grid-template-columns:minmax(0,1fr)}}
.alerts{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.alert{padding:10px 14px;border-radius:var(--r);font-size:14px;background:var(--warn-bg);color:var(--warn-ink)}
.alert.stop{background:var(--stop-bg);color:var(--stop-ink)}
.alert.info{background:var(--accent-soft);color:var(--ink)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;align-items:center}
.chip{display:inline-flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);background:var(--surface);padding:6px 14px 6px 12px;border-radius:10px;cursor:pointer;text-align:left;border-left:5px solid var(--c)}
.chip b{font-family:var(--f-display);font-size:19px;font-weight:600;letter-spacing:.02em}
.chip small{font-size:12px;color:var(--muted)}
.chip[aria-pressed="true"]{background:color-mix(in srgb,var(--c) 16%,var(--surface));border-color:var(--c)}
.chip small.flag{color:var(--warn-ink);background:var(--warn-bg);padding:0 6px;border-radius:4px}
.linkbtn{border:0;background:none;color:var(--accent);font-weight:600;cursor:pointer;padding:6px}
.cards{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media(min-width:1120px){.lib .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

.ex{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px}
@media(max-width:520px){
  .ex{grid-template-columns:96px minmax(0,1fr);gap:10px 12px;padding:12px}
  .exbody{display:contents}
  .exbody>*:not(.exhead){grid-column:1/-1}
  .exhead{align-self:center}
  .exhead h3{font-size:21px}
  .figtag{display:none}
}
.fig{position:relative;background:var(--sunk);border-radius:9px;aspect-ratio:1;max-width:100%;border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.fig svg{display:block;width:100%;height:100%;stroke-linecap:round;stroke-linejoin:round}
.fg polyline{fill:none;stroke:var(--ink);stroke-width:5}
.fg .head{fill:var(--ink)}
.fg .far{opacity:.42}
.ghost{opacity:.13}
.plate{fill:var(--c);stroke:var(--ink);stroke-width:1.5}
.hub{fill:var(--sunk)}
.hdl{fill:none;stroke:var(--ink);stroke-width:2.5}
.pad{fill:var(--line);stroke:var(--muted);stroke-width:2}
.sled{stroke:var(--muted);stroke-width:6}
.prop{stroke:var(--muted);stroke-width:4;fill:none}
.propfill{fill:var(--line)}
.cable{stroke:var(--muted);stroke-width:1.5}
.pulley{fill:var(--sunk);stroke:var(--muted);stroke-width:2}
.barend{fill:var(--muted)}
.ground{stroke:var(--line);stroke-width:2}
.figtag{position:absolute;left:8px;bottom:6px;right:8px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.exbody{display:flex;flex-direction:column;gap:10px;min-width:0}
.exhead h3{font-size:24px;font-weight:600}
.meta{font-size:13px;color:var(--muted)}
.lvl{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:1px 7px;border-radius:999px;background:var(--accent-soft);color:var(--ink);margin-left:6px;vertical-align:2px;font-family:var(--f-body)}
.rx{display:grid;grid-template-columns:auto auto auto;justify-content:start;gap:4px 22px;margin:0}
.rx div{display:flex;flex-direction:column}
.rx dt{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.rx dd{margin:0;font-family:var(--f-display);font-size:23px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1}
.effort{margin:0;font-size:13px;color:var(--muted)}
details{border-top:1px solid var(--line);padding-top:8px}
summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--accent)}
details ol,details ul{margin:8px 0;padding-left:20px}
details li{margin-bottom:4px;max-width:65ch}
details h4{font-family:var(--f-body);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:10px}
.note{font-size:14px;padding:8px 12px;border-radius:8px;background:var(--sunk);margin:8px 0 0;max-width:65ch}
.note.safe{background:var(--stop-bg);color:var(--stop-ink)}
.logform{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.logform label{display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:2px}
.logform input[type=text],.logform select{width:92px;border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:var(--surface);font-variant-numeric:tabular-nums}
.logform select{width:auto}
.logform input.wide{width:150px}
.logform .pain{flex-direction:row;align-items:center;gap:6px;padding-bottom:8px;font-size:13px}
.last{font-size:13px;color:var(--muted);margin:0}
.last b{color:var(--ink);font-weight:600}
.hint{font-size:13px;color:var(--accent);margin:0;font-weight:600}

.logcard{position:sticky;top:calc(env(safe-area-inset-top,0px) + 110px)}
.logcard h2{font-size:26px;text-transform:uppercase;margin-bottom:10px}
.setgroup{border-top:1px solid var(--line);padding-block:8px}
.setgroup h4{font-family:var(--f-body);font-size:14px;font-weight:600;margin-bottom:4px}
.setrow{display:flex;justify-content:space-between;align-items:center;font-variant-numeric:tabular-nums;font-size:14px;padding:2px 0;gap:8px}
.setrow .x{border:0;background:none;color:var(--muted);cursor:pointer;font-size:16px;padding:0 6px}
.setrow .x:hover{color:var(--stop-ink)}
.painmark{color:var(--stop-ink);font-size:12px;font-weight:600;margin-left:6px}
.muted{color:var(--muted)}
textarea{width:100%;resize:vertical}
.restcard{display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px;align-items:center}
@media(max-width:560px){.restcard{grid-template-columns:minmax(0,1fr)}}
.restcard h2{font-size:30px}
.restcard ul{margin:8px 0 0;padding-left:20px}

.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
@media(max-width:720px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.tile b{display:block;font-family:var(--f-display);font-size:38px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:var(--accent)}
.tile span{font-size:13px;color:var(--muted)}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
@media(max-width:840px){.two{grid-template-columns:minmax(0,1fr)}}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:10px}
.cal .h{font-size:11px;text-align:center;color:var(--muted);font-weight:600;letter-spacing:.08em}
.cal .d{aspect-ratio:1;border-radius:7px;display:flex;align-items:flex-start;padding:4px 5px;font-size:12px;font-variant-numeric:tabular-nums;background:var(--sunk);color:var(--muted)}
.cal .d.w{background:var(--c);color:var(--surface);font-weight:600}
.cal .d.r{background:transparent;box-shadow:inset 0 0 0 2px var(--rest)}
.cal .d.t{outline:2px solid var(--ink);outline-offset:1px}
.cal .d.f{opacity:.4}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:10px}
.legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.bars{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.bar{display:grid;grid-template-columns:130px minmax(0,1fr) 30px;gap:10px;align-items:center;font-size:13px}
.bar .track{position:relative;height:12px;background:var(--sunk);border-radius:3px}
.bar .fill{position:absolute;inset:0 auto 0 0;background:var(--c);border-radius:3px}
.bar .guide{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink);opacity:.5}
.bar b{font-variant-numeric:tabular-nums;text-align:right}
.sess{border-top:1px solid var(--line);padding-block:10px;display:flex;gap:12px;justify-content:space-between;align-items:flex-start}
.sess h4{font-family:var(--f-body);font-size:15px;font-weight:600}
.sess p{margin:2px 0 0;font-size:13px;color:var(--muted)}

.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
@media(max-width:1000px){.week{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
.wd{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--c);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;gap:6px;min-width:0}
.wd b{font-family:var(--f-display);font-size:19px;text-transform:uppercase;letter-spacing:.04em}
.wd .dn{font-size:13px;font-weight:600;color:var(--muted);min-height:2.6em}
.wd.today{box-shadow:0 0 0 2px var(--accent)}
.tg{display:flex;flex-wrap:wrap;gap:4px}
.tg button{border:1px solid var(--line);background:var(--sunk);border-radius:999px;padding:2px 9px;font-size:12px;cursor:pointer;color:var(--muted)}
.tg button[aria-pressed="true"]{background:var(--c);border-color:var(--c);color:var(--surface);font-weight:600}
.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.choice{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px;cursor:pointer}
.choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.choice b{display:block;font-size:15px}
.choice span{font-size:13px;color:var(--muted)}
.choice input{margin-top:4px;accent-color:var(--accent)}
.sec{margin-top:28px}
.sec>h2{font-size:28px;text-transform:uppercase;margin-bottom:6px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
table.rxt{border-collapse:collapse;font-size:14px;min-width:520px}
.rxt th,.rxt td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--line)}
.rxt th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rxt td{font-variant-numeric:tabular-nums}
.scroll{overflow-x:auto}

.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;margin-bottom:18px}
.pod{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.pod svg{max-width:100%;height:auto}
.pod.p1{background:linear-gradient(180deg,var(--baby),var(--surface));border-color:var(--accent)}
.pod .place{font-family:var(--f-display);font-weight:800;font-size:28px;color:var(--accent)}
.pod b{font-size:16px;overflow-wrap:anywhere}
.pod .pct{font-family:var(--f-display);font-size:34px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}
.ranks{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.ranks th,.ranks td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.ranks th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ranks tr.me td{background:var(--accent-soft);font-weight:600}
.ranks .rk{font-family:var(--f-display);font-size:22px;font-weight:700;color:var(--accent)}
.meter{height:8px;background:var(--sunk);border-radius:4px;min-width:80px;position:relative}
.meter i{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:4px}

.prose{max-width:68ch}
.prose h2{font-size:26px;text-transform:uppercase;margin:26px 0 6px}
.prose li{margin-bottom:5px}
.prose .src li{font-size:13px;color:var(--muted)}

.onb{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px}
@media(max-width:680px){.onb{grid-template-columns:minmax(0,1fr)}.onb .side{display:flex;align-items:center;gap:12px}}
.onb h1{font-size:46px;text-transform:uppercase;font-weight:800}
.onb h3{font-size:20px;margin:20px 0 8px;text-transform:uppercase;letter-spacing:.04em}
.onb .side blockquote{margin:10px 0 0;font-family:var(--f-display);font-size:24px;font-weight:700;text-transform:uppercase;line-height:1.05}
.err{color:var(--stop-ink);font-size:14px;font-weight:600;margin:6px 0 0}
.loading{display:flex;gap:16px;align-items:center;color:var(--muted)}
.ok{color:var(--accent);font-size:13px;font-weight:600}

/* phones: tabs become a bottom bar, today's log sits above the exercises */
@media(max-width:640px){
  .top .wrap{gap:8px;padding-block:6px}
  .brand b{font-size:21px}
  .brand svg{width:32px;height:32px}
  .sync{font-size:11px}
  nav.tabs{position:fixed;left:0;right:0;bottom:0;z-index:6;background:var(--surface);border-top:1px solid var(--line);gap:2px;overflow:visible;
    padding:6px max(6px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px))}
  nav.tabs button{flex:1 1 0;min-width:0;padding:9px 2px;font-size:14px;letter-spacing:.02em;border-radius:10px}
  main{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  .today .logcard{order:-1;position:static}
  .hype{padding:8px 14px 8px 6px;gap:10px}
  .hype svg{width:68px;height:75px}
  .onb .side svg{width:96px;height:106px}
  .onb h1{font-size:38px}
  .podium{gap:6px}
  .pod{padding:8px 4px}
  .pod .pct{font-size:26px}
  input,select,textarea{font-size:16px!important}
  .ranks{min-width:0;font-size:13px}
  .ranks th,.ranks td{padding:8px 5px}
  .ranks .meter,.ranks .dl,.ranks td svg{display:none}
  .ranks th{font-size:10px;letter-spacing:.04em}
  .ranks td{overflow-wrap:anywhere}
}

/* avatar picker */
.kd{fill:var(--koala-dark)}
.avgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.av{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:8px 4px 6px;cursor:pointer}
.av input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.av span{font-family:var(--f-display);font-weight:700;font-size:16px;letter-spacing:.04em;text-transform:uppercase}
.av:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent)}
.av:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}

/* sign-up / log-in switch */
.authtabs{display:inline-flex;gap:4px;background:var(--sunk);border:1px solid var(--line);border-radius:999px;padding:4px;margin:12px 0 4px}
.authtabs button{border:0;background:none;padding:8px 18px;border-radius:999px;font-family:var(--f-display);font-size:18px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);cursor:pointer}
.authtabs button[aria-selected="true"]{background:var(--accent);color:var(--accent-ink)}

/* settings */
.gear{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 12px 6px 9px;cursor:pointer;font-family:var(--f-display);font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.gear:hover{color:var(--ink);border-color:var(--accent)}
.gear[aria-current="page"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.profcard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;background:linear-gradient(120deg,var(--baby),var(--surface) 60%)}
.profname{font-size:40px;font-weight:800;text-transform:uppercase;overflow-wrap:anywhere}
.profuser{margin:0;color:var(--accent);font-weight:600;font-size:16px}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 18px;margin:8px 0 0}
.facts div{min-width:0}
.facts dt{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.subh{font-size:18px;text-transform:uppercase;letter-spacing:.04em;margin:18px 0 8px}
.subh2{font-size:28px;text-transform:uppercase;margin-bottom:6px}
@media(max-width:640px){
  .gear span{display:none}
  .gear{padding:6px}
  .profcard{grid-template-columns:minmax(0,1fr);justify-items:start}
  .profcard svg{width:110px;height:121px}
  .profname{font-size:32px}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .authtabs button{padding:8px 12px;font-size:15px}
}
/* build 20261102162926 */