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

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/0da9c7f357bd9d4d-s.1975l3y3401x_.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/8e6fa89aa22d24ec-s.p.2o7m9ogm38dql.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: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/0a7740363b4d4863-s.3ji57o093q1kd.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/5f9d24ebef5d5292-s.19xuq3td7fwu_.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/e2334d715941921e-s.p.3o_v2fun1jzxk.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: Poppins Fallback;
  src: local(Arial);
  ascent-override: 93.62%;
  descent-override: 31.21%;
  line-gap-override: 8.92%;
  size-adjust: 112.16%;
}

.poppins_49a70585-module__Tuw8eG__className {
  font-family: Poppins, Poppins Fallback;
  font-style: normal;
}

.poppins_49a70585-module__Tuw8eG__variable {
  --font-poppins: "Poppins", "Poppins Fallback";
}

/* [next]/internal/font/google/ibm_plex_sans_5c0eebb4.module.css [app-client] (css) */
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/7fea77d1d19108bf-s.2y65deuc30pmy.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/1bcd0e671759a44c-s.2qt3tdwt-y9x_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/e15f58668ad64cb8-s.3cvcemwuzoywn.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/90c51ce8fb754fe8-s.02z5rrbg5nt92.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/57215795b8570f5c-s.2rixgazldzomk.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/03fc1b4a8d284b5e-s.p.0wiir8udbzjvx.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/7fea77d1d19108bf-s.2y65deuc30pmy.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/1bcd0e671759a44c-s.2qt3tdwt-y9x_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/e15f58668ad64cb8-s.3cvcemwuzoywn.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/90c51ce8fb754fe8-s.02z5rrbg5nt92.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/57215795b8570f5c-s.2rixgazldzomk.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/03fc1b4a8d284b5e-s.p.0wiir8udbzjvx.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/7fea77d1d19108bf-s.2y65deuc30pmy.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/1bcd0e671759a44c-s.2qt3tdwt-y9x_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/e15f58668ad64cb8-s.3cvcemwuzoywn.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/90c51ce8fb754fe8-s.02z5rrbg5nt92.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: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/57215795b8570f5c-s.2rixgazldzomk.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/03fc1b4a8d284b5e-s.p.0wiir8udbzjvx.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: IBM Plex Sans Fallback;
  src: local(Arial);
  ascent-override: 101.32%;
  descent-override: 27.18%;
  line-gap-override: 0.0%;
  size-adjust: 101.17%;
}

.ibm_plex_sans_5c0eebb4-module__5snccq__className {
  font-family: IBM Plex Sans, IBM Plex Sans Fallback;
  font-style: normal;
}

.ibm_plex_sans_5c0eebb4-module__5snccq__variable {
  --font-plex-sans: "IBM Plex Sans", "IBM Plex Sans Fallback";
}

/* [next]/internal/font/google/ibm_plex_mono_b1df0642.module.css [app-client] (css) */
@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/e390973e931a41c5-s.0rgnxg2b64rzs.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/59b15b4bcd7b1eb5-s.2vemzm0itqzfy.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/e532fa1b9921e1cd-s.3cb5lpr2l6xud.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2fe89d53234c61d4-s.1u30mmyq6lnsd.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/99e609270109b47d-s.p.40sczeszzbjw1.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/5e05ae5b48faa55e-s.1yd4_i3e35931.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/a7afbb44bec2bb18-s.1qc6dx89jd2qv.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/02263ebadd758ea4-s.29yke99gs9qpn.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/68757d6cddeff913-s.1i-sca43-qwng.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/effe91970fc4db64-s.p.0oace-s_gkfks.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/6ff74e33ebd7bca3-s.352ti9pm7m6qh.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/1a69062cfe6f77f8-s.0o-3_g79811ob.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/9a4838fcda0d1bca-s.0ngr-xkgqz1kf.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2e95a7d252b9825a-s.15orukf5wyxb5.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/23b7a97ae3b5c134-s.p.226pwps5o-gq_.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: IBM Plex Mono Fallback;
  src: local(Arial);
  ascent-override: 76.16%;
  descent-override: 20.43%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.ibm_plex_mono_b1df0642-module__ou0oxa__className {
  font-family: IBM Plex Mono, IBM Plex Mono Fallback;
  font-style: normal;
}

.ibm_plex_mono_b1df0642-module__ou0oxa__variable {
  --font-plex-mono: "IBM Plex Mono", "IBM Plex Mono Fallback";
}

/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-style: solid;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

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

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .\!hidden {
    display: none !important;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .grow {
    flex-grow: 1;
  }

  .resize {
    resize: both;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}

:root {
  --ground: #f6f8fc;
  --surface: #fff;
  --sunk: #eef2f8;
  --ink: #16233a;
  --ink-2: #3a4a63;
  --muted: #56627a;
  --faint: #8791a3;
  --rule: #d5dce6;
  --rule-2: #e6ebf2;
  --navy: #13406b;
  --navy-deep: #243660;
  --gold: #ffc32e;
  --gold-wash: #fff6dc;
  --pine: #13406b;
  --pine-wash: #eaf0f7;
  --sky-wash: #e3eefb;
  --sky-rule: #bcd3f0;
  --buoy: #9a4a0c;
  --buoy-bright: #ef7420;
  --buoy-wash: #fef1e6;
  --done: #3f6b4a;
  --stop: #9e2b25;
  --stop-wash: #f5e6e3;
  --done-wash: #e8f0e8;
  --f-display: var(--font-poppins), "Segoe UI", system-ui, sans-serif;
  --f-body: var(--font-plex-sans), "Segoe UI", system-ui, sans-serif;
  --f-mono: var(--font-plex-mono), ui-monospace, Menlo, monospace;
}

* {
  box-sizing: border-box;
}

body {
  background: var(--ground);
  color: var(--ink);
  font-family: var(--f-body);
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}

.wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 22px 18px 72px;
}

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

.side {
  background: var(--navy);
  color: #fff;
  flex-direction: column;
  height: 100vh;
  padding: 18px 12px 14px;
  display: flex;
  position: sticky;
  top: 0;
  overflow-y: auto;
}

.side:after {
  content: "";
  background: var(--gold);
  width: 3px;
  position: absolute;
  top: 75px;
  bottom: 0;
  right: 0;
}

.side {
  position: sticky;
}

.side:before {
  content: "";
  background: #ffffffb3;
  width: 1px;
  height: 75px;
  position: absolute;
  top: 0;
  right: 0;
}

.sidelogo {
  border-bottom: 1px solid #ffffff2e;
  justify-content: center;
  align-items: center;
  min-height: 57px;
  margin-bottom: 10px;
  padding: 2px 8px 16px;
  display: flex;
}

.sidelogo .logo {
  width: auto;
  height: 38px;
  display: block;
}

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

.sidelink {
  color: #ffffffd1;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  font-size: 14.5px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.sidelink:hover {
  color: #fff;
  background: #ffffff14;
}

.sidelink.on {
  color: #fff;
  box-shadow: inset 3px 0 0 var(--gold);
  background: #ffffff24;
  font-weight: 600;
}

.sidelink .tabcount {
  margin-left: auto;
}

.sidesub {
  border-left: 1px solid #ffffff2e;
  flex-direction: column;
  gap: 1px;
  margin: 0 0 4px 12px;
  padding-left: 8px;
  display: flex;
}

.sidesub .sidelink {
  padding: 4px 10px;
  font-size: 13.5px;
  font-weight: 400;
}

.sidesub .sidelink.on {
  font-weight: 600;
}

.sideaside {
  overscroll-behavior: contain;
  border-top: 1px solid #ffffff2e;
  flex: 1 1 0;
  min-height: 140px;
  margin-top: 12px;
  padding-top: 0;
  overflow-y: auto;
}

.sidefoot {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-top: auto;
  padding-top: 12px;
  display: flex;
}

.sideaside + .sidefoot {
  border-top: 1px solid #ffffff2e;
}

.sideout {
  font: inherit;
  color: #ffffffbf;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 4px 10px;
  font-size: 13px;
}

.sideout:hover {
  color: #fff;
  text-decoration: underline;
}

