/* original labs, converted: light-first chrome in the new language; dark restores the original. */
:root{
  --g000:#FFFFFF;--g050:#F9FAFB;--g100:#F2F4F7;--g200:#EAECF0;--g300:#D0D5DD;
  --g400:#98A2B3;--g500:#667085;--g600:#475467;--g700:#344054;--bone:#101828;
  --ours-d:#1570EF;--ours-t:#175CD3;
}
[data-theme="dark"]{
  --g000:#0B0D0E;--g050:#131618;--g100:#1A1E20;--g200:#272C30;--g300:#394045;
  --g400:#525A5E;--g500:#7A8286;--g600:#9AA2A5;--g700:#B8BFC1;--bone:#EDEEEC;
  --ours-d:#1246E8;--ours-t:#3D7BFF;
}
body{background:var(--g000);color:var(--g700)}
.bar{background:rgba(255,255,255,.92);border-bottom:1px solid var(--g200)}
[data-theme="dark"] .bar{background:rgba(11,13,14,.9);border-bottom:1px solid var(--g200)}
.tb-site{display:none}
.tbui-nav{position:sticky;top:0;z-index:210;background:var(--g000);border-bottom:1px solid var(--g200);display:flex;align-items:center;gap:20px;padding:0 28px;height:56px;font-family:"Inter",sans-serif}
.tbui-nav .bm{display:flex;align-items:center;gap:10px;color:var(--bone)}
.tbui-nav .bm svg{height:16px;width:auto;display:block}
.tbui-nav .lk{display:flex;gap:2px;margin-left:6px;overflow-x:auto;scrollbar-width:none}
.tbui-nav .lk a{padding:7px 10px;border-radius:6px;font-size:13px;font-weight:600;color:var(--g600);text-decoration:none;white-space:nowrap}
.tbui-nav .lk a:hover{background:var(--g050);color:var(--bone)}
.tbui-nav .lk a.on{background:var(--g100);color:var(--bone)}
.tbui-thb{margin-left:auto;width:34px;height:34px;border:1px solid var(--g200);border-radius:8px;background:var(--g000);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--g600);flex:0 0 auto}
.tbui-thb svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tbui-thb .sun{display:none}
[data-theme="dark"] .tbui-thb .sun{display:block}
[data-theme="dark"] .tbui-thb .moon{display:none}
@media(max-width:760px){.tbui-nav{padding:0 14px;gap:10px}}
/* the drawn frames, converted to Untitled: palette, rounding, pills, controls */
:root{
  --paper:#F9FAFB;--card:#FFFFFF;--ink:#101828;--ink2:#475467;--ink3:#667085;
  --rule:#EAECF0;--rule2:#D0D5DD;--dim:#D0D5DD;
  --rest-d:#98A2B3;--rest-t:#667085;
  --thrs-d:#F79009;--thrs-t:#B54708;
  --won-d:#17B26A;--won-t:#067647;
  --endd-d:#F04438;--endd-t:#B42318;
  --s1:#D1E9FF;--s2:#B2DDFF;--s3:#84CAFF;--s4:#53B1FD;--s5:#1570EF;--s6:#175CD3;
}
.frame,.screen,.stage{border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.frame .btn,.screen .btn,.stage .btn,.btn{border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.in,.inp,.field,.srch{border-radius:8px}
.sw{border-radius:10px}
.sw i{border-radius:50%}
.sw.on{background:#1570EF;border-color:#1570EF}
.av{border-radius:50%}
.mk,.fsq{border-radius:3px}
.bdg{border-radius:16px;padding:1px 9px;border:1px solid transparent}
.bdg.ours{background:#EFF8FF;border-color:#B2DDFF;color:#175CD3}
.bdg.rest{background:#F9FAFB;border-color:#D0D5DD;color:#475467}
.bdg.thrs,.bdg.theirs{background:#FFFAEB;border-color:#FEDF89;color:#B54708}
.bdg.won{background:#ECFDF3;border-color:#ABEFC6;color:#067647}
.bdg.endd,.bdg.ended{background:#FEF3F2;border-color:#FECDCA;color:#B42318}
[data-theme="dark"] .frame,[data-theme="dark"] .screen,[data-theme="dark"] .stage{box-shadow:none}