/* [next]/internal/font/google/inter_c82dcf6b.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0-dom-5bn10r2.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: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.2uwcyprjm3xu3.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: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.p.0k62hbripvv8p.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: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.p.3-6t-g6q0vh0a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.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: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_c82dcf6b-module__qB1COW__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_c82dcf6b-module__qB1COW__variable {
  --font-inter: "Inter", "Inter Fallback";
}

/* [next]/internal/font/google/jetbrains_mono_56f7b964.module.css [app-client] (css) */
@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.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: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/cc545e633e20c56d-s.176arc174-8zp.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/71b036adf157cdcf-s.0bp8oijd_gu96.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: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/89b21bb081cb7469-s.p.1fby2rem9ngyr.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: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/3fe682a82f50d426-s.p.0vfdmo25voy_0.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.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: JetBrains Mono Fallback;
  src: local(Arial);
  ascent-override: 75.79%;
  descent-override: 22.29%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.jetbrains_mono_56f7b964-module__Et7Pma__className {
  font-family: JetBrains Mono, JetBrains Mono Fallback;
  font-style: normal;
}

.jetbrains_mono_56f7b964-module__Et7Pma__variable {
  --font-mono-ui: "JetBrains Mono", "JetBrains Mono Fallback";
}

/* [next]/internal/font/google/be_vietnam_pro_25ebd714.module.css [app-client] (css) */
@font-face {
  font-family: Be Vietnam Pro;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/53e45098eac42afb-s.p.1uklb5el4zgvl.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: Be Vietnam Pro;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/85ea1b3aadcead52-s.05i4gb4p0piv4.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Be Vietnam Pro;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/3c285486269019b7-s.p.2g-0we2o5_ngd.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: Be Vietnam Pro;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/625a092f804baad3-s.p.1zvg0ggiaivzo.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: Be Vietnam Pro;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/6afabefbb32d7517-s.0jaqhc1tb-5xm.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Be Vietnam Pro;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/a4f4f75ad654963f-s.p.1hvvd1t-trplq.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: Be Vietnam Pro;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/a3bcb02a0e9e5d11-s.p.25pbmqxk8u2s7.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: Be Vietnam Pro;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/b35fd19aef91b293-s.0n_ln9vqskgts.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Be Vietnam Pro;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/8f46d218c8f79e34-s.p.2wu4yy186g04j.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: Be Vietnam Pro Fallback;
  src: local(Arial);
  ascent-override: 90.61%;
  descent-override: 24.01%;
  line-gap-override: 0.0%;
  size-adjust: 110.36%;
}

.be_vietnam_pro_25ebd714-module__eU_7sq__className {
  font-family: Be Vietnam Pro, Be Vietnam Pro Fallback;
  font-style: normal;
}

.be_vietnam_pro_25ebd714-module__eU_7sq__variable {
  --font-be-vietnam: "Be Vietnam Pro", "Be Vietnam Pro Fallback";
}

/* [project]/components/v2/ui/agent-avatar-ds.css [app-client] (css) */
.v2-avatar-portrait > .v2-avatar-portrait-crop {
  left: var(--av-l);
  top: var(--av-t);
  width: var(--av-w);
  height: var(--av-h);
}

:is([data-avatar-face], .ds-screen, .ds-sheet, .ds-subnav, .ds-composer-lead, .ds-they, .ds-row, .ds-work-row, .ds-story-avatar, .ds-progress-row-avatar, .ds-avatar-stack, .ds-decision-who, .ds-chat-intro) .v2-avatar-portrait {
  background: color-mix(in srgb, currentColor 28%, var(--v2-surface-app));
  border-radius: 50%;
}

:is([data-avatar-face], .ds-screen, .ds-sheet, .ds-subnav, .ds-composer-lead, .ds-they, .ds-row, .ds-work-row, .ds-story-avatar, .ds-progress-row-avatar, .ds-avatar-stack, .ds-decision-who, .ds-chat-intro) .v2-avatar-portrait > .v2-avatar-portrait-crop {
  left: var(--av-fl);
  top: var(--av-ft);
  width: var(--av-fw);
  height: var(--av-fh);
  transform: none;
}

:is([data-avatar-face], .ds-screen, .ds-sheet, .ds-subnav, .ds-composer-lead, .ds-they, .ds-row, .ds-work-row, .ds-story-avatar, .ds-progress-row-avatar, .ds-avatar-stack, .ds-decision-who, .ds-chat-intro) .v2-avatar-portrait-ring {
  display: none;
}

:is([data-avatar-face], .ds-screen, .ds-sheet, .ds-subnav, .ds-composer-lead, .ds-they, .ds-row, .ds-work-row, .ds-story-avatar, .ds-progress-row-avatar, .ds-avatar-stack, .ds-decision-who, .ds-chat-intro) .v2-avatar-art {
  background: color-mix(in srgb, currentColor 22%, var(--v2-surface-app));
  border-radius: 50%;
}

/* [project]/components/v2/ui/glass-pane.module.css [app-client] (css) */
.glass-pane-module__oeFcFa__pane {
  border-radius: var(--v2-glass-radius);
  border: var(--v2-glass-border-width) solid var(--v2-border-split);
  background: var(--v2-surface);
}

.glass-pane-module__oeFcFa__glass {
  border-color: var(--v2-glass-border);
  background: color-mix(in srgb, var(--v2-surface) var(--v2-glass-mix), transparent);
  box-shadow: var(--v2-glass-shadow), var(--v2-glass-inset);
}

@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .glass-pane-module__oeFcFa__glass {
    -webkit-backdrop-filter: blur(var(--v2-glass-blur)) saturate(var(--v2-glass-saturate));
    backdrop-filter: blur(var(--v2-glass-blur)) saturate(var(--v2-glass-saturate));
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .glass-pane-module__oeFcFa__glass {
    background: var(--v2-surface);
  }
}