.shellmain {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.workhead {
  background: var(--navy);
  color: #fff;
  border-bottom: 3px solid var(--gold);
  z-index: 30;
  align-items: center;
  min-height: 75px;
  display: flex;
  position: sticky;
  top: 0;
}

.workhead-in {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 18px;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 12px 40px;
  display: flex;
}

.workhead h1 {
  font-family: var(--f-display);
  color: #fff;
  margin: 0;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.15;
}

.workhead .when {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.workhead-right {
  align-self: center;
  align-items: center;
  gap: 16px;
  margin-left: auto;
  display: inline-flex;
}

.workhead .sel.viewas {
  color: #fff;
  cursor: pointer;
  background: #ffffff1a;
  border: 1px solid #ffffff59;
  border-radius: 6px;
  height: 30px;
  margin: 0;
  padding: 0 8px;
  font-size: 13px;
}

.workhead .sel.viewas:hover {
  border-color: var(--gold);
}

.workhead .sel.viewas option {
  color: var(--ink);
  background: #fff;
}

.workstart {
  background: var(--sky-wash);
  border: 1px solid var(--sky-rule);
  border-radius: 14px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px 20px;
  margin-top: 18px;
  padding: 14px 18px;
  display: flex;
}

.workstart b {
  color: var(--navy-deep);
  font-size: 15px;
  display: block;
}

.workstart span {
  color: var(--ink-2);
  font-size: 14px;
}

.workstart-acts {
  align-items: center;
  gap: 14px;
  display: flex;
}

.worksub {
  border-bottom: 1px solid var(--rule-2);
  flex-wrap: wrap;
  gap: 4px 22px;
  margin: -8px 0 22px;
  padding-bottom: 8px;
  font-size: 14px;
  display: flex;
}

.worksub a {
  color: var(--muted);
  border-bottom: 2px solid #0000;
  align-items: center;
  gap: 7px;
  padding: 4px 0;
  text-decoration: none;
  display: inline-flex;
}

.worksub a:hover {
  color: var(--ink);
}

.worksub a.on {
  color: var(--navy);
  border-bottom-color: var(--gold);
  font-weight: 600;
}

.work {
  width: 100%;
  min-width: 0;
  max-width: 1120px;
  margin: 0 auto;
  padding: 26px 40px 72px;
}

.side .worknav {
  max-height: none;
  padding: 0;
  position: static;
  overflow: visible;
}

.side .worknav li a {
  color: #ffffffc7;
  font-size: 13.5px;
}

.side .worknav li a:hover {
  color: #fff;
  background: #ffffff14;
}

.side .worknav li a.on {
  color: #fff;
  background: #ffffff24;
}

.side .worknav-when {
  color: #ffffff8c;
}

.worknav-top {
  z-index: 1;
  background: var(--navy);
  align-items: center;
  gap: 6px;
  padding-top: 12px;
  display: flex;
  position: sticky;
  top: 0;
}

.worksearch {
  width: 100%;
  min-width: 0;
  height: 34px;
  font-family: var(--f-body);
  border-radius: 8px;
  flex: auto;
  margin: 0;
  padding: 0 10px;
  font-size: 13.5px;
  line-height: 34px;
  display: block;
}

.side .worksearch {
  color: #fff;
  background: #ffffff1a;
  border: 1px solid #ffffff40;
}

.side .worksearch::placeholder {
  color: #ffffff8c;
}

.side .worksearch:focus {
  border-color: var(--gold);
  background: #ffffff24;
  outline: none;
}

.worksnip {
  white-space: normal;
  opacity: .7;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.side .worknav .added {
  color: #fff9;
  padding: 0 10px;
}

.side .btn.worknew {
  background: var(--navy);
  color: #fff;
  height: 34px;
  line-height: 32px;
  font-family: var(--f-body);
  letter-spacing: 0;
  text-transform: none;
  border: 1px solid #ffffff73;
  border-radius: 8px;
  flex: 0 0 25%;
  padding: 0 6px;
  font-size: 13.5px;
  font-weight: 600;
}

.side .btn.worknew:hover {
  background: #1d4d7c;
}

.side .worknav .worknav-top + .added, .side .worknav .worknav-top + ul {
  margin-top: 10px;
}

@media (max-width: 860px) {
  .shell {
    display: block;
  }

  .side {
    height: auto;
    padding: 12px 14px 4px;
    position: static;
  }

  .side:after, .side:before {
    display: none;
  }

  .workhead {
    border-top: 1px solid #ffffff2e;
    min-height: 0;
  }

  .workhead-in {
    padding: 10px 16px 12px;
  }

  .workhead h1 {
    font-size: 20px;
  }

  .sidelogo {
    justify-content: flex-start;
    min-height: 0;
    margin-bottom: 8px;
    padding: 0 0 10px;
  }

  .sidelogo .logo {
    height: 28px;
  }

  .sidenav {
    flex-flow: wrap;
    gap: 2px 4px;
  }

  .sidelink {
    padding: 6px 9px;
    font-size: 13.5px;
  }

  .sidelink.on {
    box-shadow: inset 0 -2px 0 var(--gold);
  }

  .sidesub {
    border-left: 0;
    flex-flow: wrap;
    flex-basis: 100%;
    order: 10;
    margin: 4px 0 0;
    padding-left: 0;
  }

  .sideaside {
    flex: none;
    min-height: 0;
    max-height: 220px;
  }

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

  .work {
    padding: 18px 16px 64px;
  }
}

.mast {
  background: var(--navy);
  color: #fff;
  border-bottom: 3px solid var(--gold);
  border-radius: 6px;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
  padding: 12px 16px;
  display: flex;
}

.mast .logo {
  width: auto;
  height: 34px;
  display: block;
}

.mast h1 {
  font-family: var(--f-display);
  letter-spacing: -.005em;
  color: #fff;
  border-left: 1px solid #ffffff59;
  margin: 0;
  padding-left: 16px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.1;
}

.mast .when {
  font-family: var(--f-body);
  color: #ffffffd9;
  margin-left: auto;
  font-size: 12.5px;
}

@media (max-width: 560px) {
  .mast .logo {
    height: 26px;
  }

  .mast h1 {
    padding-left: 12px;
    font-size: 19px;
  }

  .mast .when {
    width: 100%;
    margin-left: 0;
  }
}

.tabs {
  border-bottom: 1px solid var(--rule);
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 20px;
  display: flex;
}

.tab {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
  border-bottom: 2px solid #0000;
  margin-bottom: -1px;
  padding: 10px 14px;
  font-size: 11px;
  text-decoration: none;
}

.tab:hover {
  color: var(--ink);
}

.tab.on {
  color: var(--navy);
  border-bottom: 3px solid var(--gold);
  font-weight: 600;
}

.tab.right {
  align-items: center;
  gap: 7px;
  margin-left: auto;
  display: inline-flex;
}

.tabcount {
  background: var(--gold);
  color: var(--navy);
  letter-spacing: 0;
  border-radius: 9px;
  padding: 3px 6px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}

.tabcount.you {
  background: var(--buoy-bright);
  color: #fff;
}

.tabout {
  align-self: center;
  margin-left: auto;
  padding-left: 4px;
}

.tab.right + .tabout {
  margin-left: 0;
}

.arrived {
  margin: 0 0 22px;
}

.arrivedhead {
  border-bottom: 1px solid var(--rule);
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding-bottom: 8px;
  display: flex;
}

.arrivedlabel {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ink);
  font-size: 11px;
}

.arrivedhead .btn {
  margin-left: auto;
}

.arrivedset {
  gap: 6px;
  margin-top: 10px;
  display: grid;
}

.upd {
  background: var(--surface);
  border: 1px solid var(--rule-2);
  border-left: 3px solid var(--pine);
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px;
  padding: 9px 12px;
  display: flex;
}

.upd.fyi {
  border-left-color: var(--rule);
  background: var(--sunk);
}

.ubody {
  color: inherit;
  flex: 320px;
  text-decoration: none;
  display: block;
}

a.ubody:hover .utitle {
  color: var(--pine);
  text-decoration: underline;
}

.utitle {
  color: var(--ink);
  margin-right: 8px;
  font-weight: 600;
}

.utext {
  color: var(--ink-2);
}

.umeta {
  align-items: center;
  gap: 9px;
  margin-left: auto;
  display: flex;
}

.mailset .row {
  border-left: 3px solid var(--pine);
  background: var(--surface);
}

.mailset .row + .row {
  margin-top: 8px;
}

.arrivedsay {
  color: var(--ink-2);
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.45;
}

.lists {
  margin: 0 0 22px;
}

.listshead {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 9px;
  font-size: 11px;
}

.listset {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 8px;
  display: grid;
}

.listcard {
  color: inherit;
  background: var(--surface);
  border: 1px solid var(--rule-2);
  border-left: 3px solid var(--pine);
  padding: 11px 13px;
  text-decoration: none;
  display: block;
}

.listcard:hover {
  border-color: var(--rule);
}

.listcard:hover .listtitle {
  color: var(--pine);
}

.listtitle {
  margin-bottom: 3px;
  font-weight: 600;
  display: block;
}

.reflink .added {
  margin-left: 8px;
}

.refback {
  margin-bottom: 14px;
}

.refcount {
  border-bottom: 1px solid var(--rule);
  flex-wrap: wrap;
  align-items: baseline;
  gap: 20px;
  margin-bottom: 14px;
  padding: 10px 0 14px;
  display: flex;
}

.reflist {
  gap: 10px;
  display: grid;
}

.refitem {
  background: var(--surface);
  border: 1px solid var(--rule-2);
  border-left: 3px solid var(--rule);
  padding: 12px 14px;
}

.refitem.is-done {
  border-left-color: var(--done);
  background: var(--sunk);
}

.refitem.is-done .reflabel {
  color: var(--muted);
}

.refhead {
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.refnum {
  font-family: var(--f-mono);
  color: var(--faint);
  text-align: right;
  min-width: 1.6em;
  font-size: 12px;
}

.refbody {
  flex: 1;
}

.reflabel {
  color: var(--ink);
  font-weight: 600;
}

button.reflabel {
  cursor: pointer;
  font: inherit;
  color: var(--ink);
  text-align: left;
  background: none;
  border: 0;
  align-items: baseline;
  gap: 7px;
  padding: 0;
  font-weight: 600;
  display: inline-flex;
}

button.reflabel:hover {
  color: var(--pine);
}

.refcaret {
  color: var(--faint);
  font-size: 9px;
}

button.reflabel:hover .refcaret {
  color: var(--pine);
}

.refmore {
  background: var(--sunk);
  border-left: 2px solid var(--pine);
  margin: 9px 0 2px;
  padding: 10px 13px;
}

.refmore p {
  color: var(--ink-2);
  margin: 0 0 9px;
}

.refmore p:last-child {
  margin-bottom: 0;
}

.refmore .read {
  align-items: baseline;
  gap: 7px;
  display: inline-flex;
}

.refdetail {
  color: var(--ink-2);
  margin-top: 4px;
}

.refextra {
  color: var(--muted);
  margin-top: 4px;
  font-size: 13px;
}

.refacts {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 10px 0 0 calc(1.6em + 20px);
  display: flex;
}

.refown {
  align-items: center;
  gap: 7px;
  display: flex;
}

.refown select {
  padding: 4px 6px;
  font-size: 13px;
}

.refnote {
  margin: 9px 0 0 calc(1.6em + 20px);
}

.refnote .note {
  min-height: 56px;
}

.refoutcome {
  border-left: 2px solid var(--done);
  color: var(--ink-2);
  margin-top: 6px;
  padding-left: 11px;
  font-size: 13px;
}

.refnotetext {
  border-left: 2px solid var(--buoy);
  color: var(--ink-2);
  padding-left: 11px;
  font-style: italic;
}

.copydoc {
  margin-top: 6px;
}

.docbox {
  width: 100%;
  min-height: 60vh;
  font-family: var(--f-mono);
  color: var(--ink-2);
  background: var(--surface);
  border: 1px solid var(--rule);
  resize: vertical;
  white-space: pre;
  margin-top: 10px;
  padding: 14px 16px;
  font-size: 12.5px;
  line-height: 1.65;
}

.block {
  margin-top: 26px;
}

.block-head {
  border-bottom: 1px solid var(--ink);
  align-items: baseline;
  gap: 10px;
  padding-bottom: 5px;
  display: flex;
}

.block-head h2 {
  font-family: var(--f-display);
  margin: 0;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.1;
}

.block-head .note {
  color: var(--muted);
  flex: auto;
  font-size: 12px;
}

.block-head .count {
  font-family: var(--f-mono);
  color: var(--faint);
  font-variant-numeric: tabular-nums;
  flex: none;
  font-size: 11.5px;
}

.bhead {
  appearance: none;
  cursor: pointer;
  color: inherit;
  text-align: left;
  font-family: var(--f-display);
  background: none;
  border: none;
  align-items: baseline;
  gap: 9px;
  margin: 0;
  padding: 0;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.1;
  display: inline-flex;
}

.bhead:hover {
  opacity: .7;
}

.bhead:focus-visible {
  outline: 2px solid var(--pine);
  outline-offset: 3px;
}

.caret {
  opacity: .5;
  font-size: 10px;
  transition: transform .12s;
  display: inline-block;
  transform: translateY(-2px);
}

.block.shut > .block-head .caret {
  transform: translateY(-2px)rotate(-90deg);
}

.block.shut > .block-body {
  display: none;
}

.block.shut > .block-head {
  border-bottom-color: var(--rule);
}

.block.shut > .block-head .note {
  opacity: .7;
  font-style: italic;
}

.allctl {
  align-items: center;
  gap: 6px;
  margin-top: 16px;
  display: flex;
}

@media print {
  .block.shut > .block-body {
    display: block;
  }

  .allctl, .caret {
    display: none;
  }
}

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

.rows {
  border-bottom: 1px solid var(--rule);
}

.row {
  border-bottom: 1px solid var(--rule-2);
  grid-template-columns: 26px 1fr auto;
  align-items: start;
  gap: 0 12px;
  padding: 11px 2px;
  display: grid;
}

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

.row.is-done {
  background: var(--done-wash);
}

.tick {
  appearance: none;
  border: 1.5px solid var(--ink);
  cursor: pointer;
  background: none;
  width: 19px;
  height: 19px;
  margin-top: 2px;
  padding: 0;
  position: relative;
}

.tick:checked:after {
  content: "";
  border: solid var(--done);
  border-width: 0 2.5px 2.5px 0;
  width: 7px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 4px;
  transform: rotate(42deg);
}

.tick:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}

.main {
  min-width: 0;
}

.ttl {
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.35;
  display: flex;
}

.row.is-done .ttl {
  color: var(--muted);
}

.row.is-done .metaline, .row.is-done .arrivedsay {
  display: none;
}

.row.is-done {
  padding-top: 4px;
  padding-bottom: 4px;
}

.row.is-done .ttl .tog {
  text-decoration: line-through;
  -webkit-text-decoration-color: var(--faint);
  text-decoration-color: var(--faint);
}

.ttl .tog {
  appearance: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: left;
  background: none;
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.ttl .tog:hover {
  color: var(--pine);
}

.ttl .tog:focus-visible {
  outline: 2px solid var(--pine);
  outline-offset: 2px;
}

.rank {
  font-family: var(--f-mono);
  color: var(--faint);
  font-variant-numeric: tabular-nums;
  flex: none;
  min-width: 14px;
  font-size: 11px;
}

.rank.ref {
  color: var(--pine);
  font-size: 11.5px;
}

.ctx {
  color: var(--ink-2);
  margin-top: 2px;
  font-size: 13px;
  line-height: 1.45;
}

.metaline {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 8px;
  margin-top: 6px;
  display: flex;
}

.detail {
  border-left: 2px solid var(--rule);
  margin-top: 9px;
  padding-left: 12px;
}

.detailacts {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin-top: 10px;
  display: flex;
}

.inline-lab {
  font-family: var(--f-mono);
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--faint);
  align-items: center;
  gap: 5px;
  font-size: 10px;
  display: inline-flex;
}

.inline-lab .sel {
  width: auto;
  padding: 3px 5px;
  font-size: 11px;
}

.added {
  color: var(--faint);
  font-size: 11.5px;
}

.pathline {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 9px;
  margin-top: 7px;
  font-size: 12.5px;
  display: flex;
}

.pathline b {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--faint);
  font-size: 9.5px;
  font-weight: 500;
}

.pathline code {
  font-family: var(--f-mono);
  color: var(--ink-2);
  font-size: 12px;
}

.draftlab {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--faint);
  margin-bottom: 4px;
  font-size: 10px;
}

.chip.has-note {
  border-style: dashed;
}

.ctl .mini {
  appearance: none;
  border: 1px solid var(--rule);
  color: var(--muted);
  font-family: var(--f-mono);
  cursor: pointer;
  background: none;
  place-items: center;
  width: 22px;
  height: 18px;
  padding: 0;
  font-size: 9px;
  line-height: 1;
  display: grid;
}

.ctl .mini:hover:not(:disabled) {
  border-color: var(--ink);
  color: var(--ink);
}

.ctl .mini:focus-visible {
  outline: 2px solid var(--pine);
  outline-offset: 1px;
}

.ctl .mini:disabled {
  opacity: .3;
  cursor: default;
}

.ctl .mini.disc {
  height: 22px;
  font-size: 10px;
}

.ctl .mini.disc.on {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--ground);
}

.ctl .mini.disc.v0 {
  border-style: dashed;
}

.btn.mini.warn {
  border-color: var(--buoy);
  color: var(--buoy);
  font-weight: 600;
}

.ctl .mini.ico {
  font-family: var(--f-body);
  height: 20px;
  font-size: 13px;
}

.ctl .mini.ico.has {
  color: var(--pine);
  border-color: var(--pine);
}

.chip {
  font-family: var(--f-mono);
  letter-spacing: .05em;
  text-transform: uppercase;
  border: 1px solid var(--rule);
  color: var(--muted);
  white-space: nowrap;
  padding: 1.5px 6px;
  font-size: 10.5px;
}

.chip.due {
  color: var(--buoy);
  border-color: var(--buoy);
  font-weight: 600;
}

.chip.track {
  background: var(--sunk);
  color: var(--ink-2);
}

.chip.who {
  border-color: var(--pine);
  color: var(--pine);
  font-weight: 600;
}

.chip.status {
  border-color: var(--pine);
  color: var(--pine);
}

.chip.status.accepted {
  background: var(--done-wash);
  border-color: var(--done);
  color: var(--done);
  font-weight: 600;
}

.chip.status.review, .chip.unsynced {
  background: var(--buoy-wash);
  border-color: var(--buoy);
  color: var(--buoy);
  font-weight: 600;
}

.ctl {
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding-top: 1px;
  display: flex;
}

.ctl .mini, .ctl .mini.disc, .ctl .mini.ico {
  width: 24px;
  height: 22px;
}

.notetxt {
  color: var(--pine);
  border-left: 2px solid var(--pine);
  white-space: pre-wrap;
  margin-top: 6px;
  padding: 3px 0 3px 9px;
  font-size: 12.5px;
  line-height: 1.5;
}

.notetxt b {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 9.5px;
  display: block;
}

.noteline {
  grid-column: 2 / 4;
  margin-top: 8px;
}

textarea.note, input.txt, select.sel, textarea.draft {
  box-sizing: border-box;
  width: 100%;
  font-family: var(--f-body);
  color: var(--ink);
  background: var(--surface);
  border: 1px solid var(--rule);
  padding: 7px 9px;
  font-size: 13.5px;
  line-height: 1.5;
  display: block;
}

textarea.note {
  resize: vertical;
  min-height: 120px;
}

textarea.draft {
  resize: vertical;
  min-height: 220px;
  font-family: var(--f-mono);
  font-size: 12.5px;
}

textarea.note:focus-visible, input.txt:focus-visible, select.sel:focus-visible, textarea.draft:focus-visible {
  outline: 2px solid var(--pine);
  outline-offset: -1px;
}

