/* [next]/internal/font/google/barlow_condensed_9d925c62.module.css [app-client] (css) */
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/9710cef2a2a6ac70-s.38t85nkp60tez.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/a978fc28c69736ab-s.2omtmoo94goav.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/303804218d80822e-s.p.3lj349bs9hfu1.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/e37557cf0085218d-s.2dbbbbabmw4n4.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/146a3e5eadafdf83-s.1oqo1buse5xew.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/d9b5d46d9a89ffe6-s.p.0xxdg0o7uh536.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/5a938ab334846ae8-s.0i8had3keju7i.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/3dae58b0b46c3f93-s.24oj26lcm6-u8.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/89232e6535d3b87e-s.p.2oeto2j5aaelm.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Barlow Condensed Fallback;
  src: local(Arial);
  ascent-override: 130.73%;
  descent-override: 26.15%;
  line-gap-override: 0.0%;
  size-adjust: 76.49%;
}

.barlow_condensed_9d925c62-module__Bm_yfG__className {
  font-family: Barlow Condensed, Barlow Condensed Fallback;
  font-style: normal;
}

.barlow_condensed_9d925c62-module__Bm_yfG__variable {
  --font-stencil-face: "Barlow Condensed", "Barlow Condensed Fallback";
}

/* [next]/internal/font/google/archivo_11bd9580.module.css [app-client] (css) */
@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/a2947afc6a06879b-s.1gyfqm5yhhzs7.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/651aaf1801011892-s.357dd_6abeqge.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/75affa71d1e2f6a7-s.p.17-aodiw50953.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/a2947afc6a06879b-s.1gyfqm5yhhzs7.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/651aaf1801011892-s.357dd_6abeqge.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/75affa71d1e2f6a7-s.p.17-aodiw50953.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/a2947afc6a06879b-s.1gyfqm5yhhzs7.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/651aaf1801011892-s.357dd_6abeqge.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/75affa71d1e2f6a7-s.p.17-aodiw50953.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/a2947afc6a06879b-s.1gyfqm5yhhzs7.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/651aaf1801011892-s.357dd_6abeqge.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/75affa71d1e2f6a7-s.p.17-aodiw50953.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/a2947afc6a06879b-s.1gyfqm5yhhzs7.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/651aaf1801011892-s.357dd_6abeqge.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/75affa71d1e2f6a7-s.p.17-aodiw50953.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Archivo Fallback;
  src: local(Arial);
  ascent-override: 88.96%;
  descent-override: 21.28%;
  line-gap-override: 0.0%;
  size-adjust: 98.7%;
}

.archivo_11bd9580-module__2d1cRa__className {
  font-family: Archivo, Archivo Fallback;
  font-style: normal;
}

.archivo_11bd9580-module__2d1cRa__variable {
  --font-display-face: "Archivo", "Archivo Fallback";
}

/* [next]/internal/font/google/yantramanav_a786d546.module.css [app-client] (css) */
@font-face {
  font-family: Yantramanav;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/b5f0cca9ead85a41-s.1bo9vffhal7gf.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}

@font-face {
  font-family: Yantramanav;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/60dccca101e111bd-s.3m9vm26nfher7.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Yantramanav;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/138d3fb70573b45b-s.p.2l7uu3ss7m45l.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Yantramanav;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/e9eadaea17a28cfc-s.3h2239quiqe7e.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}

@font-face {
  font-family: Yantramanav;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/463f80cd14f13ed8-s.14lno4lvkapcu.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Yantramanav;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/3822aa3546180270-s.p.3bd_4q4tohfkh.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Yantramanav;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/557409ddcf084686-s.2lho7x12b455f.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}

@font-face {
  font-family: Yantramanav;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/d5a9ebeac562f1d7-s.1o794zbv46epu.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Yantramanav;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/ee9ad4e0bd653f30-s.p.1o8g73spjbok2.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Yantramanav;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/ec8462c8a1c6d761-s.22f72z6pized-.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}

@font-face {
  font-family: Yantramanav;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/9ba5f7ae73bd81d0-s.0nrmbo2q6ri1_.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Yantramanav;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/fe67e6540d53896b-s.p.0kf62j0uqw6pe.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Yantramanav;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/777f137d978da721-s.0l638gs-q_bi6.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}

@font-face {
  font-family: Yantramanav;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/efb611655a3ad1c4-s.2t--6fe0myljw.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Yantramanav;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/690253932e4f6169-s.p.2-ylq_zn9ub5y.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Yantramanav Fallback;
  src: local(Arial);
  ascent-override: 101.69%;
  descent-override: 38.76%;
  line-gap-override: 0.0%;
  size-adjust: 92.33%;
}

.yantramanav_a786d546-module__mTIkqa__className {
  font-family: Yantramanav, Yantramanav Fallback;
  font-style: normal;
}

.yantramanav_a786d546-module__mTIkqa__variable {
  --font-yantramanav: "Yantramanav", "Yantramanav Fallback";
}