@media (prefers-reduced-transparency: reduce) {
  .glass-pane-module__oeFcFa__glass {
    background: var(--v2-surface);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

/* [project]/components/v2/shell/mobile-shell.css [app-client] (css) */
.v2-mobile-app, .v2-mobile-route, .v2-mobile-route-content {
  display: contents;
}

.v2-mobile-app > .ds-tabbar {
  display: none;
}

@media (max-width: 767px) {
  .v2.v2-shell.h-dvh:has( > .v2-mobile-app) {
    padding-bottom: 0;
  }

  .v2-mobile-app {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    font-size: 16px;
    display: flex;
  }

  .v2-mobile-route, .v2-mobile-route-content {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .v2-mobile-app [hidden] {
    display: none !important;
  }

  .v2-mobile-app > .ds-tabbar {
    display: flex;
  }

  .v2-mobile-app[data-detail="true"] > .ds-tabbar {
    display: none;
  }

  .v2-mobile-app:has([data-mobile-detail]) > .ds-tabbar {
    display: none;
  }

  .v2-mobile-app[data-detail="true"]:not(:has([data-mobile-detail])) > .v2-mobile-route {
    padding-bottom: var(--v2-safe-area-bottom);
  }

  .v2-mobile-frame, .v2-mobile-chat {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .v2-mobile-app .v2-iconbtn {
    width: 44px;
    min-width: 44px;
    height: 44px;
  }

  .v2-mobile-list {
    overscroll-behavior-y: contain;
    min-height: 0;
    padding: 0 var(--v2-m-inset-list) 20px;
    background: var(--v2-surface-app);
    flex: 1;
    overflow-y: auto;
  }

  .v2-mobile-group {
    border-radius: var(--v2-m-radius-card);
    background: var(--v2-surface-nav);
    margin: 20px 0;
    overflow: hidden;
  }

  .v2-mobile-row, .v2-mobile-profile {
    background: var(--v2-surface-nav);
    width: 100%;
    min-height: 52px;
    color: var(--v2-ink);
    font: inherit;
    text-align: left;
    border: 0;
    align-items: center;
    gap: 12px;
    padding: 12px;
    text-decoration: none;
    display: flex;
  }

  .v2-mobile-row + .v2-mobile-row {
    border-top: 1px solid var(--v2-border-split);
  }

  .v2-mobile-row > span:first-of-type {
    flex: 1;
    min-width: 0;
  }

  .v2-mobile-row svg {
    flex: none;
  }

  .v2-mobile-row select {
    border: 1px solid var(--v2-border-input);
    background: var(--v2-surface);
    min-width: 0;
    max-width: 70%;
    min-height: 44px;
    color: var(--v2-ink);
    font: inherit;
    border-radius: 8px;
    padding: 6px;
  }

  .v2-mobile-profile {
    border-radius: var(--v2-m-radius-card);
  }

  .v2-mobile-profile > span:nth-child(2) {
    flex: 1;
    min-width: 0;
  }

  .v2-mobile-profile strong {
    overflow-wrap: anywhere;
  }

  .v2-mobile-profile .block {
    color: var(--v2-ink-3);
  }

  .v2-mobile-avatar {
    background: var(--v2-surface-2);
    border-radius: 50%;
    flex: none;
    place-items: center;
    width: 52px;
    height: 52px;
    display: grid;
  }

  .v2-mobile-save {
    background: var(--v2-accent);
    width: 100%;
    min-height: 48px;
    color: var(--v2-accent-contrast);
    font: inherit;
    border: 0;
    border-radius: 12px;
  }

  .v2-mobile-save:disabled {
    opacity: .5;
  }

  .v2-mobile-detail {
    padding-bottom: var(--v2-safe-area-bottom);
    background: var(--v2-surface);
    z-index: 2;
    outline: none;
    flex-direction: column;
    animation: .22s ease-out v2-mobile-slide-in;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .v2-mobile-detail-body {
    overscroll-behavior-y: contain;
    flex: 1;
    min-height: 0;
    font-size: 16px;
    overflow-y: auto;
  }

  .v2-mobile-enter {
    animation: .22s ease-out v2-mobile-slide-in;
  }

  .v2-mobile-app .v2-settings-frame {
    padding-top: 0;
    position: absolute;
    top: 0;
  }

  .v2-mobile-app .v2-chat-dir {
    flex: 1;
    font-size: 16px;
  }

  .v2-sheet-drag {
    width: 100%;
    height: 44px;
    color: var(--v2-ink-3);
    touch-action: none;
    cursor: grab;
    background: none;
    border: 0;
    flex: none;
    place-items: center;
    padding: 0;
    display: grid;
  }

  .v2-sheet-drag .v2-sheet-handle {
    margin: 0;
  }
}

@keyframes v2-mobile-slide-in {
  from {
    transform: translateX(100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .v2-mobile-enter, .v2-mobile-detail {
    animation: none;
  }
}

/* [project]/components/v2/shell/chat-directory-new-layout.css [app-client] (css) */
.chat-new-screen {
  z-index: 60;
  padding-top: var(--v2-safe-area-top);
  padding-bottom: var(--v2-safe-area-bottom);
  outline: none;
  position: fixed;
  inset: 0;
}

.chat-new-foot {
  padding: 8px var(--ds-inset) 12px;
  flex: none;
}

/* [project]/components/v2/v2.css [app-client] (css) */
.v2 {
  --v2-avatar-portrait-bg: #151413;
  --v2-surface: #fff;
  --v2-surface-app: #fcfbf9;
  --v2-surface-nav: #fcfbf9;
  --v2-surface-tray: #f4f2ee;
  --v2-surface-raised: #fff;
  --v2-ink: #1a1915;
  --v2-ink-2: #3f3d35;
  --v2-ink-3: #6f6c62;
  --v2-ink-eyebrow: #948f84;
  --v2-ink-eyebrow-text: #767267;
  --v2-ink-placeholder: #948f84;
  --v2-ink-faint: #6f6c62;
  --v2-ink-hair: #948f84;
  --v2-bar-track: #1c191229;
  --v2-surface-2: #f5f5f4;
  --v2-surface-3: #e8e8e7;
  --v2-ok: #2f8f5b;
  --v2-ok-text: #2a8051;
  --v2-warn: #c98a1a;
  --v2-warn-text: #9a6914;
  --v2-danger: #b4442e;
  --v2-danger-contrast: #fff;
  --v2-overlay-rgb: 28, 25, 18;
  --v2-bg-hover: rgba(var(--v2-overlay-rgb), .045);
  --v2-border-split: rgba(var(--v2-overlay-rgb), .055);
  --v2-bg-wash: rgba(var(--v2-overlay-rgb), .055);
  --v2-border-frame: rgba(var(--v2-overlay-rgb), .07);
  --v2-border-card: rgba(var(--v2-overlay-rgb), .09);
  --v2-bg-open: rgba(var(--v2-overlay-rgb), .1);
  --v2-border-input: rgba(var(--v2-overlay-rgb), .12);
  --v2-border-strong: rgba(var(--v2-overlay-rgb), .16);
  --v2-hud-glass: #ffffffdb;
  --v2-glass-radius: 20px;
  --v2-glass-border-width: 1px;
  --v2-glass-border: #ffffff8c;
  --v2-glass-mix: 56%;
  --v2-glass-blur: 18px;
  --v2-glass-saturate: 140%;
  --v2-glass-shadow: 0 8px 32px #14100a24;
  --v2-glass-inset: inset 0 1px 0 #fff9;
  --v2-brain-glow: #f3d596;
  --v2-brain-crystal: #e0a445;
  --v2-brain-bead-0: #6f9468;
  --v2-brain-bead-1: #6a8cab;
  --v2-brain-bead-2: #c46f4d;
  --v2-brain-bead-3: #d9bd8a;
  --v2-brain-bead-4: #ab7f8d;
  --v2-brain-bead-5: #d19a35;
  --v2-brain-bead-6: #8f9a4c;
  --v2-brain-bead-7: #bb7468;
  --v2-brain-felt: #86a07c;
  --v2-brain-felt-rim: #a3b799;
  --v2-control-sm: 22px;
  --v2-control-md: 30px;
  --v2-control-lg: 36px;
  --v2-chat-column: 760px;
  --v2-radius-xs: 4px;
  --v2-radius-sm: 6px;
  --v2-radius-md: 8px;
  --v2-radius-lg: 12px;
  --v2-radius-xl: 16px;
  --v2-radius-full: 999px;
  --v2-z-raised: 10;
  --v2-z-sticky: 20;
  --v2-z-drawer: 85;
  --v2-z-fullscreen: 65;
  --v2-z-overlay: 80;
  --v2-z-dialog: 90;
  --v2-z-toast: 100;
  --v2-accent: #1a1915;
  --v2-accent-contrast: #fff;
  --v2-link: var(--v2-accent);
  --v2-link-underline: rgba(var(--v2-overlay-rgb), .35);
  --v2-link-underline-hover: rgba(var(--v2-overlay-rgb), .7);
  --v2-focus-ring: 0 0 0 2px var(--v2-surface), 0 0 0 4px var(--v2-accent);
  --v2-shadow-input: 0 0 0 1px rgba(var(--v2-overlay-rgb), .1);
  --v2-shadow-panel: -18px 0 40px -28px #28221666;
  --v2-shadow-drawer: 18px 0 40px -28px #28221666;
  --v2-shadow-sheet: 0 -18px 40px -22px #28221647;
  --v2-shadow-menu: 0 10px 30px -14px #28221673;
  --v2-shadow-float: 0 1px 2px #28221614, 0 18px 40px -22px #28221647;
  --v2-font-body: var(--font-be-vietnam), system-ui, sans-serif;
  --v2-font-machine: var(--font-inter), system-ui, sans-serif;
  font-family: var(--v2-font-body);
  color: var(--v2-ink-2);
  background: var(--v2-surface);
  --v2-m-touch: 44px;
  --v2-m-row-avatar: 68px;
  --v2-m-row-sheet: 60px;
  --v2-m-row-2line: 52px;
  --v2-m-inset: 16px;
  --v2-m-inset-bar: 14px;
  --v2-m-gap-card: 9px;
  --v2-m-radius-card: 12px;
  --v2-m-radius-btn: 11px;
  --v2-m-radius-sheet: 22px;
  --v2-m-drawer-w: 322px;
  --v2-m-scrim: #1c191247;
}

.dark .v2 {
  --v2-m-scrim: #00000080;
}

.v2 {
  --v2-space-0: var(--v2-identity-lime);
  --v2-space-1: var(--v2-identity-green);
  --v2-space-2: var(--v2-identity-amber);
  --v2-space-3: var(--v2-identity-coral);
  --v2-space-4: var(--v2-identity-blue);
  --v2-space-5: var(--v2-identity-pink);
  --v2-space-6: var(--v2-identity-teal);
  --v2-space-7: var(--v2-identity-orange);
  --v2-space-bg-alpha: 12%;
  --v2-identity-coral: #e76348;
  --v2-identity-orange: #e87f25;
  --v2-identity-amber: #e2a520;
  --v2-identity-lime: #94bb3b;
  --v2-identity-green: #3fb972;
  --v2-identity-teal: #17b6a8;
  --v2-identity-sky: #30add6;
  --v2-identity-blue: #5992e7;
  --v2-identity-violet: #9e7be1;
  --v2-identity-pink: #df6aa6;
  --v2-identity-ink: #100f0e;
  --v2-avatar-coral: var(--v2-identity-coral);
  --v2-avatar-orange: var(--v2-identity-orange);
  --v2-avatar-amber: var(--v2-identity-amber);
  --v2-avatar-lime: var(--v2-identity-lime);
  --v2-avatar-green: var(--v2-identity-green);
  --v2-avatar-teal: var(--v2-identity-teal);
  --v2-avatar-sky: var(--v2-identity-sky);
  --v2-avatar-blue: var(--v2-identity-blue);
  --v2-avatar-violet: var(--v2-identity-violet);
  --v2-avatar-pink: var(--v2-identity-pink);
  --v2-avatar-eye: #1a1915;
  --v2-avatar-glint: #fff;
  --v2-avatar-shadow: #00000038;
  --v2-avatar-glow: transparent;
}

@supports (color: lab(0% 0 0)) {
  .v2 {
    --v2-identity-coral: lab(59.0531% 51.1786 41.4974);
    --v2-identity-orange: lab(64.3605% 37.3843 62.6392);
    --v2-identity-amber: lab(72.1714% 15.988 69.7113);
    --v2-identity-lime: lab(71.3228% -27.525 57.3798);
    --v2-identity-green: lab(67.1365% -47.4213 25.7291);
    --v2-identity-teal: lab(66.6426% -41.5322 -4.21789);
    --v2-identity-sky: lab(65.6349% -24.2951 -31.0155);
    --v2-identity-blue: lab(59.6618% .470281 -49.1748);
    --v2-identity-violet: lab(58.4529% 30.1525 -47.6246);
    --v2-identity-pink: lab(60.7277% 51.3417 -9.91633);
  }
}

.dark .v2 {
  --v2-surface: #100f0e;
  --v2-surface-app: #0b0b0a;
  --v2-surface-nav: #171614;
  --v2-surface-tray: #0b0b0a;
  --v2-surface-raised: #282624;
  --v2-surface-2: #211f1d;
  --v2-surface-3: #312f2e;
  --v2-ink: #f4f2ec;
  --v2-ink-2: #cbc6b8;
  --v2-ink-3: #9c968a;
  --v2-ink-eyebrow: #9c968a;
  --v2-ink-eyebrow-text: #9c968a;
  --v2-ink-placeholder: #9c968a;
  --v2-ink-faint: #9c968a;
  --v2-ink-hair: #9c968a;
  --v2-bar-track: #ffffff2e;
  --v2-ok: #55cc84;
  --v2-ok-text: #55cc84;
  --v2-warn: #f5af20;
  --v2-warn-text: #f5af20;
  --v2-danger: #f57055;
  --v2-danger-contrast: #100f0e;
  --v2-overlay-rgb: 255, 255, 255;
  --v2-bg-hover: var(--v2-surface-2);
  --v2-border-split: rgba(var(--v2-overlay-rgb), .08);
  --v2-bg-wash: var(--v2-surface-2);
  --v2-border-frame: rgba(var(--v2-overlay-rgb), .08);
  --v2-border-card: rgba(var(--v2-overlay-rgb), .12);
  --v2-bg-open: var(--v2-surface-3);
  --v2-border-input: rgba(var(--v2-overlay-rgb), .12);
  --v2-border-strong: rgba(var(--v2-overlay-rgb), .18);
  --v2-hud-glass: #100f0ed6;
  --v2-glass-border: #ffffff1f;
  --v2-glass-mix: 58%;
  --v2-glass-shadow: 0 8px 32px #00000073;
  --v2-glass-inset: inset 0 1px 0 #ffffff14;
  --v2-brain-glow: #f3d08a;
  --v2-brain-crystal: #e8a93f;
  --v2-brain-bead-0: #8fae86;
  --v2-brain-bead-1: #86a3bf;
  --v2-brain-bead-2: #d38a6c;
  --v2-brain-bead-3: #ecd9b4;
  --v2-brain-bead-4: #c19aa6;
  --v2-brain-bead-5: #e3b45e;
  --v2-brain-bead-6: #a5b06a;
  --v2-brain-bead-7: #cf8f85;
  --v2-brain-felt: #5f7a58;
  --v2-brain-felt-rim: #7f9a74;
  --v2-accent: #f4f2ec;
  --v2-accent-contrast: #100f0e;
  --v2-shadow-input: 0 0 0 1px rgba(var(--v2-overlay-rgb), .11);
  --v2-shadow-panel: none;
  --v2-shadow-drawer: none;
  --v2-shadow-sheet: none;
  --v2-shadow-menu: 0 0 0 1px rgba(var(--v2-overlay-rgb), .11);
  --v2-shadow-float: 0 20px 56px -12px #000000b8, 0 4px 14px -4px #0000008f;
  --v2-space-bg-alpha: 18%;
  --v2-identity-coral: #fc765b;
  --v2-identity-orange: #fd923e;
  --v2-identity-amber: #f3b01d;
  --v2-identity-lime: #a6cf51;
  --v2-identity-green: #55cc84;
  --v2-identity-teal: #3bcabb;
  --v2-identity-sky: #49c1ea;
  --v2-identity-blue: #70a6f5;
  --v2-identity-violet: #b090f0;
  --v2-identity-pink: #f080b8;
  --v2-avatar-eye: #14130f;
  --v2-avatar-glint: #fff;
  --v2-avatar-shadow: #00000080;
  --v2-avatar-glow: currentColor;
}

@supports (color: lab(0% 0 0)) {
  .dark .v2 {
    --v2-ok: lab(74.1043% -47.2696 25.6103);
    --v2-ok-text: lab(74.1043% -47.2696 25.6103);
    --v2-warn: lab(76.7381% 18.9489 74.2614);
    --v2-warn-text: lab(76.7381% 18.9489 74.2614);
    --v2-danger: lab(63.7043% 51.0329 40.9005);
    --v2-identity-coral: lab(66.0295% 50.9647 40.6465);
    --v2-identity-orange: lab(71.3482% 36.9439 60.3858);
    --v2-identity-amber: lab(76.8064% 17.1488 74.8702);
    --v2-identity-lime: lab(78.3074% -27.8183 56.2572);
    --v2-identity-green: lab(74.1043% -47.2696 25.6103);
    --v2-identity-teal: lab(73.6029% -41.4312 -4.22895);
    --v2-identity-sky: lab(72.6099% -24.6628 -31.1018);
    --v2-identity-blue: lab(66.7673% -1.02273 -45.8962);
    --v2-identity-violet: lab(65.6312% 27.3384 -44.6409);
    --v2-identity-pink: lab(67.8257% 48.3636 -9.3135);
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .v2 {
    --v2-avatar-glow: color-mix(in srgb, currentColor 38%, transparent);
  }
}

.v2, .v2 .v2-mobile-app {
  --ds-bg: var(--v2-surface-tray);
  --ds-s1: var(--v2-surface-nav);
  --ds-s2: var(--v2-surface-2);
  --ds-s3: var(--v2-surface-3);
  --ds-ink: var(--v2-ink);
  --ds-ink2: var(--v2-ink-2);
  --ds-ink3: var(--v2-ink-3);
  --ds-line: var(--v2-border-split);
  --ds-card-line: var(--v2-border-card);
  --ds-ok: var(--v2-ok);
  --ds-warn: var(--v2-warn);
  --ds-danger: var(--v2-danger);
  --ds-link: #1f68bc;
  --ds-primary: var(--v2-ink);
  --ds-primary-ink: var(--v2-surface);
  --ds-bubble-me: #2f5be0;
  --ds-bubble-me-ink: #fff;
  --ds-on-color: #0b0b0a;
  --ds-shadow-float: 0 10px 30px #0000002e;
  --ds-radius-card: 24px;
  --ds-radius-group: 16px;
  --ds-radius-list: 14px;
  --ds-radius-tile: 20px;
  --ds-radius-btn: 12px;
  --ds-radius-btn-lg: 14px;
  --ds-radius-sheet: 28px;
  --ds-font-title-lg: 700 34px/40px var(--v2-font-body);
  --ds-font-title: 700 24px/30px var(--v2-font-body);
  --ds-font-section: 700 19px/24px var(--v2-font-body);
  --ds-font-body: 400 16px/22px var(--v2-font-body);
  --ds-font-body-strong: 600 16px/22px var(--v2-font-body);
  --ds-font-reading: 400 16px/24px var(--v2-font-body);
  --ds-font-meta: 400 14px/20px var(--v2-font-body);
  --ds-font-meta-strong: 600 14px/20px var(--v2-font-body);
  --ds-font-caption: 400 12px/16px var(--v2-font-body);
  --ds-font-caption-strong: 600 12px/16px var(--v2-font-body);
  --ds-font-eyebrow: 600 12px/16px var(--v2-font-body);
  --ds-eyebrow-tracking: .3px;
  --ds-title-tracking: -.5px;
  --ds-font-num-lg: 700 28px/32px var(--v2-font-machine);
  --ds-font-micro: 600 11px/14px var(--v2-font-machine);
  --ds-space-half: 2px;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 20px;
  --ds-space-6: 24px;
  --ds-space-8: 32px;
  --ds-inset: var(--ds-space-4);
  --ds-inset-group: var(--ds-space-4);
  --ds-gap-card: var(--ds-space-3);
  --ds-row-chat: 72px;
  --ds-lead-chat: 52px;
  --ds-row-work: 56px;
  --ds-row-side: 44px;
  --ds-lead-side: 20px;
  --ds-row-setting: 52px;
  --ds-lead-setting: 30px;
  --ds-row-kv: 44px;
  --ds-lead-they: 32px;
  --ds-bar-h: 52px;
  --ds-nav-h: 44px;
  --ds-control-h: 36px;
  --ds-btn-h: 40px;
  --ds-btn-h-lg: 48px;
  --ds-count-w: 24px;
  --ds-badge-h: 20px;
  --ds-badge-h-sm: 16px;
  --ds-num: tabular-nums;
  --ds-title-lg: var(--ds-font-title-lg);
  --ds-title-sheet: var(--ds-font-title);
  --ds-section: var(--ds-font-section);
}

@supports (color: lab(0% 0 0)) {
  .v2, .v2 .v2-mobile-app {
    --ds-link: lab(43.2474% 2.10953 -51.5763);
  }
}

@media (pointer: fine) {
  .v2, .v2 .v2-mobile-app {
    --ds-row-side: 32px;
    --ds-row-setting: 44px;
    --ds-lead-setting: 24px;
    --ds-row-kv: 40px;
  }
}

.dark .v2, .dark .v2 .v2-mobile-app {
  --ds-link: #60aaf3;
  --ds-shadow-float: 0 10px 30px #00000080;
}

@supports (color: lab(0% 0 0)) {
  .dark .v2, .dark .v2 .v2-mobile-app {
    --ds-link: lab(67.0489% -7.13784 -44.1464);
  }
}

.ds-screen {
  background: var(--ds-bg);
  min-width: 0;
  min-height: 0;
  color: var(--ds-ink);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ds-scroll {
  overscroll-behavior-y: contain;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.ds-nav {
  align-items: center;
  gap: var(--ds-space-2);
  min-height: var(--ds-nav-h);
  padding: var(--ds-space-1) var(--ds-inset);
  flex: none;
  display: flex;
}

.ds-nav-spacer {
  flex: 1;
}

.ds-large-title {
  padding: var(--ds-space-1) var(--ds-inset) var(--ds-space-2);
  font: var(--ds-font-title-lg);
  letter-spacing: var(--ds-title-tracking);
  color: var(--ds-ink);
  text-wrap: balance;
  margin: 0;
}

.ds-eyebrow {
  padding: 0 var(--ds-inset);
  font: var(--ds-font-eyebrow);
  letter-spacing: var(--ds-eyebrow-tracking);
  text-transform: uppercase;
  color: var(--ds-ink3);
}

.ds-back {
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  gap: var(--ds-space-half);
  max-width: 100%;
  min-height: var(--ds-nav-h);
  color: var(--ds-link);
  font: var(--ds-font-body);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  text-decoration: none;
  display: inline-flex;
  overflow: hidden;
}

.ds-back svg {
  flex: none;
  width: 24px;
  height: 24px;
}

.ds-back:focus:not(:focus-visible) {
  outline: none;
}

.ds-subnav {
  align-items: center;
  gap: var(--ds-space-2);
  min-height: var(--ds-bar-h);
  padding: var(--ds-space-1) var(--ds-space-2) var(--ds-space-2);
  border-bottom: 1px solid var(--ds-line);
  flex: none;
  display: flex;
}

.ds-subnav-plain {
  border-bottom: 0;
}

.ds-subnav-center {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 0;
  min-width: 0;
  display: flex;
}

.ds-subnav-center b {
  font: var(--ds-font-body-strong);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}

.ds-subnav-center small {
  font: var(--ds-font-caption);
  color: var(--ds-ok);
}

.ds-subnav-center small[data-tone="muted"] {
  color: var(--ds-ink3);
}

.ds-subnav-side {
  flex: none;
  align-items: center;
  min-width: 96px;
  max-width: 45%;
  display: flex;
}

.ds-subnav-side:last-child {
  justify-content: flex-end;
}

.ds-section {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ds-space-3);
  padding: var(--ds-space-4) var(--ds-inset) var(--ds-space-2);
  display: flex;
}

.ds-section h2 {
  font: var(--ds-font-section);
  color: var(--ds-ink);
  margin: 0;
}

.ds-section-eyebrow {
  padding-bottom: var(--ds-space-2);
  align-items: center;
}

.ds-section-eyebrow h2 {
  font: var(--ds-font-eyebrow);
  letter-spacing: var(--ds-eyebrow-tracking);
  text-transform: uppercase;
  color: var(--ds-ink3);
}

.ds-section a, .ds-section button {
  font: var(--ds-font-meta);
  color: var(--ds-link);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  text-decoration: none;
}

.ds-tabbar {
  min-height: 84px;
  padding: var(--ds-space-2) env(safe-area-inset-right, 0px) max(var(--ds-space-3), env(safe-area-inset-bottom, 0px)) env(safe-area-inset-left, 0px);
  background: var(--ds-s1);
  flex: none;
  justify-content: space-around;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-tabbar {
    background: color-mix(in srgb, var(--ds-s1) 88%, transparent);
  }
}

.ds-tabbar {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-top: 1px solid var(--ds-line);
}

.ds-tab {
  align-items: center;
  gap: var(--ds-space-half);
  width: 64px;
  min-height: var(--ds-nav-h);
  color: var(--ds-ink3);
  font: var(--ds-font-micro);
  font-family: var(--v2-font-body);
  cursor: pointer;
  background: none;
  border: 0;
  flex-direction: column;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.ds-tab[aria-current="page"] {
  color: var(--ds-ink);
}

.ds-tab svg {
  width: 25px;
  height: 25px;
}

.ds-tab-badge {
  top: calc(var(--ds-space-half) * -1);
  min-width: var(--ds-badge-h-sm);
  height: var(--ds-badge-h-sm);
  padding: 0 var(--ds-space-1);
  background: var(--ds-danger);
  color: var(--ds-on-color);
  font: var(--ds-font-micro);
  font-variant-numeric: var(--ds-num);
  border-radius: 999px;
  place-items: center;
  display: grid;
  position: absolute;
  left: 36px;
}

.ds-header {
  background: var(--ds-bg);
  flex: none;
}

.ds-header .ds-nav {
  position: relative;
}

.ds-header-small {
  text-align: center;
  font: var(--ds-font-body-strong);
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  position: absolute;
  left: 96px;
  right: 96px;
  overflow: hidden;
}

.ds-header-actions {
  align-items: center;
  gap: var(--ds-space-2);
  margin-left: auto;
  display: flex;
}

.ds-header-balance {
  margin-left: auto;
}

.ds-header-child {
  border-bottom: 1px solid var(--ds-line);
}

.ds-header-content {
  padding: var(--ds-space-1) var(--ds-inset) var(--ds-space-2);
}

[data-mobile-frame][data-scrolled] .ds-header:not(.ds-header-child) {
  border-bottom: 1px solid var(--ds-line);
}

[data-mobile-frame][data-scrolled] .ds-header:not(.ds-header-child) .ds-large-title {
  display: none;
}

[data-mobile-frame][data-scrolled] .ds-header:not(.ds-header-child) .ds-header-small:before {
  content: attr(data-title);
}

.v2-mobile-app .v2-mobile-route-content, .v2-mobile-app .ds-screen {
  background: var(--ds-bg);
}

.ds-iconbtn {
  width: var(--ds-control-h);
  height: var(--ds-control-h);
  background: var(--ds-s2);
  color: var(--ds-ink);
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  flex: none;
  place-items: center;
  padding: 0;
  text-decoration: none;
  display: grid;
  position: relative;
}

.ds-iconbtn:after {
  content: "";
  inset: calc(var(--ds-space-1) * -1);
  position: absolute;
}

.ds-iconbtn svg {
  width: 18px;
  height: 18px;
}

.ds-iconbtn-plain {
  background: none;
}

.ds-iconbtn-sm {
  width: 28px;
  height: 28px;
}

.ds-iconbtn-sm svg {
  width: 15px;
  height: 15px;
}

.ds-search {
  align-items: center;
  gap: var(--ds-space-2);
  height: var(--ds-btn-h);
  margin: 0 var(--ds-inset) var(--ds-space-3);
  padding: 0 var(--ds-space-3);
  background: var(--ds-s2);
  color: var(--ds-ink3);
  border-radius: 12px;
  display: flex;
}

.ds-search svg {
  flex: none;
  width: 16px;
  height: 16px;
}

.ds-search input {
  min-width: 0;
  height: 100%;
  color: var(--ds-ink);
  font: var(--ds-font-body);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
}

.ds-search input::placeholder {
  color: var(--ds-ink3);
}

.ds-chips {
  gap: var(--ds-space-2);
  padding: 0 var(--ds-inset) var(--ds-space-3);
  scrollbar-width: none;
  display: flex;
  overflow-x: auto;
}

.ds-chips::-webkit-scrollbar {
  display: none;
}

.ds-chips-wrap {
  flex-wrap: wrap;
  padding-right: 0;
  overflow: visible;
}

.ds-chip {
  height: var(--ds-space-8);
  padding: 0 var(--ds-space-3);
  background: var(--ds-s2);
  color: var(--ds-ink2);
  font: var(--ds-font-meta);
  white-space: nowrap;
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  flex: none;
  align-items: center;
  display: inline-flex;
}

.ds-chip b {
  margin-left: var(--ds-space-1);
  font-variant-numeric: var(--ds-num);
  color: var(--ds-ink3);
  font-weight: 600;
}

.ds-chip[aria-pressed="true"] {
  background: var(--ds-primary);
  color: var(--ds-primary-ink);
  font-weight: 600;
}

.ds-chip[aria-pressed="true"] b {
  color: var(--ds-primary-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-chip[aria-pressed="true"] b {
    color: color-mix(in srgb, var(--ds-primary-ink) 60%, var(--ds-primary));
  }
}

.ds-segmented {
  margin: 0 var(--ds-inset) var(--ds-space-3);
  padding: var(--ds-space-half);
  background: var(--ds-s2);
  border-radius: 10px;
  display: flex;
}

.ds-segmented button {
  min-width: 0;
  height: calc(var(--ds-control-h) - 2 * var(--ds-space-half));
  color: var(--ds-ink2);
  font: var(--ds-font-meta);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 8px;
  flex: 1;
  padding: 0;
}

.ds-segmented button[aria-pressed="true"] {
  background: var(--ds-s3);
  color: var(--ds-ink);
  font-weight: 600;
}

.ds-btn {
  height: var(--ds-btn-h);
  padding: 0 var(--ds-space-4);
  border-radius: var(--ds-radius-btn);
  background: var(--ds-s3);
  color: var(--ds-ink);
  font: var(--ds-font-meta-strong);
  cursor: pointer;
  border: 0;
  place-items: center;
  text-decoration: none;
  display: inline-grid;
}

.ds-btn-primary {
  background: var(--ds-primary);
  color: var(--ds-primary-ink);
}

.ds-btn-lg {
  height: var(--ds-btn-h-lg);
  border-radius: var(--ds-radius-btn-lg);
  font: var(--ds-font-body-strong);
}

.ds-btn-block {
  width: 100%;
}

.ds-btn:disabled {
  background: var(--ds-s3);
  color: var(--ds-ink3);
  cursor: default;
}

.ds-btn-row {
  gap: var(--ds-space-2);
  display: flex;
}

.ds-btn-row > .ds-btn {
  flex: 1;
}

.ds-textlink {
  padding: var(--ds-space-2) 0;
  color: var(--ds-link);
  font: var(--ds-font-body);
  text-align: center;
  cursor: pointer;
  background: none;
  border: 0;
  text-decoration: none;
}

.ds-textlink-sm {
  font: var(--ds-font-caption);
  text-align: left;
  align-self: flex-start;
  padding: 0;
  font-weight: 600;
}

.ds-tabs {
  gap: var(--ds-space-4);
  padding: 0 var(--ds-inset);
  scrollbar-width: none;
  white-space: nowrap;
  border-bottom: 1px solid var(--ds-line);
  flex: none;
  display: flex;
  overflow-x: auto;
}

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

.ds-tabs a, .ds-tabs button {
  padding: var(--ds-space-3) 0;
  color: var(--ds-ink3);
  font: var(--ds-font-body);
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  text-decoration: none;
}

.ds-tabs [aria-current="page"], .ds-tabs [aria-selected="true"] {
  color: var(--ds-ink);
  border-bottom-color: var(--ds-ink);
  font-weight: 600;
}

.ds-row {
  align-items: center;
  gap: var(--ds-space-3);
  width: 100%;
  min-height: var(--ds-row-chat);
  padding: 0 var(--ds-inset);
  color: var(--ds-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  text-decoration: none;
  display: flex;
}

.ds-row-text {
  flex: 1;
  align-self: center;
  min-width: 0;
}

.ds-row-title {
  font: var(--ds-font-body-strong);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ds-row-sub {
  margin-top: var(--ds-space-half);
  font: var(--ds-font-meta);
  color: var(--ds-ink3);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ds-row-meta {
  row-gap: var(--ds-space-half);
  font: var(--ds-font-caption);
  font-variant-numeric: var(--ds-num);
  color: var(--ds-ink3);
  flex: none;
  grid-template-rows: 22px 20px;
  align-self: center;
  place-items: center end;
  display: grid;
}

.ds-row-meta > :only-child {
  grid-row: 1;
}

.ds-row[data-dense] {
  min-height: var(--ds-row-side);
  gap: var(--ds-space-2);
  padding: 0;
}

.ds-row[data-dense] .ds-row-title {
  font: var(--ds-font-meta-strong);
}

.ds-row[data-dense] .ds-row-meta {
  align-items: center;
  gap: var(--ds-space-1);
  display: flex;
}

.ds-row[data-dense] .ds-dot {
  margin-right: 0;
}

.ds-badge {
  min-width: var(--ds-badge-h);
  height: var(--ds-badge-h);
  background: var(--ds-link);
  color: var(--ds-on-color);
  font: var(--ds-font-caption-strong);
  font-family: var(--v2-font-machine);
  font-variant-numeric: var(--ds-num);
  border-radius: 999px;
  place-items: center;
  padding: 0 6px;
  display: grid;
}

.ds-badge-muted {
  background: var(--ds-s3);
  color: var(--ds-ink2);
}

.ds-badge-alert {
  background: var(--ds-danger);
}

.ds-dot {
  width: 8px;
  height: 8px;
  margin-right: var(--ds-space-1);
  vertical-align: 1px;
  border-radius: 50%;
  display: inline-block;
}

.ds-avatar {
  color: #fff;
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-weight: 700;
  display: grid;
  overflow: hidden;
}

.ds-screen .v2-avatar-portrait, .ds-subnav .v2-avatar-portrait, .ds-composer-lead .v2-avatar-portrait, .ds-they .v2-avatar-portrait {
  border-radius: 50%;
}

.ds-avatar-stack > * {
  box-shadow: 0 0 0 2px var(--ds-bg);
  border-radius: 50%;
}

.ds-avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.ds-avatar-stack {
  display: flex;
}

.ds-avatar-stack > * + * {
  margin-left: calc(var(--ds-space-2) * -1);
}

.ds-list-head {
  padding: 0 calc(var(--ds-inset) + var(--ds-inset-group)) var(--ds-space-2);
  font: var(--ds-font-eyebrow);
  letter-spacing: var(--ds-eyebrow-tracking);
  color: var(--ds-ink3);
  text-transform: uppercase;
}

.ds-list {
  margin: 0 var(--ds-inset) var(--ds-space-4);
  border-radius: var(--ds-radius-list);
  background: var(--ds-s1);
  overflow: hidden;
}

.ds-list-item {
  align-items: center;
  gap: var(--ds-space-3);
  width: 100%;
  min-height: var(--ds-row-setting);
  padding: 0 var(--ds-inset-group);
  border: 0;
  border-bottom: 1px solid var(--ds-line);
  color: var(--ds-ink);
  font: var(--ds-font-body);
  text-align: left;
  cursor: pointer;
  background: none;
  text-decoration: none;
  display: flex;
}

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

.ds-list-item > .ds-list-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: auto;
  min-width: 40%;
  overflow: hidden;
}

.ds-list-value .ds-tags {
  flex-wrap: nowrap;
}

.ds-list-value {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font: var(--ds-font-meta);
  color: var(--ds-ink3);
  flex: 0 auto;
  overflow: hidden;
}

.ds-list-chev {
  width: 14px;
  height: 14px;
  color: var(--ds-ink3);
  flex: none;
}

.ds-list-icon {
  width: var(--ds-lead-setting);
  height: var(--ds-lead-setting);
  color: var(--ds-on-color);
  border-radius: 8px;
  flex: none;
  place-items: center;
  display: grid;
}

.ds-list-icon svg {
  width: 16px;
  height: 16px;
}

.ds-group {
  margin: 0 var(--ds-inset) var(--ds-space-4);
  border-radius: var(--ds-radius-group);
  background: var(--ds-s1);
  position: relative;
  overflow: hidden;
}

.ds-group-head {
  align-items: center;
  gap: var(--ds-space-2);
  padding: var(--ds-space-3) var(--ds-inset-group) var(--ds-space-1);
  font: var(--ds-font-eyebrow);
  letter-spacing: var(--ds-eyebrow-tracking);
  text-transform: uppercase;
  color: var(--ds-ink3);
  display: flex;
}

.ds-group-name {
  text-transform: uppercase;
}

.ds-square {
  width: var(--ds-lead-side);
  height: var(--ds-lead-side);
  color: var(--ds-on-color);
  font: var(--ds-font-micro);
  border-radius: 6px;
  flex: none;
  place-items: center;
  font-weight: 700;
  display: grid;
}

.ds-work-row {
  align-items: center;
  gap: var(--ds-space-3);
  width: 100%;
  min-height: var(--ds-row-work);
  padding: var(--ds-space-2) var(--ds-inset-group);
  border: 0;
  border-top: 1px solid var(--ds-line);
  background: var(--ds-s1);
  color: var(--ds-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  display: flex;
}

.ds-work-row .ds-row-title {
  font: var(--ds-font-body);
}

.ds-work-row .ds-row-sub {
  margin-top: var(--ds-space-half);
  font: var(--ds-font-caption);
}

.ds-ring {
  border: 2px solid var(--ds-ink3);
  border-radius: 50%;
  flex: none;
  width: 22px;
  height: 22px;
}

.ds-ring-run {
  border-color: var(--ds-ok);
  background: conic-gradient(var(--ds-ok) 0 var(--ds-ring-progress, 60%), transparent 0);
}

.ds-ring-wait {
  border-color: var(--ds-warn);
}

.ds-ring-late {
  border-color: var(--ds-danger);
}

.ds-ring-done {
  border-color: var(--ds-ok);
  background: var(--ds-ok);
}

.ds-swipe {
  position: relative;
  overflow: hidden;
}

.ds-group > .ds-swipe:last-child, .ds-group > .ds-work-row:last-child {
  border-radius: 0 0 var(--ds-radius-group) var(--ds-radius-group);
}

.ds-swipe-actions {
  display: flex;
  position: absolute;
  inset: 0 0 0 auto;
}

.ds-swipe-actions button {
  width: 70px;
  color: var(--ds-on-color);
  font: var(--ds-font-caption-strong);
  cursor: pointer;
  border: 0;
}

.ds-swipe > .ds-work-row {
  transition: transform .18s;
  position: relative;
}

.ds-swipe[data-open="true"] > .ds-work-row {
  transform: translateX(-140px);
}

@media (prefers-reduced-motion: reduce) {
  .ds-swipe > .ds-work-row {
    transition: none;
  }
}

.ds-card {
  border-radius: var(--ds-radius-card);
  background: var(--ds-s1);
  padding: var(--ds-inset-group);
  color: var(--ds-ink);
}

.ds-card-text {
  margin: 0 var(--ds-inset);
  border-radius: var(--ds-radius-group);
  background: var(--ds-s1);
  padding: var(--ds-space-3) var(--ds-inset-group);
  font: var(--ds-font-reading);
  color: var(--ds-ink2);
  text-wrap: pretty;
}

.ds-widget-grid {
  gap: var(--ds-gap-card);
  padding: 0 var(--ds-inset) var(--ds-space-3);
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.ds-widget {
  gap: var(--ds-space-2);
  min-height: 132px;
  padding: var(--ds-inset-group);
  border-radius: var(--ds-radius-card);
  background: var(--ds-s1);
  color: var(--ds-ink);
  flex-direction: column;
  text-decoration: none;
  display: flex;
  position: relative;
}

.ds-widget-wide {
  grid-column: span 2;
  min-height: 0;
}

.ds-widget-label {
  align-items: center;
  gap: var(--ds-space-1);
  font: var(--ds-font-eyebrow);
  letter-spacing: var(--ds-eyebrow-tracking);
  text-transform: uppercase;
  color: var(--ds-ink3);
  display: flex;
}

.ds-widget-label svg {
  width: 14px;
  height: 14px;
}

.ds-widget-head {
  justify-content: space-between;
  align-items: center;
  gap: var(--ds-space-2);
  min-width: 0;
  display: flex;
}

.ds-widget-head .ds-badge {
  margin-left: var(--ds-space-half);
}

.ds-widget[data-tint] {
  background: var(--ds-widget-tint);
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-widget[data-tint] {
    background: color-mix(in srgb, var(--ds-widget-tint) 14%, var(--ds-s1));
  }
}

.ds-widget-big {
  font: var(--ds-font-num-lg);
  font-variant-numeric: var(--ds-num);
}

.ds-widget-line {
  font: var(--ds-font-body);
}

.ds-widget-line-strong {
  font: var(--ds-font-body-strong);
}

.ds-widget-sub {
  font: var(--ds-font-caption);
  color: var(--ds-ink3);
}

.ds-widget-spacer {
  flex: 1;
}

.ds-widget-remove {
  border: 2px solid var(--ds-bg);
  background: var(--ds-s3);
  width: 24px;
  height: 24px;
  color: var(--ds-ink);
  font: 700 16px var(--v2-font-machine);
  cursor: pointer;
  border-radius: 50%;
  place-items: center;
  padding: 0;
  display: grid;
  position: absolute;
  top: -7px;
  left: -7px;
}

.ds-widget-grid[data-editing="true"] .ds-widget:nth-child(odd) {
  transform: rotate(-1.2deg);
}

.ds-widget-grid[data-editing="true"] .ds-widget:nth-child(2n) {
  transform: rotate(1.2deg);
}

@media (prefers-reduced-motion: reduce) {
  .ds-widget-grid[data-editing="true"] .ds-widget {
    transform: none !important;
  }
}

.ds-hscroll {
  gap: var(--ds-space-3);
  padding: 0 var(--ds-inset);
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  display: flex;
  overflow-x: auto;
}

.ds-hscroll::-webkit-scrollbar {
  display: none;
}

.ds-decision {
  scroll-snap-align: start;
  gap: var(--ds-space-2);
  width: 286px;
  padding: var(--ds-inset-group);
  border-radius: var(--ds-radius-tile);
  background: var(--ds-s1);
  border: 1px solid var(--ds-card-line);
  color: var(--ds-ink);
  flex-direction: column;
  flex: none;
  display: flex;
}

.ds-decision-who {
  align-items: center;
  gap: var(--ds-space-2);
  font: var(--ds-font-caption);
  color: var(--ds-ink3);
  display: flex;
}

.ds-decision-q {
  font: var(--ds-font-body-strong);
  text-wrap: pretty;
}

.ds-decision-e {
  font: var(--ds-font-meta);
  color: var(--ds-ink3);
}

.ds-decision-d {
  font: var(--ds-font-caption);
  color: var(--ds-warn);
}

.ds-tile-grid {
  gap: var(--ds-space-3);
  padding: 0 var(--ds-inset);
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  display: grid;
}

.ds-tile {
  height: 128px;
  padding: var(--ds-inset-group);
  border-radius: var(--ds-radius-tile);
  background: var(--ds-s1);
  border: 1px solid var(--ds-line);
  color: var(--ds-ink);
  flex-direction: column;
  justify-content: space-between;
  text-decoration: none;
  display: flex;
}

.ds-tile b {
  font: var(--ds-font-body-strong);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.ds-tile small {
  margin-top: var(--ds-space-half);
  font: var(--ds-font-caption);
  color: var(--ds-ink3);
  display: block;
}

.ds-mark {
  width: 38px;
  height: 38px;
  color: var(--ds-on-color);
  font: 700 16px var(--v2-font-machine);
  border-radius: 12px;
  flex: none;
  place-items: center;
  display: grid;
  overflow: hidden;
}

.ds-mark img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ds-mark-lg {
  border-radius: 14px;
  width: 48px;
  height: 48px;
  font-size: 20px;
}

.ds-kpis {
  gap: var(--ds-space-2);
  padding: var(--ds-space-3) var(--ds-inset);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.ds-kpi {
  padding: var(--ds-space-3);
  border-radius: var(--ds-radius-group);
  background: var(--ds-s1);
}

.ds-kpi b {
  font: var(--ds-font-title);
  font-variant-numeric: var(--ds-num);
  display: block;
}

.ds-kpi small {
  font: var(--ds-font-caption);
  color: var(--ds-ink3);
}

.ds-kv {
  padding: var(--ds-space-1) var(--ds-inset-group);
  border-radius: var(--ds-radius-list);
  background: var(--ds-s2);
}

.ds-kv > div {
  justify-content: space-between;
  align-items: center;
  gap: var(--ds-space-3);
  min-height: var(--ds-row-kv);
  padding: var(--ds-space-2) 0;
  border-bottom: 1px solid var(--ds-line);
  font: var(--ds-font-meta);
  display: flex;
}

.ds-kv > div:last-child {
  border-bottom: 0;
}

.ds-kv dt {
  color: var(--ds-ink3);
}

.ds-kv dd {
  text-align: right;
  overflow-wrap: anywhere;
  min-width: 0;
  margin: 0;
}

.ds-progress {
  height: 4px;
  margin-top: var(--ds-space-2);
  background: var(--ds-s3);
  border-radius: 2px;
  display: block;
  overflow: hidden;
}

.ds-progress > i {
  background: var(--ds-ok);
  height: 100%;
  display: block;
}

.ds-profile {
  align-items: center;
  gap: var(--ds-space-1);
  padding: var(--ds-space-2) 0 var(--ds-space-4);
  color: var(--ds-ink);
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.ds-profile .ds-avatar {
  width: 78px;
  height: 78px;
  font-size: 28px;
  font-weight: 700;
}

.ds-profile b {
  font: var(--ds-font-title);
}

.ds-profile small {
  font: var(--ds-font-meta);
  color: var(--ds-ink3);
}

.ds-empty {
  padding: var(--ds-space-8) var(--ds-inset);
  text-align: center;
  font: var(--ds-font-body);
  color: var(--ds-ink3);
  text-wrap: pretty;
}

.ds-messages {
  gap: var(--ds-space-2);
  padding: var(--ds-space-3);
  flex-direction: column;
  display: flex;
}

.ds-time {
  margin: var(--ds-space-2) 0;
  font: var(--ds-font-caption);
  font-variant-numeric: var(--ds-num);
  color: var(--ds-ink3);
  align-self: center;
}

.ds-bubble {
  font: var(--ds-font-reading);
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

.ds-bubble-me {
  max-width: 78%;
  padding: var(--ds-space-2) var(--ds-space-3);
  background: var(--ds-bubble-me);
  color: var(--ds-bubble-me-ink);
  border-radius: 20px 20px 6px;
  align-self: flex-end;
}

.ds-they {
  align-self: flex-start;
  align-items: flex-end;
  gap: var(--ds-space-2);
  max-width: 84%;
  display: flex;
}

.ds-they-avatar {
  width: var(--ds-lead-they);
  flex: none;
  justify-content: center;
  display: flex;
}

.ds-bubble-they {
  min-width: 0;
  padding: var(--ds-space-2) var(--ds-space-3);
  background: var(--ds-s2);
  color: var(--ds-ink);
  border-radius: 20px 20px 20px 6px;
}

.ds-step {
  margin-left: calc(var(--ds-lead-they) + var(--ds-space-2));
  align-self: flex-start;
  align-items: center;
  gap: var(--ds-space-1);
  padding: var(--ds-space-1) var(--ds-space-2);
  background: var(--ds-s1);
  border: 1px solid var(--ds-line);
  font: var(--ds-font-caption);
  color: var(--ds-ink3);
  border-radius: 999px;
  display: flex;
}

.ds-step svg {
  width: 13px;
  height: 13px;
  color: var(--ds-ok);
}

.ds-attachment {
  margin-left: calc(var(--ds-lead-they) + var(--ds-space-2));
  width: 240px;
  max-width: calc(100% - var(--ds-lead-they) - var(--ds-space-2));
  align-self: flex-start;
  align-items: center;
  gap: var(--ds-space-3);
  padding: var(--ds-space-2) var(--ds-space-3);
  background: var(--ds-s1);
  border: 1px solid var(--ds-card-line);
  color: var(--ds-ink);
  border-radius: 16px;
  text-decoration: none;
  display: flex;
}

.ds-attachment-ic {
  background: var(--ds-s3);
  width: 36px;
  height: 42px;
  color: var(--ds-ink2);
  font: var(--ds-font-micro);
  text-transform: uppercase;
  border-radius: 6px;
  flex: none;
  place-items: center;
  display: grid;
}

.ds-attachment b {
  font: var(--ds-font-meta-strong);
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.ds-attachment small {
  font: var(--ds-font-caption);
  color: var(--ds-ink3);
}

.ds-quick-replies {
  gap: var(--ds-space-2);
  padding: 0 var(--ds-space-3) var(--ds-space-2);
  scrollbar-width: none;
  display: flex;
  overflow-x: auto;
}

.ds-quick-replies::-webkit-scrollbar {
  display: none;
}

.ds-quick-replies button {
  padding: var(--ds-space-2) var(--ds-space-3);
  border: 1px solid var(--ds-card-line);
  background: var(--ds-bg);
  color: var(--ds-ink2);
  font: var(--ds-font-meta);
  cursor: pointer;
  border-radius: 999px;
  flex: none;
}

.ds-composer {
  gap: var(--ds-space-2);
  padding: var(--ds-space-2) var(--ds-space-3) max(var(--ds-space-2), env(safe-area-inset-bottom, 0px));
  flex-direction: column;
  flex: none;
  display: flex;
}

.ds-composer-floating {
  left: var(--ds-space-3);
  right: var(--ds-space-3);
  bottom: var(--ds-space-3);
  z-index: 3;
  padding: 0;
  position: absolute;
}

.ds-composer-root {
  gap: var(--ds-space-2);
  flex-direction: column;
  width: 100%;
  min-width: 0;
  display: flex;
  position: relative;
}

.ds-composer-root .v2-composer-field {
  min-height: var(--ds-control-h);
  align-self: flex-end;
  align-items: center;
}

.ds-composer-status {
  padding: 0 var(--ds-space-4);
  font: var(--ds-font-caption);
  color: var(--ds-danger);
  text-wrap: pretty;
  margin: 0;
}

.ds-composer-status-quiet {
  color: var(--ds-ink3);
}

.ds-composer-chips {
  gap: var(--ds-space-1);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.ds-composer-pill {
  align-items: flex-end;
  gap: var(--ds-space-2);
  min-height: 48px;
  padding: calc((48px - var(--ds-control-h)) / 2);
  padding-left: var(--ds-space-2);
  background: var(--ds-s2);
  border: 1px solid var(--ds-card-line);
  box-shadow: var(--ds-shadow-float);
  border-radius: 24px;
  display: flex;
}

.ds-composer-lead {
  min-height: var(--ds-control-h);
  flex: none;
  align-items: center;
  display: flex;
}

.ds-composer-root .v2-composer-mirror {
  font: var(--ds-font-reading);
}

.v2-composer-input.ds-composer-input {
  resize: none;
  width: 100%;
  min-width: 0;
  color: var(--ds-ink);
  font: var(--ds-font-reading);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  margin: 0;
  padding: 0;
  display: block;
}

.ds-composer-input::placeholder {
  color: var(--ds-ink3);
}

.ds-composer-tail {
  align-items: center;
  gap: var(--ds-space-1);
  min-height: var(--ds-control-h);
  flex: none;
  display: flex;
}

.ds-send {
  width: var(--ds-control-h);
  height: var(--ds-control-h);
  background: var(--ds-primary);
  color: var(--ds-primary-ink);
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  place-items: center;
  padding: 0;
  display: grid;
}

.ds-send svg {
  width: 18px;
  height: 18px;
}

.ds-send:disabled {
  cursor: default;
}

.ds-composer-dock {
  gap: var(--ds-space-2);
  padding: var(--ds-space-2) var(--ds-space-3) max(var(--ds-space-2), env(safe-area-inset-bottom, 0px));
  background: var(--ds-bg);
  flex-direction: column;
  flex: none;
  display: flex;
}

.ds-chat-intro {
  align-items: center;
  gap: var(--ds-space-1);
  padding: var(--ds-space-6) var(--ds-inset);
  text-align: center;
  flex-direction: column;
  display: flex;
}

.ds-chat-intro > :first-child {
  margin-bottom: var(--ds-space-2);
}

.ds-chat-intro h1 {
  font: var(--ds-font-title);
  color: var(--ds-ink);
  text-wrap: balance;
  overflow-wrap: anywhere;
  margin: 0;
}

.ds-chat-intro small {
  font: var(--ds-font-meta);
  color: var(--ds-ink3);
  text-wrap: pretty;
}

.ds-chat-intro p {
  margin: var(--ds-space-2) 0 0;
  max-width: 300px;
  font: var(--ds-font-reading);
  color: var(--ds-ink2);
  text-wrap: pretty;
}

.ds-tag-button {
  color: inherit;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  flex: none;
  padding: 0;
  display: inline-flex;
}

.ds-tag-button:hover .ds-tag {
  filter: brightness(1.12);
}

.ds-chat-head {
  align-items: center;
  gap: var(--ds-space-2);
  min-width: 0;
  margin-left: var(--ds-space-2);
  display: flex;
}

.ds-chat-head > b {
  min-width: 0;
  font: var(--ds-font-body-strong);
  color: var(--ds-ink);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ds-chat-head-tags {
  align-items: center;
  gap: var(--ds-space-1);
  flex: none;
  min-width: 0;
  display: inline-flex;
}

.ds-chat-head-actions {
  align-items: center;
  gap: var(--ds-space-1);
  flex: none;
  display: flex;
}

.ds-chat-head-actions .ds-iconbtn[aria-pressed="true"] {
  background: var(--ds-s2);
}

.ds-composer-menu {
  left: 0;
  right: 0;
  bottom: calc(100% + var(--ds-space-2));
  max-width: 360px;
  max-height: 340px;
  padding: var(--ds-space-1);
  background: var(--ds-s1);
  border: 1px solid var(--ds-card-line);
  box-shadow: var(--ds-shadow-float);
  border-radius: 16px;
  position: absolute;
  overflow-y: auto;
}

.ds-composer-menu-sheet {
  max-width: none;
  max-height: none;
  box-shadow: none;
  background: none;
  border: 0;
  padding: 0;
  position: static;
}

.ds-composer-menu-head {
  padding: var(--ds-space-2) var(--ds-space-3) var(--ds-space-1);
  font: var(--ds-font-eyebrow);
  letter-spacing: var(--ds-eyebrow-tracking);
  text-transform: uppercase;
  color: var(--ds-ink3);
  margin: 0;
}

.ds-composer-menu-item {
  align-items: center;
  gap: var(--ds-space-3);
  width: 100%;
  min-height: 48px;
  padding: var(--ds-space-2) var(--ds-space-3);
  color: var(--ds-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 12px;
  display: flex;
}

.ds-composer-menu-item[data-active], .ds-composer-menu-item:hover {
  background: var(--ds-s2);
}

.ds-composer-menu-ic {
  background: var(--ds-s2);
  width: 32px;
  height: 32px;
  color: var(--ds-ink2);
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: grid;
}

.ds-composer-menu-item[data-active] .ds-composer-menu-ic {
  background: var(--ds-s3);
}

.ds-composer-menu-ic svg {
  width: 16px;
  height: 16px;
}

.ds-composer-menu-text {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.ds-composer-menu-text b {
  font: var(--ds-font-body);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ds-composer-menu-text small {
  font: var(--ds-font-caption);
  color: var(--ds-ink3);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ds-composer-menu-item kbd {
  font: var(--ds-font-caption);
  font-family: var(--v2-font-machine);
  color: var(--ds-ink3);
  flex: none;
}

.ds-composer-menu-empty {
  padding: var(--ds-space-3);
  font: var(--ds-font-meta);
  color: var(--ds-ink3);
  margin: 0;
}

.ds-composer-menu-section {
  padding: var(--ds-space-2) var(--ds-space-3) var(--ds-space-3);
}

.ds-form {
  gap: var(--ds-space-2);
  padding-top: var(--ds-space-2);
  flex-direction: column;
  display: flex;
}

.ds-field-group {
  margin: 0 var(--ds-inset) var(--ds-space-4);
  border-radius: var(--ds-radius-list);
  background: var(--ds-s1);
  overflow: hidden;
}

.ds-field {
  align-items: center;
  gap: var(--ds-space-3);
  min-height: var(--ds-row-setting);
  padding: 0 var(--ds-inset-group);
  border-bottom: 1px solid var(--ds-line);
  font: var(--ds-font-body);
  color: var(--ds-ink);
  display: flex;
  position: relative;
}

.ds-field:last-child {
  border-bottom: 0;
}

.ds-field-label {
  color: var(--ds-ink);
  flex: none;
}

.ds-field-value {
  text-align: right;
  min-width: 0;
  color: var(--ds-ink3);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  overflow: hidden;
}

.ds-field-value[data-filled="true"] {
  color: var(--ds-ink2);
}

.ds-field .ds-list-chev {
  margin-left: -4px;
}

.ds-field-native {
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  font-size: 16px;
  position: absolute;
  inset: 0;
}

.ds-field-text {
  min-width: 0;
  min-height: var(--ds-row-setting);
  color: var(--ds-ink);
  font: var(--ds-font-body);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
}

.ds-field-text::placeholder {
  color: var(--ds-ink3);
}

textarea.ds-field-text {
  padding: var(--ds-space-3) 0;
  resize: none;
  font: var(--ds-font-reading);
  min-height: 96px;
}

.ds-field-stack {
  padding-top: var(--ds-space-3);
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}

.ds-field-stack .ds-field-label {
  font: var(--ds-font-caption-strong);
  color: var(--ds-ink3);
}

.ds-form-note {
  padding: 0 calc(var(--ds-inset) + var(--ds-inset-group)) var(--ds-space-2);
  font: var(--ds-font-meta);
  color: var(--ds-ink3);
  text-wrap: pretty;
}

.ds-form-actions {
  gap: var(--ds-space-2);
  padding: var(--ds-space-2) var(--ds-inset) var(--ds-space-4);
  flex-direction: column;
  display: flex;
}

.v2-sheet.ds-sheet {
  border-radius: var(--ds-radius-sheet) var(--ds-radius-sheet) 0 0;
  background: var(--ds-s1);
}

.ds-sheet .v2-sheet-handle {
  background: var(--ds-s3);
  border-radius: 3px;
  width: 38px;
  height: 5px;
}

.ds-sheet .v2-sheet-head {
  padding: var(--ds-space-1) var(--ds-inset);
}

.ds-sheet .v2-sheet-title {
  font: var(--ds-font-title);
  color: var(--ds-ink);
}

.ds-sheet .v2-sheet-body {
  padding: 0 var(--ds-inset) var(--ds-space-8);
  gap: var(--ds-space-3);
  flex-direction: column;
  display: flex;
}

.ds-sheet-who {
  align-items: center;
  gap: var(--ds-space-2);
  font: var(--ds-font-meta);
  color: var(--ds-ink3);
  display: flex;
}

.ds-sheet-lead {
  font: var(--ds-font-reading);
  color: var(--ds-ink2);
  text-wrap: pretty;
}

.v2-narrow-pane.ds-side-sheet {
  border: var(--v2-glass-border-width) solid var(--v2-border-split);
  border-radius: var(--v2-glass-radius);
  background: var(--v2-surface);
  max-width: calc(100vw - 32px);
  height: auto;
  box-shadow: var(--v2-glass-shadow), var(--v2-glass-inset);
  top: 16px;
  bottom: 16px;
  right: 16px;
  overflow: hidden;
}

.ds-side-sheet .v2-sheet-head {
  gap: var(--ds-space-2);
  padding: var(--ds-space-3) var(--ds-space-2) var(--ds-space-1) var(--ds-inset);
}

.ds-side-sheet .v2-sheet-title {
  font: var(--ds-font-section);
  color: var(--ds-ink);
}

.ds-side-sheet .v2-sheet-head .ds-iconbtn {
  flex: none;
  margin-left: auto;
}

.ds-side-sheet .v2-narrow-pane-body {
  padding: var(--ds-space-2) var(--ds-inset) var(--ds-inset);
}

.ds-side-sheet .v2-narrow-pane-body > .ds-list, .ds-sheet .v2-sheet-body > .ds-list {
  margin: 0;
}

.ds-side-sheet .v2-narrow-pane-body {
  gap: var(--ds-space-3);
  flex-direction: column;
  display: flex;
}

.ds-side-sheet .v2-sheet-foot {
  padding: var(--ds-space-3) var(--ds-inset) var(--ds-inset);
}

.v2-sheet-desc {
  padding: 0 var(--ds-inset) var(--ds-space-2);
  font: var(--ds-font-meta);
  color: var(--ds-ink2);
  text-wrap: pretty;
  margin: 0;
}

.ds-week {
  padding: var(--ds-space-1) var(--ds-inset) var(--ds-space-3);
  justify-content: space-between;
  display: flex;
}

.ds-week button {
  align-items: center;
  gap: var(--ds-space-1);
  width: 44px;
  color: var(--ds-ink3);
  font: var(--ds-font-caption);
  cursor: pointer;
  background: none;
  border: 0;
  flex-direction: column;
  padding: 0;
  display: flex;
}

.ds-week b {
  width: 36px;
  height: 36px;
  color: var(--ds-ink);
  font: var(--ds-font-body-strong);
  font-variant-numeric: var(--ds-num);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.ds-week [aria-pressed="true"] b {
  background: var(--ds-primary);
  color: var(--ds-primary-ink);
}

.ds-week [aria-current="date"]:not([aria-pressed="true"]) b {
  color: var(--ds-link);
}

.ds-week-wrap {
  position: relative;
}

.ds-week-step {
  z-index: 1;
  position: absolute;
  top: 22px;
}

.ds-week-step-prev {
  left: 0;
}

.ds-week-step-next {
  right: 0;
}

.ds-week-step:not(:focus-within) {
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.ds-week-step:focus-within .ds-iconbtn {
  background: var(--ds-s2);
}

.ds-week i {
  background: var(--ds-ink3);
  border-radius: 50%;
  width: 5px;
  height: 5px;
}

.ds-week i[data-empty="true"] {
  visibility: hidden;
}

.ds-agenda {
  gap: var(--ds-space-3);
  padding: 0 var(--ds-inset) var(--ds-space-3);
  display: flex;
}

.ds-agenda-time {
  width: 44px;
  padding-top: var(--ds-space-3);
  text-align: right;
  font: var(--ds-font-caption);
  color: var(--ds-ink3);
  font-variant-numeric: var(--ds-num);
  flex: none;
}

.ds-event {
  min-width: 0;
  padding: var(--ds-space-3);
  border-left: 4px solid var(--ds-event, var(--ds-link));
  background: var(--ds-event, var(--ds-link));
  border-radius: 14px;
  flex: 1;
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-event {
    background: color-mix(in srgb, var(--ds-event, var(--ds-link)) 14%, var(--ds-s1));
  }
}

.ds-event {
  color: var(--ds-ink);
  text-decoration: none;
  display: block;
}

.ds-event b {
  white-space: nowrap;
  text-overflow: ellipsis;
  font: var(--ds-font-body-strong);
  display: block;
  overflow: hidden;
}

.ds-event small {
  font: var(--ds-font-caption);
  color: var(--ds-ink2);
}

.ds-row-sep {
  height: 1px;
  margin-left: calc(var(--ds-inset) + var(--ds-lead-chat) + var(--ds-space-3));
  background: var(--ds-line);
}

.ds-swipe > .ds-row {
  background: var(--ds-bg);
  touch-action: pan-y;
  transition: transform .18s;
  position: relative;
}

.ds-swipe[data-open="true"] > .ds-row {
  transform: translateX(-140px);
}

@media (prefers-reduced-motion: reduce) {
  .ds-swipe > .ds-row {
    transition: none;
  }
}

.ds-chat-row[data-current] .ds-row {
  background: var(--ds-s2);
  border-radius: var(--ds-radius-group);
}

.ds-chat-row[data-current] > .ds-row-sep, .ds-chat-row[data-current] + .ds-chat-row > .ds-row-sep {
  visibility: hidden;
}

@media (hover: hover) {
  .ds-chat-row:not([data-current]) .ds-row:hover {
    background: var(--ds-s1);
    border-radius: var(--ds-radius-group);
  }
}

.ds-identity {
  align-items: center;
  gap: var(--ds-space-3);
  padding: var(--ds-space-1) var(--ds-inset) var(--ds-space-3);
  flex: none;
  display: flex;
}

.ds-identity-text {
  flex: 1;
  min-width: 0;
}

.ds-identity h1 {
  font: var(--ds-font-title);
  color: var(--ds-ink);
  text-wrap: balance;
  overflow-wrap: anywhere;
  margin: 0;
}

.ds-identity p {
  font: var(--ds-font-meta);
  color: var(--ds-ink3);
  text-wrap: pretty;
  margin: 0;
}

.ds-avatar-row {
  padding: 0 var(--ds-inset) var(--ds-space-3);
}

.ds-step-toggle {
  max-width: calc(100% - var(--ds-lead-they) - var(--ds-space-2));
  font: var(--ds-font-caption);
  text-align: left;
  cursor: pointer;
}

.ds-step-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.ds-step-toggle[data-tone="live"] {
  color: var(--ds-ink2);
}

.ds-step-toggle[data-tone="error"], .ds-step-toggle[data-tone="error"] svg {
  color: var(--ds-danger);
}

.ds-step-toggle .ds-step-chevron {
  width: 12px;
  height: 12px;
  color: var(--ds-ink3);
  flex: none;
}

.ds-step-live {
  background: var(--ds-primary);
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
  animation: 1.2s ease-in-out infinite ds-step-pulse;
}

@keyframes ds-step-pulse {
  50% {
    opacity: .35;
  }
}

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

.ds-office-pill {
  background: var(--ds-s1);
  min-height: 38px;
  color: var(--ds-ink);
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 5px 12px 5px 5px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.ds-office-pill-thumb {
  border-radius: 50%;
  flex: none;
  width: 28px;
  height: 28px;
  overflow: hidden;
}

.ds-office-pill-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.ds-stories {
  flex-direction: column;
  display: flex;
}

.ds-stories-label {
  padding: 6px var(--ds-inset) 10px;
  color: var(--ds-ink3);
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.ds-stories[data-compact] .ds-stories-label {
  letter-spacing: .3px;
  text-transform: uppercase;
  align-items: center;
  padding-top: 0;
  font-size: 12px;
  line-height: 16px;
}

.ds-stories-label a, .ds-stories-label button {
  font-size: 13px;
  font-weight: 500;
}

.ds-stories-row {
  padding: 0 var(--ds-inset) 18px;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scroll-padding-inline: var(--ds-inset);
  scrollbar-width: none;
  gap: 16px;
  display: flex;
  overflow-x: auto;
}

.ds-stories-row[data-dragging] {
  scroll-snap-type: none;
  cursor: grabbing;
  -webkit-user-select: none;
  user-select: none;
}

.ds-stories-row > * {
  scroll-snap-align: start;
}

.ds-stories-row::-webkit-scrollbar {
  display: none;
}

.ds-story {
  width: 66px;
  color: var(--ds-ink2);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 0;
  font-size: 12px;
  display: flex;
}

.ds-story-ring {
  background: var(--ds-s3);
  border-radius: 50%;
  place-items: center;
  width: 66px;
  height: 66px;
  padding: 3px;
  display: grid;
  position: relative;
}

.ds-story-ring[data-state="run"] {
  background: conic-gradient(var(--ds-ok), var(--ds-ok), var(--ds-ok));
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-story-ring[data-state="run"] {
    background: conic-gradient(var(--ds-ok), color-mix(in srgb, var(--ds-ok) 55%, white), var(--ds-ok));
  }
}

.ds-story-ring[data-state="wait"] {
  background: var(--ds-warn);
}

.ds-story-ring[data-state="stuck"] {
  background: var(--ds-danger);
}

.ds-story-avatar {
  border: 3px solid var(--ds-bg);
  background: var(--ds-bg);
  border-radius: 50%;
  place-items: center;
  width: 56px;
  height: 56px;
  display: grid;
  overflow: hidden;
}

.ds-story-tag {
  box-shadow: 0 0 0 2px var(--ds-bg);
  border-radius: 999px;
  display: flex;
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
}

.ds-story-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 66px;
  overflow: hidden;
}

.ds-stories[data-compact] .ds-stories-row {
  gap: 10px;
  padding-bottom: 6px;
}

.ds-stories[data-compact] .ds-story {
  width: 58px;
}

.ds-stories[data-compact] .ds-story-ring {
  width: 58px;
  height: 58px;
}

.ds-stories[data-compact] .ds-story-avatar {
  width: 50px;
  height: 50px;
}

.ds-stories[data-compact] .ds-story-name {
  max-width: 58px;
}

.ds-timeline {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.ds-timeline-item {
  color: var(--ds-ink);
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.ds-timeline-time {
  width: 42px;
  color: var(--ds-ink3);
  font-variant-numeric: tabular-nums;
  flex: none;
  padding-top: 1px;
  font-size: 12.5px;
}

.ds-timeline-bar {
  background: var(--ds-s3);
  border-radius: 2px;
  flex: none;
  align-self: stretch;
  width: 3px;
}

.ds-timeline-main {
  flex: 1;
  min-width: 0;
}

.ds-timeline-main b {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  display: block;
  overflow: hidden;
}

.ds-timeline-item[data-muted] b {
  color: var(--ds-ink2);
}

.ds-timeline-sub {
  min-width: 0;
  color: var(--ds-ink3);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  font-size: 12px;
  display: flex;
  overflow: hidden;
}

.ds-label-row {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 28px;
  display: flex;
}

.ds-label-row h2 {
  letter-spacing: .3px;
  text-transform: uppercase;
  color: var(--ds-ink3);
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.ds-label-row-actions {
  flex: none;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ds-label-row-actions > :is(a, button):not(.ds-iconbtn) {
  font: inherit;
  color: var(--ds-link);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
}

.ds-decision-stack {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.ds-decision-stack:empty {
  display: none;
}

.ds-decision-stack .ds-decision {
  scroll-snap-align: none;
  width: auto;
  position: relative;
}

.ds-decision-open {
  width: 100%;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  text-decoration: none;
  display: block;
}

.ds-decision-open:after {
  content: "";
  border-radius: inherit;
  position: absolute;
  inset: 0;
}

.ds-decision-open:focus-visible {
  outline: none;
}

.ds-decision-open:focus-visible:after {
  outline: 2px solid var(--ds-link);
  outline-offset: 2px;
}

.ds-decision-stack .ds-decision .ds-btn-row, .ds-decision-stack .ds-decision-who, .ds-decision-stack .ds-decision-extra {
  z-index: 1;
  position: relative;
}

.ds-progress-row {
  width: 100%;
  min-height: 44px;
  color: var(--ds-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 12px;
  padding: 0;
  display: flex;
}

.ds-progress-row-avatar {
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
  overflow: hidden;
}

.ds-progress-row-main {
  flex: 1;
  min-width: 0;
}

.ds-progress-row-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  line-height: 1.35;
  display: block;
  overflow: hidden;
}

.ds-progress-row-trailing {
  color: var(--ds-ink3);
  font-variant-numeric: tabular-nums;
  flex: none;
  font-size: 12px;
}

.ds-widget-cell {
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: relative;
}

.ds-widget-cell:empty {
  display: none;
}

.ds-widget-cell[data-wide] {
  grid-column: span 2;
}

.ds-widget-cell > div {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ds-widget-cell .ds-widget {
  flex: 1;
}

.ds-widget-cell .ds-widget-remove {
  z-index: 2;
}

.ds-widget-cell .ds-widget-remove:after {
  content: "";
  position: absolute;
  inset: -10px;
}

.ds-widget-cell[data-editing] .ds-widget {
  animation: .32s ease-in-out infinite alternate ds-widget-wiggle;
}

.ds-widget-cell[data-editing]:nth-child(2n) .ds-widget {
  animation-direction: alternate-reverse;
}

@keyframes ds-widget-wiggle {
  from {
    transform: rotate(-1.2deg);
  }

  to {
    transform: rotate(1.2deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ds-widget-cell[data-editing] .ds-widget {
    animation: none;
    transform: rotate(-1.2deg);
  }

  .ds-widget-cell[data-editing]:nth-child(2n) .ds-widget {
    transform: rotate(1.2deg);
  }
}

.ds-widget-drag {
  z-index: 1;
  border-radius: var(--ds-radius-card);
  touch-action: none;
  cursor: grab;
  background: none;
  border: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  inset: 0;
}

.ds-widget-drag:active {
  cursor: grabbing;
}

.ds-add-grid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.ds-add-item {
  border-radius: var(--ds-radius-group);
  background: var(--ds-s2);
  min-height: 56px;
  color: var(--ds-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  border: 0;
  align-items: center;
  gap: 10px;
  padding: 12px;
  font-size: 14px;
  display: flex;
}

.ds-add-item-icon {
  width: 32px;
  height: 32px;
  color: var(--ds-on-color);
  border-radius: 9px;
  flex: none;
  place-items: center;
  display: grid;
}

.ds-add-item-icon svg {
  width: 17px;
  height: 17px;
}

.ds-sheet-heading {
  font: var(--ds-title-sheet);
  color: var(--ds-ink);
  margin: 0;
}

.ds-decision-sheet {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.v2-narrow-pane-body > .ds-decision-sheet {
  padding: 4px 0 8px;
}

.ds-widget-resize {
  z-index: 2;
  border: 2px solid var(--ds-bg);
  background: var(--ds-s3);
  width: 26px;
  height: 26px;
  color: var(--ds-ink);
  cursor: ew-resize;
  touch-action: none;
  border-radius: 50%;
  place-items: center;
  padding: 0;
  display: grid;
  position: absolute;
  bottom: -6px;
  right: -6px;
}

.ds-widget-resize:after {
  content: "";
  position: absolute;
  inset: -9px;
}

.ds-widget-resize svg {
  width: 13px;
  height: 13px;
}

.ds-widget-resize:focus-visible {
  outline: 2px solid var(--ds-link);
  outline-offset: 1px;
}

.ds-dock {
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
  display: flex;
}

.ds-dock-sep {
  background: var(--ds-line);
  flex: none;
  width: 24px;
  height: 1px;
  margin: 4px 0;
}

.ds-dock-item {
  border-radius: var(--ds-radius-btn);
  width: 44px;
  min-height: 44px;
  color: var(--ds-ink2);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 4px 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.ds-dock-item:hover {
  background: var(--ds-s2);
  color: var(--ds-ink);
}

.ds-dock-item[data-color] {
  background: var(--ds-dock-color);
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-dock-item[data-color] {
    background: color-mix(in srgb, var(--ds-dock-color) 16%, transparent);
  }
}

.ds-dock-item[data-color] {
  color: var(--ds-dock-color);
}

.ds-dock-item[data-color]:hover {
  background: var(--ds-dock-color);
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-dock-item[data-color]:hover {
    background: color-mix(in srgb, var(--ds-dock-color) 26%, transparent);
  }
}

.ds-dock-item:focus-visible, .ds-dock-ring:focus-visible {
  outline: 2px solid var(--ds-link);
  outline-offset: 1px;
}

.ds-dock-item > .v2-icon, .ds-dock-item > svg {
  width: 18px;
  height: 18px;
}

.ds-dock-value {
  white-space: nowrap;
  text-overflow: clip;
  font-variant-numeric: tabular-nums;
  max-width: 42px;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.1;
  overflow: hidden;
}

.ds-dock-badge {
  background: var(--ds-link);
  min-width: 17px;
  height: 17px;
  color: var(--ds-on-color);
  font: 600 10.5px var(--v2-font-machine);
  box-shadow: 0 0 0 2px var(--ds-bg);
  border-radius: 9px;
  place-items: center;
  padding: 0 4px;
  display: grid;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ds-dock-ring {
  background: var(--ds-s3);
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 2px;
  display: grid;
}

.ds-dock-ring[data-state="run"] {
  background: conic-gradient(var(--ds-ok), var(--ds-ok), var(--ds-ok));
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-dock-ring[data-state="run"] {
    background: conic-gradient(var(--ds-ok), color-mix(in srgb, var(--ds-ok) 55%, white), var(--ds-ok));
  }
}

.ds-dock-ring[data-state="wait"] {
  background: var(--ds-warn);
}

.ds-dock-ring[data-state="stuck"] {
  background: var(--ds-danger);
}

.ds-dock-ring-avatar {
  border: 2px solid var(--ds-bg);
  background: var(--ds-bg);
  border-radius: 50%;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
  overflow: hidden;
}

.ds-notice {
  align-items: center;
  gap: var(--ds-space-3);
  margin: 0 var(--ds-inset) var(--ds-space-3);
  padding: var(--ds-space-3) var(--ds-space-4);
  border-radius: var(--ds-radius-list);
  background: var(--ds-s1);
  font: var(--ds-font-meta);
  color: var(--ds-ink2);
  border-left: 4px solid var(--ds-line);
  display: flex;
}

.ds-notice-danger {
  border-left-color: var(--ds-danger);
  background: var(--ds-danger);
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-notice-danger {
    background: color-mix(in srgb, var(--ds-danger) 12%, var(--ds-s1));
  }
}

.ds-notice-danger {
  color: var(--ds-ink);
}

.ds-notice-warn {
  border-left-color: var(--ds-warn);
  background: var(--ds-warn);
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-notice-warn {
    background: color-mix(in srgb, var(--ds-warn) 12%, var(--ds-s1));
  }
}

.ds-notice-warn {
  color: var(--ds-ink);
}

.ds-notice-text {
  text-wrap: pretty;
  flex: 1;
  min-width: 0;
}

.ds-toast {
  left: var(--ds-space-3);
  right: var(--ds-space-3);
  bottom: var(--ds-space-3);
  z-index: 5;
  align-items: center;
  gap: var(--ds-space-3);
  padding: var(--ds-space-3) var(--ds-space-4);
  border-radius: var(--ds-radius-list);
  background: var(--ds-primary);
  color: var(--ds-primary-ink);
  font: var(--ds-font-meta);
  box-shadow: var(--ds-shadow-float);
  display: flex;
  position: absolute;
}

.ds-toast .ds-textlink {
  color: inherit;
  padding: 0;
  font-weight: 600;
}

.ds-setting-row {
  cursor: default;
}

.ds-setting-hint {
  margin-top: var(--ds-space-half);
  font: var(--ds-font-meta);
  color: var(--ds-ink3);
  text-wrap: pretty;
  display: block;
}

.ds-switch {
  background: var(--ds-s3);
  cursor: pointer;
  border: 0;
  border-radius: 16px;
  flex: none;
  width: 51px;
  height: 31px;
  padding: 0;
  transition: background .18s;
  position: relative;
}

.ds-switch[aria-checked="true"] {
  background: var(--ds-ok);
}

.ds-switch > span {
  background: #fff;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  transition: transform .18s;
  position: absolute;
  top: 2px;
  left: 2px;
  box-shadow: 0 2px 4px #0003;
}

.ds-switch[aria-checked="true"] > span {
  transform: translateX(20px);
}

.ds-switch:disabled {
  cursor: default;
  opacity: .5;
}

.ds-switch[data-locked] {
  opacity: .6;
}

@media (prefers-reduced-motion: reduce) {
  .ds-switch, .ds-switch > span {
    transition: none;
  }
}

.ds-tag {
  align-items: center;
  gap: var(--ds-space-1);
  height: var(--ds-badge-h);
  padding: 0 var(--ds-space-2);
  background: var(--ds-tag);
  border-radius: 999px;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-tag {
    background: color-mix(in srgb, var(--ds-tag) 16%, transparent);
  }
}

.ds-tag {
  color: var(--ds-tag);
  font: var(--ds-font-caption-strong);
  font-variant-numeric: var(--ds-num);
  white-space: nowrap;
  vertical-align: middle;
  flex: none;
}

.ds-tag-neutral {
  background: var(--ds-s2);
  color: var(--ds-ink2);
}

.ds-tag-solid {
  background: var(--ds-tag);
  color: var(--ds-on-color);
}

.ds-tag-sm {
  height: var(--ds-badge-h-sm);
  padding: 0 var(--ds-space-1);
  font: var(--ds-font-micro);
  font-family: var(--v2-font-body);
  gap: var(--ds-space-1);
}

.ds-tag-dot {
  background: currentColor;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.ds-tag-solid .ds-tag-dot {
  background: var(--ds-on-color);
}

.ds-tags {
  align-items: center;
  gap: var(--ds-space-1);
  flex-wrap: wrap;
  display: inline-flex;
}

.ds-rail {
  align-items: center;
  gap: var(--ds-space-1);
  width: 52px;
  height: 100%;
  padding: var(--ds-space-4) 0 var(--ds-space-3);
  background: var(--ds-bg);
  flex-direction: column;
  flex: none;
  display: flex;
}

.ds-rail-sep {
  width: 20px;
  height: 1px;
  margin: var(--ds-space-1) 0;
  background: var(--ds-line);
  flex: none;
}

.ds-rail-item {
  width: var(--ds-control-h);
  height: var(--ds-control-h);
  border-radius: var(--ds-radius-btn);
  color: var(--ds-ink3);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  place-items: center;
  padding: 0;
  text-decoration: none;
  display: grid;
  position: relative;
}

.ds-rail-item > .v2-icon {
  width: 19px;
  height: 19px;
}

.ds-rail-item:hover, .ds-rail-item[aria-expanded="true"], .ds-rail-item[aria-current="page"], .ds-rail-item[data-current] {
  background: var(--ds-s2);
  color: var(--ds-ink);
}

.ds-rail-item:focus-visible {
  outline: 2px solid var(--ds-ink3);
  outline-offset: 1px;
}

.ds-rail-item > .ds-badge {
  top: calc(var(--ds-space-1) * -1);
  right: calc(var(--ds-space-1) * -1);
  min-width: var(--ds-badge-h-sm);
  height: var(--ds-badge-h-sm);
  padding: 0 var(--ds-space-1);
  font: var(--ds-font-micro);
  font-variant-numeric: var(--ds-num);
  box-shadow: 0 0 0 2px var(--ds-bg);
  position: absolute;
}

.ds-rail-dot {
  background: var(--ds-danger);
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 2px var(--ds-bg);
  border-radius: 50%;
  position: absolute;
  top: 6px;
  right: 6px;
}

.ds-side-panel {
  background: var(--ds-s1);
  border-right: 1px solid var(--ds-line);
  color: var(--ds-ink);
}

.ds-pane-panel {
  background: var(--ds-s1);
  border-left: 1px solid var(--ds-line);
  color: var(--ds-ink);
}

.ds-center {
  background: var(--ds-bg);
  color: var(--ds-ink);
}

.ds-topbar {
  align-items: center;
  gap: var(--ds-space-2);
  height: var(--ds-bar-h);
  flex: none;
  display: flex;
}

.ds-topbar-line {
  border-bottom: 1px solid var(--ds-line);
}

.ds-side-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font: var(--ds-font-section);
  color: var(--ds-ink);
  flex: 1;
  overflow: hidden;
}

.ds-topbar-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font: var(--ds-font-body-strong);
  color: var(--ds-ink);
  overflow: hidden;
}

.ds-crumbs {
  align-items: center;
  gap: var(--ds-space-2);
  white-space: nowrap;
  min-width: 0;
  font: var(--ds-font-body);
  display: flex;
  overflow: hidden;
}

.ds-crumbs a, .ds-crumbs span {
  text-overflow: ellipsis;
  min-width: 0;
  color: var(--ds-ink3);
  text-decoration: none;
  overflow: hidden;
}

.ds-crumbs [aria-current="page"] {
  color: var(--ds-ink);
  font-weight: 600;
}

.ds-crumbs-sep {
  color: var(--ds-ink3);
  flex: none;
}

.ds-side-list {
  padding: 0 var(--ds-space-2);
  flex-direction: column;
  gap: 0;
  display: flex;
}

.ds-side-row {
  align-items: center;
  gap: var(--ds-space-2);
  width: 100%;
  min-width: 0;
  min-height: var(--ds-row-side);
  padding: 0 var(--ds-space-2);
  border-radius: var(--ds-radius-btn);
  color: var(--ds-ink2);
  font: var(--ds-font-meta);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  text-decoration: none;
  display: flex;
}

.ds-side-row:hover {
  background: var(--ds-s2);
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-side-row:hover {
    background: color-mix(in srgb, var(--ds-s2) 70%, transparent);
  }
}

.ds-side-row:hover {
  color: var(--ds-ink);
}

.ds-side-row[aria-current="page"], .ds-side-row[aria-current="page"]:hover {
  background: var(--ds-s2);
  color: var(--ds-ink);
  font-weight: 600;
}

.ds-side-row[aria-pressed="true"] {
  color: var(--ds-ink);
}

.ds-side-row > :first-child:not(.ds-side-label) {
  width: var(--ds-lead-side);
  min-width: var(--ds-lead-side);
  flex: none;
  place-items: center;
  display: inline-grid;
}

.ds-side-row > .v2-icon {
  color: var(--ds-ink3);
  flex: none;
}

.ds-side-row:is([aria-current="page"], [aria-pressed="true"]) > .v2-icon {
  color: var(--ds-ink);
}

.ds-side-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.ds-side-count {
  min-width: var(--ds-count-w);
  text-align: right;
  font: var(--ds-font-caption);
  color: var(--ds-ink3);
  font-variant-numeric: var(--ds-num);
  flex: none;
  margin-left: auto;
}

.ds-side-head {
  align-items: center;
  gap: var(--ds-space-1);
  min-height: var(--ds-space-6);
  margin: 0 var(--ds-space-4) var(--ds-space-1);
  display: flex;
}

.ds-side-head-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font: var(--ds-font-eyebrow);
  letter-spacing: var(--ds-eyebrow-tracking);
  text-transform: uppercase;
  color: var(--ds-ink3);
  overflow: hidden;
}

.ds-side-head-toggle {
  align-items: center;
  gap: var(--ds-space-1);
  min-width: 0;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
  padding: 0;
  display: flex;
}

.ds-toolbar {
  align-items: center;
  gap: var(--ds-space-2);
  min-height: var(--ds-bar-h);
  padding: var(--ds-space-2) var(--ds-inset);
  flex-wrap: wrap;
  flex: none;
  display: flex;
}

.ds-toolbar-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font: var(--ds-font-section);
  color: var(--ds-ink);
  flex: 1;
  margin: 0;
  overflow: hidden;
}

.ds-toolbar > .ds-segmented {
  margin: 0;
}

.ds-toolbar > .ds-segmented button {
  padding: 0 var(--ds-space-3);
  flex: none;
}

.ds-toolbar > .ds-textlink {
  padding: 0 var(--ds-space-1);
  font: var(--ds-font-meta);
}

@media (pointer: coarse) {
  .ds-rail-item {
    width: var(--ds-nav-h);
    height: var(--ds-nav-h);
  }
}

.ds-pill-btn {
  align-items: center;
  gap: var(--ds-space-1);
  height: var(--ds-space-8);
  padding: 0 var(--ds-space-3);
  background: var(--ds-s2);
  color: var(--ds-ink);
  font: var(--ds-font-meta-strong);
  white-space: nowrap;
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  flex: none;
  text-decoration: none;
  display: inline-flex;
}

.ds-pill-btn:hover {
  background: var(--ds-s3);
}

.ds-pill-btn[aria-pressed="true"], .ds-pill-btn[aria-current="page"] {
  background: var(--ds-primary);
  color: var(--ds-primary-ink);
}

.ds-pill-btn .v2-icon, .ds-pill-btn svg {
  flex: none;
  width: 16px;
  height: 16px;
}

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

@media (pointer: fine) {
  :is(.ds-topbar, .ds-toolbar, .ds-pane-back, .ds-side-head, .ds-chat-head-actions, .ds-side-panel .ds-topbar) :is(.v2-iconbtn:not(.v2-iconbtn-sm), .v2-searchbtn, .ds-iconbtn) {
    width: var(--ds-btn-h);
    height: var(--ds-btn-h);
    border-radius: var(--ds-radius-btn);
    color: var(--ds-ink2);
    background: none;
    border: 0;
    place-items: center;
    gap: 0;
    padding: 0;
    display: inline-grid;
  }

  :is(.ds-topbar, .ds-toolbar, .ds-pane-back, .ds-side-head, .ds-chat-head-actions) :is(.v2-iconbtn:not(.v2-iconbtn-sm), .v2-searchbtn, .ds-iconbtn):hover, :is(.ds-topbar, .ds-toolbar, .ds-pane-back, .ds-side-head, .ds-chat-head-actions) :is(.v2-iconbtn, .ds-iconbtn):is([aria-expanded="true"], [aria-pressed="true"]) {
    background: var(--ds-s2);
    color: var(--ds-ink);
  }

  :is(.ds-topbar, .ds-toolbar, .ds-pane-back) .v2-searchbtn kbd {
    display: none;
  }

  :is(.ds-topbar, .ds-toolbar, .ds-pane-back, .ds-side-head, .ds-chat-head-actions) :is(.v2-iconbtn, .v2-searchbtn, .ds-iconbtn) svg {
    width: 18px;
    height: 18px;
  }
}

.ds-pane-back {
  align-items: center;
  gap: var(--ds-space-1);
  height: var(--ds-btn-h);
  margin: var(--ds-inset) var(--ds-inset) var(--ds-space-3);
  padding: 0 var(--ds-space-1);
  background: var(--ds-s2);
  border-radius: 999px;
  flex: none;
  display: flex;
}

.ds-pane-back-link {
  align-items: center;
  gap: var(--ds-space-1);
  min-width: 0;
  height: 100%;
  padding: 0 var(--ds-space-2);
  color: var(--ds-ink2);
  font: var(--ds-font-body-strong);
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
  text-decoration: none;
  display: flex;
}

.ds-pane-back-link span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ds-pane-back-link svg {
  flex: none;
  width: 18px;
  height: 18px;
}

.ds-pane-back-link:hover {
  color: var(--ds-ink);
}

.ds-pane-back .ds-iconbtn {
  width: var(--ds-space-8);
  height: var(--ds-space-8);
}

:is(html:has(.v2-shell), body:has(.v2-shell)) {
  overscroll-behavior: none;
  height: 100%;
  overflow: hidden;
}

.v2 {
  background: var(--v2-surface);
  color: var(--v2-ink);
  font-size: 14px;
  line-height: 1.43;
}

.v2-message-touch-trigger {
  display: none;
}

@media (pointer: coarse) {
  .v2-message-touch-trigger {
    display: block;
  }

  .v2-message-hover-actions {
    display: none;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  .v2-message-press-target {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }

  .v2-thread-sheet-actions .v2-menurow {
    min-height: var(--v2-m-touch);
    font: inherit;
  }

  .v2-thread-sheet-actions button:disabled {
    opacity: .45;
  }

  .v2-sheet:has(.v2-thread-sheet-actions) {
    left: env(safe-area-inset-left, 0px);
    right: env(safe-area-inset-right, 0px);
    bottom: auto;
    top: calc(var(--thread-viewport-top, 0px) + var(--thread-viewport-height, 100dvh));
    max-height: calc(var(--thread-viewport-height, 100dvh) - env(safe-area-inset-top, 0px));
    animation: none;
    transform: translateY(-100%);
  }
}

@media (max-width: 767px) {
  html[data-thread-viewport], html[data-thread-viewport] body {
    overscroll-behavior: none;
    overflow: hidden;
  }

  html[data-thread-viewport] .v2.h-dvh {
    inset: var(--thread-viewport-top, 0px) 0 auto;
    height: var(--thread-viewport-height, 100dvh);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    position: fixed;
  }

  html[data-thread-viewport] .v2-thread-scroll {
    overscroll-behavior-y: contain;
  }
}

.v2 a {
  cursor: default;
}

.v2-display {
  letter-spacing: -.02em;
  text-wrap: balance;
  color: var(--v2-ink);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.v2-title {
  letter-spacing: -.01em;
  text-wrap: balance;
  color: var(--v2-ink);
  font-size: 19px;
  font-weight: 700;
  line-height: 24px;
}

.v2-heading {
  text-wrap: balance;
  color: var(--v2-ink);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.v2-reading {
  text-wrap: pretty;
  font-size: 16px;
  line-height: 24px;
}

.v2-chat {
  font-size: 16px;
  line-height: 24px;
}

.v2-body {
  font-size: 14px;
  line-height: 20px;
}

.v2-support {
  font-size: 12px;
  line-height: 16px;
}

.v2-m {
  font-family: var(--v2-font-machine);
}

.v2-identity-letter, .v2-chat-avatar-group {
  font-family: var(--v2-font-machine);
  font-weight: 700;
}

.v2-identity-letter[data-muted] {
  filter: saturate(.35);
  opacity: .7;
}

.v2-eyebrow {
  font-family: var(--v2-font-body);
  letter-spacing: .3px;
  text-transform: uppercase;
  color: var(--v2-ink-3);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.v2-stat {
  font-family: var(--v2-font-machine);
  letter-spacing: -.015em;
  font-variant-numeric: tabular-nums;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
}

.v2-btn {
  height: var(--v2-control-md);
  border-radius: var(--v2-radius-md);
  border: 1px solid var(--v2-border-input);
  color: var(--v2-ink-2);
  font: inherit;
  white-space: nowrap;
  cursor: default;
  background: none;
  flex: none;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  font-size: 12px;
  line-height: 1;
  display: inline-flex;
}

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

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

.v2-btn-primary {
  background: var(--v2-accent);
  color: var(--v2-accent-contrast);
  border: 0;
  padding: 0 13px;
}

.v2-btn-primary:hover {
  background: var(--v2-accent);
  opacity: .92;
}

.v2-btn-ghost {
  background: none;
  border-color: #0000;
}

.v2-btn-ghost:hover {
  background: var(--v2-bg-hover);
}

.v2-btn-danger {
  background: var(--v2-danger);
  color: var(--v2-danger-contrast);
  border: 0;
}

.v2-btn-danger:hover {
  background: var(--v2-danger);
  opacity: .92;
}

.v2-btn-danger-quiet {
  border-color: var(--v2-danger);
}

@supports (color: color-mix(in lab, red, red)) {
  .v2-btn-danger-quiet {
    border-color: color-mix(in srgb, var(--v2-danger) 40%, transparent);
  }
}

.v2-btn-danger-quiet {
  color: var(--v2-danger);
}

.v2-btn-danger-quiet:hover {
  background: var(--v2-danger);
}

@supports (color: color-mix(in lab, red, red)) {
  .v2-btn-danger-quiet:hover {
    background: color-mix(in srgb, var(--v2-danger) 10%, transparent);
  }
}

.v2-btn-lg {
  height: var(--v2-control-lg);
  padding: 0 14px;
  font-size: 14px;
}

.v2-btn-lg.v2-btn-primary {
  padding: 0 16px;
}

.v2-field {
  min-height: var(--v2-control-lg);
  border-radius: var(--v2-radius-md);
  border: 1px solid var(--v2-border-input);
  background: var(--v2-surface);
  width: 100%;
  color: var(--v2-ink);
  font: inherit;
  outline: none;
  padding: 7px 10px;
  font-size: 14px;
}

.v2-field:focus {
  border-color: var(--v2-border-strong);
  box-shadow: 0 0 0 2px var(--v2-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .v2-field:focus {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--v2-accent) 18%, transparent);
  }
}

.v2-field:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.v2-field.is-invalid {
  border-color: var(--v2-danger);
}

.v2-field.is-invalid:focus {
  box-shadow: 0 0 0 2px var(--v2-danger);
}

@supports (color: color-mix(in lab, red, red)) {
  .v2-field.is-invalid:focus {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--v2-danger) 18%, transparent);
  }
}

.v2-fieldset {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.v2-label {
  color: var(--v2-ink-2);
  font-size: 12px;
  font-weight: 500;
}

.v2-hint {
  color: var(--v2-ink-3);
  font-size: 12px;
}

.v2-error {
  color: var(--v2-danger);
  font-size: 12px;
}

.v2-btn-ask {
  height: var(--v2-control-md);
  border-color: var(--v2-border-strong);
  color: var(--v2-ink);
  padding: 0 13px;
}

.v2-textbtn {
  min-height: 24px;
  color: var(--v2-ink-2);
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
  border-radius: var(--v2-radius-sm);
  background: none;
  border: 0;
  flex: none;
  align-items: center;
  gap: 4px;
  padding: 0 2px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

.v2-textbtn:hover {
  color: var(--v2-ink);
  text-underline-offset: 3px;
  text-decoration: underline;
}

.v2-textbtn:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.v2-textbtn .v2-icon {
  width: 14px;
  height: 14px;
}

@media (pointer: coarse) {
  .v2-textbtn {
    min-height: var(--v2-m-touch, 44px);
  }
}

.v2-iconbtn {
  width: var(--v2-control-md);
  height: var(--v2-control-md);
  border-radius: var(--v2-radius-md);
  color: var(--v2-ink-3);
  cursor: default;
  background: none;
  border: 0;
  flex: none;
  place-items: center;
  padding: 0;
  display: grid;
}

.v2-iconbtn:hover {
  background: var(--v2-bg-hover);
  color: var(--v2-ink);
}

.v2-iconbtn-sm {
  width: var(--v2-control-sm);
  height: var(--v2-control-sm);
  border-radius: var(--v2-radius-sm);
}

@media (pointer: coarse) {
  .v2-sidebar-more {
    min-height: var(--v2-m-touch, 44px);
    align-items: center;
    display: flex;
  }

  .v2-sidebar-more-btn {
    min-height: var(--v2-m-touch, 44px);
    align-items: center;
    display: inline-flex;
  }
}

.v2-sidebar-tools {
  flex: none;
  align-items: center;
  gap: 2px;
  display: flex;
}

.v2-sidebar-tools .v2-iconbtn {
  border-radius: var(--v2-radius-sm);
  width: 28px;
  height: 28px;
}

@media (pointer: coarse) {
  .v2-sidebar-tools {
    gap: 0;
  }

  .v2-sidebar-tools .v2-iconbtn {
    width: var(--v2-m-touch, 44px);
    height: var(--v2-m-touch, 44px);
  }

  .v2-sidebar-tools .v2-iconbtn:after {
    display: none;
  }
}

@media (hover: hover) and (pointer: fine) {
  .v2-sidebar-tools, .v2-chat-folder-edit {
    opacity: 0;
    transition: opacity .12s;
  }

  .group:hover > .v2-sidebar-tools, .group:focus-within > .v2-sidebar-tools, .v2-chat-folders:hover .v2-chat-folder-edit, .v2-chat-folder-edit:focus-visible {
    opacity: 1;
  }

  .v2-sidebar-tools:has([aria-expanded="true"]) {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .v2-sidebar-tools, .v2-chat-folder-edit {
    transition: none;
  }
}

.v2-chip-remove {
  position: relative;
}

.v2-chip-remove:after {
  content: "";
  border-radius: 999px;
  position: absolute;
  inset: -8px;
}

.v2-disclosure-chevron {
  transition: transform .12s;
}

.v2-searchbtn {
  height: var(--v2-control-md);
  border: 1px solid var(--v2-border-input);
  border-radius: var(--v2-radius-md);
  color: var(--v2-ink-3);
  cursor: default;
  background: none;
  flex: none;
  align-items: center;
  gap: 7px;
  padding: 0 9px;
  display: inline-flex;
}

.v2-searchbtn:hover {
  background: var(--v2-bg-hover);
  color: var(--v2-ink);
}

.v2-searchbtn kbd {
  font-family: var(--v2-font-machine);
  color: var(--v2-ink-hair);
  font-size: 11px;
}

.v2-card {
  border: 1px solid var(--v2-border-card);
  border-radius: var(--v2-radius-lg);
}

.v2-card-result {
  border: 1px solid var(--v2-border-strong);
  background: var(--v2-bg-wash);
  border-radius: var(--v2-radius-lg);
}

.v2-workrow {
  transition: background-color .12s;
}

.v2-workrow:hover {
  background: var(--v2-bg-hover);
}

.v2-anthros-zone {
  background: var(--v2-bg-wash);
  border: 1px solid var(--v2-border-strong);
  border-radius: 12px;
  padding: 16px 18px;
}

.v2-navrow {
  border-radius: var(--v2-radius-md);
  color: var(--v2-ink-2);
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.v2-listrow {
  border-radius: var(--v2-radius-md);
  color: var(--v2-ink-2);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 6px 10px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.v2-tree-children {
  border-left: 1px solid var(--v2-border-split);
  margin-left: 19px;
  padding-left: 6px;
}

.v2-navrow:hover, .v2-listrow:hover {
  background: var(--v2-bg-hover);
}

.v2-row-active {
  color: var(--v2-ink);
  background: var(--v2-bg-open);
  font-weight: 500;
}

.v2-row-active:hover {
  background: var(--v2-bg-open);
}

.v2-row-active .v2-icon {
  color: var(--v2-ink);
}

.v2-badge {
  font-family: var(--v2-font-machine);
  color: var(--v2-accent-contrast);
  background: var(--v2-accent);
  border-radius: 999px;
  margin-left: auto;
  padding: 2px 7px;
  font-size: 12px;
  font-weight: 600;
}

.v2-icon {
  flex: none;
  width: 17px;
  height: 17px;
  display: block;
}

.v2-z-raised {
  z-index: var(--v2-z-raised);
}

.v2-z-sticky {
  z-index: var(--v2-z-sticky);
}

.v2-z-drawer {
  z-index: var(--v2-z-drawer);
}

.v2-z-overlay {
  z-index: var(--v2-z-overlay);
}

.v2-z-dialog {
  z-index: var(--v2-z-dialog);
}

.v2-z-fullscreen {
  z-index: var(--v2-z-fullscreen);
}

.v2-z-toast {
  z-index: var(--v2-z-toast);
}

.v2-menu {
  z-index: 50;
  box-sizing: border-box;
  background: var(--v2-surface-raised);
  border: 1px solid var(--v2-border-input);
  border-radius: var(--v2-radius-lg);
  width: 214px;
  box-shadow: var(--v2-shadow-menu);
  padding: 7px;
  position: absolute;
}

.v2-menurow {
  border-radius: var(--v2-radius-md);
  color: var(--v2-ink-2);
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  font-size: 14px;
  display: flex;
}

.v2-menurow:hover {
  background: var(--v2-bg-hover);
}

.v2-menurow:focus-visible {
  background: var(--v2-bg-hover);
  box-shadow: inset 0 0 0 1px var(--v2-border-strong);
  outline: none;
}

.v2-menudivider {
  background: var(--v2-border-split);
  height: 1px;
  margin: 5px 4px;
}

.v2-composer {
  box-sizing: border-box;
  width: 100%;
}

.v2-composer-input::placeholder {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.v2-composer-field {
  flex: auto;
  min-width: 0;
  display: flex;
  position: relative;
}

.v2-composer-field > textarea {
  z-index: 1;
  position: relative;
}

.v2-composer-mirror {
  z-index: 0;
  pointer-events: none;
  color: #0000;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: normal;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 24px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.v2-composer-mention {
  color: #0000;
  border-radius: var(--v2-radius-sm, 4px);
  background: var(--v2-avatar-blue);
}

@supports (color: color-mix(in lab, red, red)) {
  .v2-composer-mention {
    background: color-mix(in srgb, var(--v2-avatar-blue) 22%, transparent);
  }
}

.v2-composer-mention {
  box-shadow: 0 0 0 2px var(--v2-avatar-blue);
}

@supports (color: color-mix(in lab, red, red)) {
  .v2-composer-mention {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--v2-avatar-blue) 22%, transparent);
  }
}

.v2-mention-picker {
  overscroll-behavior: contain;
  width: auto;
  max-height: min(340px, 46vh);
  padding: 6px;
  bottom: calc(100% + 8px);
  left: 0;
  right: 0;
  overflow-y: auto;
}

.v2-mention-picker-row {
  border-radius: var(--v2-radius-md);
  text-align: left;
  width: 100%;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  display: flex;
}

.v2-info-row {
  width: 100%;
  min-height: 56px;
  font: inherit;
  color: var(--v2-ink);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  display: flex;
}

.v2-info-row:hover:not(:disabled) {
  background: var(--v2-bg-hover);
}

.v2-info-row:disabled {
  opacity: .6;
  cursor: default;
}

.v2-sheet .v2-plus-row {
  min-height: 48px;
}

.v2-plus-row:not([aria-disabled]):hover {
  background: var(--v2-bg-hover);
}

.v2-mention-picker-row[data-active] {
  background: var(--v2-bg-hover);
  box-shadow: inset 2px 0 0 var(--v2-accent);
}

.v2-composer-input {
  font-size: 15px;
}

@media (max-width: 767px) {
  .v2-composer-input, .v2-field {
    font-size: 16px;
  }

  :root {
    --v2-human-bubble-max: 88%;
  }
}

.v2-progress {
  border-radius: var(--v2-radius-xs);
  background: var(--v2-border-card);
  flex: none;
  width: 56px;
  height: 3px;
  overflow: hidden;
}

.v2-progress > span {
  border-radius: var(--v2-radius-xs);
  height: 3px;
  display: block;
}

.v2-hairline {
  border-top: 1px solid var(--v2-border-split);
}

.v2 a.v2-link {
  color: var(--v2-ink);
  text-decoration: none;
}

.v2 a.v2-link:hover {
  color: var(--v2-ink-3);
}

.v2 button.v2-link {
  font: inherit;
  color: var(--v2-ink);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--v2-link-underline);
  text-decoration-color: var(--v2-link-underline);
  text-underline-offset: 3px;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.v2 button.v2-link:hover {
  -webkit-text-decoration-color: var(--v2-link-underline-hover);
  text-decoration-color: var(--v2-link-underline-hover);
}

.v2 button.v2-link:disabled {
  cursor: not-allowed;
  opacity: .55;
}

@media (pointer: coarse) {
  .v2 .v2-link {
    position: relative;
  }

  .v2 .v2-link:after {
    content: "";
    position: absolute;
    inset: -14px -8px;
  }
}

.v2-md a {
  color: var(--v2-link);
  cursor: pointer;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--v2-link-underline);
  text-decoration-color: var(--v2-link-underline);
  text-underline-offset: 2px;
  border-radius: var(--v2-radius-xs);
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.v2-md a:hover {
  -webkit-text-decoration-color: var(--v2-link-underline-hover);
  text-decoration-color: var(--v2-link-underline-hover);
}

.v2-md a:focus-visible {
  box-shadow: var(--v2-focus-ring);
  outline: none;
}

.v2-md a .v2-icon {
  flex: none;
  margin-top: 1px;
}

.v2-md {
  line-height: 1.62;
}

@media (max-width: 767px) and (pointer: coarse) {
  .v2 :is(button, a, [role="button"], [role="tab"], [role="menuitem"]) {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .v2 :is(button, a, [role="button"], [role="tab"], [role="menuitem"]):not(:disabled):not([aria-disabled="true"]):active {
    filter: brightness(.84);
  }

  .v2 :is(.v2-navrow, .v2-listrow, .v2-menurow, .v2-iconbtn, .v2-btn:not(.v2-btn-primary):not(.v2-btn-danger)):active {
    background-color: var(--v2-bg-open);
  }

  .v2 .v2-btn-primary:not(:disabled):not([aria-disabled="true"]):active {
    filter: brightness(.86);
    background-color: var(--v2-accent);
  }

  .v2 .ds-tab:active {
    filter: none;
    opacity: .5;
  }

  .v2 .v2-btn-danger:not(:disabled):active {
    filter: brightness(.86);
    background-color: var(--v2-danger);
  }

  .v2-shell {
    overscroll-behavior-y: none;
  }

  .v2 :is(.overflow-y-auto, .overflow-auto, .v2-thread-scroll, .v2-sidebar-scroll) {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
  }
}

@media (max-width: 767px) and (pointer: coarse) and (prefers-reduced-motion: no-preference) {
  .v2 :is(button, a, [role="button"], [role="tab"], [role="menuitem"]) {
    transition: filter .1s, background-color .1s;
  }
}

:root {
  --v2-safe-area-top: env(safe-area-inset-top, 0px);
  --v2-safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --v2-safe-top-padding: 0px;
  --v2-safe-bottom-padding: 0px;
}

.v2-safe-top, .v2-settings-frame, .v2-drawer, .v2-narrow-pane {
  box-sizing: border-box;
  padding-top: calc(var(--v2-safe-area-top) + var(--v2-safe-top-padding, 0px));
}

.v2-safe-bottom, .v2-settings-frame, .v2-drawer, .v2-narrow-pane, .v2-sheet {
  box-sizing: border-box;
  padding-bottom: calc(var(--v2-safe-area-bottom) + var(--v2-safe-bottom-padding, 0px));
}

.v2-safe-dialog {
  top: calc(var(--v2-safe-area-top) + (100dvh - var(--v2-safe-area-top) - var(--v2-safe-area-bottom)) / 2);
  max-height: calc(100dvh - var(--v2-safe-area-top) - var(--v2-safe-area-bottom) - 2rem);
  overflow-y: auto;
}

.v2-safe-palette {
  top: max(16dvh, calc(var(--v2-safe-area-top) + 1rem));
  max-height: calc(100dvh - max(16dvh, calc(var(--v2-safe-area-top) + 1rem)) - var(--v2-safe-area-bottom) - 1rem);
}

.v2-drawer-backdrop {
  z-index: 60;
  background: var(--v2-m-scrim);
  border: 0;
  height: 100dvh;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.v2-settings-frame {
  height: 100dvh;
  bottom: auto;
}

.v2-drawer {
  z-index: 61;
  height: 100dvh;
  width: min(var(--v2-m-drawer-w), calc(100vw - var(--v2-m-touch)));
  background: var(--v2-surface-nav);
  box-shadow: var(--v2-shadow-drawer);
  flex-direction: column;
  animation: .2s ease-out v2-drawer-in;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  .v2-drawer {
    width: calc(100vw - 20px);
  }
}

@keyframes v2-drawer-in {
  from {
    transform: translateX(-100%);
  }
}

.v2-sheet-backdrop {
  z-index: 70;
  background: var(--v2-m-scrim);
  border: 0;
  padding: 0;
  position: fixed;
  inset: 0;
}

.v2-sheet {
  z-index: 71;
  max-height: calc(100dvh - var(--v2-safe-area-top));
  background: var(--v2-surface);
  border-radius: var(--v2-m-radius-sheet) var(--v2-m-radius-sheet) 0 0;
  box-shadow: var(--v2-shadow-sheet);
  flex-direction: column;
  animation: .22s ease-out v2-sheet-in;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.v2-sheet-detail {
  height: min(92dvh, calc(100dvh - var(--v2-safe-area-top)));
}

.v2-sheet-context {
  height: min(640px, 92dvh, calc(100dvh - var(--v2-safe-area-top)));
}

.v2-sheet-choice {
  max-height: min(92dvh, calc(100dvh - var(--v2-safe-area-top)));
}

@keyframes v2-sheet-in {
  from {
    transform: translateY(100%);
  }
}

.v2-sheet-handle {
  border-radius: var(--v2-radius-xs);
  background: rgba(var(--v2-overlay-rgb), .16);
  flex: none;
  width: 38px;
  height: 4px;
  margin: 8px auto 0;
}

.v2-sheet-head {
  padding: 10px var(--v2-m-inset-bar) 6px var(--v2-m-inset-list);
  flex: none;
  align-items: center;
  gap: 10px;
  display: flex;
}

.v2-sheet-title {
  color: var(--v2-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  min-width: 0;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
}

.v2-sheet-body {
  min-height: 0;
  padding: 0 var(--v2-m-inset-list);
  flex: 1;
  overflow-y: auto;
}

.v2-sheet-foot {
  padding: 12px var(--v2-m-inset-list);
  flex-direction: column;
  flex: none;
  gap: 8px;
  display: flex;
}

.v2-sheet-closebtn {
  border: 1px solid var(--v2-border-input);
  border-radius: var(--v2-m-radius-btn);
  width: 100%;
  height: 48px;
  color: var(--v2-ink-2);
  font: inherit;
  background: none;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  display: flex;
}

.v2-sheet-closebtn:hover {
  background: var(--v2-bg-hover);
}

.v2-narrow-pane {
  z-index: 71;
  background: var(--v2-surface);
  border-left: 1px solid var(--v2-border-split);
  width: 360px;
  height: 100dvh;
  box-shadow: var(--v2-shadow-panel);
  flex-direction: column;
  animation: .2s ease-out v2-pane-in;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
}

.v2-narrow-pane-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.v2-sheet-body-fill, .v2-narrow-pane-body-fill {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

@keyframes v2-pane-in {
  from {
    transform: translateX(100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .v2-drawer, .v2-sheet, .v2-narrow-pane {
    animation: none;
  }

  .v2-disclosure-chevron {
    transition: none;
  }
}

.v2-mode-sidebar-leaving {
  animation: .6s ease-in forwards v2-mode-sidebar-out;
}

.v2-mode-sidebar-entering {
  animation: .6s ease-out v2-mode-sidebar-in;
}

.v2-mode-game-entering {
  animation: .6s ease-out v2-mode-game-in;
}

.v2-mode-game-leaving {
  animation: .6s ease-in forwards v2-mode-game-out;
}

@keyframes v2-mode-sidebar-out {
  to {
    opacity: 0;
    transform: translateX(-24px);
  }
}

@keyframes v2-mode-sidebar-in {
  from {
    opacity: 0;
    transform: translateX(-24px);
  }
}

@keyframes v2-mode-game-in {
  from {
    opacity: 0;
    transform: translateY(-18px)scale(1.02);
  }
}

@keyframes v2-mode-game-out {
  to {
    opacity: 0;
    transform: translateY(-18px)scale(1.02);
  }
}

@media (prefers-reduced-motion: reduce) {
  .v2-mode-sidebar-leaving, .v2-mode-sidebar-entering, .v2-mode-game-entering, .v2-mode-game-leaving {
    animation: none;
  }
}

@media (max-width: 767px) {
  .v2-navrow {
    min-height: var(--v2-m-touch);
    border-radius: var(--v2-m-radius-btn);
  }

  .v2-listrow, .v2-menurow, .v2-touchrow {
    min-height: var(--v2-m-touch);
  }

  .v2 .v2-link:not(.absolute):not(.fixed):not(.sticky) {
    position: relative;
  }

  .v2 .v2-link:after {
    content: "";
    left: 0;
    right: 0;
    top: min(0px, calc((100% - var(--v2-m-touch)) / 2));
    bottom: min(0px, calc((100% - var(--v2-m-touch)) / 2));
    position: absolute;
  }

  .v2-btn.v2-btn-step {
    width: 100%;
    height: var(--v2-m-touch);
    justify-content: center;
  }

  .v2-field, .v2 input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="color"]), .v2 select, [role="radiogroup"] > button[role="radio"] {
    min-height: var(--v2-m-touch);
  }

  .v2-tab {
    height: var(--v2-m-touch);
  }

  .v2-btn:not(.absolute):not(.fixed):not(.sticky) {
    position: relative;
  }

  .v2-btn:after {
    content: "";
    left: 0;
    right: 0;
    top: calc((100% - var(--v2-m-touch)) / 2);
    bottom: calc((100% - var(--v2-m-touch)) / 2);
    position: absolute;
  }

  .v2-iconbtn {
    width: var(--v2-m-touch);
    height: var(--v2-m-touch);
    border-radius: 999px;
  }

  .v2-iconbtn-sm:not(.absolute):not(.fixed):not(.sticky) {
    position: relative;
  }

  .v2-iconbtn-sm {
    border-radius: 6px;
    width: 22px;
    height: 22px;
  }

  .v2-iconbtn-sm:after {
    content: "";
    inset: calc((22px - var(--v2-m-touch)) / 2);
    position: absolute;
  }

  .v2.h-dvh {
    padding-top: var(--v2-safe-area-top);
    padding-bottom: var(--v2-safe-area-bottom);
  }
}

.v2-step-dot {
  background: var(--v2-ink);
  border-radius: 999px;
  flex: none;
  width: 6px;
  height: 6px;
  animation: 1.2s ease-in-out infinite v2-step-pulse;
}

@keyframes v2-step-pulse {
  0%, 100% {
    opacity: .25;
  }

  50% {
    opacity: 1;
  }
}

.v2-step-dot-still {
  opacity: .35;
  animation: none;
}

.v2-step-row {
  animation: .18s ease-out v2-step-in;
}

@keyframes v2-step-in {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
}

.v2-step-icon {
  flex: none;
}

.v2-step-children {
  border-inline-start: 1px solid var(--v2-border-card);
  margin-inline-start: 7px;
  padding: 0 0 0 14px;
  font-size: 13px;
}

.v2-step-children-toggle {
  font: inherit;
  color: var(--v2-ink-3);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0 0 0 22px;
  font-size: 12px;
}

.v2-step-children-toggle:focus-visible {
  box-shadow: var(--v2-focus-ring);
  border-radius: 4px;
  outline: none;
}

.v2-step-chip-warn {
  border: 1px solid var(--v2-warn);
  color: var(--v2-warn-text);
  border-radius: 999px;
  padding: 1px 8px;
  font-size: 12px;
  line-height: 1.3;
}

.v2-step-ok {
  color: var(--v2-ok);
}

.v2-step-failed {
  color: var(--v2-danger);
}

.v2-step-retried {
  color: var(--v2-ink-3);
}

@media (prefers-reduced-motion: reduce) {
  .v2-step-dot, .v2-step-row {
    animation: none;
  }
}

.v2-brain-halo {
  transform-origin: center;
  animation: 7s ease-in-out infinite v2-brain-breathe;
}

@keyframes v2-brain-breathe {
  0%, 100% {
    opacity: .55;
    transform: scale(.94);
  }

  50% {
    opacity: 1;
    transform: scale(1.06);
  }
}

.v2-brain-particle {
  animation: 3.2s ease-in-out infinite v2-brain-particle-drift;
}

@keyframes v2-brain-particle-drift {
  0%, 100% {
    opacity: .25;
  }

  50% {
    opacity: .95;
  }
}

.v2-brain-bang-pop {
  animation: .32s ease-out v2-brain-bang-pop;
}

@keyframes v2-brain-bang-pop {
  0% {
    opacity: 0;
    transform: scale(.4);
  }

  60% {
    opacity: 1;
    transform: scale(1.18);
  }

  100% {
    transform: scale(1);
  }
}

.v2-live-link {
  fill: none;
  stroke: var(--v2-border-strong);
  stroke-width: 1px;
  opacity: .55;
}

.v2-live-link-working {
  stroke: var(--v2-ok);
  opacity: .85;
}

.v2-live-link-waiting {
  stroke: var(--v2-warn);
  opacity: .85;
}

.v2-live-link-hl {
  stroke-width: 1.6px;
  opacity: 1;
}

.v2-live-link-end {
  fill: var(--v2-border-strong);
}

.v2-live-packet {
  fill: var(--v2-ok);
}

.v2-live-packet-bright {
  fill: var(--v2-accent);
}

.v2-live-node-hl {
  outline: 1px solid var(--v2-border-strong);
  outline-offset: 2px;
  border-radius: var(--v2-radius-lg);
}

.v2-live-agent-dot {
  animation: 2.2s ease-in-out infinite v2-live-agent-pulse;
}

@keyframes v2-live-agent-pulse {
  0%, 100% {
    opacity: .55;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.25);
  }
}

.v2-live-bang-pop {
  animation: .32s ease-out v2-brain-bang-pop;
}

@media (prefers-reduced-motion: reduce) {
  .v2-brain-halo, .v2-brain-particle, .v2-brain-bang-pop, .v2-live-agent-dot, .v2-live-bang-pop {
    animation: none !important;
  }

  .v2-brain-halo {
    opacity: .8;
    transform: none;
  }
}

html.v2-live-paused .v2-brain-halo, html.v2-live-paused .v2-brain-particle, html.v2-live-paused .v2-live-agent-dot {
  animation-play-state: paused;
}

.v2-rail-item {
  border-radius: var(--v2-radius-md);
  width: 34px;
  height: 34px;
  color: var(--v2-ink-3);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  place-items: center;
  padding: 0;
  text-decoration: none;
  display: grid;
  position: relative;
}

.v2-rail-item:hover {
  background: var(--v2-bg-hover);
  color: var(--v2-ink);
}

.v2-rail-item:focus-visible {
  outline: 2px solid var(--v2-ink-3);
  outline-offset: 1px;
}

.v2-rail-on, .v2-rail-on:hover {
  background: var(--v2-bg-open);
  color: var(--v2-ink);
}

.v2-rail-badge {
  box-sizing: border-box;
  background: var(--v2-accent);
  min-width: 16px;
  height: 16px;
  color: var(--v2-accent-contrast);
  border-radius: 8px;
  place-items: center;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  display: grid;
  position: absolute;
  top: 2px;
  right: 1px;
}

.v2-rail-badge-lit {
  box-shadow: 0 0 0 2px var(--v2-surface-nav), 0 0 0 3px var(--v2-accent);
}

.v2-rail-logo-panel {
  place-items: center;
  display: none;
}

.v2-rail-logo-mark {
  place-items: center;
  display: grid;
}

.v2-rail-logo:hover .v2-rail-logo-mark, .v2-rail-logo:focus-visible .v2-rail-logo-mark, .v2-rail-logo[data-peek] .v2-rail-logo-mark {
  display: none;
}

.v2-rail-logo:hover .v2-rail-logo-panel, .v2-rail-logo:focus-visible .v2-rail-logo-panel, .v2-rail-logo[data-peek] .v2-rail-logo-panel {
  display: grid;
}

.v2-rail-logo[data-peek] {
  background: var(--v2-bg-hover);
  color: var(--v2-ink);
}

.v2-sidebar-overlay {
  z-index: var(--v2-z-drawer);
  box-shadow: var(--v2-shadow-drawer);
  animation: .18s ease-out v2-drawer-in;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 52px;
}

.v2-sidebar-scrim {
  z-index: var(--v2-z-overlay);
  background: var(--v2-m-scrim);
  border: 0;
  padding: 0;
  position: absolute;
  inset: 0 0 0 52px;
}

.v2-sidebar-overlay.v2-sidebar-peek {
  animation: .12s ease-out v2-peek-in;
}

@keyframes v2-peek-in {
  from {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .v2-sidebar-overlay, .v2-sidebar-overlay.v2-sidebar-peek {
    animation: none;
  }
}

.v2-mnav-row {
  min-height: var(--v2-m-touch);
  border-radius: var(--v2-radius-lg);
  color: var(--v2-ink);
  align-items: center;
  gap: 12px;
  padding: 0 12px;
  font-size: 15px;
  text-decoration: none;
  display: flex;
}

.v2-mnav-row:hover {
  background: var(--v2-bg-hover);
}

.v2-mnav-shortcuts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  margin: 8px 4px 0;
  display: grid;
}

.v2-mnav-shortcut {
  border-radius: var(--v2-radius-lg);
  min-width: 0;
  min-height: 56px;
  color: var(--v2-ink-2);
  text-align: center;
  background: none;
  border: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 6px 3px;
  font-family: inherit;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.v2-mnav-shortcut:hover {
  background: var(--v2-bg-hover);
}

.v2-mnav-shortcut.v2-row-active {
  color: var(--v2-ink);
  background: var(--v2-bg-open);
}

.v2-mnav-shortcut .v2-badge {
  position: absolute;
  top: 3px;
  right: 3px;
}

.v2-mnav-close {
  min-width: 44px;
  min-height: 44px;
  margin-left: 4px;
}

.v2-mnav-agent-picker {
  border: 1px solid var(--v2-border-split);
  border-radius: var(--v2-radius-lg);
  width: calc(100% - 16px);
  min-height: 44px;
  color: var(--v2-ink);
  font: inherit;
  background: none;
  align-items: center;
  gap: 10px;
  margin: 8px;
  padding: 6px 10px;
  font-size: 14px;
  display: flex;
}

.v2-mnav-avatar-stack {
  align-items: center;
  margin-left: auto;
  padding-left: 8px;
  display: flex;
}

.v2-mnav-avatar-stack > * {
  margin-left: -8px;
}

.v2-mnav-agent-list, .v2-mnav-app-list {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.v2-mnav-agent-list button {
  width: 100%;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
}

.v2-mnav-agent-list button:hover {
  background: var(--v2-bg-hover);
}

.v2-mnav .v2-sidebar-session-row {
  min-height: 48px;
}

.v2-sidebar-date-heading {
  color: var(--v2-ink-3);
  margin: 12px 11px 4px;
  font-size: 12px;
  font-weight: 400;
}

.v2-mnav-footer {
  border-top: 1px solid var(--v2-border-split);
}

.v2 * {
  --v2-scroll-thumb: var(--v2-border-strong);
  scrollbar-width: thin;
  scrollbar-color: var(--v2-scroll-thumb) transparent;
}

.v2 :hover, .v2 :focus-within {
  --v2-scroll-thumb: var(--v2-ink-3);
}

@supports (color: color-mix(in lab, red, red)) {
  .v2 :hover, .v2 :focus-within {
    --v2-scroll-thumb: color-mix(in srgb, var(--v2-ink-3) 55%, transparent);
  }
}

.v2-sidebar-scroll {
  overscroll-behavior-y: contain;
  scroll-padding-block: 16px;
}

@media (forced-colors: none) {
  .v2 ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  .v2 ::-webkit-scrollbar-track {
    background: none;
  }

  .v2 ::-webkit-scrollbar-thumb {
    background: var(--v2-scroll-thumb);
    border-radius: var(--v2-radius-full);
  }
}

@media (forced-colors: active) {
  .v2 * {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
}

.v2-sidebar-session-row {
  min-height: 42px;
}

.v2-sidebar-reveal {
  flex: none;
  min-height: 2px;
}

.v2-sidebar-reveal button {
  color: var(--v2-ink-3);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 5px 11px;
  display: block;
}

@supports selector(:focus-visible) {
  .v2-sidebar-reveal[data-auto-reveal] button:not(:focus) {
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .v2-sidebar-session-row {
    min-height: 48px;
  }
}

.v2-mnav-agents {
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  gap: 2px;
  padding: 0 8px;
  display: flex;
  overflow-x: auto;
}

.v2-mnav-agents::-webkit-scrollbar {
  display: none;
}

.v2-mnav-agent {
  width: 68px;
  min-height: var(--v2-m-touch);
  border-radius: var(--v2-radius-lg);
  color: var(--v2-ink-2);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 4px;
  padding: 6px 4px;
  display: flex;
}

.v2-mnav-agent:hover {
  background: var(--v2-bg-hover);
}

.v2-mnav-agent:disabled {
  opacity: .6;
  cursor: default;
}

.v2-mnav-agent-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 12px;
  overflow: hidden;
}

.v2-mnav-pill {
  height: var(--v2-m-touch);
  border-radius: var(--v2-radius-full);
  background: var(--v2-accent);
  color: var(--v2-accent-contrast);
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
}

.v2-avatar {
  --v2-av-delay: 0s;
  vertical-align: middle;
  flex: none;
  display: inline-flex;
}

.v2-avatar-portrait {
  background: var(--v2-avatar-portrait-bg);
  border-radius: 24%;
  flex: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.v2-avatar-portrait-crop {
  width: 100%;
  position: absolute;
  left: 0;
  overflow: hidden;
}

.v2-avatar-portrait-ring {
  border: 1px solid var(--v2-border-card);
  border-radius: inherit;
  pointer-events: none;
  opacity: .35;
  position: absolute;
  inset: 0;
}

.v2-avatar-eyes {
  transform-box: fill-box;
  transform-origin: center;
}

.v2-avatar-art {
  filter: drop-shadow(0 .06em .08em var(--v2-avatar-shadow)) drop-shadow(0 0 .22em var(--v2-avatar-glow));
}

@media (prefers-reduced-motion: no-preference) {
  .v2-avatar[data-blink] .v2-avatar-eyes {
    animation: 5s ease-in-out infinite v2-avatar-blink;
    animation-delay: var(--v2-av-delay);
  }

  .v2-avatar[data-working] {
    animation: 1.4s ease-in-out infinite v2-avatar-bob;
  }

  .v2-live-paused .v2-avatar, .v2-live-paused .v2-avatar-eyes {
    animation-play-state: paused;
  }
}

@keyframes v2-avatar-blink {
  0%, 92%, 100% {
    transform: scaleY(1);
  }

  96% {
    transform: scaleY(.1);
  }
}

@keyframes v2-avatar-bob {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8%);
  }
}

.v2-avatar[data-thinking] {
  position: relative;
}

.v2-avatar-badge {
  border-radius: var(--v2-radius-full);
  background: var(--v2-surface);
  min-width: 24px;
  height: 22px;
  box-shadow: 0 0 0 1px var(--v2-border-card);
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  display: inline-flex;
  position: absolute;
  top: -4px;
  right: -10px;
}

.v2-typing-dots {
  flex: none;
  align-items: center;
  gap: 3px;
  display: inline-flex;
}

.v2-typing-dots > i {
  border-radius: var(--v2-radius-full);
  background: var(--v2-ink-3);
  opacity: .6;
  width: 4px;
  height: 4px;
}

@media (prefers-reduced-motion: no-preference) {
  .v2-typing-dots > i {
    animation: 1.2s ease-in-out infinite v2-step-pulse;
  }

  .v2-typing-dots > i:nth-child(2) {
    animation-delay: .2s;
  }

  .v2-typing-dots > i:nth-child(3) {
    animation-delay: .4s;
  }

  .v2-avatar-bulb {
    animation: .32s ease-out v2-brain-bang-pop;
  }

  .v2-live-paused .v2-typing-dots > i {
    animation-play-state: paused;
  }
}

.v2-avatar[data-badge-small] .v2-avatar-badge {
  min-width: 18px;
  height: 15px;
  padding: 0 3px;
  top: -6px;
  right: -9px;
}

.v2-avatar[data-badge-small] .v2-avatar-badge .v2-icon {
  width: 11px;
  height: 11px;
}

.v2-avatar[data-badge-small] .v2-typing-dots {
  gap: 2px;
}

.v2-avatar[data-badge-small] .v2-typing-dots > i {
  width: 3px;
  height: 3px;
}

.v2-thread-agent-pill {
  z-index: 2;
  box-sizing: border-box;
  border-radius: var(--v2-radius-full);
  background: var(--v2-surface-raised);
  border: 1px solid var(--v2-border-card);
  max-width: calc(100% - 28px);
  height: 32px;
  box-shadow: var(--v2-shadow-menu);
  color: var(--v2-ink);
  pointer-events: none;
  align-items: center;
  gap: 7px;
  padding: 0 12px 0 5px;
  font-size: 13px;
  font-weight: 600;
  transition: opacity .15s ease-out, transform .15s ease-out;
  display: inline-flex;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.v2-thread-agent-pill[data-hidden] {
  opacity: 0;
  transform: translate(-50%, -6px);
}

.v2-thread-scroll[data-under-pill] {
  -webkit-mask-image: linear-gradient(#0000 0 44px, #000 52px);
  mask-image: linear-gradient(#0000 0 44px, #000 52px);
}

.v2-thread-agent-pill-avatar {
  border-radius: var(--v2-radius-full);
  box-shadow: 0 0 0 2px var(--v2-surface-raised);
  display: inline-flex;
  position: relative;
}

@media (prefers-reduced-motion: reduce) {
  .v2-thread-agent-pill {
    transition: none;
  }
}

.v2-mention {
  border-radius: var(--v2-radius-sm, 4px);
  color: var(--v2-avatar-blue);
  background: var(--v2-avatar-blue);
  padding: 0 3px;
  font-weight: 600;
}

@supports (color: color-mix(in lab, red, red)) {
  .v2-mention {
    background: color-mix(in srgb, var(--v2-avatar-blue) 16%, transparent);
  }
}

.v2-mention[data-you] {
  background: var(--v2-avatar-blue);
  color: #fff;
}

.v2-member-tile {
  border-radius: var(--v2-radius-md);
  background: var(--v2-surface-3);
  box-shadow: inset 0 0 0 1px var(--v2-border-card);
  flex: none;
  display: inline-block;
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  .v2-member-tile {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v2-border-card) 35%, transparent);
  }
}

.v2-member-tile-cell {
  border-radius: var(--v2-radius-full);
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  overflow: hidden;
}

.v2-member-tile-ringed {
  box-shadow: 0 0 0 2px var(--v2-surface-3);
}

.v2-member-tile-more, .v2-member-tile-initials {
  background: var(--v2-surface-raised);
  color: var(--v2-ink-2);
  letter-spacing: 0;
  font-size: 9px;
  line-height: 1;
}

.v2-member-tile-more {
  font-weight: 600;
}

.v2-member-tile-initials {
  border-radius: var(--v2-radius-full);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.v2-thread-turn-avatar {
  border-radius: var(--v2-radius-full);
  display: inline-flex;
}

.v2-thread-turn-avatar:focus-visible, .v2-thread-turn-name:focus-visible {
  outline: 2px solid var(--v2-border-strong);
  outline-offset: 2px;
}

.v2-thread-turn-name {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: none;
}

.v2-thread-turn-name:hover {
  text-underline-offset: 2px;
  text-decoration: underline;
}

.v2-shimmer-text {
  color: var(--v2-ink-placeholder);
  background: linear-gradient(90deg, var(--v2-ink-placeholder) 0%, var(--v2-ink-placeholder) 40%, var(--v2-ink) 50%, var(--v2-ink-placeholder) 60%, var(--v2-ink-placeholder) 100%);
  -webkit-text-fill-color: transparent;
  background-size: 250% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 2.2s linear infinite v2-shimmer-text;
}

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

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

@media (prefers-reduced-motion: reduce) {
  .v2-shimmer-text {
    -webkit-text-fill-color: currentColor;
    background: none;
    animation: none;
  }
}

.v2-sheet .v2-shortcut-hint {
  display: none;
}

@media (pointer: coarse) {
  .v2-shortcut-hint {
    display: none;
  }
}

.v2-rail-dot {
  background: var(--v2-accent);
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 2px var(--v2-surface-nav);
  border-radius: 50%;
  position: absolute;
  top: 5px;
  right: 5px;
}

.v2-chat-avatar {
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: inline-grid;
  position: relative;
  overflow: hidden;
}

.v2-chat-avatar > *, .v2-chat-avatar .v2-avatar-portrait, .v2-chat-avatar img {
  border-radius: 50%;
}

.v2-chat-avatar .v2-avatar-portrait-crop {
  transform: scale(1.14);
}

.v2-chat-avatar-group {
  color: var(--v2-identity-ink);
  letter-spacing: .02em;
}

.v2-chat-folders {
  scrollbar-width: none;
  border-bottom: 1px solid var(--v2-border-split);
  gap: 2px;
  padding: 2px 10px 8px;
  display: flex;
  overflow-x: auto;
}

.v2-chat-folders::-webkit-scrollbar {
  display: none;
}

.v2-chat-folder {
  max-width: 140px;
  height: 30px;
  color: var(--v2-ink-3);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 9px;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 13px;
  display: inline-flex;
}

.v2-chat-folder:hover {
  background: var(--v2-bg-hover);
  color: var(--v2-ink-2);
}

.v2-chat-folder-on, .v2-chat-folder-on:hover {
  background: var(--v2-bg-open);
  color: var(--v2-ink);
  font-weight: 500;
}

.v2-chat-folder-count {
  color: var(--v2-ink-3);
  background: var(--v2-bg-wash);
  border-radius: 6px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 600;
}

.v2-chat-folder-edit {
  margin-left: auto;
  padding: 0 8px;
}

.v2-chat-row {
  border-radius: var(--v2-radius-lg);
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 10px;
  padding: 7px 8px;
  display: flex;
}

.v2-chat-row:hover {
  background: var(--v2-bg-hover);
}

.v2-chat-row.v2-row-active {
  font-weight: inherit;
}

.v2-chat-row[data-touch] {
  gap: 12px;
  min-height: 64px;
  padding: 8px 10px;
}

.v2-chat-row-body {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.v2-chat-row-line {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.v2-chat-row-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--v2-ink);
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
}

.v2-chat-row[data-touch] .v2-chat-row-name {
  font-size: 15.5px;
}

.v2-chat-kind {
  border: 1px solid var(--v2-border-input);
  color: var(--v2-ink-3);
  border-radius: 5px;
  flex: none;
  padding: 0 5px;
  font-size: 10.5px;
}

.v2-chat-row-time {
  color: var(--v2-ink-faint);
  flex: none;
  margin-left: auto;
  font-size: 11.5px;
}

.v2-chat-row-preview {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--v2-ink-3);
  flex: 1;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  display: flex;
  overflow: hidden;
}

.v2-chat-row[data-touch] .v2-chat-row-preview {
  font-size: 14px;
}

.v2-chat-dot {
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
}

.v2-chat-dot-ok {
  background: var(--v2-ok);
}

.v2-chat-dot-warn {
  background: var(--v2-warn);
}

.v2-chat-badge {
  min-width: 20px;
  height: 20px;
  color: var(--v2-accent-contrast);
  background: var(--v2-accent);
  border-radius: 10px;
  flex: none;
  place-items: center;
  padding: 0 6px;
  font-size: 11.5px;
  font-weight: 600;
  display: inline-grid;
}

.v2-chat-badge-mention {
  background: var(--v2-identity-pink);
  color: var(--v2-danger-contrast);
}

.v2-chat-chips {
  white-space: nowrap;
  gap: 4px;
  margin-top: 2px;
  display: flex;
  overflow: hidden;
}

.v2-chat-chip {
  text-overflow: ellipsis;
  max-width: 120px;
  color: var(--v2-ink-3);
  background: var(--v2-bg-wash);
  border-radius: 6px;
  flex: none;
  padding: 1px 6px;
  font-size: 11px;
  overflow: hidden;
}

.v2-chat-split {
  min-height: 100%;
  display: flex;
}

.v2-chat-strip {
  scrollbar-width: none;
  border-right: 1px solid var(--v2-border-split);
  flex-direction: column;
  flex: none;
  align-self: flex-start;
  align-items: center;
  gap: 6px;
  width: 56px;
  max-height: 100%;
  padding: 2px 0 8px;
  display: flex;
  position: sticky;
  top: 0;
  overflow-y: auto;
}

.v2-chat-strip-item {
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 12px;
  place-items: center;
  width: 44px;
  height: 44px;
  display: grid;
  position: relative;
}

.v2-chat-strip-item:hover {
  background: var(--v2-bg-hover);
}

.v2-chat-strip-on, .v2-chat-strip-on:hover {
  background: var(--v2-bg-open);
}

.v2-chat-strip-dot {
  background: var(--v2-accent);
  width: 9px;
  height: 9px;
  box-shadow: 0 0 0 2px var(--v2-surface-nav);
  border-radius: 50%;
  position: absolute;
  top: 4px;
  right: 4px;
}

.v2-chat-strip-dot-mention {
  background: var(--v2-identity-pink);
}

.v2-chat-topics {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.v2-chat-topics-head {
  align-items: center;
  gap: 8px;
  padding: 2px 8px 8px 10px;
  display: flex;
}

.v2-chat-archived-head {
  border-bottom: 1px solid var(--v2-border-split);
  align-items: center;
  gap: 6px;
  padding: 0 12px 8px 8px;
  display: flex;
}

.v2-sidebar-scroll:has( > .v2-chat-dir) {
  flex-direction: column;
  display: flex;
}

.v2-chat-dir {
  flex: 1 0 auto;
}

.v2-chat-tail {
  border-top: 1px solid var(--v2-border-split);
  background: var(--v2-surface-nav);
  flex-direction: column;
  gap: 1px;
  margin-top: auto;
  padding: 6px 8px 0;
  display: flex;
  position: sticky;
  bottom: 0;
}

.v2-chat-tail-row {
  border-radius: var(--v2-radius-lg);
  min-height: 34px;
  color: var(--v2-ink-3);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.v2-chat-tail-row:hover {
  background: var(--v2-bg-hover);
  color: var(--v2-ink-2);
}

@media (pointer: coarse) {
  .v2-chat-tail-row {
    min-height: var(--v2-m-touch);
    font-size: 15px;
  }
}

.v2-chat-folder-list {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.v2-chat-folder-item {
  border-bottom: 1px solid var(--v2-border-split);
  align-items: center;
  gap: 6px;
  min-height: 56px;
  padding: 6px 4px;
  display: flex;
}

.v2-chat-folder-item:last-child {
  border-bottom: 0;
}

.v2-float-panel {
  border: var(--v2-glass-border-width) solid var(--v2-border-split);
  border-radius: var(--v2-glass-radius);
  background: var(--v2-surface);
  box-shadow: var(--v2-glass-shadow), var(--v2-glass-inset);
  margin-block: 16px;
  overflow: hidden;
}

.v2-float-panel-left {
  margin-left: 16px;
}

.v2-float-panel-right {
  margin-right: 16px;
}

.v2-float-panel-center {
  margin-inline: 16px;
}

.v2-float-panel.v2-sidebar-overlay {
  box-shadow: var(--v2-shadow-drawer), var(--v2-glass-inset);
}

/* [project]/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-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --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;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: var(--font-be-vietnam), var(--font-inter), ui-sans-serif, system-ui, sans-serif;
    --font-mono: var(--font-mono-ui), ui-monospace, SFMono-Regular, Menlo, monospace;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-6xl: 72rem;
    --text-xs: .78125rem;
    --text-xs--line-height: 1.4;
    --text-sm: .8125rem;
    --text-sm--line-height: 1.55;
    --text-base: .9375rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.0625rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.25rem;
    --text-2xl--line-height: 1.2;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 600;
    --tracking-wide: .025em;
    --leading-relaxed: 1.625;
    --radius-sm: .25rem;
    --radius-md: .5rem;
    --radius-lg: .625rem;
    --radius-xl: .625rem;
    --radius-2xl: .625rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: "cv01", "ss03", "zero";
    --default-mono-font-family: var(--font-mono);
    --color-canvas: var(--v2-surface-app);
    --color-surface-active: var(--v2-surface-3);
    --color-line: var(--v2-border-frame);
    --color-ink: var(--v2-ink);
    --color-ink-soft: var(--v2-ink-2);
    --color-ink-muted: var(--v2-ink-eyebrow);
    --color-accent: var(--v2-accent);
    --color-signal-live: var(--v2-ok);
    --color-signal-warn: var(--v2-warn);
    --color-signal-blocked: var(--v2-danger);
    --font-numeric: var(--font-inter), ui-sans-serif, system-ui, sans-serif;
    --text-label: .5625rem;
    --text-label--line-height: 1rem;
    --text-label--letter-spacing: .08em;
    --text-sm--letter-spacing: -.006em;
    --ease-brand: cubic-bezier(.22, .61, .36, 1);
    --shadow-elev-sm: none;
    --shadow-elev-md: none;
  }
}

@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;
  }

  :where(a, button, [role="button"], input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid var(--v2-accent);
    outline-offset: 2px;
    border-radius: var(--radius-md);
  }
}

@layer components;

@layer utilities {
  .\@container {
    container-type: inline-size;
  }

  .pointer-events-auto {
    pointer-events: auto;
  }

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

  .\!visible {
    visibility: visible !important;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2);
  }

  .inset-x-3 {
    inset-inline: calc(var(--spacing) * 3);
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .-top-0\.5 {
    top: calc(var(--spacing) * -.5);
  }

  .top-0 {
    top: 0;
  }

  .top-0\.5 {
    top: calc(var(--spacing) * .5);
  }

  .top-1 {
    top: var(--spacing);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-\[5px\] {
    top: 5px;
  }

  .top-\[8px\] {
    top: 8px;
  }

  .top-\[16dvh\] {
    top: 16dvh;
  }

  .top-\[18px\] {
    top: 18px;
  }

  .top-\[66px\] {
    top: 66px;
  }

  .top-full {
    top: 100%;
  }

  .-right-0\.5 {
    right: calc(var(--spacing) * -.5);
  }

  .right-0 {
    right: 0;
  }

  .right-1 {
    right: var(--spacing);
  }

  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .right-\[7px\] {
    right: 7px;
  }

  .bottom-0 {
    bottom: 0;
  }

  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }

  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }

  .bottom-\[22px\] {
    bottom: 22px;
  }

  .bottom-\[156px\] {
    bottom: 156px;
  }

  .-left-\[7px\] {
    left: -7px;
  }

  .left-0 {
    left: 0;
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-5 {
    left: calc(var(--spacing) * 5);
  }

  .left-\[3px\] {
    left: 3px;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[2\] {
    z-index: 2;
  }

  .z-\[5\] {
    z-index: 5;
  }

  .z-\[20\] {
    z-index: 20;
  }

  .order-last {
    order: 9999;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-start-3 {
    grid-column-start: 3;
  }

  .row-span-3 {
    grid-row: span 3 / span 3;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: 0;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }

  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }

  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-\[6px\] {
    margin-inline: 6px;
  }

  .mx-\[8px\] {
    margin-inline: 8px;
  }

  .mx-\[10px\] {
    margin-inline: 10px;
  }

  .mx-\[11px\] {
    margin-inline: 11px;
  }

  .mx-\[19px\] {
    margin-inline: 19px;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-my-1 {
    margin-block: calc(var(--spacing) * -1);
  }

  .my-1 {
    margin-block: var(--spacing);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }

  .my-\[2px\] {
    margin-block: 2px;
  }

  .ms-1 {
    margin-inline-start: var(--spacing);
  }

  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }

  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }

  .-mt-\[7px\] {
    margin-top: -7px;
  }

  .mt-0 {
    margin-top: 0;
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-\[1px\] {
    margin-top: 1px;
  }

  .mt-\[2px\] {
    margin-top: 2px;
  }

  .mt-\[3px\] {
    margin-top: 3px;
  }

  .mt-\[4px\] {
    margin-top: 4px;
  }

  .mt-\[6px\] {
    margin-top: 6px;
  }

  .mt-\[7px\] {
    margin-top: 7px;
  }

  .mt-\[8px\] {
    margin-top: 8px;
  }

  .mt-\[9px\] {
    margin-top: 9px;
  }

  .mt-\[10px\] {
    margin-top: 10px;
  }

  .mt-\[11px\] {
    margin-top: 11px;
  }

  .mt-\[12px\] {
    margin-top: 12px;
  }

  .mt-\[13px\] {
    margin-top: 13px;
  }

  .mt-\[14px\] {
    margin-top: 14px;
  }

  .mt-\[18px\] {
    margin-top: 18px;
  }

  .mt-\[22px\] {
    margin-top: 22px;
  }

  .mt-\[26px\] {
    margin-top: 26px;
  }

  .mt-\[34px\] {
    margin-top: 34px;
  }

  .mt-\[calc\(var\(--ds-space-2\)\*-1\)\] {
    margin-top: calc(var(--ds-space-2) * -1);
  }

  .mt-\[var\(--ds-space-2\)\] {
    margin-top: var(--ds-space-2);
  }

  .mt-\[var\(--ds-space-6\)\] {
    margin-top: var(--ds-space-6);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-px {
    margin-top: 1px;
  }

  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }

  .mr-1 {
    margin-right: var(--spacing);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-auto {
    margin-right: auto;
  }

  .-mb-px {
    margin-bottom: -1px;
  }

  .mb-0 {
    margin-bottom: 0;
  }

  .mb-1 {
    margin-bottom: var(--spacing);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-\[6px\] {
    margin-bottom: 6px;
  }

  .mb-\[var\(--ds-space-4\)\] {
    margin-bottom: var(--ds-space-4);
  }

  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }

  .ml-1 {
    margin-left: var(--spacing);
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }

  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }

  .ml-10 {
    margin-left: calc(var(--spacing) * 10);
  }

  .ml-\[6px\] {
    margin-left: 6px;
  }

  .ml-\[36px\] {
    margin-left: 36px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .box-border {
    box-sizing: border-box;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-4 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

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

  .table {
    display: table;
  }

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .size-24 {
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
  }

  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .\!h-auto {
    height: auto !important;
  }

  .h-1 {
    height: var(--spacing);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-44 {
    height: calc(var(--spacing) * 44);
  }

  .h-56 {
    height: calc(var(--spacing) * 56);
  }

  .h-\[1\.5px\] {
    height: 1.5px;
  }

  .h-\[6px\] {
    height: 6px;
  }

  .h-\[7px\] {
    height: 7px;
  }

  .h-\[9px\] {
    height: 9px;
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[19px\] {
    height: 19px;
  }

  .h-\[22px\] {
    height: 22px;
  }

  .h-\[26px\] {
    height: 26px;
  }

  .h-\[28px\] {
    height: 28px;
  }

  .h-\[29px\] {
    height: 29px;
  }

  .h-\[30px\] {
    height: 30px;
  }

  .h-\[32px\] {
    height: 32px;
  }

  .h-\[34px\] {
    height: 34px;
  }

  .h-\[36px\] {
    height: 36px;
  }

  .h-\[38px\] {
    height: 38px;
  }

  .h-\[40px\] {
    height: 40px;
  }

  .h-\[44px\] {
    height: 44px;
  }

  .h-\[52px\] {
    height: 52px;
  }

  .h-\[100dvh\] {
    height: 100dvh;
  }

  .h-\[116px\] {
    height: 116px;
  }

  .h-\[420px\] {
    height: 420px;
  }

  .h-\[480px\] {
    height: 480px;
  }

  .h-\[520px\] {
    height: 520px;
  }

  .h-\[min\(88dvh\,860px\)\] {
    height: min(88dvh, 860px);
  }

  .h-auto {
    height: auto;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }

  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }

  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }

  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }

  .max-h-\[30vh\] {
    max-height: 30vh;
  }

  .max-h-\[35\%\] {
    max-height: 35%;
  }

  .max-h-\[38\%\] {
    max-height: 38%;
  }

  .max-h-\[40dvh\] {
    max-height: 40dvh;
  }

  .max-h-\[45\%\] {
    max-height: 45%;
  }

  .max-h-\[50vh\] {
    max-height: 50vh;
  }

  .max-h-\[60dvh\] {
    max-height: 60dvh;
  }

  .max-h-\[60vh\] {
    max-height: 60vh;
  }

  .max-h-\[65vh\] {
    max-height: 65vh;
  }

  .max-h-\[70vh\] {
    max-height: 70vh;
  }

  .max-h-\[160px\] {
    max-height: 160px;
  }

  .max-h-\[200px\] {
    max-height: 200px;
  }

  .max-h-\[220px\] {
    max-height: 220px;
  }

  .max-h-\[240px\] {
    max-height: 240px;
  }

  .max-h-\[260px\] {
    max-height: 260px;
  }

  .max-h-\[280px\] {
    max-height: 280px;
  }

  .max-h-\[320px\] {
    max-height: 320px;
  }

  .max-h-\[calc\(100dvh-48px\)\] {
    max-height: calc(100dvh - 48px);
  }

  .max-h-\[min\(58dvh\,30rem\)\] {
    max-height: min(58dvh, 30rem);
  }

  .max-h-\[min\(560px\,60dvh\)\] {
    max-height: min(560px, 60dvh);
  }

  .max-h-full {
    max-height: 100%;
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }

  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }

  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }

  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }

  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }

  .min-h-36 {
    min-height: calc(var(--spacing) * 36);
  }

  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }

  .min-h-56 {
    min-height: calc(var(--spacing) * 56);
  }

  .min-h-64 {
    min-height: calc(var(--spacing) * 64);
  }

  .min-h-72 {
    min-height: calc(var(--spacing) * 72);
  }

  .min-h-80 {
    min-height: calc(var(--spacing) * 80);
  }

  .min-h-\[28px\] {
    min-height: 28px;
  }

  .min-h-\[30rem\] {
    min-height: 30rem;
  }

  .min-h-\[32px\] {
    min-height: 32px;
  }

  .min-h-\[36px\] {
    min-height: 36px;
  }

  .min-h-\[36rem\] {
    min-height: 36rem;
  }

  .min-h-\[40px\] {
    min-height: 40px;
  }

  .min-h-\[44px\] {
    min-height: 44px;
  }

  .min-h-\[48px\] {
    min-height: 48px;
  }

  .min-h-\[50vh\] {
    min-height: 50vh;
  }

  .min-h-\[52px\] {
    min-height: 52px;
  }

  .min-h-\[56px\] {
    min-height: 56px;
  }

  .min-h-\[58px\] {
    min-height: 58px;
  }

  .min-h-\[64px\] {
    min-height: 64px;
  }

  .min-h-\[120px\] {
    min-height: 120px;
  }

  .min-h-\[200px\] {
    min-height: 200px;
  }

  .min-h-\[280px\] {
    min-height: 280px;
  }

  .min-h-\[320px\] {
    min-height: 320px;
  }

  .min-h-\[420px\] {
    min-height: 420px;
  }

  .min-h-\[var\(--v2-m-touch\)\] {
    min-height: var(--v2-m-touch);
  }

  .min-h-dvh {
    min-height: 100dvh;
  }

  .min-h-full {
    min-height: 100%;
  }

  .w-0 {
    width: 0;
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-\[6px\] {
    width: 6px;
  }

  .w-\[7px\] {
    width: 7px;
  }

  .w-\[9px\] {
    width: 9px;
  }

  .w-\[10px\] {
    width: 10px;
  }

  .w-\[14px\] {
    width: 14px;
  }

  .w-\[17px\] {
    width: 17px;
  }

  .w-\[18px\] {
    width: 18px;
  }

  .w-\[30px\] {
    width: 30px;
  }

  .w-\[34px\] {
    width: 34px;
  }

  .w-\[52px\] {
    width: 52px;
  }

  .w-\[72px\] {
    width: 72px;
  }

  .w-\[84px\] {
    width: 84px;
  }

  .w-\[96px\] {
    width: 96px;
  }

  .w-\[100px\] {
    width: 100px;
  }

  .w-\[108px\] {
    width: 108px;
  }

  .w-\[220px\] {
    width: 220px;
  }

  .w-\[232px\] {
    width: 232px;
  }

  .w-\[240px\] {
    width: 240px;
  }

  .w-\[248px\] {
    width: 248px;
  }

  .w-\[260px\] {
    width: 260px;
  }

  .w-\[288px\] {
    width: 288px;
  }

  .w-\[340px\] {
    width: 340px;
  }

  .w-\[600px\] {
    width: 600px;
  }

  .w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem);
  }

  .w-\[min\(42rem\,82vw\)\] {
    width: min(42rem, 82vw);
  }

  .w-\[min\(92vw\,1280px\)\] {
    width: min(92vw, 1280px);
  }

  .w-\[min\(360px\,calc\(100vw-32px\)\)\] {
    width: min(360px, 100vw - 32px);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }

  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }

  .max-w-\[14rem\] {
    max-width: 14rem;
  }

  .max-w-\[16rem\] {
    max-width: 16rem;
  }

  .max-w-\[40\%\] {
    max-width: 40%;
  }

  .max-w-\[45\%\] {
    max-width: 45%;
  }

  .max-w-\[200px\] {
    max-width: 200px;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[240px\] {
    max-width: 240px;
  }

  .max-w-\[260px\] {
    max-width: 260px;
  }

  .max-w-\[320px\] {
    max-width: 320px;
  }

  .max-w-\[340px\] {
    max-width: 340px;
  }

  .max-w-\[360px\] {
    max-width: 360px;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[440px\] {
    max-width: 440px;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-\[560px\] {
    max-width: 560px;
  }

  .max-w-\[600px\] {
    max-width: 600px;
  }

  .max-w-\[640px\] {
    max-width: 640px;
  }

  .max-w-\[720px\] {
    max-width: 720px;
  }

  .max-w-\[760px\] {
    max-width: 760px;
  }

  .max-w-\[820px\] {
    max-width: 820px;
  }

  .max-w-\[1120px\] {
    max-width: 1120px;
  }

  .max-w-\[1200px\] {
    max-width: 1200px;
  }

  .max-w-\[calc\(100vw-40px\)\] {
    max-width: calc(100vw - 40px);
  }

  .max-w-\[var\(--v2-chat-column\)\] {
    max-width: var(--v2-chat-column);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-11 {
    min-width: calc(var(--spacing) * 11);
  }

  .min-w-12 {
    min-width: calc(var(--spacing) * 12);
  }

  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }

  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }

  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }

  .min-w-52 {
    min-width: calc(var(--spacing) * 52);
  }

  .min-w-56 {
    min-width: calc(var(--spacing) * 56);
  }

  .min-w-72 {
    min-width: calc(var(--spacing) * 72);
  }

  .min-w-\[44px\] {
    min-width: 44px;
  }

  .min-w-\[60\%\] {
    min-width: 60%;
  }

  .min-w-\[96px\] {
    min-width: 96px;
  }

  .min-w-\[150px\] {
    min-width: 150px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[220px\] {
    min-width: 220px;
  }

  .min-w-\[340px\] {
    min-width: 340px;
  }

  .min-w-\[480px\] {
    min-width: 480px;
  }

  .min-w-\[560px\] {
    min-width: 560px;
  }

  .min-w-full {
    min-width: 100%;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-\[1_1_280px\] {
    flex: 280px;
  }

  .flex-\[999_1_560px\] {
    flex: 999 560px;
  }

  .flex-none {
    flex: none;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .basis-3\/4 {
    flex-basis: 75%;
  }

  .basis-40 {
    flex-basis: calc(var(--spacing) * 40);
  }

  .basis-48 {
    flex-basis: calc(var(--spacing) * 48);
  }

  .basis-56 {
    flex-basis: calc(var(--spacing) * 56);
  }

  .basis-60 {
    flex-basis: calc(var(--spacing) * 60);
  }

  .basis-\[280px\] {
    flex-basis: 280px;
  }

  .basis-full {
    flex-basis: 100%;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .border-separate {
    border-collapse: separate;
  }

  .border-spacing-0 {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-150 {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-rotate-45 {
    rotate: -45deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-col-resize {
    cursor: col-resize;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-row-resize {
    cursor: row-resize;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .scroll-mt-3 {
    scroll-margin-top: calc(var(--spacing) * 3);
  }

  .scroll-mt-4 {
    scroll-margin-top: calc(var(--spacing) * 4);
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .columns-2 {
    columns: 2;
  }

  .break-inside-avoid {
    break-inside: avoid;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-\[10px_24px_minmax\(0\,1fr\)\] {
    grid-template-columns: 10px 24px minmax(0, 1fr);
  }

  .grid-cols-\[20px_minmax\(0\,1fr\)\] {
    grid-template-columns: 20px minmax(0, 1fr);
  }

  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(6rem\,auto\)_1fr\] {
    grid-template-columns: minmax(6rem, auto) 1fr;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-items-center {
    place-items: center;
  }

  .\!items-start {
    align-items: flex-start !important;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-around {
    justify-content: space-around;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-start {
    justify-items: start;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-\[1px\] {
    gap: 1px;
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  .gap-\[3px\] {
    gap: 3px;
  }

  .gap-\[4px\] {
    gap: 4px;
  }

  .gap-\[5px\] {
    gap: 5px;
  }

  .gap-\[6px\] {
    gap: 6px;
  }

  .gap-\[7px\] {
    gap: 7px;
  }

  .gap-\[8px\] {
    gap: 8px;
  }

  .gap-\[9px\] {
    gap: 9px;
  }

  .gap-\[10px\] {
    gap: 10px;
  }

  .gap-\[11px\] {
    gap: 11px;
  }

  .gap-\[12px\] {
    gap: 12px;
  }

  .gap-\[14px\] {
    gap: 14px;
  }

  .gap-\[18px\] {
    gap: 18px;
  }

  .gap-\[22px\] {
    gap: 22px;
  }

  .gap-\[170px\] {
    gap: 170px;
  }

  .gap-\[var\(--ds-gap-card\)\] {
    gap: var(--ds-gap-card);
  }

  .gap-\[var\(--ds-space-1\)\] {
    gap: var(--ds-space-1);
  }

  .gap-\[var\(--ds-space-2\)\] {
    gap: var(--ds-space-2);
  }

  .gap-\[var\(--ds-space-3\)\] {
    gap: var(--ds-space-3);
  }

  .gap-\[var\(--ds-space-4\)\] {
    gap: var(--ds-space-4);
  }

  .gap-px {
    gap: 1px;
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }

  .gap-x-\[6px\] {
    column-gap: 6px;
  }

  .gap-x-\[7px\] {
    column-gap: 7px;
  }

  .gap-x-\[8px\] {
    column-gap: 8px;
  }

  .gap-x-\[9px\] {
    column-gap: 9px;
  }

  .gap-x-\[10px\] {
    column-gap: 10px;
  }

  .gap-x-\[12px\] {
    column-gap: 12px;
  }

  .gap-x-\[14px\] {
    column-gap: 14px;
  }

  .gap-x-\[var\(--ds-space-3\)\] {
    column-gap: var(--ds-space-3);
  }

  :where(.-space-x-1\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-0 {
    row-gap: 0;
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .gap-y-1 {
    row-gap: var(--spacing);
  }

  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-\[2px\] {
    row-gap: 2px;
  }

  .gap-y-\[3px\] {
    row-gap: 3px;
  }

  .gap-y-\[4px\] {
    row-gap: 4px;
  }

  .gap-y-\[8px\] {
    row-gap: 8px;
  }

  .gap-y-\[var\(--ds-space-half\)\] {
    row-gap: var(--ds-space-half);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-\[color\:var\(--v2-border-split\)\] > :not(:last-child)), :where(.divide-\[var\(--v2-border-split\)\] > :not(:last-child)) {
    border-color: var(--v2-border-split);
  }

  .self-center {
    align-self: center;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[6px\] {
    border-radius: 6px;
  }

  .rounded-\[7px\] {
    border-radius: 7px;
  }

  .rounded-\[8px\] {
    border-radius: 8px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[12px\] {
    border-radius: 12px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[16px\] {
    border-radius: 16px;
  }

  .rounded-\[18px\] {
    border-radius: 18px;
  }

  .rounded-\[var\(--v2-radius-lg\)\] {
    border-radius: var(--v2-radius-lg);
  }

  .rounded-\[var\(--v2-radius-md\)\] {
    border-radius: var(--v2-radius-md);
  }

  .rounded-\[var\(--v2-radius-sm\)\] {
    border-radius: var(--v2-radius-sm);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

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

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

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

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

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

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

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

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

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

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\[var\(--v2-border\)\] {
    border-color: var(--v2-border);
  }

  .border-\[var\(--v2-border-card\)\] {
    border-color: var(--v2-border-card);
  }

  .border-\[var\(--v2-border-input\)\] {
    border-color: var(--v2-border-input);
  }

  .border-\[var\(--v2-border-split\)\] {
    border-color: var(--v2-border-split);
  }

  .border-accent {
    border-color: var(--color-accent);
  }

  .border-line {
    border-color: var(--color-line);
  }

  .border-transparent {
    border-color: #0000;
  }

  .bg-\[var\(--v2-surface\)\] {
    background-color: var(--v2-surface);
  }

  .bg-canvas {
    background-color: var(--color-canvas);
  }

  .bg-signal-blocked {
    background-color: var(--color-signal-blocked);
  }

  .bg-signal-live {
    background-color: var(--color-signal-live);
  }

  .bg-signal-warn {
    background-color: var(--color-signal-warn);
  }

  .bg-surface-active {
    background-color: var(--color-surface-active);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .fill-current {
    fill: currentColor;
  }

  .object-contain {
    object-fit: contain;
  }

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

  .object-left {
    object-position: left;
  }

  .p-0 {
    padding: 0;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: var(--spacing);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-\[2px\] {
    padding: 2px;
  }

  .p-\[8px\] {
    padding: 8px;
  }

  .p-\[10px\] {
    padding: 10px;
  }

  .p-\[12px\] {
    padding: 12px;
  }

  .p-\[14px\] {
    padding: 14px;
  }

  .p-\[16px_18px\] {
    padding: 16px 18px;
  }

  .p-\[18px\] {
    padding: 18px;
  }

  .p-\[var\(--ds-inset\)\] {
    padding: var(--ds-inset);
  }

  .px-0 {
    padding-inline: 0;
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-\[2px\] {
    padding-inline: 2px;
  }

  .px-\[6px\] {
    padding-inline: 6px;
  }

  .px-\[7px\] {
    padding-inline: 7px;
  }

  .px-\[8px\] {
    padding-inline: 8px;
  }

  .px-\[9px\] {
    padding-inline: 9px;
  }

  .px-\[10px\] {
    padding-inline: 10px;
  }

  .px-\[11px\] {
    padding-inline: 11px;
  }

  .px-\[12px\] {
    padding-inline: 12px;
  }

  .px-\[13px\] {
    padding-inline: 13px;
  }

  .px-\[14px\] {
    padding-inline: 14px;
  }

  .px-\[15px\] {
    padding-inline: 15px;
  }

  .px-\[18px\] {
    padding-inline: 18px;
  }

  .px-\[22px\] {
    padding-inline: 22px;
  }

  .px-\[30px\] {
    padding-inline: 30px;
  }

  .px-\[34px\] {
    padding-inline: 34px;
  }

  .px-\[var\(--ds-inset\)\] {
    padding-inline: var(--ds-inset);
  }

  .\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }

  .py-0 {
    padding-block: 0;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-\[1px\] {
    padding-block: 1px;
  }

  .py-\[2px\] {
    padding-block: 2px;
  }

  .py-\[3px\] {
    padding-block: 3px;
  }

  .py-\[4px\] {
    padding-block: 4px;
  }

  .py-\[5px\] {
    padding-block: 5px;
  }

  .py-\[6px\] {
    padding-block: 6px;
  }

  .py-\[7px\] {
    padding-block: 7px;
  }

  .py-\[8px\] {
    padding-block: 8px;
  }

  .py-\[9px\] {
    padding-block: 9px;
  }

  .py-\[10px\] {
    padding-block: 10px;
  }

  .py-\[11px\] {
    padding-block: 11px;
  }

  .py-\[12px\] {
    padding-block: 12px;
  }

  .py-\[13px\] {
    padding-block: 13px;
  }

  .py-\[14px\] {
    padding-block: 14px;
  }

  .py-\[15px\] {
    padding-block: 15px;
  }

  .py-\[18px\] {
    padding-block: 18px;
  }

  .py-\[26px\] {
    padding-block: 26px;
  }

  .py-\[var\(--ds-space-2\)\] {
    padding-block: var(--ds-space-2);
  }

  .py-\[var\(--ds-space-8\)\] {
    padding-block: var(--ds-space-8);
  }

  .py-px {
    padding-block: 1px;
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: var(--spacing);
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-11 {
    padding-top: calc(var(--spacing) * 11);
  }

  .pt-\[2px\] {
    padding-top: 2px;
  }

  .pt-\[5px\] {
    padding-top: 5px;
  }

  .pt-\[6px\] {
    padding-top: 6px;
  }

  .pt-\[8px\] {
    padding-top: 8px;
  }

  .pt-\[10px\] {
    padding-top: 10px;
  }

  .pt-\[12px\] {
    padding-top: 12px;
  }

  .pt-\[14px\] {
    padding-top: 14px;
  }

  .pt-\[18px\] {
    padding-top: 18px;
  }

  .pt-\[22px\] {
    padding-top: 22px;
  }

  .pt-\[var\(--ds-space-1\)\] {
    padding-top: var(--ds-space-1);
  }

  .pt-\[var\(--ds-space-2\)\] {
    padding-top: var(--ds-space-2);
  }

  .pt-\[var\(--ds-space-4\)\] {
    padding-top: var(--ds-space-4);
  }

  .pr-0 {
    padding-right: 0;
  }

  .pr-1 {
    padding-right: var(--spacing);
  }

  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-3\.5 {
    padding-right: calc(var(--spacing) * 3.5);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-\[2px\] {
    padding-right: 2px;
  }

  .pr-\[5px\] {
    padding-right: 5px;
  }

  .pr-\[6px\] {
    padding-right: 6px;
  }

  .pr-\[10px\] {
    padding-right: 10px;
  }

  .pr-\[12px\] {
    padding-right: 12px;
  }

  .pr-\[var\(--ds-space-3\)\] {
    padding-right: var(--ds-space-3);
  }

  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * .5);
  }

  .pb-1 {
    padding-bottom: var(--spacing);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }

  .pb-28 {
    padding-bottom: calc(var(--spacing) * 28);
  }

  .pb-\[2px\] {
    padding-bottom: 2px;
  }

  .pb-\[4px\] {
    padding-bottom: 4px;
  }

  .pb-\[6px\] {
    padding-bottom: 6px;
  }

  .pb-\[7px\] {
    padding-bottom: 7px;
  }

  .pb-\[8px\] {
    padding-bottom: 8px;
  }

  .pb-\[9px\] {
    padding-bottom: 9px;
  }

  .pb-\[10px\] {
    padding-bottom: 10px;
  }

  .pb-\[11px\] {
    padding-bottom: 11px;
  }

  .pb-\[14px\] {
    padding-bottom: 14px;
  }

  .pb-\[18px\] {
    padding-bottom: 18px;
  }

  .pb-\[env\(safe-area-inset-bottom\)\] {
    padding-bottom: env(safe-area-inset-bottom);
  }

  .pb-\[var\(--ds-space-4\)\] {
    padding-bottom: var(--ds-space-4);
  }

  .pb-\[var\(--ds-space-6\)\] {
    padding-bottom: var(--ds-space-6);
  }

  .pl-0\.5 {
    padding-left: calc(var(--spacing) * .5);
  }

  .pl-1 {
    padding-left: var(--spacing);
  }

  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }

  .pl-\[8px\] {
    padding-left: 8px;
  }

  .pl-\[10px\] {
    padding-left: 10px;
  }

  .pl-\[11px\] {
    padding-left: 11px;
  }

  .pl-\[14px\] {
    padding-left: 14px;
  }

  .pl-\[19px\] {
    padding-left: 19px;
  }

  .pl-\[26px\] {
    padding-left: 26px;
  }

  .pl-\[30px\] {
    padding-left: 30px;
  }

  .pl-\[44px\] {
    padding-left: 44px;
  }

  .pl-\[48px\] {
    padding-left: 48px;
  }

  .pl-\[52px\] {
    padding-left: 52px;
  }

  .pl-\[64px\] {
    padding-left: 64px;
  }

  .pl-\[74px\] {
    padding-left: 74px;
  }

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

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .text-start {
    text-align: start;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-label {
    font-size: var(--text-label);
    line-height: var(--tw-leading, var(--text-label--line-height));
    letter-spacing: var(--tw-tracking, var(--text-label--letter-spacing));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing));
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .text-balance {
    text-wrap: balance;
  }

  .text-pretty {
    text-wrap: pretty;
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .\!whitespace-normal {
    white-space: normal !important;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

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

  .text-ink {
    color: var(--color-ink);
  }

  .text-ink-muted {
    color: var(--color-ink-muted);
  }

  .text-ink-soft {
    color: var(--color-ink-soft);
  }

  .text-signal-warn {
    color: var(--color-signal-warn);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .not-italic {
    font-style: normal;
  }

  .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, );
  }

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

  .line-through {
    text-decoration-line: line-through;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

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

  .accent-\[var\(--v2-accent\)\] {
    accent-color: var(--v2-accent);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .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, );
  }

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

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .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));
  }

  .transition-\[left\] {
    transition-property: left;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[--v2-safe-bottom-padding\:1\.25rem\] {
    --v2-safe-bottom-padding: 1.25rem;
  }

  .\[--v2-safe-top-padding\:1\.25rem\] {
    --v2-safe-top-padding: 1.25rem;
  }

  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/drag\:opacity-100:is(:where(.group\/drag):hover *) {
      opacity: 1;
    }
  }

  .placeholder\:text-\[var\(--v2-ink-placeholder\)\]::placeholder {
    color: var(--v2-ink-placeholder);
  }

  .last\:mb-0:last-child {
    margin-bottom: 0;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .last\:pb-0:last-child {
    padding-bottom: 0;
  }

  .read-only\:opacity-60:read-only {
    opacity: .6;
  }

  .empty\:hidden:empty {
    display: none;
  }

  .focus-within\:not-sr-only:focus-within {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }

  .focus-within\:absolute:focus-within {
    position: absolute;
  }

  .focus-within\:top-3:focus-within {
    top: calc(var(--spacing) * 3);
  }

  .focus-within\:left-3:focus-within {
    left: calc(var(--spacing) * 3);
  }

  .focus-within\:z-20:focus-within {
    z-index: 20;
  }

  .focus-within\:max-h-\[60\%\]:focus-within {
    max-height: 60%;
  }

  .focus-within\:w-\[260px\]:focus-within {
    width: 260px;
  }

  .focus-within\:overflow-y-auto:focus-within {
    overflow-y: auto;
  }

  .focus-within\:rounded-lg:focus-within {
    border-radius: var(--radius-lg);
  }

  .focus-within\:p-2:focus-within {
    padding: calc(var(--spacing) * 2);
  }

  .focus-within\:ring-2:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:ring-\[var\(--v2-accent\)\]:focus-within {
    --tw-ring-color: var(--v2-accent);
  }

  @media (hover: hover) {
    .hover\:bg-\[var\(--v2-bg-hover\)\]:hover {
      background-color: var(--v2-bg-hover);
    }

    .hover\:bg-surface-active:hover {
      background-color: var(--color-surface-active);
    }

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

    .hover\:text-ink-soft:hover {
      color: var(--color-ink-soft);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:\[background\:var\(--v2-bg-hover\)\]:hover {
      background: var(--v2-bg-hover);
    }
  }

  .focus\:not-sr-only:focus {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }

  .focus\:absolute:focus {
    position: absolute;
  }

  .focus\:right-0:focus {
    right: 0;
  }

  .focus\:bottom-0:focus {
    bottom: 0;
  }

  .focus-visible\:border-accent:focus-visible {
    border-color: var(--color-accent);
  }

  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }

  .focus-visible\:shadow-\[inset_0_0_0_2px_var\(--v2-ink-3\)\]:focus-visible {
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--v2-ink-3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[var\(--v2-accent\)\]:focus-visible {
    --tw-ring-color: var(--v2-accent);
  }

  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-offset-\[-2px\]:focus-visible {
    outline-offset: -2px;
  }

  .focus-visible\:outline-\[var\(--v2-accent\)\]:focus-visible {
    outline-color: var(--v2-accent);
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (hover: hover) {
    .hover\:enabled\:text-ink:hover:enabled {
      color: var(--color-ink);
    }
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .data-\[open\=true\]\:opacity-100[data-open="true"] {
    opacity: 1;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-\[backdrop-filter\]\:opacity-95 {
      opacity: .95;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-pulse {
      animation: var(--animate-pulse);
    }
  }

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

    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:hidden {
      display: none;
    }

    .max-md\:max-w-\[20vw\] {
      max-width: 20vw;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inset-x-auto {
      inset-inline: auto;
    }

    .sm\:right-0 {
      right: 0;
    }

    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:col-start-4 {
      grid-column-start: 4;
    }

    .sm\:mt-0 {
      margin-top: 0;
    }

    .sm\:ml-0 {
      margin-left: 0;
    }

    .sm\:line-clamp-none {
      -webkit-line-clamp: unset;
      -webkit-box-orient: horizontal;
      display: block;
      overflow: visible;
    }

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:inline-block {
      display: inline-block;
    }

    .sm\:min-h-40 {
      min-height: calc(var(--spacing) * 40);
    }

    .sm\:min-h-\[116px\] {
      min-height: 116px;
    }

    .sm\:w-64 {
      width: calc(var(--spacing) * 64);
    }

    .sm\:w-\[110px\] {
      width: 110px;
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:max-w-\[48\%\] {
      max-width: 48%;
    }

    .sm\:max-w-\[340px\] {
      max-width: 340px;
    }

    .sm\:max-w-xs {
      max-width: var(--container-xs);
    }

    .sm\:min-w-60 {
      min-width: calc(var(--spacing) * 60);
    }

    .sm\:min-w-64 {
      min-width: calc(var(--spacing) * 64);
    }

    .sm\:min-w-\[220px\] {
      min-width: 220px;
    }

    .sm\:flex-1 {
      flex: 1;
    }

    .sm\:flex-none {
      flex: none;
    }

    .sm\:basis-0 {
      flex-basis: 0;
    }

    .sm\:columns-\[200px\] {
      columns: 200px;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto;
    }

    .sm\:grid-cols-\[10px_24px_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: 10px 24px minmax(0, 1fr) auto;
    }

    .sm\:grid-cols-\[104px_minmax\(0\,1fr\)\] {
      grid-template-columns: 104px minmax(0, 1fr);
    }

    .sm\:grid-cols-\[160px_1fr_auto\] {
      grid-template-columns: 160px 1fr auto;
    }

    .sm\:grid-cols-\[auto_1fr\] {
      grid-template-columns: auto 1fr;
    }

    .sm\:grid-cols-\[max-content_1fr\] {
      grid-template-columns: max-content 1fr;
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_160px\] {
      grid-template-columns: minmax(0, 1fr) 160px;
    }

    .sm\:grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .sm\:flex-wrap {
      flex-wrap: wrap;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:items-end {
      align-items: flex-end;
    }

    .sm\:items-start {
      align-items: flex-start;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .sm\:truncate {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }

    .sm\:rounded-xl {
      border-radius: var(--radius-xl);
    }

    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:p-7 {
      padding: calc(var(--spacing) * 7);
    }

    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:py-0 {
      padding-block: 0;
    }

    .sm\:pl-20 {
      padding-left: calc(var(--spacing) * 20);
    }

    .sm\:text-right {
      text-align: right;
    }
  }

  @media (min-width: 48rem) {
    .md\:left-\[52px\] {
      left: 52px;
    }

    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:mx-\[34px\] {
      margin-inline: 34px;
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:grid {
      display: grid;
    }

    .md\:hidden {
      display: none;
    }

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

    .md\:max-h-\[45\%\] {
      max-height: 45%;
    }

    .md\:min-h-0 {
      min-height: 0;
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:grid-cols-\[20px_minmax\(0\,1fr\)_132px_96px_132px\] {
      grid-template-columns: 20px minmax(0, 1fr) 132px 96px 132px;
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_140px\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 140px;
    }

    .md\:grid-cols-\[minmax\(12rem\,\.35fr\)_1fr\] {
      grid-template-columns: minmax(12rem, .35fr) 1fr;
    }

    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .md\:px-\[22px\] {
      padding-inline: 22px;
    }

    .md\:px-\[30px\] {
      padding-inline: 30px;
    }

    .md\:px-\[34px\] {
      padding-inline: 34px;
    }

    .md\:text-\[20px\] {
      font-size: 20px;
    }

    .md\:text-\[24px\] {
      font-size: 24px;
    }

    .md\:text-\[28px\] {
      font-size: 28px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }

    .lg\:top-0 {
      top: 0;
    }

    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:w-64 {
      width: calc(var(--spacing) * 64);
    }

    .lg\:w-\[34rem\] {
      width: 34rem;
    }

    .lg\:w-\[320px\] {
      width: 320px;
    }

    .lg\:w-\[400px\] {
      width: 400px;
    }

    .lg\:flex-1 {
      flex: 1;
    }

    .lg\:flex-none {
      flex: none;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[340px_minmax\(0\,1fr\)\] {
      grid-template-columns: 340px minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_140px_140px\] {
      grid-template-columns: minmax(0, 1fr) 140px 140px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_150px_260px\] {
      grid-template-columns: minmax(0, 1fr) 150px 260px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_380px\] {
      grid-template-columns: minmax(0, 1fr) 380px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(18rem\,0\.65fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(18rem, .65fr);
    }

    .lg\:grid-cols-\[minmax\(0\,3fr\)_minmax\(320px\,2fr\)\] {
      grid-template-columns: minmax(0, 3fr) minmax(320px, 2fr);
    }

    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:items-center {
      align-items: center;
    }

    .lg\:items-start {
      align-items: flex-start;
    }

    .lg\:justify-between {
      justify-content: space-between;
    }

    .lg\:justify-end {
      justify-content: flex-end;
    }

    .lg\:overflow-hidden {
      overflow: hidden;
    }

    .lg\:overflow-y-auto {
      overflow-y: auto;
    }

    .lg\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .lg\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .lg\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .lg\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .lg\:px-\[34px\] {
      padding-inline: 34px;
    }

    .lg\:py-7 {
      padding-block: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 80rem) {
    .xl\:static {
      position: static;
    }

    .xl\:w-\[300px\] {
      width: 300px;
    }

    .xl\:w-\[360px\] {
      width: 360px;
    }

    .xl\:max-w-none {
      max-width: none;
    }

    .xl\:flex-none {
      flex: none;
    }

    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .xl\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(360px\,0\.95fr\)\] {
      grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_380px\] {
      grid-template-columns: minmax(0, 1fr) 380px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:hidden {
      display: none;
    }
  }

  @container (min-width: 40rem) {
    .\@min-\[40rem\]\:table-cell {
      display: table-cell;
    }
  }

  @container (min-width: 48rem) {
    .\@min-\[48rem\]\:table-cell {
      display: table-cell;
    }
  }

  @container (min-width: 64rem) {
    .\@min-\[64rem\]\:table-cell {
      display: table-cell;
    }
  }

  .dark\:block:where(.dark, .dark *) {
    display: block;
  }

  .dark\:hidden:where(.dark, .dark *) {
    display: none;
  }

  .dark\:invert:where(.dark, .dark *) {
    --tw-invert: invert(100%);
    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, );
  }

  .\[\&_button\]\:whitespace-nowrap button {
    white-space: nowrap;
  }

  .\[\&_iframe\]\:\!h-full iframe {
    height: 100% !important;
  }

  .\[\&_iframe\]\:min-h-\[50vh\] iframe {
    min-height: 50vh;
  }

  .\[\&_img\]\:mx-auto img {
    margin-inline: auto;
  }

  .\[\&_img\]\:max-h-full img {
    max-height: 100%;
  }

  .\[\&_img\]\:object-contain img {
    object-fit: contain;
  }

  .\[\&_svg\]\:h-3 svg {
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\]\:w-3 svg {
    width: calc(var(--spacing) * 3);
  }

  .\[\&_table\]\:table-fixed table {
    table-layout: fixed;
  }

  .\[\&_td\]\:overflow-hidden td {
    overflow: hidden;
  }

  .\[\&_td\]\:text-ellipsis td {
    text-overflow: ellipsis;
  }

  .\[\&_td\]\:whitespace-nowrap td {
    white-space: nowrap;
  }

  .\[\&\:empty\]\:hidden:empty {
    display: none;
  }

  .\[\&\>span\>span\:not\(\[aria-hidden\]\)\]\:sr-only > span > span:not([aria-hidden]) {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
}

html {
  font-size: 16px;
}

:root {
  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 20;
  --z-drawer: 30;
  --z-overlay: 50;
  --z-dialog: 60;
  --z-toast: 70;
  --duration-fast: .12s;
  --duration-base: .18s;
  --duration-slow: .28s;
  --layout-rail: 12.5rem;
  --layout-rail-collapsed: 3rem;
  --layout-max: 80rem;
  --layout-gutter: 1rem;
}

@media (min-width: 640px) {
  :root {
    --layout-gutter: 1.5rem;
  }
}

@media (min-width: 1024px) {
  :root {
    --layout-gutter: 2rem;
  }
}

.dark {
  --shadow-elev-sm: none;
  --shadow-elev-md: none;
  --shadow-action: none;
  --shadow-glow: none;
  --shadow-overlay: 0 1.25rem 3.5rem -.75rem #000000b8, 0 .25rem .875rem -.25rem #0000008f;
}

:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

:root.dark {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

body {
  background: var(--v2-surface-app);
  color: var(--v2-ink);
  letter-spacing: -.006em;
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

h1, h2, h3 {
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

.tnum {
  font-variant-numeric: tabular-nums;
}

.font-system {
  font-family: var(--font-numeric);
  font-variant-numeric: tabular-nums;
}

.ident {
  font-family: var(--font-mono);
  font-feature-settings: "cv01", "ss03";
  letter-spacing: -.013em;
}

.elev {
  box-shadow: var(--shadow-elev-sm);
}

.elev-md {
  box-shadow: var(--shadow-elev-md);
}

.soft-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--v2-border-strong) transparent;
}

.soft-scroll::-webkit-scrollbar {
  width: .375rem;
  height: .375rem;
}

.soft-scroll::-webkit-scrollbar-track {
  background: none;
}

.soft-scroll::-webkit-scrollbar-thumb {
  background: var(--v2-border-strong);
  border-radius: 9999px;
}

.toast-card {
  animation: toast-in var(--duration-base) var(--ease-brand);
}

@keyframes toast-in {
  from {
    opacity: 0;
    transform: translateY(.5rem);
  }
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@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-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__1oyjy8_._.css.map*/