.btn {
  appearance: none;
  border: 1px solid var(--rule);
  color: var(--ink-2);
  font-family: var(--f-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  padding: 5px 10px;
  font-size: 10.5px;
}

.btn:hover:not(:disabled) {
  border-color: var(--ink);
  color: var(--ink);
}

.btn:focus-visible {
  outline: 2px solid var(--pine);
  outline-offset: 1px;
}

.btn:disabled {
  opacity: .45;
  cursor: default;
}

.btn.go {
  border-color: var(--pine);
  color: var(--pine);
  font-weight: 600;
}

.btn.go:hover:not(:disabled) {
  background: var(--pine-wash);
}

.btn.fire {
  background: var(--pine);
  border-color: var(--pine);
  color: #fff;
  font-weight: 700;
}

.btn.fire:hover:not(:disabled) {
  background: var(--ink);
  border-color: var(--ink);
}

.btn.mini {
  padding: 3px 7px;
  font-size: 10px;
}

.callout {
  background: var(--pine-wash);
  border-left: 3px solid var(--pine);
  margin: 14px 0;
  padding: 10px 13px;
  font-size: 13.5px;
  line-height: 1.55;
}

.callout.warn {
  background: var(--buoy-wash);
  border-left-color: var(--buoy);
}

.callout b {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pine);
  margin-bottom: 3px;
  font-size: 10px;
  display: block;
}

.callout.warn b {
  color: var(--buoy);
}

.empty {
  color: var(--muted);
  padding: 15px 2px;
  font-size: 13.5px;
}

.addbar {
  border: 1px solid var(--rule);
  background: var(--surface);
  gap: 8px;
  margin: 16px 0 0;
  padding: 12px 13px;
  display: grid;
}

.addbar .fieldrow {
  flex-wrap: wrap;
  align-items: end;
  gap: 8px;
  display: flex;
}

.addbar label {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--faint);
  margin-bottom: 3px;
  font-size: 10px;
  display: block;
}

.foot {
  border-top: 1px solid var(--rule);
  color: var(--faint);
  margin-top: 40px;
  padding-top: 12px;
  font-size: 12px;
  line-height: 1.6;
}

.banner {
  border: 1px solid var(--buoy);
  background: var(--buoy-wash);
  color: var(--buoy);
  margin-bottom: 12px;
  padding: 9px 12px;
  font-size: 13px;
  line-height: 1.5;
}

.slot {
  color: var(--ink-2);
  margin-top: 9px;
  font-size: 13px;
  line-height: 1.5;
}

.slot b {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--faint);
  margin-bottom: 2px;
  font-size: 10px;
  display: block;
}

.slot.gap i {
  color: var(--faint);
  font-style: italic;
}

.slot.decide {
  background: var(--buoy-wash);
  border-left: 2px solid var(--buoy);
  color: var(--ink);
  margin-left: -12px;
  padding: 9px 11px;
}

.slot.decide b {
  color: var(--buoy);
}

.slot.decide.settled {
  background: var(--done-wash);
  border-left-color: var(--done);
}

.slot.decide.settled b {
  color: var(--done);
}

.answered {
  border-top: 1px dashed var(--rule);
  margin-top: 8px;
  padding-top: 7px;
  font-size: 13px;
}

.answered b {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--done);
  margin-bottom: 2px;
  font-size: 10px;
  display: block;
}

.chip.call {
  background: var(--buoy-wash);
  border-color: var(--buoy);
  color: var(--buoy);
  font-weight: 600;
}

.chip.body {
  background: var(--sunk);
  color: var(--muted);
  border-color: var(--rule);
}

.chip.pick {
  cursor: pointer;
  font: inherit;
  font-size: 11px;
}

.metaline .sel {
  width: auto;
  max-width: 190px;
  padding: 2px 4px;
  font-size: 11.5px;
  display: inline-block;
}

.chip.pick.none {
  color: var(--faint);
  border-style: dashed;
}

.chip.pick:hover {
  border-color: var(--pine);
  color: var(--pine);
}

.chip.pick.body {
  border-style: dotted;
}

.block-roster {
  margin-top: 30px;
}

.block-roster > .block-head .bhead {
  letter-spacing: -.01em;
  font-size: 22px;
  font-weight: 600;
}

.block-roster > .block-head {
  border-bottom-width: 2px;
  flex-wrap: wrap;
  padding-bottom: 7px;
}

.block-roster > .block-head .note {
  flex: 220px;
}

.psecnote {
  color: var(--muted);
  margin-top: 10px;
  font-size: 12.5px;
}

.block-sub {
  margin-top: 16px;
}

.block-sub > .block-head {
  border-bottom: 1px solid var(--rule-2);
  padding-bottom: 4px;
}

.block-sub > .block-head .bhead {
  font-family: var(--f-mono);
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--muted);
  font-size: 10.5px;
  font-weight: 400;
}

.block-sub > .block-head .count {
  font-size: 10.5px;
}

.block-sub > .block-head .caret {
  font-size: 8px;
}

.reads {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px 8px;
  margin-top: 10px;
  display: flex;
}

.reads > b {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--faint);
  flex: none;
  font-size: 10px;
}

.read {
  color: var(--pine);
  border-bottom: 1px solid var(--rule);
  align-items: baseline;
  gap: 5px;
  padding-bottom: 1px;
  font-size: 12px;
  text-decoration: none;
  display: inline-flex;
}

.read:hover {
  border-bottom-color: var(--pine);
}

.read .mark {
  font-family: var(--f-mono);
  color: var(--faint);
  font-size: 10px;
}

.inlink {
  color: var(--pine);
  text-underline-offset: 2px;
  text-decoration: underline;
}

.crumb {
  margin-bottom: 14px;
  font-size: 12.5px;
}

.pgrid {
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  gap: 12px;
  margin-top: 18px;
  display: grid;
}

.pcard {
  border: 1px solid var(--rule);
  background: var(--surface);
  flex-direction: column;
  padding: 13px 14px 11px;
  display: flex;
}

.pcard.clear {
  background: var(--ground);
  border-color: var(--rule-2);
}

.phead {
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.phead h3 {
  font-family: var(--f-display);
  letter-spacing: -.01em;
  flex: auto;
  margin: 0;
  font-size: 19px;
  font-weight: 600;
}

.phead h3 a {
  color: inherit;
  text-decoration: none;
}

.phead h3 a:hover {
  color: var(--pine);
}

.pcount {
  font-family: var(--f-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted);
  white-space: nowrap;
  font-size: 10.5px;
}

.prole {
  color: var(--muted);
  margin-top: 3px;
  font-size: 12.5px;
  line-height: 1.45;
}

.prole.big {
  color: var(--ink-2);
  margin: -8px 0 14px;
  font-size: 14px;
}

.strip {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 6px;
  margin-top: 9px;
  padding: 7px 10px;
  font-size: 13px;
  line-height: 1.45;
  display: flex;
}

.strip b {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--faint);
  flex: 0 0 100%;
  margin-bottom: 2px;
  font-size: 10px;
}

.strip .none {
  color: var(--muted);
}

.strip .sep {
  color: var(--faint);
}

.strip.day {
  background: var(--sunk);
}

.strip.day b {
  color: var(--ink-2);
}

.strip.day .big {
  color: var(--buoy);
  font-weight: 700;
}

.strip.build {
  background: var(--pine-wash);
}

.strip.build b {
  color: var(--pine);
}

.strip.build .lead {
  color: var(--pine);
  font-weight: 600;
}

.strip.build .ttlx {
  flex: 100%;
}

.block .block:first-of-type {
  margin-top: 16px;
}

.pstats {
  flex-wrap: wrap;
  gap: 4px 6px;
  margin-top: 9px;
  display: flex;
}

.pcap {
  color: var(--muted);
  border-left: 2px solid var(--rule);
  margin-top: 9px;
  padding-left: 9px;
  font-size: 12px;
  line-height: 1.5;
}

.pfoot {
  color: var(--faint);
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  margin-top: auto;
  padding-top: 10px;
  font-size: 11.5px;
  display: flex;
}

.capbox {
  border-left: 2px solid var(--rule);
  color: var(--ink-2);
  margin-top: 10px;
  padding: 2px 0 2px 11px;
  font-size: 13px;
  line-height: 1.5;
}

.capbox b {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--faint);
  margin-bottom: 2px;
  font-size: 10px;
  display: block;
}

@media (max-width: 560px) {
  .wrap {
    padding: 16px 13px 64px;
  }

  .mast h1 {
    font-size: 23px;
  }

  .mast .when {
    flex-basis: 100%;
    margin-left: 0;
  }

  .row {
    grid-template-columns: 24px 1fr;
  }

  .ctl {
    flex-wrap: wrap;
    grid-column: 2;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 8px;
  }

  .ctl .mini, .ctl .mini.disc, .ctl .mini.ico {
    width: 34px;
    height: 30px;
    font-size: 12px;
  }

  .ctl .mini.ico {
    font-size: 15px;
  }

  .noteline {
    grid-column: 1 / 3;
  }

  .pgrid {
    grid-template-columns: 1fr;
  }

  .slot.decide {
    margin-left: 0;
  }
}

.mailrow {
  border-bottom: 1px solid var(--rule-2);
  color: inherit;
  grid-template-columns: 1fr auto;
  gap: 2px 12px;
  padding: 9px 2px;
  text-decoration: none;
  display: grid;
}

.mailrow:last-child {
  border-bottom: none;
}

.mailrow:hover {
  background: var(--sunk);
}

.mailrow:focus-visible {
  outline: 2px solid var(--pine);
  outline-offset: -2px;
}

.mailwho {
  color: var(--muted);
  grid-column: 1;
  align-items: baseline;
  gap: 6px;
  font-size: 12px;
  display: flex;
}

.mailwho .clip {
  color: var(--faint);
  font-size: 10px;
}

.mailsub {
  color: var(--ink);
  grid-column: 1;
  font-size: 14px;
  line-height: 1.35;
}

.mailsnip {
  color: var(--faint);
  text-overflow: ellipsis;
  white-space: nowrap;
  grid-column: 1;
  font-size: 12.5px;
  line-height: 1.4;
  overflow: hidden;
}

.mailwhen {
  font-family: var(--f-mono);
  color: var(--faint);
  white-space: nowrap;
  grid-area: 1 / 2 / 3;
  align-self: start;
  font-size: 11px;
}

.mailrow.unread .mailsub {
  font-weight: 600;
}

.mailrow.unread .mailwho {
  color: var(--pine);
  font-weight: 600;
}

.mailwho .inthread {
  font-family: var(--f-mono);
  color: var(--pine);
  border: 1px solid var(--rule);
  padding: 0 4px;
  font-size: 10px;
}

.sendbox {
  margin-top: 10px;
}

.draftbox {
  background: var(--surface);
  border: 1px solid var(--rule);
  border-left: 3px solid var(--pine);
  padding: 10px 12px;
}

.drafthead {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pine);
  margin-bottom: 6px;
  font-size: 10px;
}

.draftbox.went {
  border-left-color: var(--done);
  background: var(--done-wash);
}

.draftbox.went .drafthead {
  color: var(--done);
}

.subjlab {
  margin: 6px 0 2px;
}

.subjin {
  font-weight: 600;
}

.subjwarn {
  color: var(--buoy);
  margin-top: 3px;
  font-size: 11.5px;
  font-weight: 600;
}

.sendline {
  color: var(--ink-2);
  font-size: 13px;
}

.sendline.subj {
  color: var(--ink);
  margin-top: 2px;
  font-weight: 600;
}

.sendwords {
  color: var(--ink);
  white-space: pre-wrap;
  margin-top: 6px;
  font-size: 13.5px;
  line-height: 1.5;
}

.sendwords.empty-words {
  color: var(--faint);
  font-style: italic;
}

.sigblock {
  border-top: 1px dashed var(--rule-2);
  color: var(--muted);
  white-space: pre-wrap;
  margin-top: 12px;
  padding-top: 8px;
  font-size: 12.5px;
  line-height: 1.5;
}

.sendform {
  gap: 8px;
  margin-top: 4px;
  display: grid;
}

.sendlab {
  font-family: var(--f-mono);
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--faint);
  gap: 3px;
  font-size: 10px;
  display: grid;
}

.sendacts {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin-top: 9px;
  display: flex;
}

.askbox {
  margin-top: 8px;
}

.askbox .note {
  min-height: 64px;
}

.forclaude {
  padding: 4px 2px 2px;
}

.forclaude .note {
  min-height: 72px;
}

.asks {
  gap: 7px;
  margin-top: 12px;
  display: grid;
}

.asks.settled {
  opacity: .78;
  margin-top: 8px;
}

.blockedset {
  margin: 0 0 20px;
}

.blockedhead {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--buoy);
  margin-bottom: 8px;
  font-size: 11px;
}

.ask.blocked {
  border-left-color: var(--buoy);
  background: var(--surface);
  padding: 12px 13px;
}

.ask.blocked .note {
  min-height: 56px;
  margin-top: 9px;
}

.askq {
  border-left: 2px solid var(--buoy);
  color: var(--ink);
  margin-top: 7px;
  padding-left: 11px;
  font-style: italic;
}

.askq.settled {
  border-left-color: var(--rule);
  color: var(--muted);
  font-size: 13px;
}

.askreply {
  border-left: 2px solid var(--rule);
  color: var(--muted);
  margin-top: 5px;
  padding-left: 11px;
  font-size: 13px;
}

.settledhead {
  border-top: 1px solid var(--rule);
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: 22px;
  padding-top: 12px;
  font-size: 11px;
}

.ask {
  border: 1px solid var(--rule);
  border-left: 2px solid var(--pine);
  background: var(--surface);
  padding: 8px 10px;
}

.asks.settled .ask {
  border-left-color: var(--done);
}

.askbody {
  color: var(--ink);
  white-space: pre-wrap;
  font-size: 13.5px;
  line-height: 1.5;
}

.askanswer {
  border-top: 1px dashed var(--rule-2);
  color: var(--ink-2);
  white-space: pre-wrap;
  margin-top: 6px;
  padding-top: 6px;
  font-size: 13px;
  line-height: 1.5;
}