/* [project]/app/globals.css [app-client] (css) */
:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light dark;
  --bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #0a0a0a);
  --bg-raised: var(--lightningcss-light, #f4f4f4) var(--lightningcss-dark, #121212);
  --bg-hover: var(--lightningcss-light, #ebebeb) var(--lightningcss-dark, #1b1b1b);
  --bg-sunken: var(--lightningcss-light, #fafafa) var(--lightningcss-dark, #0d0d0d);
  --border: var(--lightningcss-light, #dcdcdc) var(--lightningcss-dark, #262626);
  --border-strong: var(--lightningcss-light, #b8b8b8) var(--lightningcss-dark, #3a3a3a);
  --fg: var(--lightningcss-light, #121212) var(--lightningcss-dark, #fff);
  --fg-muted: var(--lightningcss-light, #4d4d4d) var(--lightningcss-dark, #b0b0b0);
  --fg-faint: var(--lightningcss-light, #666) var(--lightningcss-dark, #8a8a8a);
  --brand: #fcc824;
  --brand-hover: var(--lightningcss-light, #e0a50c) var(--lightningcss-dark, #ffdc5e);
  --on-brand: #0a0a0a;
  --accent: var(--lightningcss-light, #7d5c00) var(--lightningcss-dark, #fcc824);
  --accent-hover: var(--lightningcss-light, #5f4700) var(--lightningcss-dark, #ffdc5e);
  --accent-soft: var(--lightningcss-light, #fff4cc) var(--lightningcss-dark, #2e2600);
  --ok: var(--lightningcss-light, #1a7f37) var(--lightningcss-dark, #3ddc7f);
  --warn: var(--lightningcss-light, #9a6700) var(--lightningcss-dark, #fcc824);
  --down: var(--lightningcss-light, #b91c1c) var(--lightningcss-dark, #f04438);
  --shadow: 0 1px 6px var(--lightningcss-light, #1212122e) var(--lightningcss-dark, #0009);
  --shadow-lg: 0 6px 24px #000000b8;
  --ring: 0 0 0 3px var(--lightningcss-light, #e0a50c4d) var(--lightningcss-dark, #fcc8243d);
  --radius: 4px;
  --font-stencil: var(--font-stencil-face), "Arial Narrow", ui-sans-serif, system-ui, sans-serif;
  --font-display: var(--font-display-face), ui-sans-serif, system-ui, sans-serif;
  --font-body: var(--font-yantramanav), ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif;
  --rail: 218px;
  --shell-max: 62rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
  }
}

@media (max-width: 900px) {
  :root {
    --rail: 20px;
  }
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --shadow-lg: 0 4px 16px #1212123d;
  }
}

:root[data-theme="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --shadow-lg: 0 4px 16px #1212123d;
}

:root[data-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

*, :before, :after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
  line-height: 1.6;
}

.display {
  font-family: var(--font-stencil);
  text-transform: uppercase;
  letter-spacing: .005em;
  font-weight: 800;
  line-height: 1.03;
}

a {
  color: inherit;
  text-decoration: none;
}

.wordmark {
  font-family: var(--font-stencil);
  text-transform: uppercase;
  letter-spacing: .01em;
  color: var(--fg);
  white-space: nowrap;
  align-items: center;
  gap: .42em;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
}

.wordmark-link {
  align-items: center;
  display: inline-flex;
}

.wordmark-glyph {
  flex: none;
  margin-top: -.06em;
}

.wordmark-text {
  align-items: baseline;
  gap: .3em;
  display: inline-flex;
}

.wordmark-tag {
  font-family: var(--font-display);
  letter-spacing: .14em;
  color: var(--fg-faint);
  font-size: .42em;
  font-weight: 500;
  transform: translateY(-.15em);
}

.wordmark-xl {
  gap: .3em;
  font-size: clamp(42px, 8vw, 64px);
}

.wordmark-xl .wordmark-text {
  flex-direction: column;
  align-items: flex-start;
  gap: .1em;
}

.wordmark-xl .wordmark-tag {
  letter-spacing: .34em;
  margin-right: -.34em;
  font-size: .185em;
  transform: none;
}

.wordmark-sm {
  font-size: 21px;
}

.wordmark-link:hover .wordmark-text {
  color: var(--accent);
}

.searchbox {
  background: var(--bg);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 11px 18px;
  transition: box-shadow .15s, border-color .15s;
  display: flex;
}

.searchbox:hover {
  box-shadow: var(--shadow);
  border-color: var(--border-strong);
}

.searchbox:focus-within {
  box-shadow: var(--shadow-lg), var(--ring);
  border-color: var(--brand);
}

.searchbox input {
  min-width: 0;
  color: var(--fg);
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  font-size: 16px;
  line-height: 1.5;
}

.searchbox input::placeholder {
  color: var(--fg-faint);
}

.searchbox .icon {
  color: var(--fg-faint);
  flex: none;
}

.searchbox button.clear {
  color: var(--fg-faint);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  flex: none;
  padding: 2px 4px;
  font-size: 18px;
  line-height: 1;
}

.searchbox button.clear:hover {
  color: var(--fg);
  background: var(--bg-hover);
}

.btn {
  border: 1px solid var(--border);
  background: var(--bg-raised);
  color: var(--fg);
  font: inherit;
  cursor: pointer;
  border-radius: 8px;
  padding: 9px 18px;
  font-size: 14px;
}

.btn:hover {
  border-color: var(--border-strong);
  background: var(--bg-hover);
}

.btn-primary {
  background: var(--brand);
  border-color: var(--brand);
  color: var(--on-brand);
  letter-spacing: .03em;
  text-transform: uppercase;
  font-weight: 700;
}

.btn-quiet {
  color: var(--fg-muted);
  background: none;
  border-color: #0000;
}

.btn-quiet:hover {
  background: var(--bg-hover);
  border-color: var(--border);
  color: var(--fg);
}

.btn-primary:hover {
  background: var(--brand-hover);
  border-color: var(--brand-hover);
}

.landing {
  background: radial-gradient(60rem 34rem at 50% 12%, #fcc8240f, #0000 70%), radial-gradient(40rem 26rem at 50% 92%, #fcc82409, #0000 72%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 26px;
  min-height: 100dvh;
  padding: 24px 20px 96px;
  display: flex;
}

.landing-inner {
  flex-direction: column;
  align-items: center;
  gap: 22px;
  width: 100%;
  max-width: 620px;
  display: flex;
}

.landing-eyebrow {
  font-family: var(--font-display);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--fg-faint);
  align-items: center;
  gap: 8px;
  margin: 0 0 -4px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.landing-eyebrow:before, .landing-eyebrow:after {
  content: "";
  background: var(--border-strong);
  width: 26px;
  height: 1px;
}

.landing-sub {
  color: var(--fg-muted);
  text-align: center;
  max-width: 30rem;
  margin: -6px 0 2px;
  font-size: 16px;
  line-height: 1.55;
}

.landing-sub strong {
  color: var(--fg);
  font-weight: 700;
}

.landing-facts {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 28px;
  margin-top: 10px;
  display: flex;
}

.landing-fact {
  color: var(--fg-faint);
  align-items: baseline;
  gap: 7px;
  font-size: 13px;
  display: flex;
}

.landing-fact b {
  font-family: var(--font-stencil);
  letter-spacing: .01em;
  color: var(--accent);
  font-size: 17px;
  font-weight: 700;
}

.examples {
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  display: flex;
}

.example {
  border: 1px solid var(--border);
  background: var(--bg-raised);
  color: var(--fg-muted);
  border-radius: var(--radius);
  cursor: pointer;
  font: inherit;
  text-align: left;
  padding: 7px 14px;
  font-size: 13.5px;
  transition: color .12s, border-color .12s, background .12s;
}

.example:hover {
  color: var(--fg);
  border-color: var(--brand);
  background: var(--bg-hover);
}

.example:focus-visible {
  border-color: var(--brand);
  box-shadow: var(--ring);
  outline: none;
}

.example.is-searching {
  color: var(--fg);
  border-color: var(--brand);
  cursor: progress;
  animation: .16s .12s forwards sb-dim;
}

@keyframes sb-dim {
  to {
    background: var(--bg-hover);
    opacity: .72;
  }
}

.searchbox .sb-icon {
  flex: none;
  width: 19px;
  height: 19px;
  display: grid;
}

.searchbox .sb-icon > svg {
  color: var(--fg-faint);
  grid-area: 1 / 1;
}

.searchbox .sb-icon > .sb-spin {
  opacity: 0;
}

.searchbox .sb-icon.is-searching > .sb-glass {
  animation: .16s .12s forwards sb-fade-out;
}

.searchbox .sb-icon.is-searching > .sb-spin {
  color: var(--accent);
  animation: .16s .12s forwards sb-fade-in, .75s linear .12s infinite sb-turn;
}

@keyframes sb-fade-out {
  to {
    opacity: 0;
  }
}

@keyframes sb-fade-in {
  to {
    opacity: 1;
  }
}

@keyframes sb-turn {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .searchbox .sb-icon.is-searching > .sb-glass {
    opacity: 0;
    animation: none;
  }

  .searchbox .sb-icon.is-searching > .sb-spin {
    opacity: 1;
    animation: none;
  }

  .example.is-searching {
    animation: none;
  }
}

.result-header {
  border-bottom: 1px solid var(--border);
  background: var(--bg);
  z-index: 10;
  padding: 18px 24px 0;
  position: sticky;
  top: 0;
}

.result-header:not(:has(.tabs)) {
  padding-bottom: 14px;
}

.result-header-row {
  align-items: center;
  gap: 26px;
  display: flex;
}

.result-header-row .searchbox {
  max-width: 620px;
  padding: 8px 16px;
}

.result-header-row > a:first-child, .result-header-row > .wordmark {
  flex: none;
  width: 168px;
}

@media (max-width: 900px) {
  .result-header-row > a:first-child, .result-header-row > .wordmark {
    width: auto;
  }
}

.tabs {
  padding-left: calc(var(--rail) - 24px);
  scrollbar-width: none;
  gap: 4px;
  margin: 14px 0 0;
  display: flex;
  overflow-x: auto;
}

.tabs::-webkit-scrollbar {
  display: none;
}

.tab {
  color: var(--fg-muted);
  cursor: pointer;
  border-bottom: 3px solid #0000;
  border-radius: 6px 6px 0 0;
  padding: 9px 14px 11px;
  font-size: 14px;
}

.tab:hover {
  color: var(--fg);
  background: var(--bg-hover);
}

.tab.active {
  color: var(--accent);
  border-bottom-color: var(--accent);
  font-weight: 700;
}

.tab .count {
  color: var(--fg-faint);
  font-variant-numeric: tabular-nums;
  margin-left: 5px;
  font-size: 12.5px;
}

.tab.active .count {
  color: var(--accent);
}

.results {
  max-width: 880px;
  padding: 20px 24px 80px var(--rail);
  grid-template-columns: minmax(0, 880px);
  align-items: start;
  gap: 34px;
  margin: 0;
  display: grid;
}

@media (min-width: 1250px) {
  .results {
    max-width: calc(var(--rail) + 880px + 34px + 312px + 24px);
    grid-template-columns: minmax(0, 880px) 312px;
  }
}

.results-col {
  min-width: 0;
}

.stats {
  color: var(--fg-faint);
  font-variant-numeric: tabular-nums;
  margin: 0 0 24px;
  font-size: 13px;
}

.sk-bar, .sk-avatar, .sk-pill, .tab-ghost-bar {
  background: var(--bg-hover);
  border-radius: 3px;
  animation: 1.35s ease-in-out infinite sk-pulse;
}

.sk-pill {
  border-radius: var(--radius);
  width: 54px;
  height: 28px;
  display: block;
}

.sk-result {
  pointer-events: none;
}

.sk-avatar {
  border-radius: 50%;
  flex: none;
  width: 50px;
  height: 50px;
  margin-top: 15px;
  display: block;
}

.sk-row {
  display: block;
}

.sk-bar {
  vertical-align: middle;
  max-width: 100%;
  height: 11px;
  display: inline-block;
}

.sk-bar-tall {
  height: 15px;
}

.tab-ghost {
  pointer-events: none;
}

.tab-ghost-bar {
  vertical-align: middle;
  height: 13px;
  display: inline-block;
}

.sk-result:nth-child(2n) .sk-bar {
  animation-delay: .14s;
}

.sk-result:nth-child(3n) .sk-bar {
  animation-delay: .28s;
}

@keyframes sk-pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .45;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sk-bar, .sk-avatar, .tab-ghost-bar {
    opacity: .8;
    animation: none;
  }
}

.answer {
  border: 1px solid var(--border);
  background: var(--bg-raised);
  border-radius: 12px;
  max-width: 640px;
  margin: 0 0 30px;
  padding: 16px 18px 13px;
}

.answer-head {
  margin-bottom: 9px;
}

.answer-badge {
  letter-spacing: .05em;
  text-transform: uppercase;
  background: var(--accent-soft);
  color: var(--accent);
  border-radius: 5px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  display: inline-block;
}

.answer-text {
  color: var(--fg);
  margin: 0;
  font-size: 15px;
  line-height: 1.62;
}

.panel .answer-text {
  margin-top: 12px;
}

.answer-points {
  color: var(--fg);
  margin: 11px 0 0;
  padding-left: 19px;
  font-size: 14px;
  line-height: 1.55;
}

.answer-points li {
  margin-bottom: 3px;
}

.answer-provenance {
  border-top: 1px solid var(--border);
  color: var(--fg-faint);
  margin: 13px 0 0;
  padding-top: 10px;
  font-size: 12px;
  line-height: 1.45;
}

.answer-line {
  background: var(--bg-hover);
  border-radius: 4px;
  height: 12px;
  margin-bottom: 10px;
  animation: 1.4s ease-in-out infinite answer-pulse;
}

.answer-line.short {
  width: 62%;
  margin-bottom: 0;
}

@keyframes answer-pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .45;
  }
}

@media (prefers-reduced-motion: reduce) {
  .answer-line {
    animation: none;
  }
}

.related {
  max-width: 640px;
  margin: 0 0 30px;
}

.related-head {
  color: var(--fg);
  margin: 0 0 4px;
  font-size: 17px;
  font-weight: 600;
}

.related-item {
  border-bottom: 1px solid var(--border);
}

.related-item:first-child {
  border-top: 1px solid var(--border);
}

.related-q {
  color: var(--fg);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px 4px 14px 2px;
  font-size: 15px;
  line-height: 1.45;
  list-style: none;
  display: flex;
}

.related-q::-webkit-details-marker {
  display: none;
}

.related-q:hover .related-q-text {
  color: var(--accent);
}

.related-q:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
  border-radius: 6px;
}

.related-chevron {
  border-right: 1.6px solid var(--fg-faint);
  border-bottom: 1.6px solid var(--fg-faint);
  flex: none;
  width: 9px;
  height: 9px;
  margin-right: 6px;
  transition: transform .12s;
  transform: rotate(45deg)translate(-2px, -2px);
}

.related-item[open] .related-chevron {
  transform: rotate(225deg)translate(-2px, -2px);
}

@media (prefers-reduced-motion: reduce) {
  .related-chevron {
    transition: none;
  }
}

.related-body {
  border: 1px solid var(--border);
  background: var(--bg-raised);
  border-radius: 10px;
  margin: 0 2px 16px;
  padding: 13px 15px 11px;
}

.related-answer {
  color: var(--fg);
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
}

.related-foot {
  border-top: 1px solid var(--border);
  color: var(--fg-faint);
  margin: 11px 0 0;
  padding-top: 9px;
  font-size: 12px;
  line-height: 1.5;
}

.related-more {
  color: var(--accent);
  white-space: nowrap;
}

.related-line {
  background: var(--bg-hover);
  border-radius: 4px;
  width: 58%;
  height: 12px;
  animation: 1.4s ease-in-out infinite answer-pulse;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .related-line {
    animation: none;
  }
}

.result {
  border: 1px solid #0000;
  border-radius: 14px;
  align-items: flex-start;
  gap: 15px;
  max-width: 720px;
  margin-bottom: 6px;
  padding: 15px 18px 14px;
  transition: border-color .14s, background .14s, box-shadow .14s;
  display: flex;
}

.result:hover {
  border-color: var(--border);
  background: var(--bg-raised);
  box-shadow: 0 1px 2px #00000024, 0 10px 26px -14px #0000008c;
}

.result:focus-within {
  border-color: var(--border);
  background: var(--bg-raised);
}

@media (prefers-reduced-motion: reduce) {
  .result {
    transition: none;
  }
}

.result-body {
  min-width: 0;
}

.result > .avatar {
  --avatar-size: 50px;
  width: var(--avatar-size);
  height: var(--avatar-size);
  margin-top: 15px;
  font-size: 18px;
}

.result-kicker {
  color: var(--fg-muted);
  align-items: center;
  gap: 8px;
  margin-bottom: 3px;
  font-size: 12.5px;
  display: flex;
}

.result-type {
  letter-spacing: .04em;
  text-transform: uppercase;
  background: var(--accent-soft);
  color: var(--accent);
  border-radius: 4px;
  padding: 1px 7px;
  font-size: 11px;
  font-weight: 600;
  display: inline-block;
}

.result-title {
  color: var(--accent);
  letter-spacing: -.01em;
  margin: 0 0 2px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.result a:hover .result-title {
  text-decoration: underline;
}

.result-link {
  color: var(--fg-muted);
  overflow-wrap: anywhere;
  margin: 0 0 4px;
  font-size: 12.5px;
  text-decoration: none;
  display: inline-block;
}

.result-link:hover {
  color: var(--accent);
  text-decoration: underline;
}

.result-headline {
  color: var(--fg);
  margin: 0 0 4px;
  font-size: 14.5px;
}

.result-snippet {
  color: var(--fg-muted);
  margin: 0 0 9px;
  font-size: 14px;
}

.result-explanation {
  color: var(--fg);
  border-left: 3px solid var(--brand);
  margin: 0 0 9px;
  padding-left: 11px;
  font-size: 14px;
}

.explanation-skeleton {
  background: var(--bg-hover);
  border-radius: 4px;
  width: 74%;
  max-width: 420px;
  height: 13px;
  margin: 0 0 9px;
  animation: 1.4s ease-in-out infinite answer-pulse;
}

@media (prefers-reduced-motion: reduce) {
  .explanation-skeleton {
    animation: none;
  }
}

.reasons {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.reason {
  border: 1px solid var(--border);
  color: var(--fg-muted);
  background: var(--bg-raised);
  border-radius: 6px;
  padding: 2px 9px;
  font-size: 12.5px;
}

.reason b {
  color: var(--fg);
  font-weight: 560;
}

.thumb {
  background: var(--bg-hover);
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 168px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.thumb img {
  width: 100%;
  height: 100%;
  display: block;
}

.thumb-video {
  aspect-ratio: 16 / 9;
}

.thumb-video img {
  object-fit: cover;
}

.thumb-image {
  aspect-ratio: 4 / 3;
}

.thumb-image img {
  object-fit: contain;
}

.thumb-duration {
  color: #fff;
  font-variant-numeric: tabular-nums;
  background: #000000c7;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 11.5px;
  font-weight: 560;
  line-height: 1.5;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.result-media {
  gap: 16px;
}

.result-thumb-link {
  flex: none;
  margin-top: 17px;
}

.result-kicker .strong {
  color: var(--fg);
  font-weight: 560;
}

.imagegrid {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 20px 16px;
  max-width: 880px;
  display: grid;
}

.imagecard {
  color: inherit;
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.imagecard-frame {
  aspect-ratio: 4 / 3;
  background: var(--bg-hover);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
  overflow: hidden;
}

.imagecard-frame img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  transition: transform .18s;
  display: block;
}

.imagecard:hover .imagecard-frame img {
  transform: scale(1.03);
}

.imagecard-title {
  color: var(--fg);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13.5px;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.imagecard:hover .imagecard-title {
  text-decoration: underline;
}

.imagecard-meta {
  color: var(--fg-faint);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  overflow: hidden;
}

.results-rail {
  min-width: 0;
}

@media (min-width: 1250px) {
  .results-rail {
    position: sticky;
    top: 130px;
  }
}

.rail-panel {
  border: 1px solid var(--border);
  border-radius: var(--radius-panel);
  background: var(--bg-raised);
  padding: 14px 14px 12px;
}

.rail-head {
  align-items: baseline;
  gap: 10px;
  margin-bottom: 11px;
  display: flex;
}

.rail-head h2 {
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--fg-faint);
  margin: 0;
  font-size: 11.5px;
  font-weight: 620;
}

.rail-more {
  color: var(--accent);
  white-space: nowrap;
  margin-left: auto;
  font-size: 12px;
}

.rail-more:hover {
  text-decoration: underline;
}

.rail-images {
  grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
  gap: 7px;
  display: grid;
}

.rail-image {
  aspect-ratio: 1;
  background: var(--bg-hover);
  border-radius: 6px;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.rail-image:empty {
  display: none;
}

.rail-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  transition: transform .18s;
  display: block;
}

.rail-image:hover img {
  transform: scale(1.06);
}

.rail-image:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.rail-note {
  color: var(--fg-faint);
  margin: 11px 0 0;
  font-size: 11px;
  line-height: 1.45;
}

.rail-loading {
  pointer-events: none;
}

.rail-loading .rail-image {
  opacity: .55;
}

.notice {
  max-width: 640px;
  color: var(--fg-muted);
}

.notice h2 {
  color: var(--fg);
  margin: 0 0 10px;
  font-size: 19px;
  font-weight: 560;
}

.notice ul {
  margin: 10px 0 0;
  padding-left: 20px;
}

.notice li {
  margin-bottom: 5px;
}

.warnbar {
  background: var(--bg-raised);
  border: 1px solid var(--border);
  border-left: 3px solid var(--warn);
  color: var(--fg-muted);
  border-radius: 6px;
  max-width: 640px;
  margin-bottom: 22px;
  padding: 9px 13px;
  font-size: 13px;
}

.pager {
  border-top: 1px solid var(--border);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  max-width: 660px;
  margin-top: 38px;
  padding-top: 24px;
  display: flex;
}

.pager-pages {
  align-items: center;
  gap: 4px;
  display: flex;
}

.pager-step {
  color: var(--accent);
  white-space: nowrap;
  border-radius: 9px;
  padding: 8px 14px;
  font-size: 14px;
}

.pager-step:hover {
  background: var(--bg-hover);
}

.pager-step.disabled {
  color: var(--fg-faint);
  cursor: default;
}

.pager-page {
  min-width: 36px;
  height: 36px;
  color: var(--fg-muted);
  font-variant-numeric: tabular-nums;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  padding: 0 9px;
  font-size: 14px;
  display: inline-flex;
}

.pager-page:hover {
  background: var(--bg-hover);
  color: var(--fg);
}

.pager-page.current {
  background: var(--brand);
  color: var(--on-brand);
  font-weight: 700;
}

.pager-page.current:hover {
  background: var(--brand);
}

.pager-gap {
  color: var(--fg-faint);
  -webkit-user-select: none;
  user-select: none;
  padding: 0 2px;
}

.detail-hero {
  background: var(--bg-hover);
  border-radius: 12px;
  margin: 18px 0 6px;
  overflow: hidden;
}

.detail-hero img {
  object-fit: contain;
  background: var(--bg-raised);
  width: 100%;
  max-height: 460px;
  display: block;
}

.detail-hero:empty {
  display: none;
}

.detail-understanding {
  border-left: 3px solid var(--brand);
  padding-left: 13px;
}

.detail-understanding-note {
  color: var(--fg-muted);
  margin: 6px 0 0;
  font-size: 12.5px;
}

.detail-related {
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  font-size: 14.5px;
  list-style: none;
  display: flex;
}

.detail-related li {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 9px;
  display: flex;
}

.detail-related-predicate {
  color: var(--fg-faint);
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: 11.5px;
  font-weight: 620;
}

.detail-related a {
  color: var(--accent);
  overflow-wrap: anywhere;
}

.detail-related a:hover {
  text-decoration: underline;
}

.detail {
  max-width: 1060px;
  margin: 0 auto;
  padding: 34px 24px 90px;
}

.detail-body {
  grid-template-columns: minmax(0, 1fr) 312px;
  align-items: start;
  gap: 40px;
  margin-top: 30px;
  display: grid;
}

@media (max-width: 900px) {
  .detail-body {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .detail-aside {
    order: -1;
  }
}

.detail-back {
  color: var(--fg-muted);
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  margin: 0 0 18px -10px;
  padding: 7px 12px 7px 10px;
  font-size: 14px;
  font-weight: 560;
  text-decoration: none;
  display: inline-flex;
}

.detail-back:hover {
  background: var(--bg-hover);
  color: var(--fg);
  text-decoration: none;
}

.detail-back-arrow {
  font-size: 17px;
  line-height: 1;
}

.detail-head {
  border-bottom: 1px solid var(--border);
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 8px;
  padding-bottom: 22px;
  display: flex;
}

.detail-head-text {
  flex: 1;
  min-width: 0;
}

.detail-cta {
  white-space: nowrap;
  align-self: center;
}

@media (max-width: 640px) {
  .detail-head {
    flex-wrap: wrap;
  }

  .detail-cta {
    justify-content: center;
    width: 100%;
  }
}

.avatar {
  --avatar-h: 250;
  --avatar-size: 42px;
  letter-spacing: .01em;
  background: var(--lightningcss-light, oklch(.925 .055 var(--avatar-h))) var(--lightningcss-dark, oklch(.315 .06 var(--avatar-h)));
  color: var(--lightningcss-light, oklch(.42 .13 var(--avatar-h))) var(--lightningcss-dark, oklch(.86 .11 var(--avatar-h)));
  -webkit-user-select: none;
  user-select: none;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  font-weight: 620;
  display: flex;
  overflow: hidden;
}

.avatar-image {
  object-fit: cover;
}

.avatar[data-rect] {
  object-fit: contain;
  border-radius: var(--radius);
}

.avatar[data-rect]:not(.avatar-mark) {
  background: var(--bg-sunken);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fg) 12%, transparent);
}

.avatar-mark {
  object-fit: contain;
  padding: calc(var(--avatar-size) * .16);
  background: #f2f2f2;
  box-shadow: inset 0 0 0 1px #0000002e;
}

.avatar-sm {
  --avatar-size: 30px;
  width: var(--avatar-size);
  height: var(--avatar-size);
  font-size: 12px;
}

.avatar-md {
  --avatar-size: 42px;
  width: var(--avatar-size);
  height: var(--avatar-size);
  font-size: 16px;
}

.avatar-lg {
  --avatar-size: 68px;
  width: var(--avatar-size);
  height: var(--avatar-size);
  font-size: 26px;
}

.detail h1 {
  font-family: var(--font-display);
  letter-spacing: -.02em;
  text-transform: uppercase;
  margin: 0 0 4px;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.1;
}

.detail-headline {
  color: var(--fg-muted);
  margin: 0;
  font-size: 16px;
}

.detail-meta {
  color: var(--fg-muted);
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 10px;
  font-size: 14px;
  display: flex;
}

.detail section {
  margin-top: 30px;
}

.detail-main > section:first-child, .detail-aside > section:first-child {
  margin-top: 0;
}

.detail-body + section, .rec {
  margin-top: 38px;
}

.detail h2 {
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--fg-faint);
  margin: 0 0 12px;
  font-size: 11.5px;
  font-weight: 620;
}

.detail p {
  color: var(--fg);
  margin: 0;
}

.chips {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.chip {
  border: 1px solid var(--border);
  background: var(--bg-raised);
  color: var(--fg);
  border-radius: 7px;
  padding: 4px 11px;
  font-size: 13.5px;
}

.detail dl:not([class]) {
  grid-template-columns: minmax(130px, auto) 1fr;
  gap: 9px 22px;
  margin: 0;
  font-size: 14.5px;
  display: grid;
}

.detail dl:not([class]) dt {
  color: var(--fg-muted);
}

.detail dl:not([class]) dd {
  margin: 0;
}

.infobox {
  border: 1px solid var(--border);
  border-radius: var(--radius-panel);
  background: var(--bg-raised);
  max-height: calc(100vh - 104px);
  padding: 18px 18px 20px;
  position: sticky;
  top: 84px;
  overflow-y: auto;
}

@media (max-width: 900px) {
  .infobox {
    max-height: none;
    position: static;
  }
}

.infobox h2 {
  margin: 0 0 14px;
}

.infobox-facts {
  flex-direction: column;
  gap: 13px;
  margin: 0;
  font-size: 14.5px;
  display: flex;
}

.infobox-fact dt {
  color: var(--fg-faint);
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 3px;
  font-size: 11.5px;
  font-weight: 620;
}

.infobox-fact dd {
  color: var(--fg);
  overflow-wrap: anywhere;
  margin: 0;
}

.infobox-link, .infobox-cats {
  border-top: 1px solid var(--border);
  margin-top: 16px;
  padding-top: 16px;
}

.infobox-link-label {
  color: var(--fg-faint);
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 11.5px;
  font-weight: 620;
  display: block;
}

.infobox-link a {
  color: var(--accent);
  overflow-wrap: anywhere;
  font-size: 13.5px;
}

.infobox-cats .chips {
  gap: 6px;
}

.infobox-cats .chip {
  padding: 3px 9px;
  font-size: 12.5px;
}

.entity-links a {
  color: var(--accent);
}

.entity-links a:hover {
  text-decoration: underline;
}

.site-footer {
  border-top: 1px solid var(--border);
  color: var(--fg-faint);
  flex-wrap: wrap;
  gap: 18px;
  padding: 16px 24px;
  font-size: 13px;
  display: flex;
}

.site-footer a:hover {
  color: var(--fg-muted);
  text-decoration: underline;
}

.landing-footer {
  background: var(--bg-raised);
  border-top: 1px solid var(--border);
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.footer-legal {
  color: var(--fg-faint);
}

.footer-legal b {
  color: var(--fg-muted);
  font-weight: 700;
}

.footer-spacer {
  margin-left: auto;
}

@media (max-width: 640px) {
  .footer-spacer {
    display: none;
  }

  .result-header {
    padding: 14px 16px 0;
  }

  .result-header-row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .results, .detail, .dash {
    padding-left: 16px;
    padding-right: 16px;
  }

  .tabs {
    overflow-x: auto;
  }
}

.btn-sm {
  padding: 5px 11px;
  font-size: 13px;
}

.btn-danger {
  color: var(--down);
  border-color: color-mix(in srgb, var(--down) 35%, var(--border));
}

.btn-danger:hover {
  background: color-mix(in srgb, var(--down) 10%, transparent);
}

.btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.btn-primary:disabled {
  opacity: 1;
  background: var(--bg-hover);
  border-color: var(--border);
  color: var(--fg-faint);
}

.btn-primary:disabled:hover {
  background: var(--bg-hover);
}

.muted {
  color: var(--fg-muted);
}

.small {
  font-size: 12.5px;
}

.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.strong {
  font-weight: 620;
}

.scroll-x {
  position: relative;
  overflow-x: auto;
}

.theme-toggle {
  width: 38px;
  height: 38px;
  color: var(--fg-muted);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 50%;
  flex: none;
  place-items: center;
  padding: 0;
  transition: background .14s, color .14s;
  display: grid;
}

.theme-toggle:hover {
  background: var(--bg-hover);
  color: var(--fg);
}

.theme-toggle:focus-visible {
  border-color: var(--brand);
  box-shadow: var(--ring);
  outline: none;
}

.theme-toggle svg {
  width: 19px;
  height: 19px;
}

.theme-in-dark {
  display: none;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .theme-in-dark {
    display: block;
  }

  :root:not([data-theme="light"]) .theme-in-light {
    display: none;
  }
}

:root[data-theme="dark"] .theme-in-dark {
  display: block;
}

:root[data-theme="dark"] .theme-in-light, :root[data-theme="light"] .theme-in-dark {
  display: none;
}

:root[data-theme="light"] .theme-in-light {
  display: block;
}

.header-tools {
  flex: none;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  display: flex;
}

.account {
  flex: none;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

.account-card {
  border: 1px solid #0000;
  border-radius: 999px;
  flex: none;
  align-items: center;
  margin-left: auto;
  transition: background .14s, border-color .14s;
  display: inline-flex;
}

.account-card:hover {
  background: var(--bg-hover);
  border-color: var(--border);
}

.account-card:has([aria-expanded="true"]) {
  background: var(--bg-hover);
  border-color: var(--border);
}

.account-card-sep {
  background: var(--border);
  opacity: .75;
  align-self: stretch;
  width: 1px;
  margin: 9px 2px;
}

.account-card .account-trigger:hover, .account-card .account-trigger[aria-expanded="true"] {
  background: none;
  border-color: #0000;
}

.account-card .account {
  margin-left: 0;
}

.account-link {
  color: var(--fg-muted);
  padding: 6px 4px;
  font-size: 14px;
}

.account-link:hover {
  color: var(--accent);
}

.account-name {
  color: var(--fg-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 140px;
  font-size: 13.5px;
  overflow: hidden;
}

.account-menu {
  position: relative;
}

.account-trigger {
  color: var(--fg-muted);
  font: inherit;
  border-radius: var(--radius);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 7px 15px 7px 7px;
  font-size: 14px;
  display: inline-flex;
}

.account-trigger .avatar {
  --avatar-size: 36px;
  width: var(--avatar-size);
  height: var(--avatar-size);
  font-size: 14px;
}

.account-trigger:hover, .account-trigger[aria-expanded="true"] {
  background: var(--bg-hover);
  border-color: var(--border);
  color: var(--fg);
}

.account-trigger:focus-visible {
  border-color: var(--brand);
  box-shadow: var(--ring);
  outline: none;
}

.account-trigger-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 140px;
  overflow: hidden;
}

.account-badge {
  background: var(--brand);
  color: var(--on-brand);
  letter-spacing: .07em;
  text-transform: uppercase;
  box-shadow: 0 1px 7px color-mix(in srgb, var(--brand) 40%, transparent);
  border-radius: 999px;
  flex: none;
  align-items: center;
  padding: 4px 8px 4px 9px;
  font-size: 10.5px;
  font-weight: 750;
  line-height: 1;
  display: inline-flex;
}

.account-caret {
  opacity: .7;
  flex: none;
  width: 10px;
  height: 6px;
}

.menu {
  z-index: 60;
  background: var(--bg-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  min-width: 15rem;
  box-shadow: var(--shadow-lg);
  flex-direction: column;
  gap: 1px;
  padding: 6px;
  display: flex;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
}

.menu-head {
  border-bottom: 1px solid var(--border);
  align-items: center;
  gap: 11px;
  margin-bottom: 5px;
  padding: 10px 10px 12px;
  display: flex;
}

.menu-head-text {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.menu-head-text b {
  font-family: var(--font-display);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.25;
  overflow: hidden;
}

.menu-head-text span {
  color: var(--fg-faint);
  font-size: 12px;
  line-height: 1.3;
}

.menu-head-mail {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.menu-item {
  width: 100%;
  color: var(--fg-muted);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 3px;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  font-size: 14px;
  display: flex;
}

.menu-item:hover {
  background: var(--bg-hover);
  color: var(--fg);
}

.menu-item:focus-visible {
  background: var(--bg-hover);
  color: var(--fg);
  box-shadow: inset 0 0 0 1px var(--brand);
  outline: none;
}

.menu-item:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.menu-icon {
  opacity: .8;
  flex: none;
  width: 17px;
  height: 17px;
}

.menu-item:hover .menu-icon {
  color: var(--brand);
  opacity: 1;
}

.menu-sep {
  background: var(--border);
  height: 1px;
  margin: 5px 0;
}

.notif {
  flex: none;
  position: relative;
}

.notif-trigger {
  width: 38px;
  height: 38px;
  color: var(--fg-muted);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 50%;
  place-items: center;
  margin: 6px 2px 6px 6px;
  padding: 0;
  transition: background .14s, color .14s;
  display: grid;
  position: relative;
}

.notif-trigger svg {
  width: 19px;
  height: 19px;
}

.notif-trigger:hover, .notif-trigger[aria-expanded="true"] {
  background: var(--bg-hover);
  color: var(--fg);
}

.notif-trigger:focus-visible {
  border-color: var(--brand);
  box-shadow: var(--ring);
  outline: none;
}

.notif-badge {
  background: var(--brand);
  min-width: 17px;
  height: 17px;
  color: var(--on-brand);
  font-variant-numeric: tabular-nums;
  box-shadow: 0 0 0 2px var(--bg);
  pointer-events: none;
  border-radius: 999px;
  place-items: center;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
  display: grid;
  position: absolute;
  top: -1px;
  right: -2px;
}

.notif-panel {
  z-index: 70;
  background: var(--bg-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  width: 24rem;
  max-width: calc(100vw - 24px);
  box-shadow: var(--shadow-lg);
  flex-direction: column;
  display: flex;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  overflow: hidden;
}

.notif-panel-head {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  padding: 12px 14px 10px;
  display: flex;
}

.notif-panel-head h2 {
  font-family: var(--font-display);
  margin: 0;
  font-size: 14.5px;
  font-weight: 700;
}

.notif-panel-count {
  color: var(--fg-faint);
  font-size: 12px;
}

.notif-tools {
  border-bottom: 1px solid var(--border);
  gap: 6px;
  padding: 0 10px 10px;
  display: flex;
}

.notif-tool {
  color: var(--fg-faint);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 7px;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 560;
  transition: background .14s, color .14s;
}

.notif-tool:hover:not(:disabled) {
  background: var(--bg-hover);
  color: var(--fg);
}

.notif-tool:disabled {
  opacity: .4;
  cursor: default;
}

.notif-tool:focus-visible {
  border-color: var(--brand);
  box-shadow: var(--ring);
  outline: none;
}

.notif-list {
  overscroll-behavior: contain;
  max-height: 26rem;
  overflow-y: auto;
}

.notif-list ul, .notif-page-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.notif-empty, .notif-page-empty {
  text-align: center;
  color: var(--fg-faint);
  margin: 0;
  padding: 26px 16px;
  font-size: 13px;
}

.notif-row {
  border-bottom: 1px solid var(--border);
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.notif-row:last-child {
  border-bottom: none;
}

.notif-row.is-unread {
  background: color-mix(in srgb, var(--brand) 5%, transparent);
}

.notif-row.is-read .notif-text b, .notif-row.is-read .notif-title-link {
  color: var(--fg-muted);
  font-weight: 560;
}

.notif-row-main {
  min-width: 0;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  flex: 1;
  align-items: flex-start;
  gap: 11px;
  padding: 11px 4px 11px 12px;
  display: flex;
}

.notif-row-main:hover {
  background: var(--bg-hover);
}

.notif-row-main:focus-visible {
  box-shadow: inset 0 0 0 1px var(--brand);
  outline: none;
}

.notif-mark {
  background: var(--bg-hover);
  width: 30px;
  height: 30px;
  color: var(--fg-muted);
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: grid;
}

.notif-mark svg {
  width: 17px;
  height: 17px;
}

.notif-mark.tone-info {
  background: color-mix(in srgb, var(--accent) 15%, transparent);
  color: var(--accent);
}

.notif-mark.tone-success {
  background: color-mix(in srgb, var(--ok) 15%, transparent);
  color: var(--ok);
}

.notif-mark.tone-warn {
  background: color-mix(in srgb, var(--warn) 17%, transparent);
  color: var(--warn);
}

.notif-mark.tone-danger {
  background: color-mix(in srgb, var(--down) 15%, transparent);
  color: var(--down);
}

.notif-text {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.notif-text b {
  color: var(--fg);
  font-size: 13.5px;
  font-weight: 640;
  line-height: 1.3;
}

.notif-title-link {
  color: var(--fg);
  align-self: flex-start;
  font-size: 13.5px;
  font-weight: 640;
  line-height: 1.3;
}

.notif-title-link:hover {
  color: var(--brand);
}

.notif-body {
  color: var(--fg-muted);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12.5px;
  line-height: 1.45;
  display: -webkit-box;
  overflow: hidden;
}

.notif-details {
  flex-wrap: wrap;
  gap: 4px 6px;
  margin: 2px 0 0;
  display: flex;
}

.notif-detail {
  border: 1px solid var(--border);
  background: var(--bg-sunken);
  border-radius: 5px;
  align-items: baseline;
  gap: 5px;
  min-width: 0;
  padding: 2px 7px;
  font-size: 11.5px;
  line-height: 1.35;
  display: flex;
}

.notif-detail dt, .notif-detail-label {
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--fg-faint);
  flex: none;
  margin: 0;
  font-size: 10.5px;
  font-weight: 600;
}

.notif-detail dd, .notif-detail-value {
  min-width: 0;
  color: var(--fg-muted);
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 34ch;
  margin: 0;
  overflow: hidden;
}

.notif-when {
  color: var(--fg-faint);
  flex-wrap: wrap;
  gap: 4px;
  font-size: 11.5px;
  display: flex;
}

.notif-when em {
  opacity: .8;
  font-style: normal;
}

.notif-dot {
  background: var(--brand);
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
  margin-top: 12px;
}

.notif-dismiss {
  width: 26px;
  height: 26px;
  color: var(--fg-faint);
  cursor: pointer;
  opacity: 0;
  background: none;
  border: 1px solid #0000;
  border-radius: 6px;
  flex: none;
  place-items: center;
  margin: 11px 8px 0 0;
  padding: 0;
  transition: opacity .14s, color .14s, background .14s;
  display: grid;
}

.notif-dismiss svg {
  width: 14px;
  height: 14px;
}

.notif-row:hover .notif-dismiss, .notif-row:focus-within .notif-dismiss {
  opacity: 1;
}

.notif-dismiss:hover {
  background: var(--bg-hover);
  color: var(--down);
}

.notif-dismiss:focus-visible {
  opacity: 1;
  border-color: var(--brand);
  box-shadow: var(--ring);
  outline: none;
}

@media (hover: none) {
  .notif-dismiss {
    opacity: 1;
  }
}

.notif-skeleton {
  margin: 0;
  padding: 8px;
  list-style: none;
}

.notif-skeleton li {
  background: linear-gradient(90deg,
    var(--bg-hover) 25%,
    color-mix(in srgb, var(--fg-faint) 12%, var(--bg-hover)) 50%,
    var(--bg-hover) 75%);
  background-size: 300% 100%;
  border-radius: 8px;
  height: 46px;
  margin-bottom: 6px;
  animation: 1.4s ease-in-out infinite notif-shimmer;
}

@keyframes notif-shimmer {
  to {
    background-position: -150% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .notif-skeleton li {
    animation: none;
  }
}

.notif-panel-foot {
  border-top: 1px solid var(--border);
  text-align: center;
  padding: 9px 14px;
}

.notif-panel-foot a {
  color: var(--fg-muted);
  font-size: 12.5px;
  font-weight: 560;
}

.notif-panel-foot a:hover {
  color: var(--brand);
}

.notif-filters {
  gap: 6px;
  margin-bottom: 12px;
  display: flex;
}

.dash-head-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.notif-page-list {
  margin: 0 -20px -18px;
}

.notif-page-list .notif-row {
  padding-left: 20px;
}

.notif-page-list .notif-row:last-child {
  border-bottom: none;
}

.notif-page-list .notif-text {
  padding: 13px 0;
}

.notif-page-list .notif-mark {
  margin: 13px 12px 0 0;
}

.notif-row-actions {
  align-items: center;
  gap: 2px;
  margin-left: auto;
  padding-right: 12px;
  display: flex;
}

.notif-row-actions .notif-tool {
  margin-top: 11px;
}

.uavatar {
  --avatar-h: 250;
  font-family: var(--font-display);
  -webkit-user-select: none;
  user-select: none;
  background: var(--lightningcss-light, oklch(.925 .055 var(--avatar-h))) var(--lightningcss-dark, oklch(.315 .06 var(--avatar-h)));
  color: var(--lightningcss-light, oklch(.42 .13 var(--avatar-h))) var(--lightningcss-dark, oklch(.86 .11 var(--avatar-h)));
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: inline-flex;
}

.uavatar-sm {
  width: 28px;
  height: 28px;
  font-size: 12.5px;
}

.uavatar-md {
  width: 38px;
  height: 38px;
  font-size: 16px;
}

.uavatar-lg {
  width: 60px;
  height: 60px;
  font-size: 25px;
}

.uavatar-xl {
  width: 88px;
  height: 88px;
  font-size: 36px;
}

.uavatar-img {
  object-fit: cover;
  background: var(--bg-sunken);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fg) 12%, transparent);
}

.landing-top {
  align-items: center;
  gap: 6px;
  display: flex;
  position: absolute;
  top: 18px;
  right: 24px;
}

.field > label {
  font-size: 13px;
  font-weight: 600;
  font-family: var(--font-display);
  color: var(--fg-muted);
}

.auth-form input, .field input, .field select, .field textarea, .filters input, .filters select, .debug-controls input, .debug-controls select, .entity-form input, .entity-form select, .entity-form textarea {
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
  background: var(--bg-sunken);
  color: var(--fg);
  font: inherit;
  width: 100%;
  padding: 10px 12px;
  font-size: 14.5px;
  transition: border-color .12s, box-shadow .12s;
}

.field input::placeholder {
  color: var(--fg-faint);
}

option {
  background: var(--bg-raised);
  color: var(--fg);
}

.auth-form input:focus, .field input:focus, .field select:focus, .field textarea:focus, .entity-form input:focus, .entity-form textarea:focus, .entity-form select:focus, .debug-controls input:focus {
  border-color: var(--brand);
  box-shadow: var(--ring);
  outline: none;
}

.field-bad input, .field-bad select {
  border-color: var(--down);
}

.field-bad input:focus {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--down) 22%, transparent);
}

.auth-form small, .field small, .field-hint {
  color: var(--fg-faint);
  font-size: 12.5px;
  line-height: 1.45;
}

.field-error {
  color: var(--down) !important;
}

.field-prefixed {
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
  background: var(--bg-sunken);
  align-items: center;
  transition: border-color .12s, box-shadow .12s;
  display: flex;
}

.field-prefixed:focus-within {
  border-color: var(--brand);
  box-shadow: var(--ring);
}

.field-bad .field-prefixed {
  border-color: var(--down);
}

.field-prefixed input {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.field-prefixed input:focus {
  outline: none;
  box-shadow: none !important;
}

.field-prefix {
  color: var(--fg-faint);
  -webkit-user-select: none;
  user-select: none;
  padding-left: 12px;
  font-size: 14.5px;
}

.field-prefixed .field-prefix + input {
  padding-left: 1px;
}

.field-reveal {
  color: var(--fg-faint);
  font: inherit;
  cursor: pointer;
  background: none;
  border: none;
  flex: none;
  padding: 0 12px;
  font-size: 12.5px;
  font-weight: 600;
}

.field-reveal:hover {
  color: var(--accent);
}

.form-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.stack {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.btn-block {
  text-align: center;
  justify-content: center;
  width: 100%;
}

.auth-shell {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 100dvh;
  display: grid;
}

.auth-aside {
  border-right: 1px solid var(--border);
  background: radial-gradient(48rem 30rem at 18% 8%, #fcc82412, transparent 68%),
    var(--bg-raised);
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  padding: 34px 44px;
  display: flex;
}

.auth-aside-brand {
  width: fit-content;
  display: inline-flex;
}

.auth-aside-body {
  max-width: 25rem;
}

.auth-aside-title {
  font-family: var(--font-stencil);
  text-transform: uppercase;
  letter-spacing: .01em;
  color: var(--fg);
  margin: 0 0 26px;
  font-size: clamp(28px, 3.2vw, 40px);
  font-weight: 800;
  line-height: 1.04;
}

.auth-perks {
  flex-direction: column;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.auth-perks li {
  color: var(--fg-muted);
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
}

.auth-perks b {
  color: var(--fg);
  font-family: var(--font-display);
  margin-bottom: 2px;
  font-size: 14.5px;
  font-weight: 600;
  display: block;
}

.auth-perk-mark {
  background: color-mix(in srgb, var(--brand) 15%, transparent);
  width: 18px;
  height: 18px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand) 38%, transparent);
  border-radius: 3px;
  flex: none;
  margin-top: 3px;
  position: relative;
}

.auth-perk-mark:after {
  content: "";
  border-left: 1.6px solid var(--brand);
  border-bottom: 1.6px solid var(--brand);
  width: 7px;
  height: 4px;
  position: absolute;
  top: 5px;
  left: 5px;
  transform: rotate(-45deg);
}

.auth-aside-foot {
  color: var(--fg-faint);
  margin: 0;
  font-size: 12.5px;
}

.auth-aside-foot b {
  color: var(--fg-muted);
  font-weight: 700;
}

.auth-panel {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  padding: 48px 24px;
  display: flex;
}

.auth-panel-brand {
  display: none;
}

.auth-card {
  width: 100%;
  max-width: 25rem;
}

.auth-title {
  font-family: var(--font-display);
  margin: 0 0 4px;
  font-size: 24px;
  font-weight: 700;
}

.auth-subtitle {
  color: var(--fg-muted);
  margin: 0 0 24px;
  font-size: 14.5px;
}

.auth-form {
  flex-direction: column;
  gap: 17px;
  width: 100%;
  display: flex;
}

.auth-error {
  background: color-mix(in srgb, var(--down) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--down) 30%, transparent);
  color: var(--down);
  border-radius: var(--radius);
  margin: 0;
  padding: 9px 12px;
  font-size: 13.5px;
}

.notice-ok {
  background: color-mix(in srgb, var(--ok) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--ok) 30%, transparent);
  color: var(--ok);
  border-radius: var(--radius);
  margin: 0;
  padding: 9px 12px;
  font-size: 13.5px;
}

.auth-alt {
  text-align: center;
  color: var(--fg-muted);
  margin: 4px 0 0;
  font-size: 13.5px;
}

.auth-alt a {
  color: var(--accent);
}

.auth-alt a:hover {
  text-decoration: underline;
}

@media (max-width: 900px) {
  .auth-shell {
    grid-template-columns: 1fr;
  }

  .auth-aside {
    display: none;
  }

  .auth-panel {
    justify-content: flex-start;
    padding-top: 8vh;
  }

  .auth-panel-brand {
    margin-bottom: 8px;
    display: block;
  }
}

.admin {
  --radius-panel: 14px;
  --radius-row: 8px;
  --glass-bg: color-mix(in srgb, var(--fg) 3%, transparent);
  --glass-border: color-mix(in srgb, var(--fg) 9%, transparent);
  --glass-shadow: 0 24px 60px -30px #000000e6;
  background: radial-gradient(1100px 460px at 12% -8%, color-mix(in srgb, var(--brand) 7%, transparent), transparent 70%),
    var(--bg);
  grid-template-columns: 264px 1fr;
  gap: 18px;
  min-height: 100dvh;
  padding: 18px 18px 18px 0;
  transition: grid-template-columns .18s;
  display: grid;
}

:root[data-admin-nav="mini"] .admin {
  grid-template-columns: 76px 1fr;
}

:root[data-admin-nav="mini"] .admin-nav-parent > a span, :root[data-admin-nav="mini"] .admin-nav-ghost span, :root[data-admin-nav="mini"] .admin-nav-toggle, :root[data-admin-nav="mini"] .admin-nav-children, :root[data-admin-nav="mini"] .admin-brand .wordmark-text, :root[data-admin-nav="mini"] .admin-tag {
  display: none;
}

:root[data-admin-nav="mini"] .admin-nav-parent > a, :root[data-admin-nav="mini"] .admin-nav-ghost {
  justify-content: center;
  padding: 10px 0;
}

:root[data-admin-nav="mini"] .admin-nav svg {
  width: 17px;
  height: 17px;
}

:root[data-admin-nav="mini"] .admin-brand {
  justify-content: center;
  padding: 6px 0 10px;
}

:root[data-admin-nav="mini"] .nav-collapse svg {
  transform: rotate(180deg);
}

.nav-when-mini, :root[data-admin-nav="mini"] .nav-when-wide {
  display: none;
}

:root[data-admin-nav="mini"] .nav-when-mini {
  display: inline;
}

.nav-collapse {
  width: 28px;
  height: 28px;
  color: var(--fg-faint);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  padding: 0;
  display: flex;
}

.nav-collapse svg {
  width: 15px;
  height: 15px;
  transition: transform .18s;
}

.nav-collapse:hover {
  color: var(--fg);
  background: var(--bg-hover);
  border-color: var(--glass-border);
}

.nav-collapse:focus-visible {
  box-shadow: var(--ring);
  border-color: var(--brand);
  outline: none;
}

@media (prefers-reduced-motion: reduce) {
  .admin, .nav-collapse svg {
    transition: none;
  }
}

.glass {
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-panel);
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  box-shadow: var(--glass-shadow);
}

.admin-side {
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-panel);
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  height: calc(100dvh - 36px);
  box-shadow: var(--glass-shadow);
  flex-direction: column;
  align-self: start;
  gap: 2px;
  margin-left: 18px;
  padding: 14px 12px;
  display: flex;
  position: sticky;
  top: 18px;
  overflow: hidden auto;
}

.admin-brand {
  border-bottom: 1px solid var(--glass-border);
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  padding: 2px 2px 12px;
  display: flex;
}

.admin-brand .wordmark-link, .admin-brand .wordmark {
  min-width: 0;
}

.admin-brand .wordmark-text {
  min-width: 0;
  overflow: hidden;
}

.admin-brand .wordmark {
  font-size: 18px;
}

.admin-brand .wordmark-glyph {
  width: 22px;
  height: 22px;
}

.admin-tag {
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--on-brand);
  background: var(--brand);
  border-radius: 3px;
  flex: none;
  padding: 2px 5px;
  font-size: 10px;
  font-weight: 700;
}

.admin-nav {
  flex: 1;
  padding-bottom: 8px;
}

.admin-nav-parent {
  border-left: 2px solid #0000;
  align-items: stretch;
  display: flex;
}

.admin-nav-parent > a, .admin-nav-ghost {
  min-width: 0;
  font-family: var(--font-display);
  color: var(--fg-muted);
  flex: 1;
  align-items: center;
  gap: 10px;
  padding: 8px 8px 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
}

.admin-nav-parent > a span, .admin-nav-children a span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.admin-nav svg {
  opacity: .72;
  flex: none;
  width: 15px;
  height: 15px;
}

.admin-nav-parent > a:hover {
  color: var(--fg);
  background: var(--bg-hover);
}

.admin-nav-parent > a:hover svg {
  opacity: 1;
}

.admin-nav-parent.is-active {
  border-left-color: var(--brand);
  background: var(--accent-soft);
}

.admin-nav-parent.is-active > a {
  color: var(--accent);
  font-weight: 700;
}

.admin-nav-parent.is-active svg {
  opacity: 1;
}

.admin-nav-parent.has-active {
  border-left-color: color-mix(in srgb, var(--brand) 45%, transparent);
}

.admin-nav-parent.has-active > a {
  color: var(--fg);
}

.admin-nav-toggle {
  width: 30px;
  color: var(--fg-faint);
  cursor: pointer;
  background: none;
  border: none;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.admin-nav-toggle:hover {
  color: var(--fg);
}

.admin-nav-toggle svg {
  opacity: 1;
  width: 13px;
  height: 13px;
  transition: transform .14s;
}

.admin-nav-toggle[aria-expanded="true"] svg {
  transform: rotate(90deg);
}

.admin-nav-toggle:focus-visible {
  box-shadow: var(--ring);
  border-radius: var(--radius);
  outline: none;
}

.admin-nav-children {
  border-left: 1px solid var(--border);
  flex-direction: column;
  margin-left: 23px;
  display: flex;
}

.admin-nav-children a {
  color: var(--fg-faint);
  border-left: 2px solid #0000;
  align-items: center;
  gap: 9px;
  margin-left: -1px;
  padding: 6px 8px 6px 13px;
  font-size: 13px;
  display: flex;
}

.admin-nav-children svg {
  width: 13.5px;
  height: 13.5px;
}

.admin-nav-children a:hover {
  color: var(--fg);
  background: var(--bg-hover);
}

.admin-nav-children a:hover svg {
  opacity: 1;
}

.admin-nav-children a.is-active {
  color: var(--accent);
  border-left-color: var(--brand);
  background: var(--accent-soft);
  font-weight: 600;
}

.admin-nav-children a.is-active svg {
  opacity: 1;
}

.admin-nav-ghost {
  color: var(--fg-faint);
}

.admin-main {
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-panel);
  background: radial-gradient(760px 320px at 92% -10%, color-mix(in srgb, var(--brand) 5%, transparent), transparent 72%),
    var(--glass-bg);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  min-width: 0;
  box-shadow: var(--glass-shadow);
}

.admin-topbar {
  z-index: 40;
  pointer-events: none;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 28px;
  display: flex;
  position: sticky;
  top: 18px;
}

.admin-topbar > * {
  pointer-events: auto;
}

.admin-topbar + .admin-head {
  padding-top: 8px;
}

.admin-topbar .account-card {
  border-color: var(--glass-border);
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.admin-topbar .account-card:hover {
  background: color-mix(in srgb, var(--bg) 92%, transparent);
  border-color: color-mix(in srgb, var(--brand) 34%, transparent);
}

.admin-topbar .account-card:has([aria-expanded="true"]) {
  background: color-mix(in srgb, var(--bg) 92%, transparent);
  border-color: color-mix(in srgb, var(--brand) 34%, transparent);
}

.admin-topbar .theme-toggle {
  border-color: var(--glass-border);
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.admin-topbar .theme-toggle:hover {
  background: color-mix(in srgb, var(--bg) 92%, transparent);
  border-color: color-mix(in srgb, var(--brand) 34%, transparent);
}

.admin-topbar .account-trigger {
  border-radius: 999px;
  padding: 4px 12px 4px 4px;
}

.admin-topbar .account-trigger:hover, .admin-topbar .account-trigger[aria-expanded="true"] {
  color: var(--fg);
}

.admin-topbar .account-trigger:focus-visible {
  border-color: var(--brand);
}

.admin .menu {
  border-radius: var(--radius-row);
}

.admin .menu-item {
  border-radius: 6px;
}

.admin-head {
  border-bottom: 1px solid var(--border);
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  padding: 20px 28px;
  display: flex;
}

.admin-head h1 {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: -.01em;
  margin: 0;
  font-size: 23px;
  font-weight: 900;
}

.admin-head-meta {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  font-size: 13.5px;
  display: flex;
}

.admin-body {
  max-width: none;
  padding: 24px 28px 90px;
}

.section-title {
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--fg-faint);
  margin: 30px 0 12px;
  font-size: 11.5px;
  font-weight: 620;
}

.section-title:first-child {
  margin-top: 0;
}

.pill {
  letter-spacing: .03em;
  background: var(--bg-hover);
  color: var(--fg-muted);
  white-space: nowrap;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 620;
}

.pill-live {
  background: var(--brand);
  color: var(--on-brand);
}

.pill-dev {
  background: var(--bg-hover);
  color: var(--fg-muted);
}

.pill-db {
  background: var(--bg-hover);
  color: var(--fg-muted);
  font-family: ui-monospace, monospace;
}

.pill-ok {
  background: color-mix(in srgb, var(--ok) 16%, transparent);
  color: var(--ok);
}

.pill-bad {
  background: color-mix(in srgb, var(--down) 16%, transparent);
  color: var(--down);
}

.stats {
  grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
  gap: 12px;
  display: grid;
}

.stat {
  border: 1px solid var(--border);
  background: var(--bg-raised);
  border-radius: 10px;
  padding: 14px 16px;
}

.stat-label {
  color: var(--fg-muted);
  font-size: 12.5px;
}

.stat-value {
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  margin-top: 2px;
  font-size: 25px;
  font-weight: 620;
}

.stat-hint {
  color: var(--fg-faint);
  margin-top: 1px;
  font-size: 12px;
}

.panel {
  border: 1px solid var(--border);
  background: var(--bg-raised);
  border-radius: 10px;
  padding: 16px 18px;
}

.panel-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: flex;
}

.alert {
  border: 1px solid var(--border);
  background: var(--bg-raised);
  border-radius: 9px;
  margin-bottom: 18px;
  padding: 11px 14px;
  font-size: 13.5px;
}

.alert code {
  background: var(--bg-hover);
  border-radius: 4px;
  padding: 1px 5px;
}

.alert a {
  color: var(--accent);
  text-decoration: underline;
}

.alert-warn {
  border-left: 3px solid var(--warn);
}

.alert-error {
  border-left: 3px solid var(--down);
  color: var(--down);
}

.alert-ok {
  border-left: 3px solid var(--ok);
}

.table {
  border-collapse: collapse;
  width: 100%;
  font-size: 13.5px;
}

.table th {
  text-align: left;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--fg-faint);
  border-bottom: 1px solid var(--border);
  white-space: nowrap;
  padding: 0 12px 9px;
  font-size: 11px;
  font-weight: 620;
}

.table th.num {
  text-align: right;
}

.table td {
  border-bottom: 1px solid var(--border);
  vertical-align: top;
  padding: 11px 12px;
}

.table tr:last-child td {
  border-bottom: 0;
}

.table a {
  color: var(--accent);
}

.table a:hover {
  text-decoration: underline;
}

.table .weight {
  color: var(--fg-faint);
  font-size: 9.5px;
  font-weight: 400;
  display: block;
}

.table td.zero {
  color: var(--fg-faint);
}

.table td.has-value {
  color: var(--fg);
  font-weight: 560;
}

.row-busy {
  opacity: .55;
}

.row-actions {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.row-note {
  margin-top: 5px;
  font-size: 12px;
}

.row-note.ok {
  color: var(--ok);
}

.row-note.bad {
  color: var(--down);
}

.filters, .debug-controls {
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  display: flex;
}

.filters input, .debug-controls input {
  flex: 1;
  min-width: 200px;
}

.filters select, .debug-controls select {
  width: auto;
  min-width: 130px;
}

.check {
  color: var(--fg-muted);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-size: 13.5px;
  display: flex;
}

.check input {
  width: auto;
}

.tabish {
  color: var(--fg-muted);
  border-radius: 7px;
  padding: 4px 10px;
  font-size: 13.5px;
}

.tabish:hover {
  background: var(--bg-hover);
  color: var(--fg);
}

.tabish.active {
  background: var(--accent-soft);
  color: var(--accent);
  font-weight: 560;
}

.terms {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 7px;
  margin-top: 9px;
  display: flex;
}

.terms-label {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--fg-faint);
  min-width: 108px;
  font-size: 11.5px;
}

.debug-result {
  border-bottom: 1px solid var(--border);
  gap: 13px;
  padding: 11px 0;
  display: flex;
}

.debug-result:last-child {
  border-bottom: 0;
}

.debug-rank {
  color: var(--fg-faint);
  font-variant-numeric: tabular-nums;
  min-width: 20px;
}

.quicklinks {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  display: grid;
}

.quicklink {
  border: 1px solid var(--border);
  background: var(--bg-raised);
  border-radius: 10px;
  flex-direction: column;
  gap: 3px;
  padding: 14px 16px;
  display: flex;
}

.quicklink:hover {
  border-color: var(--accent);
  background: var(--bg-hover);
}

.quicklink strong {
  color: var(--accent);
  font-weight: 560;
}

.quicklink span {
  color: var(--fg-muted);
  font-size: 12.5px;
}

.action-row {
  border-bottom: 1px solid var(--border);
  align-items: center;
  gap: 20px;
  padding: 13px 0;
  display: flex;
}

.action-row:last-child {
  border-bottom: 0;
}

.action-row > div {
  flex: 1;
}

.action-row p {
  margin: 3px 0 0;
}

.action-row button {
  flex: none;
}

.kv {
  grid-template-columns: minmax(160px, auto) 1fr;
  gap: 9px 22px;
  margin: 0;
  font-size: 14px;
  display: grid;
}

.kv dt {
  color: var(--fg-muted);
}

.kv dd {
  margin: 0;
}

.kv code {
  background: var(--bg-hover);
  border-radius: 4px;
  padding: 1px 6px;
}

.kv a {
  color: var(--accent);
}

.tax-top {
  border-bottom: 1px solid var(--border);
  padding: 11px 0;
}

.tax-top:last-child {
  border-bottom: 0;
}

.tax-top h3 {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 600;
}

.entity-form {
  flex-direction: column;
  gap: 15px;
  max-width: 780px;
  display: flex;
}

.form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  display: grid;
}

.form-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.field {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.field-label {
  color: var(--fg-muted);
  font-size: 13px;
  font-weight: 500;
}

.check-field {
  flex-direction: row;
  align-self: end;
  align-items: center;
  gap: 8px;
  padding-bottom: 9px;
}

.check-field input {
  width: auto;
}

.form-section {
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--fg-faint);
  border-top: 1px solid var(--border);
  margin: 14px 0 0;
  padding-top: 16px;
  font-size: 11.5px;
  font-weight: 620;
}

.form-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 8px;
  display: flex;
}

.entity-form textarea {
  resize: vertical;
  font-family: inherit;
}

@media (max-width: 900px) {
  .admin {
    grid-template-columns: 1fr;
  }

  .admin-side {
    height: auto;
    position: static;
  }

  .form-grid, .form-grid-3 {
    grid-template-columns: 1fr;
  }
}

.cell-entity {
  align-items: center;
  gap: 10px;
  display: flex;
}

.dash {
  --radius-panel: 14px;
  --radius-row: 8px;
  --glass-bg: color-mix(in srgb, var(--fg) 3%, transparent);
  --glass-border: color-mix(in srgb, var(--fg) 9%, transparent);
  --glass-shadow: 0 24px 60px -30px #000000e6;
  background: radial-gradient(1100px 460px at 12% -8%, color-mix(in srgb, var(--brand) 6%, transparent), transparent 70%),
    transparent;
  grid-template-columns: 13.5rem minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  margin: 0;
  padding: 18px 24px 90px;
  transition: grid-template-columns .18s;
  display: grid;
}

.dash-side {
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-panel);
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  box-shadow: var(--glass-shadow);
  flex-direction: column;
  align-self: start;
  gap: 2px;
  padding: 14px 12px;
  display: flex;
  position: sticky;
  top: 18px;
  overflow-x: hidden;
}

.dash-side-head {
  border-bottom: 1px solid var(--glass-border);
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  padding: 2px 4px 12px;
  display: flex;
}

.dash-side-title {
  font-family: var(--font-display);
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--fg-faint);
  font-size: 11px;
  font-weight: 700;
}

:root[data-dash-nav="mini"] .dash {
  grid-template-columns: 68px minmax(0, 1fr);
}

:root[data-dash-nav="mini"] .dash-nav-item span, :root[data-dash-nav="mini"] .dash-side-title {
  display: none;
}

:root[data-dash-nav="mini"] .dash-nav-item {
  justify-content: center;
  padding: 10px 0;
}

:root[data-dash-nav="mini"] .dash-side-head {
  justify-content: center;
  padding: 2px 0 12px;
}

:root[data-dash-nav="mini"] .nav-collapse svg {
  transform: rotate(180deg);
}

:root[data-dash-nav="mini"] .nav-when-wide {
  display: none;
}

:root[data-dash-nav="mini"] .nav-when-mini {
  display: inline;
}

@media (prefers-reduced-motion: reduce) {
  .dash {
    transition: none;
  }
}

.dash-nav {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.dash-nav-item {
  border-radius: var(--radius);
  color: var(--fg-muted);
  border-left: 2px solid #0000;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  font-size: 14px;
  display: flex;
}

.dash-nav-item svg {
  opacity: .75;
  flex: none;
  width: 17px;
  height: 17px;
}

.dash-nav-item:hover {
  background: var(--bg-raised);
  color: var(--fg);
}

.dash-nav-item.is-active {
  background: var(--bg-raised);
  border-left-color: var(--brand);
  color: var(--fg);
  font-weight: 600;
}

.dash-nav-item.is-active svg {
  color: var(--brand);
  opacity: 1;
}

.dash-main {
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-panel);
  background: radial-gradient(760px 320px at 92% -10%, color-mix(in srgb, var(--brand) 5%, transparent), transparent 72%),
    var(--glass-bg);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  min-width: 0;
  box-shadow: var(--glass-shadow);
  flex-direction: column;
  gap: 22px;
  padding: 24px 28px 32px;
  display: flex;
}

.dash .panel, .dash .sheet, .dash .card {
  border-radius: var(--radius-row);
}

.dash-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  display: flex;
}

.dash-head h1 {
  font-family: var(--font-display);
  margin: 0;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
}

.dash-sub, .dash-greet p {
  color: var(--fg-muted);
  margin: 4px 0 0;
  font-size: 14px;
}

.dash-greet {
  align-items: center;
  gap: 16px;
  display: flex;
}

.dash-foot {
  color: var(--fg-faint);
  margin: 0;
  font-size: 13px;
}

.dash-foot a {
  color: var(--accent);
}

.dash-foot a:hover {
  text-decoration: underline;
}

.cards {
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: 14px;
  display: grid;
}

.card {
  background: var(--bg-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 16px 18px;
}

.card-stat h3 {
  font-family: var(--font-display);
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--fg-faint);
  margin: 0 0 8px;
  font-size: 11.5px;
  font-weight: 600;
}

.card-stat b {
  font-family: var(--font-stencil);
  letter-spacing: .01em;
  color: var(--fg);
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.card-stat b.stat-small {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 600;
}

.card-stat p {
  color: var(--fg-faint);
  margin: 8px 0 0;
  font-size: 12.5px;
}

.card-stat p a {
  color: var(--accent);
}

.card-stat p a:hover {
  text-decoration: underline;
}

.sheet {
  background: var(--bg-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
}

.sheet-head {
  border-bottom: 1px solid var(--border);
  padding: 16px 20px;
}

.sheet-head h2 {
  font-family: var(--font-display);
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.sheet-head p {
  color: var(--fg-muted);
  margin: 4px 0 0;
  font-size: 13px;
}

.sheet-body {
  padding: 20px;
}

.sheet-body .field > input, .sheet-body .field > select, .sheet-body .field-prefixed {
  max-width: 26rem;
}

.sheet-head-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.profile-preview .sheet-body {
  background: var(--bg-sunken);
}

.ppreview {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.ppreview-text {
  min-width: 0;
}

.ppreview-name {
  font-family: var(--font-display);
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
}

.ppreview-handle {
  color: var(--fg-faint);
  margin: 2px 0 0;
  font-size: 14px;
}

.ppreview-bio {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-width: 46ch;
  margin: 10px 0 0;
  font-size: 14.5px;
  line-height: 1.55;
}

.ppreview-empty {
  color: var(--fg-faint);
  margin: 10px 0 0;
  font-size: 14px;
  font-style: italic;
}

.ppreview-meta {
  color: var(--fg-muted);
  flex-wrap: wrap;
  gap: 6px 16px;
  margin: 12px 0 0;
  padding: 0;
  font-size: 13.5px;
  list-style: none;
  display: flex;
}

.ppreview-meta a {
  color: var(--accent);
  overflow-wrap: anywhere;
}

.ppreview-meta a:hover {
  text-decoration: underline;
}

.ppreview-note {
  margin: 18px 0 0;
}

.ppreview-note a {
  color: var(--accent);
}

.ppreview-note a:hover {
  text-decoration: underline;
}

.avatar-edit {
  align-items: center;
  gap: 20px;
  display: flex;
}

.avatar-edit-pic {
  flex: none;
  line-height: 0;
  position: relative;
}

.avatar-edit-busy {
  background: color-mix(in srgb, var(--bg) 62%, transparent);
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
  inset: 0;
}

.avatar-edit-side {
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.avatar-edit-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.field-row {
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 16px;
  display: grid;
}

.field-foot {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  display: flex;
}

.field-count {
  color: var(--fg-faint);
  font-variant-numeric: tabular-nums;
  flex: none;
  font-size: 12.5px;
}

.field-count-low {
  color: var(--down);
}

.linklist {
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.linklist-row {
  grid-template-columns: 10rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  display: grid;
}

.linklist-row input {
  max-width: none;
}

@media (max-width: 620px) {
  .linklist-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .linklist-label {
    grid-column: 1 / -1;
  }
}

.rule {
  border: none;
  border-top: 1px solid var(--border);
  margin: 4px 0;
}

.visually-hidden {
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

@media (max-width: 620px) {
  .ppreview, .avatar-edit {
    flex-direction: column;
    align-items: flex-start;
  }
}

.sheet-split {
  grid-template-columns: 12rem minmax(0, 1fr);
  align-items: start;
  gap: 26px;
  display: grid;
}

.avatar-block {
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.sheet-danger {
  border-color: color-mix(in srgb, var(--down) 32%, var(--border));
}

.sheet-danger .sheet-head {
  border-bottom-color: color-mix(in srgb, var(--down) 24%, var(--border));
}

.sheet-danger .sheet-head h2 {
  color: var(--down);
}

.deflist {
  grid-template-columns: 10rem minmax(0, 1fr);
  gap: 10px 18px;
  margin: 0 0 18px;
  font-size: 14px;
  display: grid;
}

.deflist dt {
  color: var(--fg-faint);
  font-size: 13px;
}

.deflist dd {
  color: var(--fg);
  overflow-wrap: anywhere;
  min-width: 0;
  margin: 0;
}

.deflist code {
  color: var(--fg-muted);
  font-size: 12.5px;
}

.sessions {
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.session {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg-sunken);
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  display: flex;
}

.session.is-current {
  border-color: color-mix(in srgb, var(--brand) 40%, var(--border));
}

.session-no {
  text-align: right;
  min-width: 1.4em;
  color: var(--fg-faint);
  font-variant-numeric: tabular-nums;
  flex: none;
  font-size: 12.5px;
}

.session-main {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  margin-right: auto;
  display: flex;
}

.session-main b {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 600;
}

.session-main span {
  color: var(--fg-faint);
  font-size: 12.5px;
}

.session-main code {
  font-size: 12px;
}

.empty {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 34px 24px 30px;
  display: flex;
}

.empty-mark {
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--brand) 13%, transparent);
  width: 44px;
  height: 44px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand) 34%, transparent);
  color: var(--brand);
  place-items: center;
  margin-bottom: 16px;
  display: grid;
}

.empty-mark svg {
  width: 22px;
  height: 22px;
}

.empty h3 {
  font-family: var(--font-display);
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 700;
}

.empty > p {
  color: var(--fg-muted);
  max-width: 34rem;
  margin: 0 0 22px;
  font-size: 14px;
  line-height: 1.55;
}

.empty-steps {
  text-align: left;
  flex-direction: column;
  gap: 1px;
  width: 100%;
  max-width: 36rem;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
  display: flex;
}

.empty-steps li {
  background: var(--bg-sunken);
  border: 1px solid var(--border);
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "title tag"
                       "desc tag";
  align-items: center;
  gap: 2px 14px;
  padding: 13px 14px;
  display: grid;
}

.empty-steps li:first-child {
  border-radius: var(--radius) var(--radius) 0 0;
}

.empty-steps li:last-child {
  border-radius: 0 0 var(--radius) var(--radius);
}

.empty-steps li + li {
  border-top: none;
}

.empty-steps b {
  font-family: var(--font-display);
  grid-area: title;
  font-size: 14px;
  font-weight: 600;
}

.empty-steps span {
  color: var(--fg-faint);
  grid-area: desc;
  font-size: 12.5px;
  line-height: 1.45;
}

.empty-steps em {
  font-style: normal;
  font-family: var(--font-display);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--fg-faint);
  border: 1px solid var(--border);
  white-space: nowrap;
  border-radius: 3px;
  grid-area: tag;
  padding: 3px 7px;
  font-size: 10.5px;
  font-weight: 600;
}

.empty-actions {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  display: flex;
}

@media (max-width: 900px) {
  .dash {
    padding: 20px var(--rail) 70px;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .dash-side {
    padding: 8px;
    position: static;
  }

  .dash-side-head {
    display: none;
  }

  :root[data-dash-nav="mini"] .dash {
    grid-template-columns: 1fr;
  }

  :root[data-dash-nav="mini"] .dash-nav-item span {
    display: inline;
  }

  :root[data-dash-nav="mini"] .dash-nav-item {
    justify-content: flex-start;
    padding: 9px 12px;
  }

  .dash-nav {
    flex-direction: row;
    gap: 6px;
    padding-bottom: 4px;
    position: static;
    overflow-x: auto;
  }

  .dash-nav-item {
    border-radius: var(--radius) var(--radius) 0 0;
    white-space: nowrap;
    border-bottom: 2px solid #0000;
    border-left: none;
  }

  .dash-nav-item.is-active {
    border-bottom-color: var(--brand);
  }
}

@media (max-width: 720px) {
  .sheet-split, .deflist {
    grid-template-columns: 1fr;
  }

  .avatar-block {
    flex-direction: row;
    align-items: center;
  }

  .empty-steps li {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "title"
                         "desc"
                         "tag";
    justify-items: start;
    gap: 4px;
  }
}

.wallet {
  background: var(--bg-sunken);
  border: 1px solid var(--border);
  border-left: 3px solid var(--brand);
  border-radius: var(--radius);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  margin-bottom: 22px;
  padding: 26px 28px;
  display: grid;
}

.wallet-label {
  font-family: var(--font-display);
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--fg-faint);
  font-size: 11.5px;
  font-weight: 600;
  display: block;
}

.wallet-balance {
  font-family: var(--font-stencil);
  letter-spacing: .01em;
  font-variant-numeric: tabular-nums;
  color: var(--accent);
  align-items: baseline;
  gap: 10px;
  margin-top: 6px;
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.wallet-unit {
  font-family: var(--font-display);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--fg-faint);
  font-size: 14px;
  font-weight: 600;
}

.wallet-worth {
  color: var(--fg-muted);
  margin: 8px 0 0;
  font-size: 13px;
}

.wallet-facts {
  border-left: 1px solid var(--border);
  gap: 26px;
  margin: 0;
  padding-left: 26px;
  display: flex;
}

.wallet-facts dt {
  font-family: var(--font-display);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--fg-faint);
  font-size: 10.5px;
  font-weight: 600;
}

.wallet-facts dd {
  font-family: var(--font-display);
  font-variant-numeric: tabular-nums;
  color: var(--fg);
  margin: 5px 0 0;
  font-size: 19px;
  font-weight: 600;
}

.packs {
  grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
  gap: 14px;
  display: grid;
}

.pack {
  background: var(--bg-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  flex-direction: column;
  gap: 8px;
  padding: 18px 18px 16px;
  transition: border-color .12s, transform .12s;
  display: flex;
}

.pack:hover {
  border-color: var(--border-strong);
  transform: translateY(-1px);
}

.pack:focus-within {
  border-color: var(--brand);
}

.pack-head {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.pack-head h3 {
  font-family: var(--font-display);
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--fg-muted);
  margin: 0;
  font-size: 12px;
  font-weight: 600;
}

.pack-bonus {
  background: var(--brand);
  color: var(--on-brand);
  font-family: var(--font-display);
  letter-spacing: .04em;
  white-space: nowrap;
  border-radius: 2px;
  padding: 2px 7px;
  font-size: 10.5px;
  font-weight: 700;
}

.pack-credits {
  font-family: var(--font-stencil);
  font-variant-numeric: tabular-nums;
  color: var(--fg);
  align-items: baseline;
  gap: 6px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.pack-credits span {
  font-family: var(--font-display);
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--fg-faint);
  font-size: 11px;
  font-weight: 600;
}

.pack-price {
  font-family: var(--font-display);
  color: var(--fg);
  margin: 0;
  font-size: 17px;
  font-weight: 600;
}

.pack-note {
  color: var(--fg-faint);
  flex: 1;
  margin: 0 0 4px;
  font-size: 12.5px;
  line-height: 1.45;
}

.pack-legal {
  color: var(--fg-faint);
  max-width: 62ch;
  margin: 16px 0 0;
  font-size: 12px;
  line-height: 1.55;
}

.ledger td, .ledger th {
  vertical-align: top;
}

.ledger .num {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ledger-desc {
  color: var(--fg-muted);
  margin-top: 4px;
  font-size: 12.5px;
  display: block;
}

.delta-up {
  color: var(--ok);
  font-weight: 600;
}

.delta-down {
  color: var(--fg-muted);
  font-weight: 600;
}

.row-warn td {
  background: color-mix(in srgb, var(--warn) 8%, transparent);
}

.cell-sub {
  color: var(--fg-faint);
  margin-top: 2px;
  font-size: 12px;
  display: block;
}

.card-credits b {
  color: var(--accent);
}

.profile-wallet {
  background: var(--bg-sunken);
  border: 1px solid var(--border);
  border-left: 3px solid var(--brand);
  border-radius: var(--radius);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
  padding: 14px 16px;
  display: flex;
}

.profile-wallet-label {
  font-family: var(--font-display);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--fg-faint);
  font-size: 10.5px;
  font-weight: 600;
  display: block;
}

.profile-wallet-balance {
  font-family: var(--font-display);
  font-variant-numeric: tabular-nums;
  color: var(--accent);
  font-size: 24px;
  font-weight: 700;
}

.profile-wallet-worth {
  color: var(--fg-faint);
  margin-left: 8px;
  font-size: 12.5px;
}

.tabs-line {
  border-bottom: 1px solid var(--border);
  gap: 4px;
  margin: 22px 0 16px;
  display: flex;
}

.tabs-line a {
  font-family: var(--font-display);
  color: var(--fg-muted);
  border-bottom: 2px solid #0000;
  margin-bottom: -1px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
}

.tabs-line a:hover {
  color: var(--fg);
}

.tabs-line a.is-active {
  color: var(--fg);
  border-bottom-color: var(--brand);
}

.adjust {
  background: var(--bg-sunken);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
  min-width: 280px;
  padding: 12px;
}

.adjust-head {
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.adjust-head b {
  font-size: 13px;
}

.adjust-head .btn {
  margin-left: auto;
}

.adjust-modes {
  gap: 6px;
  margin-bottom: 8px;
  display: flex;
}

.adjust-modes label {
  font-family: var(--font-display);
  color: var(--fg-muted);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  cursor: pointer;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.adjust-modes label.is-active {
  color: var(--fg);
  border-color: var(--brand);
}

.adjust-fields {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.adjust-fields input[type="number"] {
  width: 92px;
}

.adjust-fields input[type="text"] {
  flex: 1;
  min-width: 150px;
}

.adjust-hint {
  color: var(--fg-faint);
  margin: 8px 0 0;
  font-size: 11.5px;
  line-height: 1.45;
}

.adjust-ok {
  color: var(--ok);
  margin: 8px 0 0;
  font-size: 12px;
}

.adjust-bad {
  color: var(--down);
  margin: 8px 0 0;
  font-size: 12px;
}

.refund {
  background: var(--bg-sunken);
  border: 1px solid var(--down);
  border-radius: var(--radius);
  min-width: 240px;
  padding: 10px;
}

.refund-warn {
  color: var(--fg);
  margin: 0 0 8px;
  font-size: 12.5px;
  line-height: 1.4;
}

.refund input {
  width: 100%;
}

.refund-actions {
  gap: 6px;
  margin-top: 8px;
  display: flex;
}

@media (max-width: 860px) {
  .wallet {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .wallet-facts {
    border-left: none;
    border-top: 1px solid var(--border);
    justify-content: space-between;
    padding-top: 16px;
    padding-left: 0;
  }

  .wallet-balance {
    font-size: 44px;
  }
}

.robot-form {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.tabish-row {
  border-bottom: 1px solid var(--border);
  gap: 4px;
  padding-bottom: 8px;
  display: flex;
}

.tabish-row .tabish {
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  font-size: 13.5px;
}

.btn-small {
  padding: 3px 9px;
  font-size: 12px;
}

.bulk-bar {
  border: 1px solid var(--accent-soft);
  background: var(--accent-soft);
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding: 10px 12px;
  display: flex;
}

.decision-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.decision-row input {
  flex: 1;
  min-width: 200px;
}

.review-split {
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  align-items: start;
  gap: 14px;
  display: grid;
}

.source-text {
  white-space: pre-wrap;
  word-break: break-word;
  color: var(--fg-muted);
  background: var(--bg-hover);
  border-radius: 8px;
  max-height: 340px;
  margin: 0;
  padding: 12px;
  font-size: 12.5px;
  line-height: 1.55;
  overflow-y: auto;
}

.test-result {
  border-top: 1px solid var(--border);
  margin-top: 10px;
  padding-top: 10px;
}

.test-item {
  border-bottom: 1px solid var(--border);
  padding: 9px 0;
}

.test-item:last-child {
  border-bottom: 0;
}

.test-item p {
  margin: 3px 0 0;
  font-size: 13px;
}

.provenance-note {
  border-top: 1px solid var(--border);
  padding-top: 14px;
}

.provenance-note p {
  font-size: 13px;
  line-height: 1.6;
}

.provenance-note a {
  word-break: break-all;
}

.admin .admin-head-sub {
  color: var(--fg-faint);
  margin: 3px 0 0;
  font-size: 13px;
}

.kpis {
  grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
  gap: 12px;
  display: grid;
}

.kpi {
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-panel);
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  color: inherit;
  padding: 16px 17px;
  transition: border-color .16s, transform .16s;
  display: block;
  position: relative;
}

.kpi:hover {
  border-color: color-mix(in srgb, var(--brand) 34%, transparent);
  transform: translateY(-1px);
}

.kpi-icon {
  width: 34px;
  height: 34px;
  color: var(--accent);
  background: color-mix(in srgb, var(--brand) 10%, transparent);
  border-radius: 10px;
  place-items: center;
  display: grid;
  box-shadow: inset 0 0 0 1px;
}

.kpi-icon svg {
  width: 18px;
  height: 18px;
}

.kpi-good .kpi-icon {
  color: #199e70;
  background: #199e701f;
}

.kpi-quiet .kpi-icon {
  color: var(--fg-muted);
  background: color-mix(in srgb, var(--fg) 6%, transparent);
}

.kpi-warn .kpi-icon {
  color: #d95926;
  background: #d959261f;
}

.kpi-go {
  color: var(--fg-faint);
  opacity: 0;
  transition: opacity .16s, transform .16s;
  position: absolute;
  top: 18px;
  right: 16px;
  transform: translateX(-3px);
}

.kpi:hover .kpi-go {
  opacity: 1;
  transform: translateX(0);
}

.kpi-value {
  font-family: var(--font-display), system-ui, sans-serif;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  color: var(--fg);
  margin-top: 14px;
  font-size: 30px;
  font-weight: 700;
  display: block;
}

.kpi-label {
  margin-top: 1px;
  font-size: 13.5px;
  font-weight: 560;
  display: block;
}

.kpi-hint {
  color: var(--fg-faint);
  margin-top: 2px;
  font-size: 12px;
  display: block;
}

.viz-panel {
  padding: 16px 18px 18px;
}

.viz-panel-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}

.viz-panel-head h2 {
  letter-spacing: -.01em;
  margin: 0;
  font-size: 14.5px;
}

.viz-panel-head span {
  color: var(--fg-faint);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}

.viz-grid-2 {
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  align-items: stretch;
  gap: 14px;
  display: grid;
}

.viz-panel-wide {
  grid-column: 1 / -1;
}

.viz-panel-fold > summary.viz-panel-head {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 8px;
  margin: -4px -6px 10px;
  padding: 4px 6px;
  list-style: none;
  transition: background .14s;
  display: flex;
}

.viz-panel-fold > summary::-webkit-details-marker {
  display: none;
}

.viz-panel-fold > summary::marker {
  content: "";
}

.viz-panel-fold > summary.viz-panel-head:hover {
  background: var(--bg-hover);
}

.viz-panel-fold > summary.viz-panel-head:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

.viz-panel-fold:not([open]) > summary.viz-panel-head {
  margin-bottom: -4px;
}

.viz-panel-fold:not([open]) {
  padding-bottom: 14px;
}

.viz-panel-fold > summary.viz-panel-head > span:not(.viz-fold-cue) {
  margin-left: auto;
}

.viz-fold-cue {
  color: var(--accent);
  flex: none;
  align-items: center;
  gap: 4px;
  font-size: 12.5px;
  font-weight: 560;
  display: inline-flex;
}

.viz-fold-cue em {
  font-style: normal;
}

.viz-fold-cue svg {
  width: 15px;
  height: 15px;
  transition: transform .16s;
}

.viz-fold-cue .fold-open, .viz-panel-fold[open] > summary .viz-fold-cue .fold-shut {
  display: none;
}

.viz-panel-fold[open] > summary .viz-fold-cue .fold-open {
  display: inline;
}

.viz-panel-fold[open] > summary .viz-fold-cue svg {
  transform: rotate(180deg);
}

.viz-panel-fold[open] > .viz-fold-body {
  animation: .18s ease-out fold-in;
}

@keyframes fold-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .viz-panel-fold[open] > .viz-fold-body {
    animation: none;
  }

  .viz-fold-cue svg {
    transition: none;
  }
}

.viz-stack {
  align-content: start;
  gap: 14px;
  display: grid;
}

.corpus-summary {
  gap: 14px;
  margin-bottom: 26px;
  display: grid;
}

.viz-split {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 26px;
  display: grid;
}

.viz-split > * + * {
  border-left: 1px solid var(--glass-border);
  padding-left: 26px;
}

@media (max-width: 780px) {
  .viz-split {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  .viz-split > * + * {
    border-left: 0;
    border-top: 1px solid var(--glass-border);
    padding: 20px 0 0;
  }
}

.quality-lead {
  align-items: baseline;
  gap: 9px;
  margin: 0;
  display: flex;
}

.quality-lead b {
  font-family: var(--font-display), system-ui, sans-serif;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  font-size: 27px;
  font-weight: 700;
}

.quality-lead span {
  color: var(--fg-faint);
  font-size: 12.5px;
}

.quality-flags {
  gap: 7px;
  margin: 11px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.quality-flags li {
  color: var(--fg-muted);
  align-items: flex-start;
  gap: 9px;
  font-size: 12.5px;
  line-height: 1.45;
  display: flex;
}

.quality-flags i {
  background: var(--fg-faint);
  border-radius: 999px;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  margin-top: 5px;
}

.quality-flags .ok i {
  background: #199e70;
}

.quality-flags .bad i {
  background: #d95926;
}

.rule-list {
  gap: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.rule-list li {
  color: var(--fg-muted);
  border-left: 2px solid var(--glass-border);
  padding-left: 11px;
  font-size: 12.5px;
  line-height: 1.55;
}

.rule-list b {
  color: var(--fg);
  font-weight: 600;
}

.rule-list code {
  background: var(--bg-hover);
  border-radius: 4px;
  padding: 1px 4px;
  font-size: 11.5px;
}

.page-foot-note {
  max-width: 68ch;
  margin: 16px 0 0;
  line-height: 1.55;
}

.viz-sub {
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--fg-faint);
  margin: 18px 0 8px;
  font-size: 11px;
  font-weight: 620;
}

.viz-sub-first {
  margin-top: 0;
}

.viz-empty {
  text-align: center;
  color: var(--fg-faint);
  margin: 0;
  padding: 26px 0;
  font-size: 13px;
}

.viz {
  position: relative;
}

.viz-svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.viz-grid {
  stroke: color-mix(in srgb, var(--fg) 8%, transparent);
  stroke-width: 1px;
}

.viz-crosshair {
  stroke: color-mix(in srgb, var(--fg) 26%, transparent);
  stroke-width: 1px;
}

.viz-axis {
  pointer-events: none;
  color: var(--fg-faint);
  justify-content: space-between;
  font-size: 10.5px;
  display: flex;
  position: absolute;
  inset: auto 0 0;
}

.viz-peak {
  color: var(--fg-faint);
  pointer-events: none;
  font-size: 10.5px;
  position: absolute;
  top: 0;
  right: 0;
}

.viz-tip {
  pointer-events: none;
  border: 1px solid var(--glass-border);
  background: color-mix(in srgb, var(--bg) 92%, transparent);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  white-space: nowrap;
  border-radius: 8px;
  gap: 1px;
  padding: 6px 10px;
  font-size: 11.5px;
  display: grid;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 10px 30px -12px #000000e6;
}

.viz-tip b {
  font-size: 12px;
}

.viz-tip span {
  color: var(--fg-muted);
  font-variant-numeric: tabular-nums;
}

.viz-tip i {
  border-radius: 2px;
  width: 7px;
  height: 7px;
  display: inline-block;
}

.viz-bars {
  align-items: flex-end;
  gap: 2px;
  height: 100%;
  display: flex;
}

.viz-bar-slot {
  flex: 1;
  height: 100%;
  position: relative;
}

.viz-bar {
  border-radius: 3px 3px 0 0;
  width: 100%;
  transition: opacity .12s;
  position: absolute;
  bottom: 0;
}

.viz-ranked {
  gap: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.viz-ranked-head {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 5px;
  font-size: 13px;
  display: flex;
}

.viz-ranked-head > span:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-weight: 540;
  overflow: hidden;
}

.viz-ranked-value {
  font-variant-numeric: tabular-nums;
  color: var(--fg-muted);
  flex-shrink: 0;
}

.viz-ranked-value em {
  color: var(--fg-faint);
  font-size: 11.5px;
  font-style: normal;
}

.viz-ranked-zero .viz-ranked-head {
  color: var(--fg-faint);
}

.viz-ranked-zero .viz-ranked-head > span:first-child {
  font-weight: 460;
}

.viz-ranked-zero .viz-track {
  opacity: .55;
}

.viz-track {
  background: color-mix(in srgb, var(--fg) 7%, transparent);
  border-radius: 999px;
  height: 7px;
  overflow: hidden;
}

.viz-track > span {
  border-radius: 999px;
  height: 100%;
  display: block;
}

.viz-donut {
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  display: flex;
}

.viz-donut-ring {
  flex-shrink: 0;
  width: 156px;
  height: 156px;
  position: relative;
}

.viz-donut-ring svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.viz-donut-rail {
  stroke: color-mix(in srgb, var(--fg) 8%, transparent);
}

.viz-donut-centre {
  text-align: center;
  place-content: center;
  display: grid;
  position: absolute;
  inset: 0;
}

.viz-donut-centre b {
  font-family: var(--font-display), system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
  font-size: 23px;
  display: block;
}

.viz-donut-centre span {
  text-transform: uppercase;
  letter-spacing: .09em;
  color: var(--fg-faint);
  font-size: 10px;
}

.viz-legend {
  flex: 1;
  gap: 7px;
  min-width: 160px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.viz-legend li {
  align-items: center;
  gap: 9px;
  font-size: 13px;
  display: flex;
}

.viz-legend i {
  border-radius: 3px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
}

.viz-legend span {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.viz-legend b {
  font-variant-numeric: tabular-nums;
}

.viz-legend em {
  text-align: right;
  width: 38px;
  color: var(--fg-faint);
  font-variant-numeric: tabular-nums;
  font-size: 11.5px;
  font-style: normal;
}

.viz-health {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  display: flex;
}

.viz-health-ring {
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  position: relative;
}

.viz-health-ring svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.viz-health-pct {
  font-family: var(--font-display), system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
  place-content: center;
  font-size: 17px;
  font-weight: 700;
  display: grid;
  position: absolute;
  inset: 0;
}

.viz-health-text {
  flex: 1;
  min-width: 0;
  font-size: 13px;
}

.viz-health-text p {
  color: var(--fg-muted);
  margin: 3px 0 0;
}

.viz-health-note {
  font-size: 11.5px;
  line-height: 1.5;
  color: var(--fg-faint) !important;
}

.viz-funnel {
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.viz-funnel-head {
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 5px;
  font-size: 13px;
  display: flex;
}

.viz-funnel-head b {
  font-variant-numeric: tabular-nums;
}

.viz-funnel p {
  color: var(--fg-faint);
  margin: 4px 0 0;
  font-size: 11.5px;
}

.sysgrid {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 14px;
  display: grid;
}

.sysgrid > div {
  gap: 1px;
  display: grid;
}

.sysgrid span {
  color: var(--fg-muted);
  font-size: 12.5px;
}

.sysgrid b {
  font-family: var(--font-display), system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
  font-size: 21px;
}

.sysgrid b.ok {
  color: #199e70;
}

.sysgrid b.bad {
  color: #d95926;
}

.sysgrid em {
  color: var(--fg-faint);
  font-size: 11.5px;
  font-style: normal;
}

@media (max-width: 900px) {
  .admin {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 12px;
  }

  .admin-side {
    height: auto;
    margin-left: 0;
    position: static;
  }

  .admin-topbar {
    padding: 0 16px;
    top: 12px;
  }
}

.run-band {
  margin-bottom: 30px;
}

.run-band-head {
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  display: flex;
}

.run-band-head h2 {
  font-family: var(--font-display);
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.run-band-head .muted {
  font-size: 12.5px;
}

.run-band-head .queue-bulk {
  margin-left: auto;
}

.live-badge {
  font-family: var(--font-display);
  color: var(--fg-muted);
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 600;
  display: inline-flex;
}

.live-badge i {
  background: var(--fg-faint);
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
}

.live-badge em {
  color: var(--fg-faint);
  font-size: 11.5px;
  font-style: normal;
}

.live-on {
  color: var(--accent);
}

.live-on i {
  background: var(--brand);
  animation: 1.4s ease-in-out infinite live-pulse;
}

.live-idle i {
  background: var(--fg-faint);
}

@keyframes live-pulse {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 #fcc82480;
  }

  50% {
    opacity: .55;
    box-shadow: 0 0 0 5px #fcc82400;
  }
}

@media (prefers-reduced-motion: reduce) {
  .live-on i {
    animation: none;
  }
}

.run-controls, .queue-bulk {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.toast-dock {
  z-index: 60;
  pointer-events: none;
  gap: 8px;
  max-width: min(380px, 100vw - 36px);
  display: grid;
  position: fixed;
  bottom: 18px;
  right: 18px;
}

.toast {
  pointer-events: auto;
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-panel, 12px);
  background: color-mix(in srgb, var(--bg) 92%, transparent);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  align-items: flex-start;
  gap: 10px;
  padding: 11px 13px;
  font-size: 13px;
  line-height: 1.45;
  animation: .18s ease-out toast-in;
  display: flex;
  box-shadow: 0 18px 44px -18px #000000d9;
}

@keyframes toast-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toast {
    animation: none;
  }
}

.toast-mark {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 1px;
}

.toast-mark svg {
  width: 100%;
  height: 100%;
}

.toast-ok .toast-mark {
  color: var(--ok);
}

.toast-bad .toast-mark {
  color: var(--down);
}

.toast-text {
  min-width: 0;
  color: var(--fg);
  flex: 1;
}

.toast-close {
  width: 20px;
  height: 20px;
  color: var(--fg-faint);
  cursor: pointer;
  background: none;
  border: 0;
  flex-shrink: 0;
  padding: 0;
}

.toast-close:hover {
  color: var(--fg);
}

.toast-close svg {
  width: 100%;
  height: 100%;
}

.robot-skipped {
  color: var(--fg-muted);
  margin: 8px 0 0;
  padding-left: 18px;
  font-size: 12.5px;
}

.robot-query {
  font-size: 15px;
}

.pager {
  gap: 8px;
  margin-top: 14px;
  display: flex;
}

.robot-reading {
  border: 1px solid var(--glass-border);
  border-left: 3px solid var(--brand);
  background: var(--bg-hover);
  border-radius: 10px;
  padding: 11px 14px;
  transition: opacity .15s;
}

.robot-reading.is-busy {
  opacity: .55;
}

.robot-reading-quiet {
  border-left-color: var(--fg-faint);
  color: var(--fg-muted);
  font-size: 13px;
}

.reading-working:after {
  content: "";
  background: var(--brand);
  vertical-align: middle;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-left: 7px;
  animation: 1.4s ease-in-out infinite live-pulse;
  display: inline-block;
}

@media (prefers-reduced-motion: reduce) {
  .reading-working:after {
    animation: none;
  }
}

.reading-sentence {
  color: var(--fg);
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.reading-pills {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;
  display: flex;
}

.reading-pill {
  border: 1px solid var(--glass-border);
  background: var(--bg);
  border-radius: 8px;
  flex-direction: column;
  gap: 1px;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 560;
  display: inline-flex;
}

.reading-pill em {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--fg-faint);
  font-size: 10.5px;
  font-style: normal;
  font-weight: 600;
}

.reading-pill i {
  color: var(--fg-muted);
  font-size: 11.5px;
  font-style: normal;
  font-weight: 400;
}

.reading-swap {
  border-top: 1px solid var(--glass-border);
  color: var(--fg-muted);
  margin: 9px 0 0;
  padding-top: 9px;
  font-size: 12.5px;
}

.reading-swap b {
  color: var(--fg);
}

.robot-receipt {
  opacity: .9;
  margin: 6px 0 0;
  font-size: 13px;
  font-weight: 400;
}

.list-bar {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  display: flex;
}

.list-bar > :last-child {
  margin-left: auto;
}

.viewtoggle {
  border: 1px solid var(--glass-border);
  border-radius: 8px;
  display: inline-flex;
  overflow: hidden;
}

.viewtoggle a {
  color: var(--fg-muted);
  background: none;
  padding: 5px 12px;
  font-size: 12.5px;
}

.viewtoggle a + a {
  border-left: 1px solid var(--glass-border);
}

.viewtoggle a:hover {
  background: var(--bg-hover);
  color: var(--fg);
}

.viewtoggle a.active {
  background: var(--accent-soft);
  color: var(--accent);
  font-weight: 560;
}

.cell-stack {
  gap: 1px;
  display: grid;
}

.tile-no {
  color: var(--fg-faint);
  font-variant-numeric: tabular-nums;
  margin-left: auto;
  font-size: 11.5px;
  line-height: 1.6;
}

.row-open > td {
  border-bottom-color: #0000;
}

.row-editor > td {
  background: color-mix(in srgb, var(--fg) 2%, transparent);
  padding: 0 14px 16px;
}

.connector-editor {
  padding-top: 4px;
}

.connector-editor .section-title {
  margin-top: 20px;
}

.tiles {
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  align-items: start;
  gap: 14px;
  display: grid;
}

.tile {
  align-content: start;
  gap: 10px;
  padding: 15px 16px;
  display: grid;
}

.tile.is-open {
  grid-column: 1 / -1;
}

.tile-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.tile-name {
  gap: 1px;
  min-width: 0;
  display: grid;
}

.tile-name strong {
  font-size: 14px;
}

.tile-blurb {
  color: var(--fg-muted);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 12.5px;
  line-height: 1.45;
  display: -webkit-box;
  overflow: hidden;
}

.tile-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 14px;
  margin: 0;
  display: grid;
}

.tile-facts > div {
  min-width: 0;
}

.tile-facts dt {
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--fg-faint);
  font-size: 10.5px;
}

.tile-facts dd {
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-size: 12.5px;
}

.tile-actions {
  gap: 8px;
  display: flex;
}

.tile-editor {
  border-top: 1px solid var(--glass-border);
  padding-top: 12px;
}

.newsrc {
  margin-bottom: 16px;
  padding: 18px 20px 20px;
}

.newsrc-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 6px;
  display: flex;
}

.newsrc-head h2 {
  margin: 0;
  font-size: 15px;
}

.newsrc code {
  background: var(--bg-hover);
  border-radius: 4px;
  padding: 1px 4px;
  font-size: 11.5px;
}

.field-wide {
  grid-column: 1 / -1;
}

.sr-only {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.icon-bar {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.icon-bar > button, .icon-bar > a {
  width: 28px;
  height: 28px;
  color: var(--fg-muted);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 7px;
  place-items: center;
  padding: 0;
  transition: background .14s, color .14s, border-color .14s;
  display: grid;
}

.icon-bar > button svg, .icon-bar > a svg {
  width: 16px;
  height: 16px;
}

.icon-bar > button:hover:not(:disabled), .icon-bar > a:hover {
  background: var(--bg-hover);
  border-color: var(--glass-border);
  color: var(--fg);
}

.icon-bar > button:disabled {
  opacity: .4;
  cursor: default;
}

.icon-bar > a {
  text-decoration: none;
}

.icon-bar > a:focus-visible {
  border-color: var(--brand);
  box-shadow: var(--ring);
  outline: none;
}

.icon-bar > button[data-tone="danger"]:hover:not(:disabled), .icon-bar > a[data-tone="danger"]:hover {
  color: var(--down);
  border-color: color-mix(in srgb, var(--down) 40%, transparent);
}

.icon-bar > button[data-tone="go"]:hover:not(:disabled), .icon-bar > a[data-tone="go"]:hover {
  color: var(--ok);
  border-color: color-mix(in srgb, var(--ok) 40%, transparent);
}

.icon-spin {
  transform-origin: center;
  animation: .9s linear infinite icon-spin;
}

@keyframes icon-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .icon-spin {
    opacity: .5;
    animation: none;
  }
}

.dlg {
  --dlg-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--fg) 11%, transparent);
  border-radius: var(--dlg-radius);
  background: color-mix(in srgb, var(--bg) 96%, transparent);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  width: calc(100vw - 32px);
  max-width: 30rem;
  color: var(--fg);
  padding: 18px 20px;
  box-shadow: 0 30px 70px -24px #000000e6;
}

.dlg::backdrop {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: #00000073;
}

.dlg h2 {
  font-family: var(--font-display);
  margin: 0 0 6px;
  font-size: 15.5px;
}

.dlg p {
  color: var(--fg-muted);
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.dlg-actions {
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
  display: flex;
}

.dlg-challenge {
  margin-top: 14px;
  display: block;
}

.dlg-challenge > span {
  font-size: 12px;
  font-weight: 600;
  font-family: var(--font-display);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--fg-faint);
  margin-bottom: 5px;
  display: block;
}

.dlg-challenge > input {
  width: 100%;
  font: inherit;
  color: var(--fg);
  background: var(--bg);
  border: 1px solid color-mix(in srgb, var(--fg) 18%, transparent);
  border-radius: var(--radius);
  padding: 8px 11px;
  font-size: 13px;
}

.dlg-challenge > input:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

.dlg-actions .btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.dlg-danger {
  border-color: color-mix(in srgb, var(--down) 40%, transparent);
}

.dlg-busy {
  color: var(--fg);
  align-items: center;
  gap: 9px;
  margin-top: 15px;
  font-size: 13px;
  display: flex;
}

.dlg-spinner {
  border: 2px solid color-mix(in srgb, var(--fg) 18%, transparent);
  border-top-color: var(--accent);
  border-radius: 50%;
  flex: none;
  width: 14px;
  height: 14px;
  animation: .7s linear infinite dlg-spin;
}

@keyframes dlg-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dlg-spinner {
    border-top-color: color-mix(in srgb, var(--fg) 18%, transparent);
    background: var(--accent);
    animation: 1.4s ease-in-out infinite answer-pulse;
  }
}

.dlg-failed {
  color: var(--fg);
  border-left: 3px solid var(--down);
  margin-top: 4px;
  padding-left: 11px;
}

.filter-card {
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-panel);
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  margin-bottom: 14px;
  padding: 14px 16px;
}

.filter-grid {
  grid-template-columns: minmax(220px, 2fr) minmax(150px, 1fr) minmax(150px, 1fr) auto;
  align-items: end;
  gap: 12px;
  display: grid;
}

.filter-card .field > span {
  font-size: 12px;
  font-weight: 600;
  font-family: var(--font-display);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--fg-faint);
}

.filter-actions {
  align-items: center;
  gap: 8px;
  display: flex;
}

@media (max-width: 900px) {
  .filter-grid {
    grid-template-columns: 1fr 1fr;
  }

  .filter-grid > .field:first-child, .filter-actions {
    grid-column: 1 / -1;
  }
}

.band-empty {
  border: 1px dashed var(--glass-border);
  border-radius: var(--radius-panel);
  color: var(--fg-muted);
  margin: 0;
  padding: 18px;
  font-size: 13.5px;
}

.table th.col-actions, .table td.col-actions {
  white-space: nowrap;
  text-align: right;
  width: 1%;
}

.table-card {
  padding: 0;
  overflow: hidden;
}

.table-card > .table {
  margin: 0;
}

.table-card .table thead th {
  background: var(--bg-raised);
}

.table th.col-no, .table td.col-no {
  text-align: right;
  white-space: nowrap;
  width: 1%;
  color: var(--fg-faint);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}

.cell-entity-text {
  min-width: 0;
}

.cell-entity-sub {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 46ch;
  overflow: hidden;
}

.avatar-xs {
  --avatar-size: 24px;
  width: var(--avatar-size);
  height: var(--avatar-size);
  font-size: 10px;
}

.cell-when {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.cell-when time {
  border-bottom: 1px dotted #0000;
}

.table tr:hover .cell-when time {
  border-bottom-color: var(--border-strong);
}

.table-pager {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  display: flex;
}

.table-pager-top {
  justify-content: space-between;
  margin-bottom: 10px;
}

.table-pager-bottom {
  justify-content: center;
  margin-top: 14px;
}

.table-pager-range {
  color: var(--fg-muted);
  font-size: 13px;
}

.table-pager-range b {
  color: var(--fg);
  font-variant-numeric: tabular-nums;
}

.table-pager .pager {
  margin-top: 0;
}

.filter-grid > .field-wide {
  grid-column: span 2;
}

@media (max-width: 900px) {
  .filter-grid > .field-wide {
    grid-column: 1 / -1;
  }
}

.page-overview .kpis {
  margin-bottom: 0;
}

.table-section {
  margin-top: 30px;
}

.table-section:first-child {
  margin-top: 0;
}

.review-card > .alert, .review-card > .bulk-bar {
  margin: 14px 16px;
}

.review-card > .alert {
  margin-bottom: 0;
}

.list-bar:empty {
  display: none;
}

.dash .page-overview {
  margin-bottom: 0;
}

.kpis {
  grid-template-columns: repeat(auto-fit, minmax(200px, 20rem));
  gap: 16px;
}

.admin-body {
  padding: 28px 32px 96px;
}

.admin-head {
  padding: 22px 32px;
}

.page-overview {
  margin-bottom: 30px;
}

.filter-card {
  margin-bottom: 22px;
}

.admin .panel, .dash .panel {
  padding: 18px 20px;
}

.admin .table td, .dash .table td {
  padding: 13px 14px;
}

.admin .table th, .dash .table th {
  padding: 0 14px 10px;
}

.table-card .table th:first-child, .table-card .table td:first-child {
  padding-left: 18px;
}

.table-card .table th:last-child, .table-card .table td:last-child {
  padding-right: 18px;
}

.admin-nav-parent > a, .admin-nav-ghost {
  padding: 9px 10px 9px 15px;
}

.admin-nav-children a {
  padding: 7px 10px 7px 13px;
}

.admin-nav-group {
  margin-bottom: 3px;
}

.dash-nav-item {
  padding: 10px 12px;
}

.dash-main {
  gap: 24px;
  padding: 28px 32px 36px;
}

.table .row-actions, .col-actions .row-actions {
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}

.table .row-actions > * {
  white-space: nowrap;
  flex: none;
}

:root[data-admin-nav="mini"] .admin-brand {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0 0 12px;
}

:root[data-admin-nav="mini"] .admin-brand .wordmark-link, :root[data-admin-nav="mini"] .admin-brand .wordmark {
  justify-content: center;
  gap: 0;
  width: 100%;
  display: flex;
}

:root[data-admin-nav="mini"] .nav-collapse, :root[data-dash-nav="mini"] .nav-collapse {
  margin-left: 0;
}

:root[data-dash-nav="mini"] .dash-side-head {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.admin-topbar {
  min-height: 60px;
  padding: 0 32px;
}

.admin-topbar .account-trigger {
  gap: 11px;
  min-height: 60px;
  padding: 8px 16px 8px 8px;
  font-size: 15px;
  font-weight: 560;
}

.admin-topbar .account-trigger .avatar {
  --avatar-size: 44px;
  width: var(--avatar-size);
  height: var(--avatar-size);
  font-size: 17px;
}

.admin-topbar .account-trigger .account-trigger-name {
  max-width: 200px;
}

.admin-topbar .account-badge {
  padding: 5px 9px 5px 10px;
  font-size: 11px;
}

.admin-topbar .account-caret {
  width: 11px;
  height: 7px;
  margin-left: 1px;
}

.admin-topbar .notif-trigger {
  width: 44px;
  height: 44px;
  margin: 8px 2px 8px 8px;
}

.admin-topbar .notif-trigger svg {
  width: 21px;
  height: 21px;
}

.admin-topbar .theme-toggle {
  width: 44px;
  height: 44px;
}

.admin-topbar .theme-toggle svg {
  width: 21px;
  height: 21px;
}

.admin-topbar .notif-badge {
  box-shadow: 0 0 0 2px var(--bg-raised);
}

.admin-topbar .account-card-sep {
  margin: 13px 2px;
}

.admin .notif-panel {
  border-radius: var(--radius-row);
  width: 25rem;
}

.admin .menu {
  min-width: 18.5rem;
}

@media (max-width: 620px) {
  .admin-topbar .account-trigger {
    min-width: 0;
    padding-right: 12px;
  }

  .admin-topbar .account-trigger .account-trigger-name, .account-trigger .account-trigger-name {
    max-width: 84px;
  }
}

.admin .field input, .admin .field select, .admin .field textarea, .admin .debug-controls input, .admin .debug-controls select, .dash .field input, .dash .field select, .dash .field textarea {
  padding: 13px 14px;
}

.dash .searchbox, .admin .searchbox {
  padding: 14px 18px;
}

.admin .field select, .dash .field select {
  min-height: 48px;
}

.answer-images {
  border-top: 1px solid var(--border);
  margin-top: 14px;
  padding-top: 12px;
}

.answer-images-head {
  font-family: var(--font-display);
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--fg-faint);
  margin: 0 0 9px;
  font-size: 11px;
  font-weight: 620;
}

.answer-images-strip {
  scrollbar-width: thin;
  gap: 10px;
  padding-bottom: 4px;
  display: flex;
  overflow-x: auto;
}

.answer-image {
  width: 132px;
  color: inherit;
  flex-direction: column;
  flex: none;
  gap: 6px;
  display: flex;
}

.answer-image-pic {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: 1px solid var(--border);
  background: var(--bg-hover);
  border-radius: 8px;
  width: 100%;
  display: block;
}

.answer-image-blank {
  border-style: dashed;
}

.answer-image-name {
  color: var(--fg-muted);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.answer-image:hover .answer-image-pic {
  border-color: color-mix(in srgb, var(--brand) 45%, var(--border));
}

.answer-image:hover .answer-image-name {
  color: var(--fg);
}

.answer-image:focus-visible {
  outline: none;
}

.answer-image:focus-visible .answer-image-pic {
  border-color: var(--brand);
  box-shadow: var(--ring);
}

@media (min-width: 760px) {
  .answer:has(.answer-images) {
    max-width: 720px;
  }
}

.review {
  border-left: 3px solid color-mix(in srgb, var(--brand) 55%, var(--border));
}

.review-reading {
  color: var(--fg);
  margin: 12px 0 4px;
  font-size: 16px;
  line-height: 1.5;
}

.review-findings {
  color: var(--fg-muted);
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  font-size: 13.5px;
  list-style: none;
  display: grid;
}

.review-findings li {
  border-left: 2px solid var(--border);
  align-items: baseline;
  gap: 9px;
  padding-left: 11px;
  display: flex;
}

.review-findings .sev-high {
  border-left-color: var(--down);
  color: var(--fg);
}

.review-field {
  color: var(--fg-faint);
  background: var(--bg-hover);
  border-radius: 5px;
  flex: none;
  padding: 2px 7px;
  font-family: ui-monospace, monospace;
  font-size: 12px;
}

.chip-warn {
  border-color: color-mix(in srgb, var(--warn) 45%, var(--border));
  color: var(--fg);
}

.chip-bad {
  border-color: color-mix(in srgb, var(--down) 55%, var(--border));
  background: color-mix(in srgb, var(--down) 10%, var(--bg-raised));
  color: var(--fg);
}

.review-note {
  border-top: 1px solid var(--border);
  color: var(--fg-faint);
  margin: 16px 0 0;
  padding-top: 11px;
  font-size: 12px;
  line-height: 1.5;
}

.reactions {
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  display: flex;
}

.reaction {
  border: 1px solid var(--border);
  color: var(--fg-faint);
  font: inherit;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  background: none;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  font-size: 12.5px;
  text-decoration: none;
  transition: color .12s, border-color .12s, background .12s;
  display: inline-flex;
}

.reaction:hover {
  color: var(--fg);
  border-color: var(--border-strong);
  background: var(--bg-hover);
}

.reaction.is-on {
  color: var(--accent);
  border-color: color-mix(in srgb, var(--accent) 45%, var(--border));
  background: color-mix(in srgb, var(--accent) 10%, transparent);
}

.reaction.is-on.is-down {
  color: var(--down);
  border-color: color-mix(in srgb, var(--down) 45%, var(--border));
  background: color-mix(in srgb, var(--down) 10%, transparent);
}

.reaction:disabled {
  cursor: default;
}

.reaction .thumb-down {
  transform: rotate(180deg);
}

.comments {
  margin-top: 28px;
}

.comment-form {
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
  display: flex;
}

.comment-form textarea {
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
  background: var(--bg);
  width: 100%;
  min-height: 80px;
  color: var(--fg);
  font: inherit;
  resize: vertical;
  padding: 11px 13px;
  font-size: 14.5px;
}

.comment-form textarea:focus {
  border-color: var(--brand);
  box-shadow: var(--ring);
  outline: 0;
}

.comment-form-actions {
  align-items: center;
  gap: 10px;
  display: flex;
}

.comment-list {
  flex-direction: column;
  gap: 14px;
  padding: 0;
  list-style: none;
  display: flex;
}

.comment {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg-raised);
  padding: 12px 14px;
}

.comment-head {
  color: var(--fg-faint);
  align-items: baseline;
  gap: 10px;
  margin-bottom: 5px;
  font-size: 12.5px;
  display: flex;
}

.comment-author {
  color: var(--fg);
  font-weight: 600;
}

.comment-body {
  white-space: pre-wrap;
  font-size: 14.5px;
  line-height: 1.55;
}

.disc-body {
  align-content: start;
  gap: 22px;
  display: grid;
}

.disc-body > .notice {
  margin-bottom: 0;
}

.panel-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  display: flex;
}

.panel-head h2 {
  margin: 0;
}

.state-mark {
  background: var(--bg-hover);
  width: 26px;
  height: 26px;
  color: var(--fg-muted);
  border-radius: 50%;
  place-items: center;
  display: inline-grid;
}

.state-mark svg {
  width: 15px;
  height: 15px;
}

.cell-no {
  color: var(--fg-faint);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  width: 1%;
}

.disc-tabs {
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 0;
  display: flex;
}

.disc-tab.is-on {
  border-color: var(--brand);
  background: var(--bg-hover);
  color: var(--accent);
  font-weight: 620;
}

.disc-tab.is-on:hover {
  border-color: var(--brand-hover);
  background: var(--bg-hover);
}

.disc-lede {
  margin: 0;
  font-size: 13px;
}

.disc-kind {
  color: var(--fg-muted);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  display: flex;
}

.disc-kind select {
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
  background: var(--bg);
  color: var(--fg);
  font: inherit;
  padding: 7px 10px;
  font-size: 13.5px;
}

.disc-kind select:focus {
  border-color: var(--brand);
  box-shadow: var(--ring);
  outline: 0;
}

.disc-kind small {
  flex: 220px;
}

.disc-backlog-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.disc-backlog-head h2 {
  align-items: center;
  gap: 10px;
  margin: 0;
  display: flex;
}

.disc-pill {
  letter-spacing: .04em;
  text-transform: uppercase;
  border: 1px solid var(--border-strong);
  color: var(--fg-muted);
  border-radius: 999px;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 700;
}

.disc-pill.is-on {
  color: var(--ok, #4ade80);
  border-color: currentColor;
}

.disc-pill.is-off {
  color: var(--fg-faint);
}

.disc-bar {
  background: var(--bg-hover);
  border-radius: 999px;
  height: 8px;
  margin: 10px 0;
  overflow: hidden;
}

.disc-bar > span {
  background: var(--accent);
  border-radius: 999px;
  height: 100%;
  transition: width .4s;
  display: block;
}

.disc-form {
  flex-direction: column;
  gap: 10px;
  margin-top: 14px;
  display: flex;
}

.disc-form-row {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.disc-form-row input {
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
  background: var(--bg);
  min-width: 220px;
  color: var(--fg);
  font: inherit;
  flex: 1;
  padding: 10px 14px;
  font-size: 15px;
}

.disc-form-row input:focus {
  border-color: var(--brand);
  box-shadow: var(--ring);
  outline: 0;
}

.disc-form-row input::placeholder {
  color: var(--fg-faint);
}

.disc-form-row input.disc-count {
  text-align: center;
  font-variant-numeric: tabular-nums;
  flex: none;
  width: 84px;
  min-width: 0;
}

.disc-check {
  color: var(--fg-muted);
  cursor: pointer;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  display: flex;
}

.disc-inline {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.ctl-note {
  margin: 0;
  font-size: 13px;
}

.ctl-note.is-ok {
  color: var(--ok);
}

.ctl-note.is-bad {
  color: var(--down);
}

.pill.is-ok, .state-mark.is-ok {
  background: color-mix(in srgb, var(--ok) 16%, transparent);
  color: var(--ok);
}

.pill.is-warn, .state-mark.is-warn {
  background: color-mix(in srgb, var(--warn) 18%, transparent);
  color: var(--warn);
}

.pill.is-bad, .state-mark.is-bad {
  background: color-mix(in srgb, var(--down) 16%, transparent);
  color: var(--down);
}

.pill.is-live, .state-mark.is-live {
  background: var(--brand);
  color: var(--on-brand);
}

.pill.is-wait, .state-mark.is-wait {
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  color: var(--accent);
}

.pill.is-quiet, .state-mark.is-quiet {
  background: var(--bg-hover);
  color: var(--fg-faint);
}

.table-wrap {
  overflow-x: auto;
}

.crumb {
  color: var(--fg-faint);
  margin: 0 0 6px;
  font-size: 13px;
}

.crumb a {
  color: var(--fg-muted);
}

.notice-warn {
  border: 1px solid color-mix(in srgb, var(--warn) 40%, var(--border));
  background: color-mix(in srgb, var(--warn) 8%, transparent);
  border-radius: var(--radius);
  margin-bottom: 18px;
  padding: 12px 16px;
}

.notice-warn p {
  margin: 0;
  font-size: 14px;
}

.facts {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 14px 20px;
  margin: 0;
  display: grid;
}

.facts dt {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--fg-faint);
  font-size: 11.5px;
}

.facts dd {
  color: var(--fg);
  margin: 3px 0 0;
  font-size: 14px;
}

.issue-list {
  flex-direction: column;
  gap: 8px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.issue-list li {
  color: var(--fg-muted);
  font-size: 13.5px;
}

.issue-list b {
  color: var(--fg);
  margin-right: 6px;
}

.cand-list {
  flex-direction: column;
  gap: 14px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.cand {
  border: 1px solid var(--border);
  border-left: 3px solid var(--border-strong);
  border-radius: var(--radius);
  background: var(--bg-raised);
  padding: 12px 14px;
}

.cand-head {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.cand-rank {
  font-variant-numeric: tabular-nums;
  color: var(--fg-faint);
  min-width: 18px;
  font-size: 12px;
}

.cand-title {
  font-size: 14.5px;
  font-weight: 600;
}

.cand-url {
  color: var(--fg-faint);
  word-break: break-all;
  margin-top: 4px;
  font-size: 12.5px;
  display: block;
}

.cand-reason {
  color: var(--fg-muted);
  margin: 8px 0 0;
  font-size: 13.5px;
}

.cand-meta {
  color: var(--fg-faint);
  font-variant-numeric: tabular-nums;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
  font-size: 12px;
  display: flex;
}

.crumb-back {
  color: var(--fg-muted);
  align-items: center;
  gap: 5px;
  margin: 0 0 6px;
  font-size: 13px;
  text-decoration: none;
  display: inline-flex;
}

.crumb-back:hover {
  color: var(--fg);
}

.crumb-back .detail-back-arrow {
  font-size: 15px;
  line-height: 1;
}

.cand-tools {
  justify-content: flex-end;
  margin: 14px 0 8px;
  display: flex;
}

.cand-table {
  table-layout: auto;
}

.cand-table .col-actions {
  white-space: nowrap;
  text-align: right;
  width: 1%;
}

.cand-table tr.is-open > td {
  background: var(--bg-hover);
  border-bottom-color: #0000;
}

.cand-detail-row > td {
  background: var(--bg-hover);
  padding: 0 0 14px;
}

.cand-caret {
  margin-right: 5px;
  font-size: 13px;
  line-height: 1;
  transition: transform .14s;
  display: inline-block;
}

.cand-caret.is-open {
  transform: rotate(90deg);
}

@media (prefers-reduced-motion: reduce) {
  .cand-caret {
    transition: none;
  }
}

.cand-detail {
  border-left: 3px solid var(--accent);
  flex-direction: column;
  gap: 14px;
  margin-left: 14px;
  padding: 4px 16px 2px;
  display: flex;
}

.cand-detail .facts {
  margin: 0;
}

.cand-block h4 {
  font-family: var(--font-display);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--fg-faint);
  margin: 0 0 7px;
  font-size: 12px;
  font-weight: 600;
}

.cand-snippet {
  color: var(--fg-muted);
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}

.cand-links {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.xchg {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg);
  margin-bottom: 8px;
  padding: 10px 12px;
}

.xchg.is-bad {
  border-color: color-mix(in srgb, var(--down) 45%, var(--border));
}

.xchg-head {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.xchg-error {
  color: var(--fg);
  border-left: 3px solid var(--down);
  margin: 0 0 8px;
  padding-left: 10px;
  font-size: 12.5px;
}

.xchg-none {
  margin: 0;
}

.xchg-fold + .xchg-fold {
  margin-top: 4px;
}

.xchg-fold-head {
  width: 100%;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  font-family: var(--font-display);
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--fg-faint);
  cursor: pointer;
  text-align: left;
  background: none;
  border: 0;
  align-items: center;
  padding: 4px 0;
  display: flex;
}

.xchg-fold-head:hover {
  color: var(--fg);
}

.xchg-body {
  border-radius: var(--radius);
  background: var(--bg-raised);
  border: 1px solid var(--border);
  max-height: 340px;
  color: var(--fg-muted);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  tab-size: 2;
  margin: 4px 0 0;
  padding: 10px 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.55;
  overflow-y: auto;
}

.record-view {
  margin-top: 28px;
}

.record-head {
  margin: 0 0 14px;
}

.record-head h2 {
  margin: 0 0 6px;
  font-size: 17px;
}

.record-head p {
  max-width: 62ch;
  margin: 0;
  font-size: 13px;
}

.record-group {
  margin-bottom: 14px;
}

.record-group h3 {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--fg-faint);
  margin: 0 0 12px;
  font-size: 12px;
}

.record-group > p.muted {
  margin: -6px 0 12px;
  font-size: 12.5px;
}

.record-pair {
  display: contents;
}

.record-nested {
  grid-template-columns: 9rem minmax(0, 1fr);
  gap: 6px 14px;
  margin: 0;
  font-size: 13.5px;
}

.record-rows {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.record-row {
  gap: 10px;
  display: flex;
}

.record-row + .record-row {
  border-top: 1px solid var(--border);
  padding-top: 10px;
}

.record-row-n {
  font-variant-numeric: tabular-nums;
  color: var(--fg-faint);
  min-width: 1.2rem;
  padding-top: 2px;
  font-size: 11.5px;
}

.record-row-body {
  flex: 1;
  min-width: 0;
}

.record-links {
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.record-links li {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  font-size: 13.5px;
  display: flex;
}

.record-links a {
  color: var(--accent);
  word-break: break-all;
}

.record-links a:hover {
  text-decoration: underline;
}

.record-link-flag {
  min-width: 4.2rem;
  display: inline-block;
}

.record-json {
  background: var(--bg-raised, #121212);
  border: 1px solid var(--border);
  max-height: 60vh;
  color: var(--fg-muted);
  white-space: pre;
  border-radius: 8px;
  margin: 12px 0 0;
  padding: 12px 14px;
  font-size: 12px;
  line-height: 1.55;
  overflow: auto;
}

.record-view summary {
  cursor: pointer;
  color: var(--fg-muted);
  font-size: 13px;
}

.rec {
  border-top: 1px solid var(--line);
  margin-top: 34px;
  padding-top: 22px;
}

.rec > summary {
  cursor: pointer;
  align-items: baseline;
  gap: 10px;
  padding: 2px 2px 12px;
  list-style: none;
  display: flex;
}

.rec > summary::-webkit-details-marker {
  display: none;
}

.rec > summary::marker {
  content: "";
}

.rec > summary h2 {
  margin: 0;
}

.rec > summary:hover .rec-summary-cue {
  color: var(--accent);
}

.rec > summary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
  border-radius: 6px;
}

.rec-summary-cue {
  color: var(--fg-muted);
  margin-left: auto;
  font-size: 12.5px;
}

.rec-cue-open, .rec[open] > summary .rec-cue-shut {
  display: none;
}

.rec[open] > summary .rec-cue-open {
  display: inline;
}

.rec-intro {
  color: var(--fg-muted);
  max-width: 60ch;
  margin: 0 0 18px;
  font-size: 13.5px;
}

.rec-edit {
  color: var(--accent);
  white-space: nowrap;
}

.rec-edit:hover {
  text-decoration: underline;
}

.admin-only-tag {
  background: var(--bg-hover);
  color: var(--fg-muted);
  letter-spacing: .08em;
  text-transform: uppercase;
  vertical-align: middle;
  border-radius: 999px;
  margin-left: 9px;
  padding: 2px 7px;
  font-size: 9.5px;
  font-weight: 660;
  line-height: 1.6;
  display: inline-block;
}

.rec-section {
  margin: 0 0 20px;
}

.rec-section h3 {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--fg-muted);
  margin: 0 0 3px;
  font-size: 13px;
  font-weight: 700;
}

.rec-hint {
  color: var(--fg-muted);
  max-width: 68ch;
  margin: 0 0 9px;
  font-size: 12.5px;
}

.rec-list {
  flex-direction: column;
  gap: 7px;
  margin: 0;
  display: flex;
}

.rec-row {
  border-top: 1px solid var(--line);
  grid-template-columns: 168px 1fr;
  align-items: start;
  gap: 14px;
  padding: 5px 0;
  display: grid;
}

.rec-label {
  color: var(--fg-muted);
  font-size: 13px;
}

.rec-value {
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 13.5px;
}

.rec-empty {
  color: var(--fg-faint, var(--fg-muted));
  opacity: .62;
  font-style: italic;
}

.rec-ul {
  flex-direction: column;
  gap: 3px;
  margin: 0;
  padding-left: 16px;
  display: flex;
}

.rec-note {
  color: var(--fg-muted);
  font-size: 12px;
}

.rec-predicate {
  color: var(--accent);
  font-weight: 600;
}

.rec-gallery {
  grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.rec-gallery img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--bg-sunken);
  width: 100%;
  display: block;
}

.rec-gallery a:hover img {
  border-color: var(--brand);
}

@media (max-width: 640px) {
  .rec-row {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

.notif-table tbody tr.is-unread {
  background: color-mix(in srgb, var(--brand) 5%, transparent);
}

.notif-table tbody tr.is-read .notif-cell-title a, .notif-table tbody tr.is-read .notif-cell-title b {
  color: var(--fg-muted);
  font-weight: 560;
}

.notif-cell-title {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.notif-item-icon {
  border-radius: 9px;
  flex: none;
  align-self: flex-start;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-top: 1px;
  display: grid;
}

.notif-item-icon svg {
  width: 17px;
  height: 17px;
}

.notif-item-icon.tone-info {
  background: color-mix(in srgb, var(--accent) 15%, transparent);
  color: var(--accent);
}

.notif-item-icon.tone-success {
  background: color-mix(in srgb, var(--ok) 15%, transparent);
  color: var(--ok);
}

.notif-item-icon.tone-warn {
  background: color-mix(in srgb, var(--warn) 17%, transparent);
  color: var(--warn);
}

.notif-item-icon.tone-danger {
  background: color-mix(in srgb, var(--down) 15%, transparent);
  color: var(--down);
}

.notif-table .cell-entity {
  align-items: flex-start;
}

.notif-table .cell-entity-text {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.notif-table .cell-sub {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.notif-table .notif-detail dd {
  max-width: 44ch;
}

.table th.col-check, .table td.col-check {
  white-space: nowrap;
  width: 1%;
  padding-right: 0;
}

.row-check {
  width: 15px;
  height: 15px;
  accent-color: var(--brand);
  cursor: pointer;
  vertical-align: middle;
}

.ads-bar {
  border: 1px solid var(--border);
  border-radius: var(--radius-panel);
  background: var(--bg-raised);
  flex-direction: column;
  gap: 8px;
  margin-bottom: 10px;
  padding: 12px 14px;
  display: flex;
}

.ads-bar-main {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.ads-bar-count {
  margin-right: auto;
}

.ads-bar-tier {
  align-items: center;
  gap: 6px;
  display: flex;
}

.ads-bar-tier select {
  padding: 4px 8px;
}

.ads-bar-help {
  max-width: 72ch;
  margin: 0;
}

.pill-ads {
  text-transform: uppercase;
  margin-left: 8px;
}

.pill-ads-bronze {
  color: #d9955c;
  background: #b8733338;
}

.pill-ads-silver {
  color: #b9c2ce;
  background: #9aa4b238;
}

.pill-ads-gold {
  background: color-mix(in srgb, var(--accent) 22%, transparent);
  color: var(--accent);
}

.sponsored-block {
  border-left: 2px solid var(--accent);
  border-bottom: 1px solid var(--border);
  margin-bottom: 22px;
  padding-left: 14px;
}

.sponsored-head {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--accent);
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.pill-sponsored {
  background: color-mix(in srgb, var(--accent) 18%, transparent);
  color: var(--accent);
}

.ads-bar-sep {
  background: var(--border);
  align-self: stretch;
  width: 1px;
  margin: 0 4px;
}

.list-mode {
  margin: 0 0 10px;
}

.eng-actor {
  word-break: break-all;
  max-width: 260px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
}

.eng-body {
  white-space: pre-wrap;
  word-break: break-word;
  min-width: 240px;
  max-width: 520px;
  line-height: 1.45;
}

.eng-rebuild {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.eng-rebuild .ctl-note {
  margin: 0;
}

.claim {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.claim-field {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.claim-field input {
  width: 100%;
  max-width: 520px;
}

.claim-label {
  font-family: var(--font-display);
  letter-spacing: .04em;
  color: var(--fg-muted);
  font-size: 12px;
  font-weight: 600;
}

.claim-help {
  max-width: 62ch;
  margin: 0;
  line-height: 1.5;
}

.claim-status {
  margin: 2px 0 0;
}

.claim-results {
  flex-direction: column;
  gap: 2px;
  max-width: 720px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.claim-results li {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg-raised);
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  display: flex;
}

.claim-results li:hover {
  border-color: var(--border-strong);
}

.claim-result-text {
  flex-direction: column;
  flex: 1;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.claim-result-desc {
  color: var(--fg-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  overflow: hidden;
}

.runads {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.runads-pick {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  display: flex;
}

.runads-pick label {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.runads-pick select {
  min-width: 260px;
}

.runads-pick p {
  margin: 0;
}

.plans {
  grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
  gap: 14px;
  display: grid;
}

.plan {
  background: var(--bg-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  flex-direction: column;
  gap: 6px;
  padding: 16px 16px 14px;
  transition: border-color .12s, transform .12s;
  display: flex;
}

.plan:hover {
  border-color: var(--border-strong);
  transform: translateY(-1px);
}

.plan-head {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.plan-head h3 {
  font-family: var(--font-display);
  letter-spacing: .09em;
  text-transform: uppercase;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
}

.plan-price {
  font-family: var(--font-display);
  font-variant-numeric: tabular-nums;
  margin: 2px 0 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.05;
}

.plan-price span {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--fg-muted);
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.plan-sub {
  color: var(--fg-muted);
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-size: 12.5px;
}

.plan-note {
  color: var(--fg-muted);
  flex: 1;
  margin: 2px 0 10px;
  font-size: 12.5px;
  line-height: 1.45;
}

.plan-bronze {
  border-left: 3px solid color-mix(in srgb, var(--brand) 28%, var(--border));
}

.plan-silver {
  border-left: 3px solid color-mix(in srgb, var(--brand) 55%, var(--border));
}

.plan-gold {
  border-left: 3px solid var(--brand);
}

.plan-terms {
  flex-direction: column;
  gap: 5px;
  max-width: 76ch;
  margin: 4px 0 0;
  padding-left: 18px;
  line-height: 1.5;
  display: flex;
}

.pill-tier-bronze {
  background: color-mix(in srgb, var(--brand) 12%, transparent);
  color: var(--fg-muted);
}

.pill-tier-silver {
  background: color-mix(in srgb, var(--brand) 20%, transparent);
  color: var(--fg);
}

.pill-tier-gold {
  background: var(--brand);
  color: var(--on-brand);
}

.pill-warn {
  background: color-mix(in srgb, var(--warn) 20%, transparent);
  color: var(--warn);
}

.listing-promo {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.cell-entity-title {
  font-weight: 650;
}

.link-quiet {
  color: var(--fg-muted);
  text-underline-offset: 2px;
  text-decoration: underline;
}

.link-quiet:hover {
  color: var(--fg);
}

.mini-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mini-list li {
  border-top: 1px solid var(--border);
  align-items: center;
  gap: 12px;
  padding: 11px 16px;
  display: flex;
}

.mini-list li:first-child {
  border-top: 0;
}

.mini-list-text {
  flex-direction: column;
  flex: 1;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.mini-list-text a {
  font-weight: 650;
}

.mini-list-side {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.row-form {
  flex-direction: column;
  gap: 6px;
  min-width: 260px;
  display: flex;
}

.row-form label {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.row-form input {
  width: 100%;
}

.sponsored-slot {
  display: contents;
}

.plan-days {
  gap: 4px;
  margin: 2px 0 10px;
  display: flex;
}

.plan-days label {
  color: var(--fg-muted);
  background: var(--bg-sunken);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm, 6px);
  cursor: pointer;
  white-space: nowrap;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.plan-days label:hover {
  color: var(--fg);
  border-color: var(--border-strong);
}

.plan-days label.is-on {
  color: var(--fg);
  border-color: var(--brand);
  background: color-mix(in srgb, var(--brand) 10%, transparent);
}

.plan-days input {
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  position: absolute;
}

.plan-days label:focus-within {
  outline: 2px solid var(--brand);
  outline-offset: 1px;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__04xpda0._.css.map*/