.askmeta {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 8px;
  margin-top: 7px;
  display: flex;
}

.sendproblem {
  background: var(--buoy-wash);
  border-left: 2px solid var(--buoy);
  color: var(--buoy);
  margin-top: 8px;
  padding: 7px 9px;
  font-size: 12.5px;
}

.chip.send {
  background: var(--pine-wash);
  border-color: var(--pine);
  color: var(--pine);
  font-weight: 600;
}

.chip.sent {
  background: var(--done-wash);
  border-color: var(--done);
  color: var(--done);
}

.thread {
  margin: 10px 0 0;
}

.threadhead {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--faint);
  margin-bottom: 6px;
  font-size: 10px;
}

.threadwait {
  color: var(--faint);
  margin: 6px 0 8px;
  font-size: 12.5px;
  font-style: italic;
}

.tmsg {
  background: var(--sunk);
  border: 1px solid var(--rule);
  margin-bottom: 6px;
}

.tmsg:last-child {
  margin-bottom: 0;
}

.tmeta {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  padding: 6px 10px 4px;
  display: flex;
}

.tmeta b {
  color: var(--ink);
  font-size: 12.5px;
  font-weight: 600;
}

.tdate {
  font-family: var(--f-mono);
  color: var(--faint);
  margin-left: auto;
  font-size: 10.5px;
}

.tto {
  color: var(--muted);
  padding: 0 10px;
  font-size: 11.5px;
  line-height: 1.45;
}

.tsubj {
  color: var(--ink-2);
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 1px 10px 6px;
  font-size: 11.5px;
  font-weight: 600;
  overflow: hidden;
}

.twords {
  color: var(--ink-2);
  white-space: pre-wrap;
  overflow-wrap: break-word;
  border-top: 1px solid var(--rule-2);
  padding: 7px 10px 8px;
  font-size: 13px;
  line-height: 1.5;
}

.talso {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 7px;
  padding: 0 10px 7px;
  display: flex;
}

.nohist {
  background: var(--buoy-wash);
  border-left: 2px solid var(--buoy);
  color: var(--buoy);
  margin: 8px 0 10px;
  padding: 7px 10px;
  font-size: 12.5px;
  line-height: 1.5;
}

.nohist b {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 10px;
  display: block;
}

.copies {
  margin: 6px 0;
}

.copieshead {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--faint);
  margin-bottom: 5px;
  font-size: 10px;
}

.copyrow {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  padding: 2px 0;
  display: flex;
}

.cname {
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
}

.cmail {
  font-family: var(--f-mono);
  color: var(--muted);
  word-break: break-all;
  font-size: 11px;
}

.copyadd {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  display: flex;
}

.copyadd .txt {
  flex: 170px;
  min-width: 0;
}

.copyhits {
  flex-wrap: wrap;
  flex: 100%;
  align-items: center;
  gap: 5px 6px;
  display: flex;
}

.ho-progress {
  color: var(--pine);
  margin-top: 6px;
  font-weight: 600;
}

.ho-group {
  margin-top: 30px;
}

.ho-grouphead {
  border-top: 3px solid var(--navy);
  margin-bottom: 6px;
  padding-top: 10px;
}

.ho-grouphead h2 {
  font-family: var(--f-display);
  color: var(--navy-deep);
  margin: 0;
  font-size: 21px;
  font-weight: 600;
}

.ho-grouphead p {
  color: var(--muted);
  margin: 2px 0 0;
  font-size: 13.5px;
}

.ho-groupsum {
  color: var(--ink-2);
  margin-top: 4px;
  font-size: 12.5px;
}

.statline {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin: 0 0 10px;
  display: flex;
}

.stat {
  white-space: nowrap;
  border: 1px solid var(--rule);
  background: var(--surface);
  color: var(--ink-2);
  border-radius: 14px;
  padding: 3px 10px;
  font-size: 12.5px;
  text-decoration: none;
}

a.stat:hover {
  border-color: var(--navy);
  color: var(--navy);
}

.stat-confirm {
  border-color: var(--buoy-bright);
  color: var(--buoy);
  background: var(--buoy-wash);
  font-weight: 600;
}

.stat-calls {
  border-color: var(--gold);
  background: var(--gold-wash);
  color: var(--navy-deep);
  font-weight: 600;
}

.stat-nobody {
  border-style: dashed;
}

.stat.on {
  outline: 2px solid var(--navy);
  outline-offset: 1px;
}

.stat-clear {
  color: var(--navy);
  background: none;
  border: 0;
  padding: 3px 4px;
  text-decoration: underline;
}

.sysnav {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 18px;
  margin: 0 0 12px;
  font-size: 12.5px;
  display: flex;
}

.othviews {
  color: var(--muted);
  margin-left: auto;
}

.howto summary {
  cursor: pointer;
  color: var(--navy);
}

.howto p {
  max-width: 62ch;
  color: var(--ink-2);
  margin: 6px 0 0;
  font-size: 13.5px;
}

.ho-checks {
  gap: 10px;
  padding: 6px 0 4px;
  display: grid;
}

.ho-check {
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: 8px;
  gap: 7px;
  padding: 11px 13px;
  display: grid;
}

.ho-check.urgent {
  border-left: 3px solid var(--buoy);
}

.ho-check.answered {
  border-color: var(--done);
}

.ho-q {
  font-size: 14.5px;
  font-weight: 600;
}

summary.ho-q {
  cursor: pointer;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  list-style: none;
  display: flex;
}

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

summary.ho-q:before {
  content: "▸";
  color: var(--muted);
  margin-right: -4px;
  font-size: 12px;
}

details[open] > summary.ho-q:before {
  content: "▾";
}

summary.ho-q > span:first-child {
  flex: 1;
}

.ho-qstate {
  border: 1px solid var(--rule);
  color: var(--muted);
  border-radius: 9px;
  flex: none;
  padding: 1px 8px;
  font-size: 11px;
  font-weight: 500;
}

.ho-qstate.set {
  border-color: var(--done);
  color: var(--done);
  background: var(--done-wash);
}

.ho-check.urgent .ho-qstate:not(.set) {
  border-color: var(--buoy-bright);
  color: var(--buoy);
  background: var(--buoy-wash);
}

details.ho-check[open] > summary.ho-q {
  margin-bottom: 6px;
}

.ho-why {
  color: var(--ink-2);
  font-size: 13px;
  line-height: 1.5;
}

.ho-see {
  color: var(--muted);
}

.ho-area {
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: 8px;
  gap: 11px;
  margin: 6px 0 10px;
  padding: 14px 15px;
  display: grid;
}

.ho-area.st-agreed {
  border-color: var(--done);
}

.ho-top {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.ho-name {
  font-family: var(--f-display);
  margin: 0;
  font-size: 19px;
  font-weight: 600;
}

.ho-scope {
  color: var(--ink-2);
  max-width: 68ch;
  margin: 3px 0 0;
  font-size: 13.5px;
}

.ho-pill {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  background: var(--buoy-wash);
  color: var(--buoy);
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 10px;
}

.ho-pill.st-agreed {
  background: var(--done-wash);
  color: var(--done);
}

.ho-pill.st-board, .ho-pill.st-yes {
  background: var(--pine-wash);
  color: var(--pine);
}

.ho-kori {
  background: var(--buoy-wash);
  border-radius: 6px;
  margin: 0;
  padding: 8px 11px;
  font-size: 13.5px;
  line-height: 1.5;
}

.ho-kori b {
  color: var(--buoy);
}

.ho-assign {
  background: var(--sunk);
  border-radius: 6px;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 10px 11px;
  display: grid;
}

@media (max-width: 640px) {
  .ho-assign {
    grid-template-columns: 1fr;
  }
}

.ho-field {
  align-content: start;
  gap: 4px;
  display: grid;
}

.ho-area.slim {
  padding-top: 10px;
}

.ho-lead {
  margin: 0 0 10px;
}

.ho-who {
  color: var(--ink-2);
  margin: 0;
  font-size: 15px;
  line-height: 1.9;
}

.ho-who-name {
  font-family: var(--f-body);
  color: var(--ink);
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 15px;
  font-weight: 600;
}

.ho-who-name.own-proposed {
  color: var(--buoy);
  background: var(--buoy-wash);
}

.ho-who-name.own-yes {
  color: var(--done);
  background: var(--done-wash);
}

.ho-change {
  margin-left: 6px;
  font-size: 13px;
}

.ho-who .ho-confirmall {
  float: right;
  margin-left: 12px;
}

.ho-lead .ho-scope {
  color: var(--muted);
  max-width: none;
  margin: 4px 0 0;
  font-size: 13.5px;
}

.ho-lead .ho-seats {
  margin: 10px 0 4px;
}

.ho-seats {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 22px;
  margin: 0 0 10px;
  display: flex;
}

.ho-seat {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.ho-seat .ho-lab {
  margin: 0;
}

.ho-seat .sel {
  width: auto;
  min-width: 150px;
  height: 32px;
  padding: 0 8px;
  font-size: 14px;
}

.ho-seat .own-confirm {
  padding: 3px 8px;
  font-size: 12.5px;
}

.ho-seats .ho-pill {
  margin-left: auto;
}

.ho-confirmall {
  margin-left: auto;
  font-weight: 600;
}

.ho-confirmall + .ho-pill {
  margin-left: 0;
}

.ho-about {
  border-top: 1px solid var(--rule-2);
  margin-top: 12px;
  padding-top: 8px;
}

.ho-about > summary {
  cursor: pointer;
  color: var(--muted);
  padding: 4px 0;
  font-size: 13.5px;
}

.ho-about > summary:hover {
  color: var(--ink);
}

.ho-about[open] > summary {
  margin-bottom: 10px;
}

.ho-todecide {
  background: var(--buoy-wash);
  color: var(--buoy);
  border: 1px solid var(--buoy-bright);
  border-radius: 10px;
  margin-left: 10px;
  padding: 1px 8px;
  font-size: 12px;
}

@media (max-width: 640px) {
  .ho-seats .ho-pill {
    margin-left: 0;
  }
}

.ho-lab {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--faint);
  font-size: 10px;
}

.ho-use {
  cursor: pointer;
  font: inherit;
  color: var(--pine);
  background: none;
  border: 0;
  justify-self: start;
  padding: 0;
  font-size: 12.5px;
  text-decoration: underline;
}

.ho-hint {
  color: var(--muted);
  font-size: 12.5px;
}

.ho-proposal {
  color: var(--muted);
  border: 1px dashed var(--rule);
  border-radius: 6px;
  margin: 0;
  padding: 7px 10px;
  font-size: 12.5px;
}

.refproposed {
  color: var(--pine);
  font-size: 12px;
}

.chip.pick.own-proposed {
  border-color: var(--buoy-bright);
  color: var(--buoy);
  background: var(--buoy-wash);
}

.chip.pick.own-yes {
  border-color: var(--done);
  color: var(--done);
  background: var(--done-wash);
}

.own-proposed .sel, .own-proposed .subjin {
  border-color: var(--buoy-bright);
  color: var(--buoy);
  background: var(--buoy-wash);
}

.own-yes .sel, .own-yes .subjin {
  border-color: var(--done);
  color: var(--done);
  background: var(--done-wash);
}

.own-confirm {
  font: inherit;
  cursor: pointer;
  border: 1px solid var(--buoy-bright);
  color: var(--buoy);
  background: none;
  border-radius: 3px;
  justify-self: start;
  padding: 1px 7px;
  font-size: 11.5px;
}

.own-confirm:hover {
  background: var(--buoy-bright);
  color: #fff;
}

.own-confirm:focus-visible {
  outline: 2px solid var(--pine);
  outline-offset: 1px;
}

.ho-asks {
  gap: 9px;
  display: grid;
}

.ho-ask {
  gap: 4px;
  display: grid;
}

.ho-askq {
  font-size: 13.5px;
}

.ho-onrow {
  color: var(--muted);
  font-size: 12.5px;
  font-style: italic;
}

.ho-more summary {
  cursor: pointer;
  color: var(--pine);
  font-size: 12.5px;
  font-weight: 600;
}

.ho-more ul {
  color: var(--ink-2);
  gap: 2px;
  margin: 6px 0 0;
  padding-left: 18px;
  font-size: 13px;
  display: grid;
}

.ho-foot {
  grid-template-columns: 1fr auto;
  align-items: start;
  gap: 10px;
  display: grid;
}

@media (max-width: 640px) {
  .ho-foot {
    grid-template-columns: 1fr;
  }
}

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

.ho-text {
  position: relative;
}

.ho-input {
  width: 100%;
  font: inherit;
  color: var(--ink);
  background: var(--ground);
  border: 1px solid var(--rule);
  resize: vertical;
  border-radius: 6px;
  min-height: 34px;
  padding: 7px 9px;
  font-size: 13.5px;
}

.ho-input:focus-visible, .ho-opt:focus-visible, .ho-use:focus-visible {
  outline: 2px solid var(--pine);
  outline-offset: 1px;
}

.ho-state {
  color: var(--faint);
  font-size: 11.5px;
}

.ho-state.bad {
  color: var(--buoy);
}

.ho-choice {
  border: 1px solid var(--rule);
  border-radius: 6px;
  flex-wrap: wrap;
  justify-self: start;
  display: inline-flex;
  overflow: hidden;
}

.ho-opt {
  font: inherit;
  background: var(--surface);
  color: var(--muted);
  cursor: pointer;
  border: 0;
  padding: 5px 10px;
  font-size: 12.5px;
  font-weight: 600;
}

.ho-opt + .ho-opt {
  border-left: 1px solid var(--rule);
}

.ho-opt.on {
  background: var(--pine);
  color: #fff;
}

.ho-opt:disabled {
  opacity: .6;
  cursor: default;
}

.slot.bg {
  background: var(--sunk);
  border-left: 2px solid var(--rule);
  margin-left: -12px;
  padding: 9px 11px;
}

.slot.bg .more {
  margin-top: 5px;
  font-weight: 600;
  display: inline-block;
}

.bgpage {
  max-width: 70ch;
}

.bgpage h2 {
  font-family: var(--f-display);
  margin: 22px 0 6px;
  font-size: 20px;
  font-weight: 600;
}

.bgpage p, .bgpage li {
  color: var(--ink-2);
  font-size: 14.5px;
  line-height: 1.6;
}

.bgpage ul {
  padding-left: 20px;
}

.bgpage .lede {
  color: var(--ink);
  font-size: 16px;
}

.bgpage .src {
  color: var(--muted);
  font-size: 13px;
}

.meet {
  border: 1px solid var(--rule);
  border-left: 3px solid var(--pine);
  background: var(--surface);
  border-radius: 4px;
  gap: 6px;
  margin-top: 10px;
  padding: 10px 12px;
  font-size: 13.5px;
  display: grid;
}

.meet > b {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pine);
  font-size: 10px;
}

.meet.done {
  background: var(--done-wash);
  border-left-color: var(--done);
  display: block;
}

.meet.done > b {
  color: var(--done);
  margin-bottom: 2px;
  display: block;
}

.meetwhat {
  font-weight: 600;
}

.meetclash {
  color: var(--buoy);
  font-size: 13px;
}

.meetacts {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  display: flex;
}

.meetedit {
  gap: 8px;
  display: grid;
}

.meetedit label {
  color: var(--muted);
  gap: 3px;
  font-size: 12px;
  display: grid;
}

.meetrow {
  grid-template-columns: 1.4fr 1fr .8fr;
  gap: 8px;
  display: grid;
}

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

.meetfind {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  font-size: 13px;
  display: flex;
}

.shape .shapebody {
  gap: 7px;
  padding: 4px 0 2px;
  font-size: 13.5px;
  line-height: 1.5;
  display: grid;
}

.shapeline b, .shapeflag b {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--faint);
  margin-right: 6px;
  font-size: 10px;
}

.shapelist {
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.shapelist li {
  background: var(--surface);
  border: 1px solid var(--rule-2);
  border-left: 3px solid var(--pine);
  border-radius: 4px;
  padding: 6px 10px;
}

.shapelist li.past {
  opacity: .55;
  border-left-color: var(--rule);
}

.shapetime {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.shapeflag {
  background: var(--buoy-wash);
  border-left: 3px solid var(--buoy);
  border-radius: 4px;
  padding: 7px 10px;
}

.shapeflag b {
  color: var(--buoy);
}

.tellbox {
  border-left-color: var(--pine);
}

.tellsaved {
  background: var(--pine-wash);
  border-radius: 4px;
  padding: 8px 10px;
  font-size: 13.5px;
}

.tellsaved b {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pine);
  margin-bottom: 2px;
  font-size: 10px;
  display: block;
}

.positions {
  gap: 8px;
  margin: 10px 0 18px;
  display: grid;
}

.position {
  background: var(--surface);
  border: 1px solid var(--rule);
  border-left: 3px solid var(--pine);
  border-radius: 4px;
  padding: 9px 12px;
  font-size: 14px;
}

.position .added {
  margin-top: 3px;
  display: block;
}

.seatcard {
  background: var(--surface);
  border: 1px solid var(--rule-2);
  border-left: 3px solid var(--navy);
  border-radius: 4px;
  margin: 0 0 8px;
  padding: 9px 12px;
}

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

.seatname {
  color: var(--navy-deep);
  font-weight: 600;
}

.seatpill {
  border: 1px solid var(--rule);
  color: var(--ink-2);
  background: var(--sunk);
  border-radius: 10px;
  padding: 1px 8px;
  font-size: 11px;
}

.seatpill.seat-owner {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

.seatpill.seat-backup {
  background: var(--pine-wash);
  border-color: var(--navy);
  color: var(--navy);
}

.seatpill.seat-board {
  background: var(--gold-wash);
  border-color: var(--gold);
  color: var(--navy-deep);
}

.seatwho {
  color: var(--ink-2);
  flex-wrap: wrap;
  gap: 4px 14px;
  margin-top: 5px;
  font-size: 13px;
  display: flex;
}

.who-proposed {
  color: var(--buoy);
}

.who-yes {
  color: var(--done);
}

.who-none {
  color: var(--faint);
}

.seatlines {
  margin: 0;
  padding-left: 18px;
  font-size: 13.5px;
}

.seatlines li {
  margin: 2px 0;
}

.seatlines li.who-proposed::marker {
  color: var(--buoy-bright);
}

.seatlines li.who-yes::marker {
  color: var(--done);
}

.mangroup {
  margin-bottom: 26px;
}

.manlist {
  margin: 6px 0 0;
  padding-left: 18px;
}

.manlist li {
  margin: 4px 0;
}

.manstatus {
  background: var(--gold-wash);
  border: 1px solid var(--gold);
  color: var(--navy-deep);
  border-radius: 9px;
  margin-left: 8px;
  padding: 0 7px;
  font-size: 11px;
  display: inline-block;
}

.manmeta {
  color: var(--muted);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  margin-bottom: 12px;
  font-size: 12.5px;
  display: flex;
}

.manmeta .manstatus {
  margin-left: 0;
}

.mandoc {
  background: var(--surface);
  border: 1px solid var(--rule-2);
  overflow-wrap: anywhere;
  border-radius: 6px;
  padding: 18px 22px;
  line-height: 1.6;
}

.mandoc h1, .mandoc h2, .mandoc h3 {
  font-family: var(--f-display);
  color: var(--navy-deep);
  line-height: 1.25;
}

.mandoc h1 {
  margin: 0 0 12px;
  font-size: 24px;
}

.mandoc h2 {
  border-top: 1px solid var(--rule-2);
  margin: 24px 0 8px;
  padding-top: 8px;
  font-size: 19px;
}

.mandoc h3 {
  margin: 18px 0 6px;
  font-size: 16px;
}

.mandoc a {
  color: var(--navy);
}

.mandoc blockquote {
  border-left: 3px solid var(--gold);
  color: var(--ink-2);
  background: var(--gold-wash);
  margin: 10px 0;
  padding: 4px 14px;
}

.mandoc code {
  font-family: var(--f-mono);
  background: var(--sunk);
  border-radius: 3px;
  padding: 1px 4px;
  font-size: 12.5px;
}

.mandoc table {
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0;
  font-size: 13px;
  display: block;
  overflow-x: auto;
}

.mandoc th, .mandoc td {
  border: 1px solid var(--rule);
  text-align: left;
  vertical-align: top;
  overflow-wrap: normal;
  padding: 6px 8px;
}

.mandoc td:first-child {
  white-space: nowrap;
}

.mandoc th {
  background: var(--pine-wash);
  color: var(--navy-deep);
}

@media (max-width: 560px) {
  .mandoc {
    padding: 14px;
  }
}

.mandoc p {
  margin: 0 0 14px;
}

.mandoc ul, .mandoc ol {
  margin: 0 0 14px;
  padding-left: 24px;
}

.mandoc ul {
  list-style: outside;
}

.mandoc ol {
  list-style: decimal;
}

.mandoc li {
  margin: 0 0 6px;
  padding-left: 2px;
}

.mandoc li > p {
  margin: 0 0 6px;
}

.mandoc li > ul, .mandoc li > ol {
  margin: 6px 0 0;
}

.mandoc hr {
  border: 0;
  border-top: 1px solid var(--rule-2);
  margin: 18px 0;
}

.mandoc > :last-child {
  margin-bottom: 0;
}

.mandoc strong {
  color: var(--navy-deep);
}

.pbhead {
  background: var(--surface);
  border: 1px solid var(--rule-2);
  border-top: 3px solid var(--navy);
  border-radius: 6px;
  margin-bottom: 18px;
  padding: 12px 16px;
}

.pbseats {
  flex-wrap: wrap;
  gap: 8px 28px;
  margin: 8px 0 4px;
  display: flex;
}

.pbseat {
  gap: 1px;
  font-weight: 600;
  display: grid;
}

.pbsec {
  margin: 0 0 22px;
}

.pbsec h2 {
  font-family: var(--f-display);
  color: var(--navy-deep);
  border-bottom: 1px solid var(--rule);
  margin: 0 0 6px;
  padding-bottom: 4px;
  font-size: 17px;
  font-weight: 600;
}

.pbtable {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
  display: block;
  overflow-x: auto;
}

.pbtable th, .pbtable td {
  border: 1px solid var(--rule);
  text-align: left;
  vertical-align: top;
  padding: 5px 8px;
}

.pbtable th {
  background: var(--pine-wash);
  color: var(--navy-deep);
}

.pbconns {
  gap: 6px;
  margin: 6px 0 0;
  padding: 0;
  font-size: 13.5px;
  list-style: none;
  display: grid;
}

.connpill {
  border: 1px solid var(--rule);
  background: var(--sunk);
  color: var(--ink-2);
  border-radius: 9px;
  margin-right: 6px;
  padding: 0 7px;
  font-size: 11px;
  display: inline-block;
}

.conn-connected {
  background: var(--done-wash);
  border-color: var(--done);
  color: var(--done);
}

.conn-ready {
  background: var(--gold-wash);
  border-color: var(--gold);
  color: var(--navy-deep);
}

.conn-role-account {
  background: var(--pine-wash);
  border-color: var(--navy);
  color: var(--navy);
}

.pbbook {
  background: var(--surface);
  border: 1px solid var(--rule-2);
  border-radius: 4px;
  margin-top: 10px;
  padding: 8px 12px;
}

.askjunet {
  margin-top: 8px;
}

.seatname a {
  color: inherit;
}

.logins {
  background: var(--surface);
  border: 1px solid var(--rule-2);
  border-radius: 6px;
  margin: 10px 0 14px;
  padding: 10px 14px;
}

.loginform {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
  display: flex;
}

.loginform .txt {
  flex: 220px;
}

.loginlink {
  gap: 4px;
  margin-top: 8px;
  font-size: 13px;
  display: grid;
}

.myareas {
  background: var(--surface);
  border: 1px solid var(--rule-2);
  border-left: 3px solid var(--gold);
  border-radius: 4px;
  margin: 0 0 20px;
  padding: 10px 14px;
}

.myareashead {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 8px;
  font-size: 13.5px;
  display: flex;
}

.myareashead b {
  font-family: var(--f-display);
  color: var(--navy-deep);
  font-size: 15px;
}

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

.myarea {
  border: 1px solid var(--rule);
  color: var(--ink);
  background: var(--ground);
  border-radius: 14px;
  align-items: baseline;
  gap: 8px;
  padding: 4px 10px;
  font-size: 13px;
  text-decoration: none;
  display: inline-flex;
}

.myarea:hover {
  border-color: var(--navy);
}

.myarea.seat-owner {
  border-color: var(--navy);
  background: var(--pine-wash);
}

.myarea.seat-board {
  border-color: var(--gold);
  background: var(--gold-wash);
}

.myarea.seat-home {
  border-color: var(--navy);
  background: var(--navy);
  color: #fff;
}

.myarea.seat-home .myareaseat {
  color: #fffc;
}

.myareaseat {
  color: var(--muted);
  font-size: 11px;
}

.loadingbar {
  background: linear-gradient(90deg, var(--gold) 0 30%, transparent 30%);
  background-size: 200% 100%;
  height: 3px;
  margin: 14px 0 22px;
  animation: 1s linear infinite loadslide;
}

@keyframes loadslide {
  from {
    background-position: 100% 0;
  }

  to {
    background-position: -100% 0;
  }
}

.loadingrows div {
  background: var(--sunk);
  border-radius: 6px;
  height: 54px;
  margin-bottom: 10px;
}

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

details.ho-check {
  display: block;
}

details.ho-check > * + * {
  margin-top: 7px;
}

.askacton {
  background: var(--surface);
  border: 1px solid var(--rule-2);
  border-top: 3px solid var(--gold);
  border-radius: 6px;
  margin: 0 0 22px;
  padding: 12px 16px;
}

.askacton.compact {
  padding: 10px 14px;
}

.askhead {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 8px;
  display: flex;
}

.askhead b {
  font-family: var(--f-display);
  color: var(--navy-deep);
  font-size: 16px;
}

.askturn {
  margin: 10px 0;
}

.askq {
  color: var(--navy-deep);
  margin-bottom: 4px;
  font-weight: 600;
}

.askq:before {
  content: "Q  ";
  color: var(--gold);
  font-family: var(--f-mono);
}

.aska .askdoc {
  background: none;
  border: 0;
  padding: 0;
  font-size: 14.5px;
  line-height: 1.55;
}

.aska .askdoc p {
  margin: 0 0 12px;
}

.aska .askdoc p:first-child {
  color: var(--ink);
  font-weight: 500;
}

.aska .askdoc ul, .aska .askdoc ol {
  margin: 0 0 12px;
  padding-left: 20px;
}

.aska .askdoc li {
  margin: 0 0 6px;
}

.aska .askdoc > :last-child {
  margin-bottom: 4px;
}

.askturn + .askturn {
  border-top: 1px solid var(--rule-2);
  padding-top: 12px;
}

.askwait {
  color: var(--muted);
  font-size: 13.5px;
}

.working {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  margin: 12px 0 6px;
  font-size: 15.5px;
  display: flex;
}

.working-mark {
  width: 22px;
  height: 22px;
  box-shadow: 0 0 0 1.5px var(--gold);
  border-radius: 5px;
  animation: 1.8s ease-in-out infinite working-breathe;
  display: inline-block;
}

.working-word {
  color: var(--navy);
  background: linear-gradient(90deg, var(--navy) 0%, var(--navy) 40%, #7fa6d6 50%, var(--navy) 60%, var(--navy) 100%);
  -webkit-text-fill-color: transparent;
  background-size: 250% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 600;
  animation: 2.2s linear infinite working-shimmer;
}

.working-secs {
  color: var(--muted);
  font-variant-numeric: tabular-nums;
  font-size: 13px;
}

.working-doing {
  color: var(--ink-2);
  flex-basis: 100%;
  padding-left: 29px;
  font-size: 13.5px;
}

.working-doing:before {
  content: "↳ ";
  color: var(--faint);
}

@keyframes working-breathe {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 0 1.5px var(--gold);
    transform: scale(1);
  }

  50% {
    opacity: .75;
    box-shadow: 0 0 0 4px var(--gold-wash), 0 0 0 1.5px var(--gold);
    transform: scale(1.12);
  }
}

@keyframes working-shimmer {
  from {
    background-position: 100% 0;
  }

  to {
    background-position: 0 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .working-mark, .working-word {
    animation: none;
  }

  .working-word {
    -webkit-text-fill-color: var(--navy);
  }
}

.askrate {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-size: 12.5px;
  display: flex;
}

.askgap {
  color: var(--buoy);
  margin-right: 6px;
  font-size: 12.5px;
}

.asksugg {
  flex-wrap: wrap;
  gap: 6px;
  margin: 4px 0 10px;
  display: flex;
}

.asksuggbtn {
  font: inherit;
  border: 1px solid var(--rule);
  background: var(--ground);
  color: var(--ink-2);
  cursor: pointer;
  text-align: left;
  border-radius: 14px;
  padding: 4px 10px;
  font-size: 12.5px;
}

.asksuggbtn:hover {
  border-color: var(--navy);
  color: var(--navy);
}

.askform {
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 6px;
  display: flex;
}

.askform textarea {
  flex: 260px;
  min-height: 0;
}

.qcard {
  background: var(--surface);
  border: 1px solid var(--rule-2);
  border-radius: 4px;
  gap: 4px;
  margin-bottom: 8px;
  padding: 9px 12px;
  display: grid;
}

.qhead {
  gap: 2px;
  display: grid;
}

.qanswer {
  white-space: pre-wrap;
  color: var(--ink-2);
  margin-top: 4px;
  font-size: 13px;
}

.planpages {
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 4px 0 14px;
  font-size: 14px;
  display: flex;
}

.planpages a {
  color: var(--navy);
  border-bottom: 2px solid #0000;
  padding-bottom: 3px;
  text-decoration: none;
}

.planpages a.on {
  border-bottom-color: var(--gold);
  font-weight: 600;
}

.ho-input {
  min-height: 96px;
}

.chip.held {
  color: var(--navy);
  border-color: var(--navy);
}

.chip.back {
  background: var(--gold-wash);
  border-color: var(--gold);
  color: var(--navy-deep);
  font-weight: 600;
}

.chip.theirsdone {
  background: var(--buoy-bright);
  border-color: var(--buoy-bright);
  color: #fff;
  font-weight: 600;
}

.row.watch.is-theirs-done {
  background: var(--buoy-wash);
  border-left: 3px solid var(--buoy-bright);
}

.row.watch .ttl .tog {
  cursor: default;
}

.addopen {
  margin: 14px 0 10px;
}

.addemail {
  margin: 6px 0;
  font-size: 13px;
}

input.txt.datein {
  width: auto;
  padding: 3px 6px;
  font-size: 12.5px;
  display: inline-block;
}

.checkmail {
  align-items: center;
  gap: 10px;
  margin: 6px 0 10px;
  display: flex;
}

.quickadd {
  gap: 10px;
  max-width: 520px;
  display: grid;
}

.quickadd textarea {
  min-height: 90px;
  font-size: 16px;
}

.quickadd .btn {
  justify-self: start;
  padding: 10px 18px;
  font-size: 13px;
}

.prospects .ptools {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 10px 0 12px;
  display: flex;
}

.chipbtn {
  appearance: none;
  border: 1px solid var(--rule);
  background: var(--surface);
  color: var(--ink-2);
  cursor: pointer;
  border-radius: 14px;
  padding: 4px 10px;
  font-size: 12.5px;
}

.chipbtn.on {
  border-color: var(--navy);
  color: var(--navy);
  background: var(--gold-wash);
  font-weight: 600;
}

.psearch {
  width: 240px !important;
  display: inline-block !important;
}

.psheetwrap {
  border: 1px solid var(--rule);
  background: var(--surface);
  max-height: 75vh;
  overflow: auto;
}

.psheet {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 100%;
  font-size: 12.5px;
}

.psheet th, .psheet td {
  border-bottom: 1px solid var(--rule-2);
  border-right: 1px solid var(--rule-2);
  vertical-align: top;
  text-align: left;
  padding: 4px 6px;
}

.psheet thead th {
  background: var(--pine-wash);
  color: var(--navy-deep);
  z-index: 2;
  white-space: nowrap;
  font-weight: 600;
  position: sticky;
  top: 0;
}

.psheet .pfam {
  background: var(--surface);
  z-index: 1;
  min-width: 210px;
  max-width: 260px;
  position: sticky;
  left: 0;
}

.psheet thead .pfam {
  z-index: 3;
  background: var(--pine-wash);
}

.psheet .pfam .tog {
  text-align: left;
  font-weight: 600;
}

.psheet .pkids {
  color: var(--muted);
  margin-top: 2px;
  font-size: 11.5px;
}

.psheet .pstatus {
  min-width: 170px;
}

.psheet .pstatus .sel {
  padding: 3px 4px;
  font-size: 12px;
}

.psheet .pnext {
  min-width: 170px;
  color: var(--navy-deep);
}

.psheet tr.past .pfam, .psheet tr.past td {
  color: var(--muted);
}

.pcell {
  box-sizing: border-box;
  width: 100%;
  font: inherit;
  color: inherit;
  background: none;
  border: 1px solid #0000;
  padding: 2px 3px;
}

.pcell:hover {
  border-color: var(--rule-2);
}

.pcell:focus {
  border-color: var(--navy);
  background: var(--surface);
  outline: none;
}

.pcell.wide {
  resize: vertical;
  border-color: var(--rule-2);
  min-height: 110px;
}

.pdetail td {
  background: var(--sunk);
}

.pdetailgrid {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  max-width: 1100px;
  padding: 6px 2px;
  display: grid;
  position: sticky;
  left: 0;
}

.phist {
  max-height: 180px;
  margin: 4px 0 8px;
  padding-left: 16px;
  overflow: auto;
}

.pnote {
  gap: 6px;
  display: flex;
}

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

.famwait {
  gap: 6px;
  margin: 4px 0 8px;
  padding: 0;
  font-size: 13.5px;
  list-style: none;
  display: grid;
}

.famline {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  display: flex;
}

section.block > h2 {
  font-family: var(--f-display);
  color: var(--navy-deep);
  border-bottom: 1px solid var(--ink);
  margin: 0 0 8px;
  padding-bottom: 5px;
  font-size: 17px;
  font-weight: 600;
}

.cbfyears a {
  margin-right: 6px;
}

.cbfsteps {
  counter-reset: step;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.cbfsteps li {
  border: 1px solid var(--rule-2);
  border-left: 4px solid var(--buoy-bright);
  background: var(--surface);
  border-radius: 4px;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 10px;
  display: flex;
}

.cbfsteps li.done {
  border-left-color: var(--done);
}

.cbfsteps li.done strong a, .cbfsteps li.done strong {
  color: var(--done);
}

.cbfsteps li.later {
  border-left-color: var(--rule);
}

.cbfsteps li.later strong, .cbfsteps li.later strong a {
  color: var(--muted);
}

.cbfsteps strong {
  font-size: 14px;
}

.cbfsteps strong a {
  color: var(--navy-deep);
  text-decoration: none;
}

.cbfsteps strong a:hover {
  text-decoration: underline;
}

.cbfsteps strong:before {
  counter-increment: step;
  content: counter(step) ". ";
}

.cbfstate {
  background: var(--buoy-wash);
  height: 22px;
  color: var(--buoy);
  border-radius: 11px;
  flex: 0 0 22px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

li.done .cbfstate {
  background: var(--done-wash);
  color: var(--done);
}

li.later .cbfstate {
  background: var(--sunk);
  color: var(--faint);
}

.cbfsheet .cbooth {
  width: 58px;
}

.cbfsheet .ctick {
  text-align: center;
}

.cbfsheet tr.cgroup th {
  background: var(--gold-wash);
  color: var(--navy-deep);
  font-weight: 600;
  position: sticky;
  left: 0;
}

.cbfsheet .warn, .added.warn {
  color: var(--buoy);
}

.cbfsheet .sel {
  padding: 3px 4px;
  font-size: 12px;
}

.cbfdetail {
  max-width: 1000px;
  color: var(--muted);
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  gap: 8px 14px;
  padding: 6px 2px;
  font-size: 12px;
  display: grid;
  position: sticky;
  left: 0;
}

.cbfdetail label {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.cbfdetail label.inline {
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

.cbfdetail .full {
  grid-column: 1 / -1;
}

.cbfdetail .pcell {
  color: var(--ink);
  border-color: var(--rule-2);
  background: var(--surface);
}

.cbfadd {
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  align-items: end;
  gap: 8px 12px;
  margin-top: 10px;
  display: grid;
}

.cbfadd label.inline {
  align-items: center;
  gap: 6px;
  display: flex;
}

@media (max-width: 800px) {
  .cbfadd, .cbfdetail {
    grid-template-columns: 1fr 1fr;
  }
}

.cbfmails {
  gap: 8px;
  display: grid;
}

.cbfmail {
  border: 1px solid var(--rule-2);
  background: var(--surface);
  border-radius: 4px;
}

.cbfmail.due {
  border-left: 4px solid var(--buoy-bright);
}

.cbfmailhead {
  text-align: left;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  display: flex;
}

.cbfmailbody {
  gap: 6px;
  padding: 0 10px 10px;
  display: grid;
}

.cbfmailtools {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  display: flex;
}

.cbfbody {
  min-height: 260px;
  font-family: var(--f-mono);
  font-size: 12px;
}

.cbfpreview {
  border: 1px solid var(--rule);
  background: #fff;
  max-height: 460px;
  padding: 10px 14px;
  overflow: auto;
}

.cbfrecips ul {
  max-height: 220px;
  margin: 6px 0;
  padding: 0;
  font-size: 13px;
  list-style: none;
  overflow: auto;
}

.cbfrecips li {
  padding: 2px 0;
}

.cbfjudgelink {
  border: 1px solid var(--rule-2);
  background: var(--surface);
  border-radius: 4px;
  gap: 6px;
  padding: 10px;
  display: grid;
}

.cbflinkrow {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.cbflink {
  font-family: var(--f-mono);
  background: var(--sunk);
  overflow-wrap: anywhere;
  border-radius: 3px;
  padding: 4px 6px;
  font-size: 12px;
}

.cbfjudgecols {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
  margin-top: 12px;
  display: grid;
}

.cbfjudgecols h3 {
  color: var(--navy-deep);
  margin: 0;
  font-size: 14px;
}

.cbfjudgelist {
  gap: 4px;
  margin: 6px 0;
  padding: 0;
  font-size: 13px;
  list-style: none;
  display: grid;
}

.cbfjudgelist li {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.cbfjudgelist li > span:first-child {
  flex: 120px;
  font-weight: 600;
}

.cbfjudgelist li.past > span:first-child {
  color: var(--muted);
  font-weight: 400;
  text-decoration: line-through;
}

.cbfjudgelist .sel {
  padding: 2px 3px;
  font-size: 12px;
}

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

.cbfjudgeadd .txt {
  max-width: 240px;
}

.cbfresults {
  margin-bottom: 18px;
}

.cbfresults h3 {
  color: var(--navy-deep);
  margin: 10px 0 4px;
  font-size: 15px;
}

.cbfawards {
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 4px 0 8px;
  font-size: 13px;
  display: flex;
}

.cbfrank tr.placed td {
  background: var(--gold-wash);
}

.cbfrank tr.placed td:first-child {
  color: var(--navy-deep);
  font-weight: 700;
}

.cbfcats {
  border-collapse: collapse;
  margin: 6px 0;
}

.cbfcats td, .cbfcats th {
  text-align: left;
  padding: 3px 6px;
  font-size: 13px;
}

.cbfsettings h3 {
  color: var(--navy-deep);
  margin: 16px 0 4px;
  font-size: 14px;
}

.judge {
  max-width: 820px;
  font-family: var(--f-body);
  color: var(--ink);
  margin: 0 auto;
  padding: 18px 16px 60px;
}

.judge h1 {
  font-family: var(--f-display);
  color: var(--navy-deep);
  margin: 8px 0 12px;
  font-size: 26px;
}

.judge h2 {
  font-family: var(--f-display);
  color: var(--navy);
  margin: 22px 0 8px;
  font-size: 18px;
}

.jlead {
  color: var(--ink-2);
  font-size: 17px;
}

.jnames {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px;
  display: grid;
}

.jbig {
  border: 2px solid var(--navy);
  background: var(--surface);
  color: var(--navy-deep);
  cursor: pointer;
  border-radius: 10px;
  padding: 18px 14px;
  font-size: 20px;
  font-weight: 600;
}

.jbig:active {
  background: var(--gold-wash);
}

.jwho {
  color: var(--ink-2);
  font-size: 16px;
}

.jlink {
  appearance: none;
  color: var(--navy);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: 16px;
  text-decoration: underline;
}

.jbooths {
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 12px;
  display: grid;
}

.jbooth {
  text-align: left;
  border: 2px solid var(--rule);
  background: var(--surface);
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-height: 120px;
  padding: 14px;
  display: flex;
}

.jbooth.done {
  border-color: var(--done);
  background: var(--done-wash);
}

.jno {
  font-family: var(--f-display);
  color: var(--navy-deep);
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
}

.jname {
  color: var(--ink);
  font-size: 15px;
}

.jmark {
  color: var(--muted);
  margin-top: auto;
  font-size: 14px;
}

.jbooth.done .jmark {
  color: var(--done);
  font-weight: 600;
}

.jback {
  appearance: none;
  color: var(--navy);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 6px 0;
  font-size: 18px;
}

.jbiz {
  color: var(--ink-2);
  margin-top: 4px;
  font-size: 18px;
  font-weight: 500;
  display: block;
}

.jcrit {
  border: 0;
  margin: 18px 0 0;
  padding: 0;
}

.jcrit legend {
  color: var(--navy-deep);
  padding: 0;
  font-size: 19px;
  font-weight: 600;
}

.jhint {
  color: var(--muted);
  font-size: 14px;
  font-weight: 400;
  display: block;
}

.jscale {
  grid-template-columns: repeat(10, 1fr);
  gap: 6px;
  margin-top: 8px;
  display: grid;
}

.jnum {
  border: 2px solid var(--rule);
  background: var(--surface);
  color: var(--ink);
  cursor: pointer;
  border-radius: 8px;
  padding: 16px 0;
  font-size: 22px;
  font-weight: 600;
}

.jnum.on {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

@media (max-width: 560px) {
  .jscale {
    grid-template-columns: repeat(5, 1fr);
  }
}

.jcomment {
  color: var(--ink-2);
  flex-direction: column;
  gap: 6px;
  margin-top: 20px;
  font-size: 16px;
  display: flex;
}

.jcomment textarea {
  font: inherit;
  border: 1px solid var(--rule);
  border-radius: 8px;
  padding: 10px;
  font-size: 17px;
}

.jsave {
  background: var(--buoy-bright);
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  width: 100%;
  margin-top: 20px;
  padding: 18px;
  font-size: 21px;
  font-weight: 700;
}

.jsave:disabled {
  background: var(--rule);
  color: var(--muted);
  cursor: default;
}

.jerror {
  color: var(--buoy);
  font-size: 16px;
}

.prospects .ptools .sel, .cbfjudgeadd .sel, .cbfjudgelist .sel {
  width: auto;
  display: inline-block;
}

.cbfcats td:nth-child(2) .txt {
  min-width: 380px;
}

.cbfsettings .fieldrow {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.cbfsheet td .sel {
  width: auto;
  min-width: 64px;
}

.cbfsheet td:nth-child(3) .sel {
  min-width: 118px;
}

.cbfpreview p {
  margin: 0 0 10px;
}

.cbfpreview ul {
  margin: 0 0 10px;
  padding-left: 22px;
}

.forumlist {
  gap: 6px;
  margin: 4px 0 8px;
  padding: 0;
  list-style: none;
  display: grid;
}

.forumrow {
  border: 1px solid var(--rule-2);
  background: var(--surface);
  border-radius: 4px;
  padding: 6px 10px;
}

.forumrow.hot {
  border-left: 4px solid var(--buoy-bright);
}

.forumline {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.forumtopic {
  color: var(--ink);
  font-weight: 600;
  text-decoration: none;
}

.forumtopic:hover {
  text-decoration: underline;
}

.forumctl {
  align-items: center;
  gap: 6px;
  margin-left: auto;
  display: inline-flex;
}

.forumrow .ctx {
  margin-top: 3px;
}

.chip.warn {
  background: var(--buoy-wash);
  color: var(--buoy);
}

.savedforum {
  gap: 4px;
  margin: 6px 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
  display: grid;
}

.givengroup + .givengroup {
  margin-top: 10px;
}

.givenhead {
  font-family: var(--f-display);
  color: var(--navy-deep);
  margin: 4px 0 2px;
  font-size: 13px;
  font-weight: 600;
}

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

.rwhen .sel {
  width: auto;
}

.rwhen .pcell {
  border-color: var(--rule-2);
  width: 44px;
}

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

.rtask .pcell {
  min-width: 0;
  font-weight: 600;
}

.rsheet .pfam {
  min-width: 320px;
  max-width: 400px;
}

.subtabs {
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: -12px 0 18px;
  font-size: 13px;
  display: flex;
}

.subtab {
  color: var(--muted);
  border-bottom: 2px solid #0000;
  padding: 2px 0;
  text-decoration: none;
}

.subtab:hover {
  color: var(--ink);
}

.subtab.on {
  color: var(--navy);
  border-bottom-color: var(--gold);
  font-weight: 600;
}

.crumb {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.quickrefs {
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: 4px 0 8px;
  padding: 0;
  list-style: none;
  display: flex;
}

.quickrefs li {
  border: 1px solid var(--rule-2);
  background: var(--surface);
  border-radius: 14px;
  align-items: center;
  gap: 2px;
  padding: 3px 4px 3px 10px;
  font-size: 14px;
  display: inline-flex;
}

.qrx {
  appearance: none;
  color: var(--faint);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0 5px;
  font-size: 16px;
  line-height: 1;
}

.qrx:hover {
  color: var(--buoy);
}

.qradd {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.qradd .txt {
  max-width: 260px;
}

.manfold {
  margin: 6px 0;
}

.manfold summary {
  cursor: pointer;
  color: var(--navy-deep);
  font-weight: 600;
}

.manfold summary .added {
  font-weight: 400;
}

.maillist {
  border: 1px solid var(--rule);
  background: var(--surface);
  border-radius: 6px;
  margin: 0 0 20px;
  padding: 10px 14px;
}

.mlhead {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  display: flex;
}

.mllabel {
  font-family: var(--f-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--buoy);
  font-size: 12px;
  font-weight: 600;
}

.mlhead .checkmail {
  margin-left: auto;
}

.mlsaid {
  flex-direction: column;
  gap: 2px;
  margin-top: 6px;
  display: flex;
}

.mllines {
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.maillist {
  min-width: 0;
  overflow: hidden;
}

.mlline {
  min-width: 0;
}

.mlstarbox .txt {
  box-sizing: border-box;
  width: 100%;
}

.mlline {
  border-left: 3px solid var(--rule);
  background: var(--surface);
  border-radius: 3px;
  padding: 5px 8px;
}

.mlline.note {
  background: var(--sunk);
}

.mlopen.static {
  cursor: default;
  white-space: normal;
}

.mlline.needs {
  border-left-color: var(--buoy-bright);
  background: var(--buoy-wash);
}

.mltop {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.mlx, .mlstar {
  appearance: none;
  color: var(--faint);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  padding: 0 1px;
  font-size: 17px;
  line-height: 1;
}

.mlx:hover {
  color: var(--stop);
}

.mlstar:hover, .mlstar.on {
  color: var(--gold);
  text-shadow: 0 0 1px var(--buoy);
}

.mlopen {
  appearance: none;
  font: inherit;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: 0;
  flex: auto;
  min-width: 0;
  padding: 0;
  font-size: 14px;
  overflow: hidden;
}

.mlopen:hover .mlsubj {
  text-decoration: underline;
}

.mlwho {
  color: var(--ink-2);
  font-weight: 400;
}

.mlsubj {
  color: var(--ink-2);
}

.mlline.unread .mlwho {
  color: var(--ink);
  font-weight: 700;
}

.mlline.unread .mlsubj {
  color: var(--ink);
  font-weight: 600;
}

.mlwhen {
  font-family: var(--f-mono);
  color: var(--faint);
  flex: none;
  font-size: 11.5px;
}

.mlbtns {
  flex: none;
  gap: 6px;
  display: flex;
}

.mlbtns .btn.on {
  border-color: var(--gold);
  background: var(--buoy-wash);
}

.mlstarbox {
  gap: 6px;
  margin: 6px 0 2px 24px;
  display: grid;
}

.mlwhenpick {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.mlwhenpick .sel {
  width: auto;
}

.mlbody {
  gap: 8px;
  margin: 6px 0 4px 24px;
  display: grid;
}

.mlsay {
  color: var(--buoy);
  font-size: 13px;
}

.mlmsg {
  border-left: 2px solid var(--rule);
  padding-left: 10px;
}

.mlmsghead {
  font-size: 13px;
}

.mlmsgtext {
  white-space: pre-wrap;
  color: var(--ink-2);
  max-height: 320px;
  font-size: 13.5px;
  line-height: 1.5;
  overflow: auto;
}

.mlrest {
  margin-top: 8px;
}

.mlrest summary {
  cursor: pointer;
  font-family: var(--f-mono);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--muted);
  font-size: 11.5px;
}

@media (max-width: 560px) {
  .mlstarbox, .mlbody {
    margin-left: 0;
  }

  .mlwhen {
    display: none;
  }
}

.row.top {
  grid-template-columns: 26px 1fr;
}

.row.top .ttl {
  align-items: flex-start;
}

.row.top .ttl .tog {
  flex: auto;
}

.row.top .ctl {
  flex: none;
  margin-left: auto;
  padding-top: 0;
}

.ctl .mini.word {
  width: auto;
  font-family: var(--f-body);
  letter-spacing: 0;
  padding: 0 8px;
  font-size: 11.5px;
}

.row.removed {
  background: var(--sunk);
  padding-top: 5px;
  padding-bottom: 5px;
}

.sysline .ttl .tog {
  cursor: default;
}

.sysline .ttl .tog:hover {
  color: inherit;
}

.sysbox {
  gap: 6px;
  margin-top: 8px;
  display: grid;
}

@media (max-width: 560px) {
  .row.top {
    grid-template-columns: 24px 1fr;
  }

  .row.top .ttl {
    flex-wrap: wrap;
  }

  .row.top .ctl {
    grid-column: auto;
    gap: 5px;
    margin-top: 0;
    margin-left: auto;
  }

  .row.top .ctl .mini, .row.top .ctl .mini.ico {
    width: 30px;
    height: 28px;
  }

  .row.top .ctl .mini.word {
    width: auto;
  }
}

.chip.newchip {
  background: var(--buoy-wash);
  border-color: var(--buoy);
  color: var(--buoy);
  font-weight: 600;
}

.clearticked {
  margin: 6px 0 0;
}

.checkin {
  border: 1px solid var(--rule);
  background: var(--sunk);
  border-radius: 4px;
  flex-basis: 100%;
  gap: 6px;
  margin-top: 6px;
  padding: 10px 12px;
  display: grid;
}

.checkinrow {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.checkinlab {
  font-family: var(--f-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ink-2);
  font-size: 11.5px;
  font-weight: 600;
}

.checkin .txt {
  max-width: 560px;
}

.famwait.cols {
  columns: 2 360px;
  column-gap: 28px;
  display: block;
}

.famwait.cols li {
  break-inside: avoid;
  margin-bottom: 6px;
}

.sendconfirm {
  background: var(--stop-wash);
  border: 1px solid var(--stop);
  border-left: 5px solid var(--stop);
  border-radius: 4px;
  flex-basis: 100%;
  gap: 8px;
  margin-top: 8px;
  padding: 12px 14px;
  display: grid;
}

.scline {
  color: var(--ink);
  font-size: 14px;
}

.scline b {
  font-family: var(--f-mono);
  letter-spacing: .04em;
  margin-right: 6px;
  font-size: 12px;
}

.scwarn {
  border: 1px solid var(--stop);
  color: var(--stop);
  background: var(--surface);
  padding: 8px 10px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.45;
}

.scbody {
  white-space: pre-wrap;
  background: var(--surface);
  border: 1px solid var(--rule);
  color: var(--ink);
  border-radius: 4px;
  max-height: 340px;
  padding: 10px 12px;
  font-size: 14.5px;
  line-height: 1.55;
  overflow: auto;
}

.sendconfirm .checkinlab {
  color: var(--stop);
}

.scacts {
  justify-items: start;
  gap: 6px;
  display: grid;
}

.scgo {
  appearance: none;
  background: var(--stop);
  color: #fff;
  width: 100%;
  font-family: var(--f-body);
  cursor: pointer;
  border: 0;
  border-radius: 4px;
  padding: 14px;
  font-size: 17px;
  font-weight: 700;
}

.scgo:hover:not(:disabled) {
  filter: brightness(1.08);
}

.scgo:disabled {
  opacity: .6;
  cursor: default;
}

.shapegrid {
  grid-template-columns: 120px 1fr;
  gap: 12px 18px;
  margin: 4px 0 2px;
  font-size: 14px;
  line-height: 1.5;
  display: grid;
}

.shapegrid dt {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
  padding-top: 2px;
  font-size: 11.5px;
}

.shapegrid dd {
  color: var(--ink);
  margin: 0;
}

.shapewatch {
  border-left: 3px solid var(--buoy);
  margin-bottom: 6px;
  padding: 2px 0 2px 10px;
}

@media (max-width: 600px) {
  .shapegrid {
    grid-template-columns: 1fr;
    gap: 2px 0;
  }

  .shapegrid dd {
    margin-bottom: 10px;
  }
}

.block .block-sub {
  margin-top: 10px;
}

.givenadd {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 8px 0 4px;
  display: flex;
}

.givenadd .txt {
  flex: 280px;
  max-width: 520px;
}

.givennote {
  margin-top: 6px;
}

.givennote .note {
  min-height: 90px;
}

.assignline {
  background: var(--sky-wash);
  border: 1px solid var(--sky-rule);
  border-radius: 6px;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 2px 0 10px;
  padding: 8px 12px;
  display: flex;
}

.assignline > .btn {
  background: var(--surface);
}

.assignline .added {
  color: var(--ink-2);
}

.handover {
  background: var(--sunk);
  border: 1px solid var(--rule);
  border-radius: 4px;
  flex-basis: 100%;
  gap: 8px;
  padding: 10px 12px;
  display: grid;
}

.handover .note {
  min-height: 80px;
}

.assignline .sel {
  width: auto;
}

.chip.suggest {
  border-color: var(--pine);
  color: var(--pine);
  border-style: dashed;
}

.linkish {
  appearance: none;
  color: var(--pine);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  text-decoration: underline;
}

.standardpick {
  gap: 4px;
  display: grid;
}

.standardline {
  margin: 4px 0 8px;
  font-size: 13.5px;
}

.standardline b {
  font-family: var(--f-mono);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--muted);
  margin-right: 6px;
  font-size: 11.5px;
}

.proofbox {
  border: 1px solid var(--done);
  background: var(--done-wash);
  border-radius: 4px;
  gap: 6px;
  margin: 4px 0 10px;
  padding: 10px 12px;
  display: grid;
}

.proofshow {
  margin-top: 6px;
}

.proofshow summary {
  cursor: pointer;
  font-family: var(--f-mono);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--done);
  font-size: 11.5px;
  font-weight: 600;
}

.proofbody {
  white-space: pre-wrap;
  background: var(--surface);
  border: 1px solid var(--rule);
  border-left: 3px solid var(--done);
  border-radius: 3px;
  max-height: 280px;
  margin-top: 4px;
  padding: 8px 10px;
  font-size: 13.5px;
  line-height: 1.5;
  overflow: auto;
}

.resetcard {
  border: 1px solid var(--rule);
  background: var(--surface);
  border-radius: 6px;
  width: 100%;
  max-width: 360px;
  overflow: hidden;
}

.resethead {
  background: var(--navy);
  border-bottom: 3px solid var(--gold);
  padding: 16px 20px;
}

.resettitle {
  font-family: var(--f-display);
  color: var(--navy-deep);
  margin: 0 0 6px;
  font-size: 21px;
  font-weight: 600;
}

.slabel {
  font-family: var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--faint);
  margin-bottom: 3px;
  font-size: 10px;
  display: block;
}

.viewasbar {
  background: var(--gold);
  color: var(--navy-deep);
  border-radius: 4px;
  margin: 0 0 10px;
  padding: 8px 14px;
  font-size: 14px;
}

.viewasbar a {
  color: var(--navy-deep);
  margin-left: 6px;
  font-weight: 700;
}

.sel.viewas {
  align-self: center;
  width: auto;
  margin-left: 6px;
  padding: 3px 4px;
  font-size: 12px;
}

.workshell {
  display: block;
}

.workmain {
  max-width: 860px;
  margin: 0 0 28px;
}

.workchat.compact .composer {
  position: static;
}

.effort {
  color: var(--faint);
}

.worknav {
  max-height: calc(100vh - 40px);
  padding-right: 4px;
  position: sticky;
  top: 12px;
  overflow: auto;
}

.worknav ul {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.worknav li a {
  color: var(--ink-2);
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 14px;
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.worknav li a:hover {
  background: var(--sunk);
}

.worknav li a.on {
  background: var(--pine-wash);
  color: var(--ink);
  font-weight: 600;
}

.worknav-when {
  color: var(--faint);
  margin: 12px 10px 4px;
  font-size: 12px;
}

.worknew {
  text-align: center;
  text-decoration: none;
  display: block;
}

.workmain {
  min-width: 0;
}

.workhello {
  font-family: var(--f-display);
  color: var(--navy-deep);
  text-align: center;
  margin: 9vh 0 26px;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.15;
  display: block;
}

.workhello-mark {
  vertical-align: -8px;
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 2px var(--gold);
  border-radius: 10px;
  margin-right: 16px;
  display: inline-block;
}

@media (max-width: 560px) {
  .workhello {
    margin-top: 5vh;
    font-size: 26px;
  }

  .workhello-mark {
    vertical-align: -6px;
    border-radius: 8px;
    width: 34px;
    height: 34px;
    margin-right: 10px;
  }
}

.workq {
  background: var(--sunk);
  white-space: pre-wrap;
  border-radius: 12px;
  margin: 18px 0 8px;
  padding: 10px 14px;
  font-weight: 500;
}

.worka {
  margin-bottom: 12px;
}

.worka .mandoc {
  background: none;
  border: 0;
  padding: 4px 2px 0;
  font-size: 16px;
  line-height: 1.65;
}

.worka .mandoc h2 {
  border-top: 0;
  margin: 22px 0 8px;
  padding-top: 0;
  font-size: 18px;
}

.worka .mandoc h3 {
  margin: 18px 0 6px;
  font-size: 16px;
}

.worklooked {
  margin: 4px 0;
}

.worklooked ul {
  margin: 4px 0 0 18px;
}

.workedits {
  margin-top: 12px;
}

.workedit {
  border-top: 1px solid var(--rule-2);
  padding: 8px 0;
}

.composer {
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: 18px;
  margin-top: 16px;
  padding: 12px 14px 10px;
  position: sticky;
  bottom: 12px;
  box-shadow: 0 2px 10px #16233a0f;
}

.composer-text {
  resize: none;
  width: 100%;
  font: inherit;
  color: var(--ink);
  background: none;
  border: 0;
  outline: none;
  min-height: 48px;
  font-size: 16px;
  line-height: 1.5;
}

.composer-text::placeholder {
  color: var(--faint);
}

.composer-row {
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  display: flex;
}

.composer-chips {
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
  display: flex;
}

.composer-link {
  gap: 6px;
  margin-bottom: 8px;
  display: flex;
}

.composer-link .txt {
  flex: 1;
}

.composer-plus {
  position: relative;
}

.composer-menu {
  z-index: 5;
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: 10px;
  min-width: 220px;
  padding: 6px;
  position: absolute;
  bottom: 40px;
  left: 0;
  box-shadow: 0 6px 20px #16233a1f;
}

.composer-menu button {
  text-align: left;
  width: 100%;
  font: inherit;
  color: var(--ink);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 14px;
  display: block;
}

.composer-menu button:hover {
  background: var(--sunk);
}

.composer-model {
  font: inherit;
  color: var(--ink-2);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 4px;
  font-size: 14px;
}

.iconbtn {
  width: 34px;
  height: 34px;
  color: var(--ink-2);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  line-height: 1;
  display: inline-flex;
}

.iconbtn:hover {
  background: var(--sunk);
}

.iconbtn.live {
  color: var(--stop);
  background: var(--stop-wash);
}

.iconbtn.send {
  background: var(--navy);
  color: #fff;
}

.iconbtn.send:disabled {
  background: var(--rule);
  color: var(--surface);
  cursor: default;
}

@media (max-width: 760px) {
  .workshell {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .worknav {
    border-bottom: 1px solid var(--rule-2);
    max-height: 220px;
    padding-bottom: 8px;
    position: static;
  }
}

.padnotes {
  border: 1px solid var(--rule);
  background: var(--surface);
  border-radius: 8px;
  gap: 8px;
  margin: 14px 0 6px;
  padding: 12px 14px;
  display: grid;
}

.padnotes ul {
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.padnotes li {
  color: var(--ink-2);
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  font-size: 13.5px;
  line-height: 1.45;
  display: flex;
}

.padnotes li .btn {
  flex: none;
}

.padnotebtns {
  white-space: nowrap;
  flex: none;
  align-items: center;
  gap: 6px;
  display: flex;
}

.padnotes > .btn {
  justify-self: start;
}

.padbar {
  border: 1px solid var(--rule);
  background: var(--sunk);
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 14px 0 4px;
  padding: 10px 14px;
  font-size: 13.5px;
  display: flex;
}

.padbar.ready {
  border-color: var(--done);
  background: var(--done-wash);
}

.padsaid {
  color: var(--ink-2);
  white-space: pre-wrap;
  margin: 6px 0;
  font-size: 13.5px;
}

.padnotes-along {
  color: var(--muted);
  margin: 2px 0 8px;
  font-size: 13px;
  line-height: 1.5;
}

.padnotes-along p {
  margin: 2px 0;
}

.worka .padresult {
  background: var(--surface);
  border: 1px solid var(--rule);
  border-left: 4px solid var(--done);
  border-radius: 8px;
  margin-top: 6px;
  padding: 12px 16px 8px;
}

.worka .padresult .mandoc > p:first-child {
  color: var(--ink);
  font-weight: 600;
}

.worka .padresult .mandoc > :last-child {
  margin-bottom: 0;
}

.padresultfoot {
  justify-content: flex-end;
  margin-top: 4px;
  display: flex;
}

.padundone {
  border: 1px solid #e2b4ad;
  border-left: 4px solid var(--stop);
  background: var(--stop-wash);
  border-radius: 8px;
  margin-top: 4px;
}

.padundone > summary {
  cursor: pointer;
  color: var(--ink-2);
  white-space: nowrap;
  align-items: baseline;
  gap: 10px;
  padding: 8px 14px;
  font-size: 14px;
  list-style: none;
  display: flex;
  overflow: hidden;
}

.padundone > summary::-webkit-details-marker {
  display: none;
}

.padundone > summary b {
  font-family: var(--f-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--stop);
  flex: none;
  font-size: 11px;
}

.padundone > summary span {
  text-overflow: ellipsis;
  overflow: hidden;
}

.padundone[open] > summary span {
  white-space: normal;
}

.padundone > .mandoc {
  background: none;
  border: 0;
  padding: 0 14px 10px;
  font-size: 14.5px;
}

.padbar.takenback {
  background: var(--stop-wash);
  border-color: #e2b4ad;
}

.btn.undo {
  color: var(--stop);
  background: var(--surface);
  border-color: #d9a39c;
}

.btn.undo:hover:not(:disabled) {
  background: var(--stop-wash);
  border-color: var(--stop);
  color: var(--stop);
}

.padstage {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  margin: 2px 0 6px;
  padding: 8px 2px;
  display: flex;
}

.padstage .added {
  max-width: 520px;
}

.deployfail {
  background: var(--stop-wash);
  border-bottom: 2px solid var(--stop);
  color: var(--ink);
  padding: 8px 40px;
  font-size: 13.5px;
}

.padbar.warn {
  border-color: var(--buoy-bright);
  background: var(--buoy-wash);
}

.updatenotice {
  z-index: 50;
  background: var(--navy);
  color: #fff;
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  max-width: calc(100vw - 32px);
  padding: 10px 16px;
  font-size: 14px;
  display: flex;
  position: fixed;
  top: 88px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 6px 24px #00000040;
}

.updatenotice .btn.mini.go {
  color: var(--navy);
  background: #fff;
  border-color: #fff;
}

.previewband {
  z-index: 60;
  background: var(--stop);
  color: #fff;
  white-space: nowrap;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
  box-shadow: 0 2px 6px #0000002e;
}

.previewband b {
  font-family: var(--f-display);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 700;
}

.previewband b:after {
  content: "·";
  opacity: .8;
  margin-left: 10px;
  font-weight: 400;
}

.shell.withband {
  min-height: calc(100vh - 40px);
}

.shell.withband .side {
  height: calc(100vh - 40px);
  top: 40px;
}

.shell.withband .workhead {
  top: 40px;
}

@media (max-width: 560px) {
  .previewband {
    white-space: normal;
    height: auto;
    min-height: 40px;
    padding: 6px 14px;
  }
}

.btn.discard {
  color: var(--stop);
  background: var(--surface);
  border-color: #d9a39c;
}

.btn.discard:hover:not(:disabled) {
  background: var(--stop-wash);
  border-color: var(--stop);
}

.padpreviewdata {
  margin: 2px 2px 8px;
}

.padsteps {
  color: var(--ink-2);
  gap: 5px;
  margin: 4px 0 10px;
  padding: 0;
  font-size: 14.5px;
  line-height: 1.45;
  list-style: none;
  display: grid;
}

.padsteps li {
  padding-left: 22px;
  position: relative;
}

.padsteps li:before {
  content: "";
  background: var(--done);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: .5em;
  left: 4px;
}

.padsteps li.now {
  color: var(--ink);
  font-weight: 600;
}

.padsteps li.now:before {
  background: var(--gold);
  animation: 1.4s ease-out infinite padpulse;
  box-shadow: 0 0 #ffc32eb3;
}

@keyframes padpulse {
  0% {
    box-shadow: 0 0 #ffc32eb3;
  }

  100% {
    box-shadow: 0 0 0 7px #ffc32e00;
  }
}

@media (prefers-reduced-motion: reduce) {
  .padsteps li.now:before {
    animation: none;
  }
}

.padstepback {
  margin: 6px 0 2px;
}

.linkish.stepback {
  color: var(--stop);
  font-size: 13.5px;
}

.linkish.stepback:hover:not(:disabled) {
  text-decoration: underline;
}

.btn.gold {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--navy);
  font-weight: 700;
}

.btn.gold:hover:not(:disabled) {
  background: #f5b616;
  border-color: #f5b616;
}

.btn.gold:disabled {
  background: var(--gold-wash);
  border-color: var(--gold-wash);
  color: var(--muted);
}

.padundone > summary .redo, .padundone > summary em {
  flex: none;
  margin-left: auto;
  font-style: normal;
}

.linkish.redo {
  color: var(--navy);
  font-size: 13.5px;
  font-weight: 600;
}

.linkish.redo:hover:not(:disabled) {
  text-decoration: underline;
}

.previewupdated {
  z-index: 70;
  background: var(--done);
  color: #fff;
  border-radius: 10px;
  padding: 10px 18px;
  font-size: 14.5px;
  font-weight: 600;
  animation: .25s ease-out previewin;
  position: fixed;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 6px 24px #00000040;
}

@keyframes previewin {
  from {
    opacity: 0;
    transform: translate(-50%, 8px);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

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

.padchange.discarded .workq, .padchange.discarded .worka {
  opacity: .45;
}

.padbar.discarded-bar {
  border-color: var(--rule);
  background: var(--surface);
}

.padbar .padtip {
  color: var(--ink);
  flex-basis: 100%;
  margin-top: 2px;
  font-size: 14px;
}

.wandhello {
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: flex;
}

.wandhello .workhello-mark {
  vertical-align: 0;
  border-radius: 12px;
  flex: none;
  width: 56px;
  height: 56px;
  margin-right: 0;
}

.wandhello .wandline1, .wandhello .wandline2 {
  display: block;
}

.wandsub {
  text-align: center;
  color: var(--ink-2);
  max-width: 680px;
  margin: 0 auto 22px;
  font-size: 17px;
  line-height: 1.5;
}

@media (max-width: 560px) {
  .wandhello .workhello-mark {
    width: 40px;
    height: 40px;
  }

  .wandsub {
    font-size: 15.5px;
  }
}

.composer-row .added {
  color: var(--muted);
  font-size: 13.5px;
}

.padbusy {
  color: var(--ink-2);
  font-size: 14px;
  font-weight: 600;
}

.padquiet {
  color: var(--muted);
  margin: 2px 0 6px;
  font-size: 14px;
}

.padlookonly {
  text-align: center;
  border: 1px solid var(--rule);
  background: var(--surface);
  max-width: 640px;
  color: var(--ink-2);
  border-radius: 8px;
  margin: 0 auto 12px;
  padding: 8px 14px;
  font-size: 14.5px;
}

.padchange.lookonly button, .padchange.lookonly textarea, .padchange.lookonly input {
  pointer-events: none;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__1b584ha._.css.map*/