/* [project]/apps/web/src/components/auth/login.css [app-client] (css) */
.auth-wrap {
  --step-error: var(--red, #ff3b30);
}

html[data-theme="dark"] .auth-wrap {
  --step-error: var(--red, #ff453a);
}

.auth-wrap {
  min-height: 100dvh;
  background: var(--bg);
  place-items: safe center center;
  min-height: 100svh;
  padding: 24px;
  display: grid;
}

@supports (padding: max(0px)) {
  .auth-wrap {
    padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
  }
}

.auth-card {
  text-align: left;
  width: 100%;
  max-width: 380px;
  padding: 8px 26px 26px;
  position: relative;
}

.auth-lang {
  top: calc(env(safe-area-inset-top, 0px)  + 8px);
  right: calc(env(safe-area-inset-right, 0px)  + 14px);
  gap: 2px;
  display: flex;
  position: absolute;
}

.auth-lang-b {
  color: var(--mut);
  padding: 4px 5px;
  font-size: 12.5px;
  font-weight: 600;
}

.auth-lang-b.on {
  color: var(--ink);
  text-underline-offset: 4px;
  text-decoration: underline;
}

.auth-brand {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  display: flex;
}

.auth-name {
  letter-spacing: -.01em;
  color: var(--ink);
  font-size: 16px;
  font-weight: 700;
}

.auth-h {
  letter-spacing: -.012em;
  text-align: left;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
}

.auth-sub {
  color: var(--mut);
  text-align: left;
  margin: 10px 0 24px;
  font-size: 14px;
  line-height: 1.35;
}

.auth-sub.err {
  color: var(--red, #ff3b30);
  font-weight: 600;
}

.auth-sub.ok {
  color: var(--green, #0fa3b1);
  font-weight: 600;
}

@media (max-height: 700px) {
  .auth-h {
    font-size: 22px;
  }
}

.auth-lbl {
  text-align: left;
  color: var(--mut);
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 600;
  display: block;
}

.auth-input {
  background: color-mix(in srgb, var(--ink) 4%, transparent);
  border-radius: var(--r-md);
  box-sizing: border-box;
  width: 100%;
  min-height: 52px;
  color: var(--ink);
  border: 1px solid rgba(0, 0, 0, 0);
  margin-bottom: 14px;
  padding: 14px;
  font-family: inherit;
  font-size: 16px;
  transition: background-color .14s, border-color .14s;
}

.auth-input::placeholder {
  color: var(--mut);
}

.auth-input:focus {
  background: var(--surf);
  border-color: color-mix(in srgb, var(--accent) 35%, transparent);
  outline: none;
}

.auth-code {
  text-align: center;
  letter-spacing: .4em;
  font-variant-numeric: tabular-nums;
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 820px) {
  .auth-input {
    font-size: 16px;
  }

  .auth-input.auth-code {
    font-size: 24px;
  }
}

.auth-btn {
  cursor: pointer;
  box-sizing: border-box;
  border-radius: var(--r-md);
  background: var(--accent);
  width: 100%;
  min-height: 52px;
  color: var(--accent-ink, #fff);
  box-shadow: var(--bub-sh);
  border: 1px solid rgba(0, 0, 0, 0);
  margin-top: 10px;
  padding: 14px 16px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  transition: all .14s;
}

@media (hover: hover) and (pointer: fine) {
  .auth-btn:hover:not(:disabled) {
    background: var(--accent-d);
    filter: none;
  }
}

.auth-btn:disabled {
  opacity: .5;
  cursor: default;
  box-shadow: none;
}

:where(html.app) .auth-card .k-btn.auth-btn {
  border-radius: var(--r-md);
  min-height: 52px;
  font-size: 16px;
  font-weight: 600;
  line-height: inherit;
  letter-spacing: normal;
  padding: 14px 16px;
  display: inline-block;
}

:where(html.app) .auth-claim .k-btn.auth-btn {
  border-radius: var(--r-md);
  min-height: 52px;
  font-size: 16px;
  font-weight: 600;
  line-height: inherit;
  letter-spacing: normal;
  padding: 14px 16px;
  display: inline-block;
}

:where(html.app) .auth-claim .k-inp.auth-input {
  line-height: inherit;
}

.auth-claim .k-bare.auth-link {
  text-align: center;
  font-variant-numeric: normal;
}

.auth-err {
  color: var(--accent-d);
  background: var(--accent-soft);
  border-radius: var(--r-sm);
  margin-top: 12px;
  padding: 9px 12px;
  font-size: 13px;
  font-weight: 600;
}

.auth-ok {
  color: var(--green, #0fa3b1);
  margin-top: 12px;
  font-size: 13px;
  font-weight: 600;
}

.auth-links {
  justify-content: space-between;
  gap: 10px;
  margin-top: 16px;
  display: flex;
}

.auth-link {
  color: var(--mut);
  cursor: pointer;
  background: none;
  border: none;
  padding: 2px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
}

.auth-link:hover:not(:disabled) {
  color: var(--accent-d);
}

.auth-link:disabled {
  opacity: .5;
  cursor: default;
}

.auth-link-block {
  color: var(--accent-d);
  margin-top: 10px;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

@media (max-width: 640px) {
  .auth-wrap {
    min-height: 100dvh;
    place-items: start center;
    min-height: 100svh;
    padding: 0;
  }

  .auth-card {
    max-width: none;
    min-height: 100dvh;
    min-height: 100svh;
    box-shadow: none;
    padding: max(24px, env(safe-area-inset-top, 0px)) 18px calc(18px + env(safe-area-inset-bottom, 0px));
    border: none;
    border-radius: 0;
  }

  .auth-brand {
    margin-bottom: 26px;
  }

  .auth-sub {
    margin-bottom: 24px;
  }

  .auth-wrap, .auth-wrap * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
  }

  .auth-wrap input, .auth-wrap textarea {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
  }
}

.onb-dot {
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  padding: 0;
}

.auth-corner {
  left: calc(20px + env(safe-area-inset-left, 0px));
  top: calc(14px + env(safe-area-inset-top, 0px));
  z-index: 5;
  align-items: center;
  gap: 9px;
  display: flex;
  position: fixed;
}

.auth-corner .auth-name {
  font-size: 16px;
}

@media (min-width: 821px) {
  .auth-corner {
    display: none;
  }
}

@media (max-width: 820px) {
  .auth-wrap {
    padding-top: calc(72px + env(safe-area-inset-top, 0px));
    padding-left: max(20px, env(safe-area-inset-left));
    padding-right: max(20px, env(safe-area-inset-right));
    align-items: start;
  }

  .auth-card {
    max-width: 480px;
    padding-left: 0;
    padding-right: 0;
  }

  .auth-brand {
    display: none;
  }
}

.auth-wrap.in-app {
  padding-top: calc(72px + env(safe-area-inset-top, 0px));
  padding-left: max(20px, env(safe-area-inset-left));
  padding-right: max(20px, env(safe-area-inset-right));
  align-items: start;
}

.auth-wrap.in-app .auth-card {
  max-width: 480px;
  padding-left: 0;
  padding-right: 0;
}

.auth-ctl2 {
  top: calc(14px + env(safe-area-inset-top, 0px));
  z-index: 5;
  gap: 8px;
  display: flex;
  position: fixed;
  right: 16px;
}

.auth-tctl {
  border-radius: var(--r-sm);
  border: 1px solid var(--line);
  background: var(--surf);
  width: 38px;
  height: 34px;
  color: var(--ink);
  text-align: center;
  place-items: center;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  display: grid;
}

html.in-sheet .auth-corner, html.in-sheet .auth-brand, html.in-sheet .auth-ctl2, html.in-sheet .auth-lang {
  display: none;
}

html.in-sheet .auth-wrap, html.in-sheet .auth-wrap.in-app {
  align-items: start;
  padding-top: 28px;
}

html.in-sheet .auth-card {
  padding-top: 0;
}

.cab.cab-auth {
  font-size: inherit;
  line-height: inherit;
  display: contents;
}

.cab.cab-auth:before {
  display: none;
}

.cab-auth > .drawer-ov {
  font-size: 14px;
  line-height: 1.5;
}

.cab.cab-auth .drawer-ov {
  z-index: 210;
}

.cab.cab-auth .drawer-ov.ov2 {
  z-index: 214;
}

@media (max-width: 820px) {
  .cab.cab-auth {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
  }

  .cab.cab-auth :where(:not(:-webkit-any(.drawer-ov, .drawer-ov *, .onb, .onb *))) {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
  }

  .cab.cab-auth :where(:not(:-moz-any(.drawer-ov, .drawer-ov *, .onb, .onb *))) {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
  }

  .cab.cab-auth :where(:not(:is(.drawer-ov, .drawer-ov *, .onb, .onb *))) {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
  }
}

.cab-auth .auth-card.in-sheet-form {
  max-width: none;
  min-height: 0;
  padding: 0 max(0px, calc(20px - var(--cab-pad, 16px))) 24px;
}

.cab-auth .paywall-card.wel-sheet {
  max-width: none;
  box-shadow: none;
  padding: 0 max(0px, calc(20px - var(--cab-pad, 16px))) 24px;
  background: none;
  border: 0;
}

.auth-code-wrap {
  position: relative;
}

.auth-code-boxes {
  justify-content: center;
  gap: 12px;
  margin: 0 0 14px;
  display: flex;
}

.auth-code-box {
  border-radius: var(--r-md);
  background: color-mix(in srgb, var(--ink) 4%, transparent);
  font-variant-numeric: tabular-nums;
  width: 54px;
  height: 54px;
  color: var(--ink);
  border: 2px solid rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  display: inline-flex;
}

.auth-code-box.is-on {
  border-color: var(--accent-stroke);
}

.auth-code-wrap .auth-input.auth-code {
  opacity: 0;
  height: 54px;
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (max-width: 820px) {
  html:not(.app) .auth-input:focus {
    background: color-mix(in srgb, var(--ink) 4%, transparent);
    border-color: rgba(0, 0, 0, 0);
  }

  html:not(.app) .auth-btn:disabled {
    opacity: 1;
    background: color-mix(in srgb, var(--ink) 8%, transparent);
    color: var(--mut);
  }

  html:not(.app) .auth-links {
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin-top: 22px;
  }

  html:not(.app) .auth-link, html:not(.app) .auth-link-block {
    color: var(--accent-stroke);
    font-size: 14px;
    font-weight: 500;
  }
}

.auth-code-box.is-bad {
  animation: .36s cubic-bezier(.36, .07, .19, .97) auth-code-shake;
}

@keyframes auth-code-shake {
  10%, 90% {
    transform: translateX(-1px);
  }

  20%, 80% {
    transform: translateX(2px);
  }

  30%, 50%, 70% {
    transform: translateX(-3px);
  }

  40%, 60% {
    transform: translateX(3px);
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab-auth .drawer.sheet {
    background: radial-gradient(46vw 38vh at 88% 8%, color-mix(in srgb, var(--accent-soft) 96%, transparent), transparent 70%), radial-gradient(40vw 34vh at 6% 62%, color-mix(in srgb, var(--green-soft) 84%, transparent), transparent 72%), var(--surf);
  }

  html:not(.app) .cab-auth .drawer.sheet .dr-head {
    width: auto;
    padding: 16px 16px 0 0;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
  }

  html:not(.app) .cab-auth .drawer.sheet .dr-body {
    --dr-top: 31px;
    margin-top: 0;
  }

  html:not(.app) .cab-auth .in-sheet-form .auth-lbl {
    line-height: 16px;
  }

  html:not(.app) .cab-auth .in-sheet-form .auth-input {
    border-radius: var(--r);
    margin-bottom: 10px;
  }

  html:not(.app) .cab-auth .in-sheet-form .auth-input::-moz-placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab-auth .in-sheet-form .auth-input::placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab-auth .in-sheet-form .auth-btn {
    box-shadow: none;
    border-radius: 999px;
    margin-top: 0;
  }

  html:not(.app) .cab-auth .in-sheet-form .auth-sub.err, html:not(.app) .cab-auth .in-sheet-form .auth-sub.ok {
    font-weight: 400;
  }

  html:not(.app) .cab-auth .in-sheet-form .auth-btn:disabled {
    color: var(--mut-2);
  }

  html:not(.app) .cab-auth .in-sheet-form .auth-links {
    gap: 11px;
    margin-top: 15px;
  }

  html:not(.app) .cab-auth .in-sheet-form .auth-code-boxes {
    gap: 10px;
    margin-bottom: 10px;
  }

  html:not(.app) .cab-auth .in-sheet-form .auth-code-box {
    border-radius: var(--r);
    border-width: 1.6px;
    width: 52px;
    height: 52px;
    font-size: 26px;
    font-weight: 600;
  }

  html:not(.app) .cab-auth .in-sheet-form .auth-code-wrap .auth-input.auth-code {
    height: 52px;
  }

  html:not(.app) .cab-auth .in-sheet-form:not(.vp) .auth-sub:not(.err):not(.ok) {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

/* [project]/apps/web/src/components/pay/paywall.css [app-client] (css) */
.paywall {
  background: var(--bg, #f4f1ec);
  place-items: center;
  min-height: 100dvh;
  padding: 24px 16px;
  display: grid;
}

.paywall-card {
  background: var(--surf, #fff);
  border: 1px solid var(--line2, #ededea);
  border-radius: var(--bub-r);
  width: 100%;
  max-width: 560px;
  box-shadow: var(--bub-sh);
  padding: 24px;
}

.pw-brand {
  align-items: center;
  gap: 10px;
  margin-bottom: 26px;
  display: flex;
}

.pw-brand img {
  border-radius: var(--r-sm);
  width: 36px;
  height: 36px;
}

.pw-brand b {
  color: var(--ink, #141414);
  letter-spacing: -.01em;
  font-size: 17px;
  font-weight: 800;
}

.pw-brand .btn, .pw-brand button {
  color: var(--mut, #a09891);
  border-radius: var(--r-sm);
  cursor: pointer;
  background: none;
  border: none;
  flex: none;
  margin-left: auto;
  padding: 6px 8px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
}

.pw-brand .confirm2 {
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  display: flex;
}

.pw-brand .confirm2-q {
  color: var(--mut, #a09891);
  font-size: 13px;
  font-weight: 600;
}

.pw-brand .confirm2 button {
  border: 1px solid var(--line2, #ededea);
  margin-left: 0;
  padding: 6px 10px;
}

.pw-brand .confirm2 button.primary {
  color: var(--accent-ink, #141414);
  background: var(--accent, #feb3c8);
  border-color: var(--accent, #feb3c8);
}

.pw-promo-banner {
  border-radius: var(--r-sm);
  background: var(--accent, #feb3c8);
  color: var(--accent-ink, #141414);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 12px;
  padding: 10px 14px;
  display: flex;
}

.pw-promo-banner b {
  font-size: 13.5px;
  font-weight: 800;
}

.pw-promo-count {
  opacity: .92;
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
  font-weight: 600;
}

.pw-total {
  border: 1px solid var(--line2, #ededea);
  border-radius: var(--r-sm);
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 14px;
  padding: 11px 14px;
  display: flex;
}

.pw-total-lbl {
  color: var(--mut, #a09891);
  font-size: 13px;
  font-weight: 600;
}

.pw-total-prices {
  align-items: baseline;
  gap: 8px;
  display: inline-flex;
}

.pw-total-prices s {
  color: var(--mut, #a09891);
  font-size: 13px;
}

.pw-total-prices b {
  color: var(--ink, #141414);
  font-size: 17px;
  font-weight: 800;
}

.pw-total-note {
  color: var(--accent-stroke, #e23570);
  font-size: 11.5px;
  font-weight: 700;
}

.pw-total-bonus {
  color: var(--green, #0fa3b1);
  font-size: 11.5px;
  font-weight: 700;
}

.paywall-head {
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}

.paywall-head h1 {
  color: var(--ink, #141414);
  letter-spacing: -.01em;
  font-size: 22px;
  font-weight: 800;
}

.paywall-head .sub {
  color: var(--mut, #a09891);
  margin-top: 6px;
  font-size: 13.5px;
  line-height: 1.45;
}

.paywall-head .btn {
  color: var(--mut, #a09891);
  border: 1px solid var(--line2, #ededea);
  border-radius: var(--r-sm);
  cursor: pointer;
  background: none;
  flex: none;
  margin-left: auto;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
}

.pw-seg {
  border: 1px solid var(--line2, #ededea);
  border-radius: 100px;
  gap: 4px;
  margin-bottom: 12px;
  padding: 4px;
  display: flex;
}

.pw-seg button {
  color: var(--mut, #a09891);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 100px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 7px 8px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
}

.pw-seg button.on {
  background: var(--accent, #feb3c8);
  color: var(--accent-ink, #141414);
}

.pw-seg-disc {
  color: var(--accent-stroke, #e23570);
  font-size: 11px;
  font-weight: 800;
}

.pw-seg button.on .pw-seg-disc {
  color: var(--accent-ink, #141414);
  opacity: .85;
}

.paywall-plans {
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
  display: grid;
}

.paywall-plan {
  text-align: center;
  border: 1.5px solid var(--line2, #ededea);
  border-radius: var(--r);
  cursor: pointer;
  background: none;
  padding: 14px 8px;
  font-family: inherit;
  transition: all .15s;
  position: relative;
}

.pp-badge {
  color: var(--accent-ink, #141414);
  background: var(--accent, #feb3c8);
  border-radius: var(--r-sm);
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 800;
  position: absolute;
  top: -9px;
  right: 8px;
}

.pp-old {
  color: var(--mut, #a09891);
  margin-top: 2px;
  font-size: 12px;
  text-decoration: line-through;
}

.pp-permo {
  color: var(--accent-stroke, #e23570);
  margin-top: 2px;
  font-size: 11.5px;
  font-weight: 600;
}

.pp-bonus {
  color: var(--green, #0fa3b1);
  margin-top: 4px;
  font-size: 11px;
  font-weight: 700;
}

.pp-promo {
  color: var(--accent-stroke, #e23570);
  margin-top: 4px;
  font-size: 11px;
  font-weight: 700;
}

.pp-limit {
  color: var(--ink, #141414);
  margin-top: 6px;
  font-size: 11.5px;
}

.pw-benefits {
  gap: 7px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  display: grid;
}

.pw-benefits li {
  color: var(--ink, #141414);
  padding-left: 24px;
  font-size: 13.5px;
  line-height: 1.45;
  position: relative;
}

.pw-benefits li:before {
  content: "✓";
  color: var(--accent-stroke, #e23570);
  font-weight: 800;
  position: absolute;
  top: 0;
  left: 0;
}

.pw-check {
  border: 1px solid var(--line2, #ededea);
  border-radius: var(--r-sm);
  cursor: pointer;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 14px;
  padding: 11px 12px;
  display: flex;
}

.pw-check input {
  width: 16px;
  height: 16px;
  accent-color: var(--accent-stroke, #e23570);
  cursor: pointer;
  flex: none;
  margin-top: 2px;
}

.pw-check b {
  color: var(--ink, #141414);
  font-size: 13.5px;
  font-weight: 700;
  display: block;
}

.pw-check small {
  color: var(--mut, #a09891);
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.4;
  display: block;
}

@media (hover: hover) and (pointer: fine) {
  .paywall-plan:hover {
    border-color: var(--accent-soft, #ffe7ed);
  }
}

.paywall-plan.on {
  border-color: var(--accent-stroke, #e23570);
  background: var(--accent-soft, #ffe7ed);
}

.pp-label {
  color: var(--mut, #a09891);
  margin-bottom: 6px;
  font-size: 13px;
}

.pp-price {
  color: var(--ink, #141414);
  font-size: 18px;
  font-weight: 800;
}

.paywall-cta {
  width: 100%;
  color: var(--accent-ink, #141414);
  background: var(--accent, #feb3c8);
  border-radius: var(--r);
  cursor: pointer;
  box-shadow: var(--bub-sh);
  border: none;
  padding: 14px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  transition: transform .15s, box-shadow .15s;
  display: block;
}

@media (hover: hover) and (pointer: fine) {
  .paywall-cta:hover {
    box-shadow: var(--float-sh);
    transform: translateY(-1px);
  }
}

.paywall-cta:disabled {
  opacity: .7;
  cursor: default;
  transform: none;
}

.tg-cta {
  box-shadow: var(--bub-sh);
  background: linear-gradient(135deg, #2aabee, #229ed9);
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

.tg-cta svg {
  flex: none;
  width: 22px;
  height: 22px;
}

.paywall-note {
  color: var(--mut, #a09891);
  text-align: center;
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.45;
}

.pw-back {
  color: var(--mut, #a09891);
  border: 1px solid var(--line2, #ededea);
  border-radius: var(--r-sm);
  cursor: pointer;
  background: none;
  margin-bottom: 10px;
  padding: 7px 12px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
}

@media (hover: hover) and (pointer: fine) {
  .pw-back:hover {
    color: var(--ink, #141414);
  }
}

.paywall-frame {
  border: 1px solid var(--line2, #ededea);
  border-radius: var(--r);
  width: 100%;
  height: 70vh;
}

.vp-steps {
  color: var(--ink, #141414);
  margin: 4px 0 16px;
  padding-left: 20px;
  font-size: 13.5px;
  line-height: 1.7;
}

.vp-code {
  letter-spacing: .15em;
  color: var(--accent-stroke, #e23570);
  font-family: ui-monospace, monospace;
}

@media (max-width: 640px) {
  .paywall {
    place-items: stretch stretch;
    padding: 0;
  }

  .paywall-card {
    max-width: none;
    min-height: 100dvh;
    box-shadow: none;
    padding: max(18px, env(safe-area-inset-top, 0px)) 16px calc(16px + env(safe-area-inset-bottom));
    border: none;
    border-radius: 0;
    flex-direction: column;
    display: flex;
  }

  .pw-brand {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .paywall-head {
    margin-bottom: 10px;
  }

  .paywall-head h1 {
    font-size: 19px;
  }

  .pw-benefits {
    gap: 5px;
    margin-bottom: 12px;
  }

  .pw-benefits li {
    padding-left: 20px;
    font-size: 12.5px;
    line-height: 1.35;
  }

  .paywall-plans {
    gap: 8px;
    margin-bottom: 12px;
  }

  .paywall-plan {
    border-radius: var(--r-sm);
    padding: 10px 4px;
  }

  .pp-label {
    margin-bottom: 3px;
    font-size: 11.5px;
  }

  .pp-price {
    font-size: 16px;
  }

  .pp-old {
    font-size: 11px;
  }

  .pp-permo {
    font-size: 10.5px;
  }

  .pw-check {
    margin-top: auto;
    margin-bottom: 12px;
    padding: 9px 10px;
  }

  .pw-check b {
    font-size: 12.5px;
  }

  .pw-check small {
    font-size: 11px;
  }

  .paywall-cta {
    padding: 13px;
    font-size: 14.5px;
  }

  .paywall-note {
    margin-top: 8px;
    font-size: 10.5px;
  }

  .paywall-frame {
    height: calc(100dvh - 140px);
  }

  .paywall, .paywall * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
  }

  .paywall input, .paywall textarea {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
  }
}

.pw-staff {
  margin-top: 14px;
  padding: 16px 24px;
}

.pw-staff-hint {
  color: var(--mut, #a09891);
  margin: 0 0 10px;
  font-size: 13px;
}

.pw-staff-btn {
  border: 1px solid var(--line2, #ededea);
  border-radius: var(--r-sm);
  width: 100%;
  color: var(--ink, #141414);
  text-align: left;
  cursor: pointer;
  background: none;
  margin-top: 8px;
  padding: 11px 14px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  display: block;
}

@media (hover: hover) and (pointer: fine) {
  .pw-staff-btn:hover {
    border-color: var(--accent-stroke, #e23570);
  }
}

.pw-staff-btn:disabled {
  opacity: .6;
  cursor: default;
}

/* [project]/apps/web/src/components/pay/verify-phone.css [app-client] (css) */
.auth-card.vp {
  flex-direction: column;
  max-width: 480px;
  display: flex;
}

@media (max-width: 820px) {
  .auth-card.vp {
    padding-top: 56px;
  }
}

.vp-gap--c {
  flex: auto;
  min-height: 18px;
}

.vp .tg-cta {
  color: #fff;
  border-radius: 999px;
  margin-top: 52px;
}

.vp .vp-steps {
  color: var(--ink);
  gap: 18px;
  margin: 28px 0 0;
  padding-left: 26px;
  font-size: 15px;
  line-height: 1.35;
  list-style: decimal;
  display: grid;
}

.vp .vp-steps li::marker {
  color: var(--mut);
  font-weight: 600;
}

.vp-acts {
  gap: 20px;
  margin-top: 52px;
  display: grid;
}

.vp-manual {
  justify-items: center;
  gap: 10px;
  display: grid;
}

.vp-copy {
  text-align: center;
  color: var(--mut);
  cursor: pointer;
  padding: 4px 2px;
  font-size: 15px;
  line-height: 1.35;
  display: block;
}

.vp-copy b {
  color: var(--ink);
  font-weight: 600;
}

.vp-copy svg {
  vertical-align: -2px;
  color: var(--tg-blue, #229ed9);
  margin-left: 3px;
  display: inline-block;
}

.vp-copy.done svg {
  color: var(--green, #0fa3b1);
}

.vp .vp-code {
  letter-spacing: .15em;
  color: var(--accent-stroke);
  text-align: center;
  font-family: ui-monospace, monospace;
  font-size: 24px;
  font-weight: 600;
}

.vp-wait {
  color: var(--mut);
  text-align: center;
  margin: 0;
  font-size: 14px;
}

.vp-out {
  justify-content: center;
  display: flex;
}

.vp-out .btn {
  color: var(--mut);
  cursor: pointer;
  background: none;
  border: none;
  padding: 6px 8px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
}

@media (hover: hover) and (pointer: fine) {
  .vp-out .btn:hover {
    color: var(--ink);
  }
}

.vp-out .confirm2 {
  color: var(--mut);
  align-items: center;
  gap: 8px;
  font-size: 13px;
  display: flex;
}

@media (max-width: 820px) {
  .auth-wrap.vp-wrap {
    padding-top: max(24px, env(safe-area-inset-top, 0px));
    align-items: stretch;
  }
}

.auth-wrap.vp-wrap .auth-card.vp {
  min-height: 0;
}

html.in-sheet .auth-wrap.vp-wrap {
  align-items: stretch;
}

@media (max-width: 820px) {
  html:not(.app) .vp .vp-steps {
    counter-reset: vp;
    gap: 18px;
    margin-top: 28px;
    padding-left: 0;
    font-size: 15px;
    line-height: 19px;
    list-style: none;
  }

  html:not(.app) .vp .vp-steps li {
    counter-increment: vp;
    -moz-column-gap: 8px;
    grid-template-columns: 28px 1fr;
    column-gap: 8px;
    display: grid;
  }

  html:not(.app) .vp .vp-steps li:before {
    content: counter(vp) ".";
    color: var(--mut);
    font-weight: 600;
  }

  html:not(.app) .auth-card.vp {
    flex-direction: column;
    min-height: calc(100dvh - 140px);
    display: flex;
  }

  html:not(.app) .auth-card.vp.in-sheet-form {
    min-height: calc(100dvh - 85px);
    padding-bottom: 30px;
  }

  html:not(.app) .vp .auth-sub {
    min-height: 40px;
    margin-bottom: 0;
    font-size: 14px;
  }

  html:not(.app) .vp .tg-cta {
    min-height: 52px;
    margin-top: 28px;
    font-size: 16px;
    font-weight: 600;
  }

  html:not(.app) .vp .vp-acts {
    margin-top: 25px;
  }

  html:not(.app) .vp .vp-copy {
    line-height: 25px;
  }

  html:not(.app) .vp .vp-manual {
    gap: 10px;
  }

  html:not(.app) .vp .vp-code {
    font-size: 22px;
    line-height: 26px;
  }
}

/* [project]/apps/web/src/components/cabinet/cabinet.css [app-client] (css) */
.cab .tpl-rows .row {
  cursor: pointer;
  box-sizing: border-box;
  align-items: flex-start;
  gap: 12px;
  min-height: 66px;
  padding: 13px 14px;
}

.cab .tpl-rows .tpl-row-col {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.cab .tpl-rows .row .nm {
  white-space: normal;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.3;
  overflow: visible;
}

.cab .tpl-rows .row .meta {
  margin-top: 0;
  line-height: 1.35;
}

.cab .tpl-rows .tpl-nm {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.cab .tpl-rows .tpl-nm-ics {
  flex: none;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.cab .tpl-hint {
  margin: 0 0 12px;
}

.cab .tpl-title {
  font-size: 28px;
  font-weight: var(--head-weight);
  letter-spacing: var(--head-kern);
  line-height: var(--head-lh);
  color: var(--ink);
  margin: 0 0 6px;
  display: none;
}

html:not(.app) .cab .drawer.sheet:not(.dr-headless) .tpl-title {
  display: none;
}

.cab .tpl-tile {
  border-radius: var(--r-sm);
  background: color-mix(in srgb, currentColor 12%, transparent);
  flex: none;
  place-items: center;
  width: 44px;
  height: 44px;
  display: grid;
}

@media (max-width: 820px) {
  html:not(.app) .cab .drawer.sheet.dr-headless .dr-head {
    display: none;
  }

  html:not(.app) .cab .drawer.sheet.dr-headless .dr-body {
    --dr-head-h: 28px;
  }

  html:not(.app) .cab .tpl-title {
    margin-top: 26px;
    font-size: 24px;
    display: block;
  }

  html:not(.app) .cab .tpl-hint {
    margin-bottom: 22px;
    font-size: 15px;
    line-height: 1.3;
  }

  html:not(.app) .cab .tpl-rows {
    --bub-pad: 0px;
    --bub-gap: 0px;
  }

  html:not(.app) .cab .tpl-rows .row, html:not(.app) .cab .dr-body .tpl-rows > .row {
    align-items: flex-start;
    gap: 12px;
    padding: 13px 20px;
  }

  html:not(.app) .cab .tpl-rows .row .nm {
    font-size: 17px;
    font-weight: 400;
  }

  html:not(.app) .cab .tpl-rows .row .meta {
    font-size: 13px;
    line-height: 1.28;
  }

  html:not(.app) .cab .tpl-rows .row + .row:after {
    left: 20px;
    right: 20px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .drawer.sheet.dr-headless .dr-head {
    display: none;
  }

  html:not(.app) .cab .drawer.sheet.dr-headless .dr-body {
    --dr-head-h: 28px;
  }

  html:not(.app) .cab .tpl-title {
    margin-top: 26px;
    font-size: 24px;
    display: block;
  }

  html:not(.app) .cab .tpl-hint {
    margin-bottom: 22px;
    font-size: 15px;
    line-height: 1.3;
  }

  html:not(.app) .cab .tpl-rows {
    --bub-pad: 0px;
    --bub-gap: 0px;
  }

  html:not(.app) .cab .tpl-rows .row, html:not(.app) .cab .dr-body .tpl-rows > .row {
    align-items: flex-start;
    gap: 12px;
    padding: 13px 20px;
  }

  html:not(.app) .cab .tpl-rows .row .nm {
    font-size: 17px;
    font-weight: 400;
  }

  html:not(.app) .cab .tpl-rows .row .meta {
    font-size: 13px;
    line-height: 1.28;
  }

  html:not(.app) .cab .tpl-rows .row + .row:after {
    left: 20px;
    right: 20px;
  }
}

.cab .tpl-rows .tpl-row-sub {
  color: var(--mut-2);
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 5px;
  display: flex;
}

.cab .tpl-rows .tpl-row-sub .scn-card-cat {
  font-weight: 400;
}

.cab .tpl-rows .tpl-wiz-mark {
  gap: 5px;
  margin-top: 0;
  font-size: 13px;
  display: flex;
}

.cab .tpl-rows .row + .row:after {
  content: "";
  left: 14px;
  right: 14px;
  top: calc(-.5 * var(--bub-gap));
  background: var(--line);
  pointer-events: none;
  z-index: 0;
  height: 1px;
  position: absolute;
}

.cab {
  --green-s: #f4f1ec;
  --bub-mine-bg: color-mix(in oklab, var(--accent-stroke) 16%, var(--surf));
  --bub-peer-bg: color-mix(in oklab, var(--green-stroke) 16%, var(--surf));
  --msg-r: 20px;
  --msg-r-join: 8px;
  --msg-faint: color-mix(in oklab, var(--ink) 65%, var(--surf));
  --violet: #2481cc;
  --blue: #2481cc;
  --amber: #e0a020;
  --teal: #0fa3b1;
  --run-pass: #2f8f8f;
  --run-fail: var(--red);
  --run-live: var(--ink);
  --head-air: 10px;
  --nhead-row: 48px;
  font-size: 15px;
  line-height: 1.5;
}

.cab .app {
  height: 100vh;
  height: 100dvh;
  display: flex;
  overflow: hidden;
}

:root {
  --safe-top: max(env(safe-area-inset-top, 0px), var(--safe-top-native, 0px));
  --m-sheet-top: max(calc(var(--safe-top)  + 6px), 20px);
}

@supports (padding: max(0px)) {
  .cab .app {
    padding-top: var(--safe-top);
    padding-left: env(safe-area-inset-left, 0px);
    padding-right: env(safe-area-inset-right, 0px);
  }
}

.cab .side {
  border-right: 1px solid var(--line);
  background: var(--panel-1);
  flex-direction: column;
  flex: none;
  gap: 2px;
  width: 230px;
  height: 100%;
  padding: 18px 14px;
  display: flex;
}

.cab .side-group {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.cab .side-group + .side-group {
  margin-top: 14px;
}

.cab .side2 {
  background: var(--panel-2);
  flex-direction: column;
  flex: none;
  width: 270px;
  height: 100%;
  min-height: 0;
  display: flex;
}

.cab .side2-head {
  color: var(--ink);
  box-sizing: border-box;
  flex: none;
  align-items: center;
  gap: 8px;
  min-height: 72px;
  padding: 18px 16px 16px;
  font-size: 22px;
  font-weight: 650;
  display: flex;
}

.cab .side2-head-t {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.cab .side2-flt {
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--ink) 5%, transparent);
  width: 28px;
  height: 28px;
  color: var(--mut);
  cursor: pointer;
  border: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cab .side2-flt.on {
  background: var(--accent-soft);
  color: var(--accent-d);
}

.cab .side2-ch {
  opacity: .75;
  align-items: center;
  display: flex;
}

.cab .side2-body {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-height: 0;
  padding: 0 10px 16px;
  display: flex;
  overflow-y: auto;
}

.cab .side2-sec {
  color: var(--mut);
  padding: 12px 8px 4px;
  font-size: 12px;
  font-weight: 600;
}

.cab .side2-sec:first-child {
  padding-top: 2px;
}

.cab .side2-sec:not(:first-child) {
  margin-top: 22px;
}

.cab .side2-sec-row {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.cab .side2-fold {
  color: var(--mut);
  cursor: pointer;
  border-radius: var(--r-xs);
  background: none;
  border: 0;
  padding: 2px;
  display: flex;
}

@media (hover: hover) {
  .cab .side2-fold:hover {
    color: var(--ink);
    background: var(--hover);
  }
}

.cab .side2-i {
  border-radius: var(--bub-row-r);
  cursor: pointer;
  text-align: left;
  width: 100%;
  color: var(--ink);
  transition: background var(--m-dur-fast), color var(--m-dur-fast);
  background: none;
  border: 0;
  align-items: center;
  gap: 10px;
  padding: 11px 10px 11px 12px;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 550;
  display: flex;
}

.cab .side2-i .side2-tx {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cab .side2-ic {
  width: 18px;
  height: 18px;
  color: inherit;
  background: none;
  flex: none;
  place-items: center;
  display: grid;
}

.cab .side2-ic svg {
  width: 18px;
  height: 18px;
}

.cab .pick-swatch svg [fill]:not([fill="none"]), .cab .pick-ico svg [fill]:not([fill="none"]), .cab .svc-circle svg [fill]:not([fill="none"]), .cab .side2-sw svg [fill]:not([fill="none"]), .cab .ai-card-ic svg [fill]:not([fill="none"]), .cab .scn-duo svg [fill]:not([fill="none"]), .cab .row .ic svg [fill]:not([fill="none"]) {
  fill: currentColor;
}

.cab .pick-swatch svg [stroke]:not([stroke="none"]), .cab .pick-ico svg [stroke]:not([stroke="none"]), .cab .svc-circle svg [stroke]:not([stroke="none"]), .cab .side2-sw svg [stroke]:not([stroke="none"]), .cab .ai-card-ic svg [stroke]:not([stroke="none"]), .cab .scn-duo svg [stroke]:not([stroke="none"]), .cab .row .ic svg [stroke]:not([stroke="none"]) {
  stroke: currentColor;
}

.cab .side2-sw {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.cab .side2-sw svg, .cab .side2-sw img {
  width: 20px;
  height: 20px;
}

@media (hover: hover) {
  .cab .side2-i:hover {
    background: var(--hover);
    color: var(--ink);
  }
}

.cab .side2-i.on {
  background: var(--hover);
  color: var(--ink);
}

.cab .side2-flt-slot .scn-flt-right {
  flex-direction: column;
  gap: 2px;
  margin: 0;
  display: flex;
}

.cab .side2-flt-slot .scn-flt-right > span {
  width: 100%;
  display: block;
}

.cab .side2-flt-slot .scn-flt-right > span > button {
  border-radius: var(--bub-row-r);
  cursor: pointer;
  text-align: left;
  width: 100%;
  color: var(--ink);
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 11px 10px 11px 12px;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 550;
  display: flex;
}

@media (hover: hover) {
  .cab .side2-flt-slot .scn-flt-right > span > button:hover {
    background: var(--hover);
  }
}

.cab .side2-flt-slot .scn-flt-right > span > button:active {
  background: var(--press);
}

.cab .side2-flt-slot .scn-flt-right > span > button svg {
  color: var(--mut);
  flex: none;
}

.cab .side2-hero {
  margin-right: calc(var(--panel-r)  + 18px - 10px);
  border-radius: var(--bub-row-r);
  background: none;
  flex: none;
  position: relative;
}

.cab .side2-hero-btn {
  border-radius: inherit;
  cursor: pointer;
  width: 100%;
  color: var(--ink);
  text-align: center;
  background: none;
  border: 0;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 14px 10px 12px;
  font-family: inherit;
  display: flex;
}

.cab .side2-hero-btn > :first-child {
  margin-bottom: 8px;
}

.cab .side2-hero > .side2-hero-theme {
  position: absolute;
  top: 12px;
  right: 12px;
}

.cab .side2-hero-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 17px;
  font-weight: 700;
  overflow: hidden;
}

.cab .side2-hero-mail, .cab .side2-hero-sub {
  color: var(--mut);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 13px;
  overflow: hidden;
}

.cab .side2-hero-sub {
  opacity: .8;
  font-size: 12px;
}

@media (hover: hover) {
  .cab .side2-hero:hover {
    background: var(--hover);
  }
}

.cab .side2-hero.on {
  background: var(--hover);
}

.cab .pane-head .pane-head-lead {
  flex: none;
  align-items: center;
  display: flex;
}

.cab .pane-head .pane-head-lead:empty {
  display: none;
}

.cab .side2-div {
  background: var(--line);
  flex: none;
  height: 1px;
  margin: 8px 6px;
}

.cab .split-ana-hide {
  margin-top: 14px;
}

.cab .bot-stats-edit {
  color: var(--accent-stroke);
  white-space: nowrap;
  align-items: center;
  padding: 4px 6px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

@media (max-width: 820px) {
  .cab .pane-head:has(.bot-stats-head) {
    min-height: var(--ctl);
    padding: 0 0 16px;
  }

  .cab .pane-head:has(.bot-stats-head) .pane-head-t {
    flex: 1;
    min-width: 0;
  }

  .cab .pane-t-row.bot-stats-head {
    letter-spacing: 0;
    justify-content: center;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
  }

  .cab .pane-t-row.bot-stats-head > .pane-x-narrow {
    width: var(--ctl);
    height: var(--ctl);
    flex: none;
  }

  .cab .pane-t-row.bot-stats-head > .bot-stats-t {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }
}

@container cab (width <= 820px) {
  .cab .pane-head:has(.bot-stats-head) {
    min-height: var(--ctl);
    padding: 0 0 16px;
  }

  .cab .pane-head:has(.bot-stats-head) .pane-head-t {
    flex: 1;
    min-width: 0;
  }

  .cab .pane-t-row.bot-stats-head {
    letter-spacing: 0;
    justify-content: center;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
  }

  .cab .pane-t-row.bot-stats-head > .pane-x-narrow {
    width: var(--ctl);
    height: var(--ctl);
    flex: none;
  }

  .cab .pane-t-row.bot-stats-head > .bot-stats-t {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }
}

.cab .main-split .content {
  margin-left: auto;
  margin-right: auto;
  padding-top: 18px;
}

.cab {
  --page-max: 1440px;
}

.cab[data-section="account"], .cab[data-section="settings"], .cab[data-section="connections"], .cab[data-section="contacts"], .cab[data-section="products"] {
  --page-max: 700px;
}

.cab .split-pane-t {
  box-sizing: border-box;
  min-height: 54px;
  color: var(--ink);
  align-items: center;
  margin: 0;
  padding: 0 0 16px;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}

.cab .split-build-go {
  margin-top: 14px;
}

.cab .split-prod, .cab .split-acc {
  max-width: 520px;
}

.cab .side2-ic .side2-sw, .cab .side2-ic .side2-sw svg, .cab .side2-ic .side2-sw img {
  width: 18px;
  height: 18px;
}

.cab .side2-sub {
  color: var(--mut);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11.5px;
  line-height: 1.25;
  display: block;
  overflow: hidden;
}

.cab .conn-acc-t {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.cab .conn-acc-svc {
  color: var(--mut);
  font-size: 12.5px;
  font-weight: 500;
}

.cab .split-msg {
  flex-direction: column;
  max-width: 760px;
  min-height: 100%;
  display: flex;
}

.cab .main-split-chat {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.cab .main-split-chat .content {
  box-sizing: border-box;
  min-height: 0;
  padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.cab .main-split-chat .pane-stack, .cab .main-split-chat .pane-stack > [data-pane], .cab .main-split-chat .pane-stack > [data-pane] > div, .cab .main-split-chat .pane-stack > [data-pane] > div > div {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.cab .main-split-chat .split-msg {
  flex: 1;
  width: 100%;
  max-width: 760px;
  min-height: 0;
}

.cab .main-split-chat .content {
  max-width: none;
}

.cab .main-split-chat .scn-chat, .cab .main-split-chat .split-msg {
  margin-left: auto;
  margin-right: auto;
}

.cab .main-split-chat .scn-chat {
  flex: 1;
  width: 100%;
  max-width: 760px;
  min-height: 0;
}

.cab .main-split .scn-bar {
  display: none;
}

.cab .main-split-chat .scn-chat .chat-scroll {
  flex: 1;
  height: 0;
  max-height: none;
  padding-bottom: 8px;
}

.cab .main-split-chat .scn-chat .chat-composer {
  z-index: 2;
  background: none;
  margin-top: -22px;
  padding: 14px 0 2px;
  position: relative;
}

.cab .main-split-chat .scn-chat .chat-composer:before {
  content: "";
  inset: -24px -14px calc(-16px - env(safe-area-inset-bottom, 0px));
  z-index: -1;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to top, color-mix(in srgb, var(--glass-bar-tint) var(--glass-head-a4), transparent) 0%, color-mix(in srgb, var(--glass-bar-tint) var(--glass-head-a3), transparent) 20%, color-mix(in srgb, var(--glass-bar-tint) var(--glass-head-a2), transparent) 45%, color-mix(in srgb, var(--glass-bar-tint) var(--glass-head-a1), transparent) 72%, color-mix(in srgb, var(--glass-bar-tint) 0%, transparent) 100%);
  position: absolute;
}

.cab .msg-dlg.msg-dlg-framed {
  --msg-gap: 0px;
  gap: var(--msg-gap);
  min-height: 0;
}

html.chat-native-composer .cab .msg-dlg-framed .chat-composer {
  display: none;
}

html.chat-native-composer .cab .main-split .scn-chat .chat-scroll {
  padding-bottom: var(--native-composer-pad, 72px);
}

.cab .side2-q {
  box-sizing: border-box;
  width: 100%;
  margin: 2px 0 4px;
}

.cab .side2-r {
  flex: none;
  margin-left: auto;
  display: flex;
}

.cab .side2-val {
  color: var(--mut);
  margin-right: 8px;
  font-size: 12px;
}

.cab .msg-av.side2-av, .cab .msg-avph.side2-av, .cab .svc-circle.side2-av {
  border-radius: var(--r-xs);
  width: 22px;
  min-width: 22px;
  height: 22px;
  font-size: 11px;
}

.cab .brand {
  align-items: center;
  gap: 10px;
  padding: 6px 8px 16px;
  display: flex;
}

.cab .brand .lg {
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.cab .brand .lg img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.cab .brand b {
  font-size: 15px;
}

.cab .nav {
  border-radius: var(--bub-row-r);
  cursor: pointer;
  color: var(--ink);
  transition: background var(--m-dur-fast), color var(--m-dur-fast);
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  font-size: 14.5px;
  font-weight: 550;
  text-decoration: none;
  display: flex;
}

@media (hover: hover) {
  .cab .nav:hover {
    background: var(--hover);
    color: var(--ink);
  }
}

.cab .nav.on {
  background: var(--hover);
  color: var(--ink);
}

.cab .nav svg {
  flex: none;
  width: 18px;
  height: 18px;
}

.cab .side .spacer {
  flex: 1;
}

.cab .userbox {
  border-radius: var(--r-sm);
  border: 1px solid var(--line);
  cursor: pointer;
  color: inherit;
  align-items: center;
  gap: 10px;
  padding: 10px 11px;
  text-decoration: none;
  display: flex;
}

.cab .userbox .av {
  background: var(--violet);
  color: #fff;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  font-size: 13px;
  font-weight: 700;
  display: grid;
}

.cab .userbox .nm {
  font-size: 13px;
  font-weight: 600;
}

.cab .userbox .em {
  color: var(--mut);
  font-size: 11.5px;
}

.cab .av {
  background: var(--accent-soft);
  color: var(--accent-stroke);
  border-radius: 50%;
  place-items: center;
  font-weight: 600;
  display: grid;
  position: relative;
}

.cab .profwrap {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.cab .fk-pane.set-rows {
  padding-top: 0;
}

.cab .fk-pane.set-rows .kf-blk:has( > .kf-blk__body.fk-nlist) {
  margin-bottom: 12px;
}

.cab .profava {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  background: none;
  border: none;
  padding: 0 0 14px;
}

.cab .profava:focus {
  outline: none;
}

.cab .profava:focus-visible {
  outline: none;
}

.cab .profcard {
  cursor: pointer;
  width: 100%;
  font: inherit;
  color: inherit;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: none;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 0 16px 12px;
  display: flex;
}

.cab .profcard:focus {
  outline: none;
}

.cab .profcard:focus-visible {
  outline: none;
}

.cab .profcard .av {
  margin-bottom: 12px;
}

.cab .profcard .profname {
  font-size: 22px;
  font-weight: 600;
}

.cab .profcard .profmail {
  color: var(--mut);
  font-size: 15px;
}

.cab .profcard .proftg {
  color: var(--mut-2);
  font-size: 13px;
}

.cab .profedit-pick {
  cursor: pointer;
  font: inherit;
  color: inherit;
  text-align: center;
  background: none;
  border: none;
  padding: 0;
  display: block;
  position: relative;
}

.cab .profedit-badge {
  background: var(--surf);
  border: 1px solid var(--line);
  width: 30px;
  height: 30px;
  box-shadow: none;
  color: var(--mut);
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  bottom: -2px;
  right: -2px;
}

.cab .profedit-badge svg {
  width: 16px;
  height: 16px;
}

.cab .profedit-remove {
  cursor: pointer;
  font: inherit;
  color: var(--mut);
  text-align: center;
  background: none;
  border: none;
  padding: 4px 6px;
  font-size: 12.5px;
}

@media (hover: hover) {
  .cab .profedit-remove:hover {
    color: var(--accent-d);
  }
}

.cab .profedit-confirm {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.cab .profedit-remove.danger {
  color: var(--accent-d);
  font-weight: 700;
}

.cab .main {
  flex: 1;
  min-width: 0;
  height: 100%;
  overflow-y: auto;
}

.cab .acting-bar {
  width: calc(100% - 56px);
  max-width: var(--page-max);
  border-radius: var(--r-sm);
  border: 1px solid color-mix(in srgb, var(--blue) 26%, transparent);
  background: color-mix(in srgb, var(--blue) 9%, transparent);
  color: var(--ink);
  align-items: center;
  gap: 10px;
  margin: 14px auto 0;
  padding: 8px 12px;
  font-size: 13px;
  display: flex;
}

.cab .acting-bar .acting-ic {
  width: 18px;
  height: 18px;
  color: var(--blue);
  flex: none;
}

.cab .acting-bar .acting-ic svg {
  width: 18px;
  height: 18px;
}

.cab .acting-bar .acting-txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-weight: 600;
  overflow: hidden;
}

.cab.cab-focus .acting-bar, .cab .top[hidden] {
  display: none;
}

.cab .top {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 92px;
  padding: 0 28px;
  display: flex;
}

.cab .top.top-bare {
  min-height: 0;
  padding-top: 12px;
  padding-bottom: 0;
}

.cab .top-head {
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.cab .top-title {
  align-items: center;
  gap: 11px;
  min-width: 0;
  display: flex;
}

.cab .top-h1wrap {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.cab .topact {
  align-items: center;
  gap: 10px;
  display: flex;
}

.cab .topbtn {
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.cab .topbtn svg {
  width: 17px;
  height: 17px;
}

.cab .top .badge {
  color: var(--green);
  background: var(--green-s);
  border-radius: 100px;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
}

.cab .content {
  --cab-pad: 28px;
  padding: 24px var(--cab-pad) calc(60px + env(safe-area-inset-bottom, 0px));
  max-width: calc(var(--page-max)  + 2 * var(--cab-pad));
  margin-left: auto;
  margin-right: auto;
}

.cab .scn-view-static {
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
}

.cab .scn-quick-pane {
  max-width: 640px;
  position: relative;
}

.cab .scn-canvas-wait {
  background: var(--bg);
  flex: 1;
  min-height: 60vh;
}

.cab .scn-canvas .react-flow__renderer {
  animation: .22s scn-canvas-in;
}

@keyframes scn-canvas-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.cab .scn-schema-wrap.scn-hide {
  display: none;
}

.cab .grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  display: grid;
}

.cab .card {
  background: var(--surf);
  border-radius: var(--bub-r);
  box-shadow: var(--bub-sh);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 18px;
}

.cab .card .lbl {
  color: var(--mut);
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 12.5px;
  font-weight: 600;
  display: flex;
}

.cab .card .big {
  letter-spacing: -.02em;
  font-size: 26px;
  font-weight: 800;
}

.cab .card .sub {
  color: var(--mut);
  margin-top: 4px;
  font-size: 13px;
}

.cab .ov-sum {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  padding: 2px 2px 0;
  display: flex;
}

.cab .ov-sum-item {
  color: var(--mut);
  font-size: 13.5px;
}

.cab .bar {
  background: var(--line);
  border-radius: 999px;
  height: 7px;
  margin-top: 12px;
  overflow: hidden;
}

.cab .bar i {
  background: var(--accent);
  border-radius: 999px;
  height: 100%;
  display: block;
}

.cab .h2 {
  margin: 26px 0 12px;
  font-size: 16px;
  font-weight: 700;
}

.cab .h2:first-child {
  margin-top: 6px;
}

.cab .btn {
  cursor: pointer;
  text-align: center;
  border-radius: var(--r-sm);
  border: 1px solid var(--line2);
  background: var(--surf);
  color: var(--ink);
  transition: background var(--m-dur-fast), color var(--m-dur-fast), border-color var(--m-dur-fast), box-shadow var(--m-dur-fast);
  padding: 11px 16px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
}

@media (hover: hover) {
  .cab .btn:hover {
    box-shadow: var(--sh-sm);
  }
}

.cab .btn.primary {
  background: var(--accent);
  color: var(--accent-ink, #fff);
  border-color: rgba(0, 0, 0, 0);
}

.cab .seg {
  background: var(--line);
  border-radius: var(--r-sm);
  flex: none;
  gap: 2px;
  padding: 3px;
  display: inline-flex;
}

.cab .seg button {
  text-align: center;
  color: var(--mut);
  border-radius: var(--r-xs);
  cursor: pointer;
  transition: background var(--m-dur-fast), color var(--m-dur-fast), box-shadow var(--m-dur-fast);
  background: none;
  border: none;
  padding: 6px 14px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
}

.cab .seg button.on {
  background: var(--surf);
  color: var(--ink);
  box-shadow: var(--bub-sh);
}

.cab .rows {
  background: var(--surf);
  border-radius: var(--bub-r);
  gap: var(--bub-gap);
  padding: var(--bub-pad);
  border: 1px solid rgba(0, 0, 0, 0);
  flex-direction: column;
  display: flex;
}

.cab .ov-scn-head {
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
  display: flex;
}

.cab .ov-scn-head .ic {
  flex: none;
}

.cab .ov-scn-head .ic.brand {
  place-items: start;
  padding: 0;
  display: grid;
}

.cab .ov-scn-head .ic.brand svg, .cab .ov-scn-head .ic.brand img, .cab .ov-scn-head .ic.brand [role="img"] {
  width: 34px;
  height: 34px;
}

.cab .ov-scn .meta {
  color: var(--mut);
  font-size: 13px;
  line-height: 1.4;
}

.cab .row {
  border-radius: var(--bub-row-r);
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  gap: 13px;
  min-height: 52px;
  padding: 4px 10px;
  display: flex;
}

.cab .row.has-sub {
  padding: 10px;
}

.cab .row:has(.meta) {
  padding: 10px;
}

.cab .row .ic, .cab .row .pick-swatch, .cab .row .pick-ico {
  align-self: flex-start;
}

.cab .row .ic {
  border-radius: var(--r-sm);
  background: color-mix(in srgb, currentColor 11%, transparent);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
}

.cab .row .ic svg {
  width: 22px;
  height: 22px;
}

.cab .main-settings .row .ic {
  border-radius: var(--r);
  width: 40px;
  height: 40px;
}

.cab .main-settings .row .ic svg {
  width: 24px;
  height: 24px;
}

.cab .ic.brand {
  padding: 0;
}

.cab .row .ic.brand {
  place-items: center;
  padding: 0;
}

.cab .row .ic.brand svg, .cab .row .ic.brand img, .cab .row .ic.brand [role="img"] {
  width: 34px;
  height: 34px;
}

.cab .row.pick .ic.brand svg, .cab .row.pick .ic.brand img, .cab .row.pick .ic.brand [role="img"] {
  width: 26px;
  height: 26px;
}

.cab .row .ic.brand {
  font-size: 21px;
}

.cab .brandmark {
  width: 18px;
  height: 18px;
  display: block;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.cab .row .row-mid.grow {
  flex: 1;
  min-width: 0;
}

.cab .row .nm {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14.5px;
  font-weight: 550;
  overflow: hidden;
}

.cab .res-meters {
  gap: 16px;
  max-width: 420px;
  margin-top: 7px;
  display: flex;
}

.cab .meter {
  flex: 1;
  min-width: 0;
}

.cab .meter-top {
  color: var(--mut);
  justify-content: space-between;
  gap: 6px;
  font-size: 11px;
  display: flex;
}

.cab .meter-top b {
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.cab .meter-bar {
  background: var(--line2);
  border-radius: 999px;
  height: 5px;
  margin-top: 4px;
  overflow: hidden;
}

.cab .meter-bar span {
  background: var(--accent);
  border-radius: 999px;
  height: 100%;
  display: block;
}

.cab .row .meta {
  color: var(--mut);
  margin-top: 2px;
  font-size: 13px;
}

.cab .row .right:has( > .toggle) {
  align-self: flex-start;
  margin-top: 2px;
}

.cab .row .right {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 0 auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-left: auto;
  display: flex;
  overflow: hidden;
}

.cab .row.pick {
  cursor: pointer;
}

@media (hover: hover) {
  .cab .row.pick:hover, .cab .row.tap:hover, .cab .row.rowlink:hover {
    background: var(--hover);
  }

  .cab .row:has(.rowmain:hover) {
    background: var(--hover);
  }
}

.cab .cab-transfer-confirm .confirm2-q {
  flex-basis: 100%;
}

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

.cab .confirm2-q {
  margin-right: 2px;
  font-size: 13px;
  font-weight: 600;
}

.cab .confirm2-note {
  color: var(--mut);
  flex-basis: 100%;
  font-size: 13px;
}

.cab .confirm2 .btn.sm:not(.primary):not(.danger) {
  background: color-mix(in srgb, var(--ink) 5%, transparent);
  border-color: rgba(0, 0, 0, 0);
  border-radius: 100px;
}

.cab .confirm2 .btn.sm.primary, .cab .confirm2 .btn.sm.danger {
  border-radius: 100px;
}

.cab .confirm2 .btn.sm.primary {
  color: var(--accent);
  background: none;
  border-color: rgba(0, 0, 0, 0);
}

@media (hover: hover) {
  .cab .confirm2 .btn.sm.primary:hover {
    background: var(--hover-tint);
  }
}

.bsh-ov {
  z-index: 90;
  transition: background var(--m-dur) var(--m-ease);
  background: none;
  align-items: flex-end;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.bsh-ov.show {
  background: rgba(0, 0, 0, .4);
}

.bsh {
  box-sizing: border-box;
  background: var(--surf);
  border-radius: var(--bub-r) var(--bub-r) 0 0;
  width: 100%;
  max-height: 86vh;
  padding: 8px 18px calc(18px + env(safe-area-inset-bottom, 0px));
  box-shadow: var(--float-sh);
  transition: transform var(--m-dur) var(--m-ease);
  flex-direction: column;
  display: flex;
  transform: translateY(100%);
}

.bsh-ov.show .bsh {
  transform: translateY(0);
}

@media (min-width: 821px) {
  .bsh-ov {
    justify-content: center;
    align-items: center;
  }

  .bsh {
    border-radius: var(--bub-r);
    opacity: 0;
    width: min(460px, 92vw);
    transition: transform var(--m-dur) var(--m-ease), opacity var(--m-dur-fast);
    transform: translateY(24px)scale(.98);
  }

  .bsh-ov.show .bsh {
    opacity: 1;
    transform: none;
  }
}

.bsh-grab {
  background: var(--line2);
  border-radius: 999px;
  flex: none;
  width: 36px;
  height: 5px;
  margin: 0 auto 6px;
}

.bsh-head {
  flex: none;
  align-items: center;
  min-height: 34px;
  display: flex;
  position: relative;
}

.bsh-title {
  text-align: center;
  color: var(--ink);
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  left: 44px;
  right: 44px;
}

.bsh-body {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

@media (max-width: 1023px) {
  .cab .top.lh, .cab[data-section="products"] .top, .cab[data-section="analytics"] .top, .cab[data-section="connections"] .top, .cab[data-section="ai"] .top {
    min-height: 64px;
    padding-top: 8px;
    padding-bottom: 4px;
    position: relative;
  }

  .cab .top.lh .top-head, .cab[data-section="products"] .top-head, .cab[data-section="analytics"] .top-head, .cab[data-section="connections"] .top-head, .cab[data-section="ai"] .top-head {
    flex-direction: row;
    align-items: center;
  }

  .cab .top.lh h1, .cab[data-section="products"] .top h1, .cab[data-section="analytics"] .top h1, .cab[data-section="connections"] .top h1, .cab[data-section="ai"] .top h1 {
    letter-spacing: -.01em;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 55%;
    font-size: 17px;
    font-weight: 650;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
  }

  .cab .top.lh .topbtn, .cab[data-section="products"] .top .topbtn, .cab[data-section="analytics"] .top .topbtn, .cab[data-section="connections"] .top .topbtn, .cab[data-section="ai"] .top .topbtn {
    width: var(--ctl);
    height: var(--ctl);
    border-radius: 50%;
    justify-content: center;
    gap: 0;
    padding: 0;
  }

  .cab .top.lh .topbtn svg, .cab[data-section="products"] .top .topbtn svg, .cab[data-section="analytics"] .top .topbtn svg, .cab[data-section="connections"] .top .topbtn svg, .cab[data-section="ai"] .top .topbtn svg {
    width: var(--ctl-ico);
    height: var(--ctl-ico);
  }

  .cab .top.lh .topbtn .topbtn-tx, .cab[data-section="products"] .top .topbtn .topbtn-tx, .cab[data-section="analytics"] .top .topbtn .topbtn-tx, .cab[data-section="connections"] .top .topbtn .topbtn-tx, .cab[data-section="ai"] .top .topbtn .topbtn-tx {
    display: none;
  }
}

.cab .acctbtn.flt-on {
  border-color: var(--accent);
  color: var(--accent);
}

.cab .acctbtn {
  position: relative;
}

.cab .flt-badge {
  background: var(--accent);
  min-width: 17px;
  height: 17px;
  color: var(--accent-ink, #fff);
  text-align: center;
  border-radius: 999px;
  padding: 0 4px;
  font-size: 11px;
  font-weight: 700;
  line-height: 17px;
  position: absolute;
  top: -3px;
  right: -3px;
}

.cab .flt-sheet-tx {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.cab .flt-sheet-sub {
  color: var(--mut);
  font-size: 12px;
}

.cab .copy-ico {
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--ink) 5%, transparent);
  width: 34px;
  height: 34px;
  color: var(--mut);
  cursor: pointer;
  border: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

@media (hover: hover) {
  .cab .copy-ico:hover {
    color: var(--ink);
  }
}

.cab .copy-ico.done {
  color: var(--green);
}

.cab .ig-pick-sheet {
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 8px 0 0;
  display: flex;
}

.cab .ig-pick-sheet .ig-pick-ok {
  flex: none;
}

.cab .tint-sheet {
  padding: 12px 2px 6px;
}

.cab .tint-sheet .tint-dots {
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  display: flex;
}

.cab .tint-sheet .tint-dot {
  width: 40px;
  height: 40px;
}

.cab .set-tgl-lang {
  letter-spacing: .3px;
  font-size: 13.5px;
  font-weight: 600;
}

.cab .set-tgl-tint {
  background: none;
}

.cab .set-tgl-tint .tint-dot {
  pointer-events: none;
  width: 30px;
  height: 30px;
}

.cab .cfm {
  flex-direction: column;
  min-height: calc(33vh - 46px);
  padding: 4px 4px 0;
  display: flex;
}

.cab .cfm-q {
  text-align: center;
  color: var(--ink);
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 10px 6px 18px;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.35;
  display: flex;
}

.cab .cfm-note {
  color: var(--mut);
  margin-top: 8px;
  font-size: 14px;
  display: block;
}

.cab .cfm-acts {
  flex-direction: column;
  gap: 10px;
  padding-bottom: 6px;
  display: flex;
}

.cab .cfm-btn {
  text-align: center;
  cursor: pointer;
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  width: 100%;
  min-height: 52px;
  color: var(--ink);
  border: 0;
  border-radius: 100px;
  font-size: 17px;
  font-weight: 500;
}

.cab .cfm-btn.danger {
  background: var(--accent-d);
  color: #fff;
}

.cab .cfm-btn.primary {
  background: var(--accent);
  color: var(--accent-ink);
}

.cab .cfm-btn:active {
  filter: brightness(.96);
}

.cfa-ov {
  z-index: 5;
  transition: background var(--m-dur-fast);
  background: none;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cfa-ov.show {
  background: rgba(0, 0, 0, .32);
}

.cfa-ov.fx {
  z-index: 90;
  position: fixed;
}

.cfa {
  border-radius: var(--bub-r);
  background: var(--surf);
  width: min(272px, 88%);
  box-shadow: var(--float-sh);
  opacity: 0;
  transition: transform calc(var(--m-dur-fast) * 2) var(--m-ease), opacity var(--m-dur-fast);
  overflow: hidden;
  transform: scale(1.12);
}

.cfa-ov.show .cfa {
  opacity: 1;
  transform: none;
}

.cfa-q {
  text-align: center;
  color: var(--ink);
  padding: 19px 16px 17px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.cfa-note {
  color: var(--mut);
  margin-top: 5px;
  font-size: 13px;
  font-weight: 400;
  display: block;
}

.cfa-acts {
  border-top: 1px solid var(--line2);
  display: flex;
}

.cfa-btn {
  text-align: center;
  border-radius: var(--bub-row-r);
  min-height: 44px;
  color: var(--accent);
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
  font-size: 17px;
}

.cfa-btn + .cfa-btn {
  border-left: 1px solid var(--line2);
}

.cfa-btn.danger {
  color: var(--accent-d);
}

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

.cfa-btn:active {
  background: var(--press);
}

.cab .scn-menu-confirm {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
}

.cab .scn-menu-confirm .confirm2-q {
  flex: 1 0 100%;
  margin-right: 0;
}

.cab .starbtn {
  cursor: pointer;
  color: var(--mut);
  border-radius: var(--r-xs);
  background: none;
  border: none;
  place-items: center;
  padding: 6px;
  display: grid;
}

@media (hover: hover) {
  .cab .starbtn:hover {
    color: var(--ink);
  }
}

.cab .starbtn.on {
  color: #ffb12e;
}

.cab .fld-card {
  flex-direction: column;
  gap: 14px;
  margin: 0;
  display: flex;
}

.cab .req {
  color: var(--accent);
  font-weight: 800;
}

.cab .adv summary {
  cursor: pointer;
  color: var(--mut);
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  list-style: none;
  display: flex;
}

.cab .adv summary::-webkit-details-marker {
  display: none;
}

.cab .adv summary:before {
  content: "▸";
  transition: transform var(--m-dur-fast);
  font-size: 11px;
}

.cab .adv[open] summary:before {
  transform: rotate(90deg);
}

.cab .adv[open] summary {
  margin-bottom: 10px;
}

.cab .hint-box {
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--accent) 7%, transparent);
  color: var(--ink);
  white-space: pre-line;
  margin: 0;
  padding: 11px 13px;
  font-size: 13px;
  line-height: 1.5;
}

.cab .conflict-box {
  border-radius: var(--r-sm);
  margin: 8px 0 0;
  padding: 11px 13px;
  font-size: 13px;
  line-height: 1.5;
}

.cab .conflict-box.warn {
  color: var(--amber);
  background: #fff5df;
}

.cab .conflict-box.err {
  color: var(--accent-d);
  background: var(--accent-soft);
}

.cab .tag {
  border-radius: 100px;
  padding: 3px 9px;
  font-size: 11.5px;
  font-weight: 700;
}

.cab .tag.ok {
  color: var(--green);
  background: var(--green-s);
}

.cab .tag.warn {
  color: var(--amber);
  background: #fff5df;
}

.cab .tag.err {
  color: var(--accent-d);
  background: var(--accent-soft);
}

.cab .tag.mut {
  color: var(--mut);
  background: var(--line);
}

.cab .mono {
  font-variant-numeric: tabular-nums;
}

.cab .fld {
  margin-bottom: 14px;
}

.cab .fld label {
  color: var(--mut);
  margin-bottom: 6px;
  font-size: 12.5px;
  font-weight: 600;
  display: block;
}

.cab .fld input, .cab .fld select, .cab .fld textarea {
  background: var(--surf);
  border: 1px solid var(--line2);
  border-radius: var(--r-sm);
  width: 100%;
  color: var(--ink);
  padding: 11px 13px;
  font-family: inherit;
  font-size: 14px;
}

@media (max-width: 820px) {
  .cab .fld input, .cab .fld select, .cab .fld textarea {
    font-size: 16px;
  }
}

@container cab (width <= 820px) {
  .cab .fld input, .cab .fld select, .cab .fld textarea {
    font-size: 16px;
  }
}

.cab {
  --focus-line: color-mix(in srgb, var(--accent) 40%, transparent);
}

.cab input:focus, .cab select:focus, .cab textarea:focus {
  border-color: var(--focus-line);
  outline: none;
}

.cab .fld select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\" stroke=\"%238a9099\" stroke-width=\"1.6\"><path d=\"M1 1l4 4 4-4\"/></svg>");
  background-position: right 13px center;
  background-repeat: no-repeat;
  padding-right: 36px;
}

.cab .scn-type-field {
  text-align: left;
  background: var(--surf);
  border: 1px solid var(--line2);
  border-radius: var(--r-sm);
  width: 100%;
  color: var(--ink);
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"%238a9099\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 2.5l4 3.5-4 3.5\"/></svg>");
  background-position: right 13px center;
  background-repeat: no-repeat;
  align-items: center;
  padding: 11px 36px 11px 13px;
  font-family: inherit;
  font-size: 14px;
  display: flex;
}

@media (hover: hover) {
  .cab .scn-type-field:hover {
    border-color: var(--accent);
  }
}

.cab .scn-type-field:focus {
  border-color: var(--focus-line);
  outline: none;
}

.cab .scn-type-field > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cab .scn-help-intro {
  color: var(--ink);
  margin: 0 0 4px;
  font-size: 14px;
  line-height: 1.5;
}

.cab .scn-help-field {
  color: var(--mut);
  margin: 0 0 8px;
  font-size: 12.5px;
  line-height: 1.45;
}

.cab .scn-link-ready {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.cab .scn-link-ready > input {
  min-width: 0;
}

.cab .scn-link-cut {
  min-width: 0;
  color: var(--ink);
  flex: 1;
  align-items: baseline;
  padding: 2px 0 0;
  font-size: 16px;
  line-height: 1.4;
  display: flex;
}

.cab .scn-link-cut__head {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.cab .scn-link-cut__tail {
  white-space: nowrap;
  flex: none;
}

.cab .scn-cred {
  position: relative;
}

.cab .scn-cred-back {
  z-index: 20;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .scn-cred-menu {
  z-index: 21;
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--bub-r);
  box-shadow: var(--float-sh);
  padding: var(--bub-pad);
  transform-origin: top;
  max-height: 280px;
  animation: k-pop-in var(--m-dur-pop) var(--m-ease-pop);
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  overflow-y: auto;
}

.cab .scn-cred-item {
  text-align: left;
  border-radius: var(--bub-row-r);
  width: 100%;
  color: var(--ink);
  cursor: pointer;
  background: none;
  border: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 14px;
  display: flex;
}

@media (hover: hover) {
  .cab .scn-cred-item:hover {
    background: var(--hover);
  }
}

.cab .scn-cred-item.on {
  background: var(--accent-soft);
}

.cab .scn-cred-sub {
  color: var(--mut);
  font-size: 12px;
}

.cab .scn-sched {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.cab .scn-sched-label {
  color: var(--mut);
  margin-bottom: 6px;
  font-size: 12.5px;
  display: block;
}

.cab .scn-sched-sel, .cab .scn-sched-cron, .cab .scn-sched-row input {
  background: var(--surf);
  border: 1px solid var(--line2);
  border-radius: var(--r-sm);
  width: 100%;
  color: var(--ink);
  padding: 11px 13px;
  font-family: inherit;
  font-size: 14px;
}

.cab .scn-sched-row {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.cab .scn-sched-row span {
  color: var(--ink);
  font-size: 14px;
}

.cab .scn-sched-row input {
  text-align: center;
  width: 130px;
}

.cab .scn-sched-row .tp {
  flex: none;
  width: 170px;
}

.cab .scn-sched-chips {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.cab .scn-sched-chip {
  border-radius: var(--r-sm);
  border: 1px solid var(--line2);
  background: var(--surf);
  min-width: 44px;
  color: var(--ink);
  cursor: pointer;
  text-align: center;
  padding: 9px 12px;
  font-family: inherit;
  font-size: 13.5px;
}

.cab .scn-sched-chip.on {
  background: var(--accent-soft);
  border-color: color-mix(in srgb, var(--accent) 35%, transparent);
  color: var(--accent-d);
}

.cab .scn-sched-adv {
  margin-top: 4px;
}

.cab .scn-sched-adv > summary {
  cursor: pointer;
  color: var(--mut);
  margin-bottom: 8px;
  font-size: 13.5px;
}

.cab .keybanner {
  color: var(--red);
  border-radius: var(--r);
  background: #f4f1ec;
  border: 1px solid #ffe9bd;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  padding: 12px 16px;
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
}

.cab .keybanner b {
  font-weight: 800;
}

.cab .keybanner a {
  color: var(--accent-d);
  cursor: pointer;
  white-space: nowrap;
  margin-left: auto;
  font-weight: 700;
  text-decoration: underline;
}

.cab .sk {
  vertical-align: middle;
  border-radius: var(--r-xs);
  display: inline-block;
}

.cab .sk-xs {
  border-radius: var(--r-xs);
}

.cab .sk-sm {
  border-radius: var(--r-sm);
}

.cab .sk-r {
  border-radius: var(--r);
}

.cab .sk-round {
  border-radius: 999px;
}

.cab .sk-hold {
  visibility: hidden;
}

.cab .drawer-ov {
  z-index: 80;
  background: var(--scrim);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--m-dur) var(--m-ease), visibility var(--m-dur);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .drawer-ov.show {
  opacity: 1;
  visibility: visible;
}

.cab .drawer-ov.cp-ov {
  background: none;
}

.cab .drawer-ov.ov2 {
  z-index: 84;
}

.cab .native-layer {
  z-index: 82;
  background: var(--v3-sheet);
  flex-direction: column;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .native-layer:not(.nsheet-native) {
  padding-top: var(--safe-top);
}

.cab .native-layer .dr-body {
  padding-bottom: calc(env(safe-area-inset-bottom, 0px)  + 16px);
  flex: 1;
}

.cab .native-layer .dr-body:has(.scn-schema-wrap.canvas:not(.scn-hide)) {
  padding-bottom: 0;
}

.cab .native-layer-bottom {
  padding-top: 12px;
}

.cab .native-layer-bottom .dr-body {
  overscroll-behavior: none;
}

.cab .native-layer-bottom:before {
  content: "";
  background: var(--line2);
  border-radius: 999px;
  width: 36px;
  height: 5px;
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
}

.cab .native-layer.nsheet-native .dr-head {
  display: none;
}

.cab .native-layer-bottom.nsheet-native {
  padding-top: 0;
}

.cab .native-layer-bottom.nsheet-native:before {
  display: none;
}

.cab .native-layer-bottom.nsheet-native .dr-body {
  --dr-top: calc(58px + var(--head-air));
  padding-top: var(--dr-top);
  margin-top: 0;
}

.cab .native-layer.nsheet-native:not(.native-layer-bottom) .dr-body {
  --dr-top: calc(var(--safe-top)  + var(--nhead-row)  + var(--head-air));
  padding-top: var(--dr-top);
  margin-top: 0;
}

.cab .native-layer-bottom.nsheet-native.nsheet-tabs .dr-body {
  --dr-top: calc(108px + var(--head-air));
  padding-top: var(--dr-top);
}

.cab .native-layer.nsheet-native.nsheet-tabs:not(.native-layer-bottom) .dr-body {
  --dr-top: calc(var(--safe-top)  + var(--nhead-row)  + 50px + var(--head-air));
  padding-top: var(--dr-top);
}

.cab .native-layer .dr-head:before {
  display: none;
}

.cab .ai-bar-shell {
  max-width: calc(var(--page-max)  + 56px);
  margin: 0 auto;
  padding: 0 28px;
  display: flex;
}

.cab .content [data-pane^="ai/"] .ai-bar {
  display: none;
}

@media (max-width: 820px) {
  .cab .ai-bar.ai-bar-shell {
    margin: 0 var(--ctl-edge) -8px;
    padding: 0;
  }
}

@container cab (width <= 820px) {
  .cab .ai-bar.ai-bar-shell {
    margin: 0 var(--ctl-edge) -8px;
    padding: 0;
  }
}

.cab .drawer {
  z-index: 81;
  background: var(--bg);
  width: min(460px, 94vw);
  height: 100%;
  padding-top: var(--safe-top);
  transition: transform var(--m-dur) var(--m-ease);
  box-shadow: var(--float-sh);
  flex-direction: column;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
  container: cab / inline-size;
}

.cab .drawer.wide {
  width: min(1080px, 96vw);
}

.cab .drawer.wide .dr-body {
  max-width: 100%;
}

.cab .drawer.full {
  width: 95vw;
}

.cab .drawer.md {
  width: min(800px, 96vw);
}

.cab .drawer.md .dr-body {
  max-width: 100%;
}

.cab .drawer-ov.show .drawer {
  transform: translateX(0);
}

.cab .drawer-ov.show .drawer.dr-lvl {
  transform: translateX(100%);
}

.cab .drawer-ov.show .drawer.dr-lvl.dr-lvl-on {
  transform: translateX(0);
}

@media (min-width: 821px) {
  .cab .drawer-ov.show .drawer.dr-lvl {
    transform: translateX(calc(100% + 26px));
  }

  .cab .drawer-ov.show .drawer.dr-lvl.dr-lvl-on {
    transform: translateX(0);
  }

  .cab .drawer-ov.show:not(.cp-ov) {
    -webkit-backdrop-filter: var(--scrim-blur);
    backdrop-filter: var(--scrim-blur);
  }

  .cab:has(.drawer-ov.show:not(.cp-ov)) .brand-bolt :-webkit-any(.bb-x, .bb-y) {
    animation-play-state: paused;
  }

  .cab:has(.drawer-ov.show:not(.cp-ov)) .brand-bolt :-moz-any(.bb-x, .bb-y) {
    animation-play-state: paused;
  }

  .cab:has(.drawer-ov.show:not(.cp-ov)) .brand-bolt :is(.bb-x, .bb-y) {
    animation-play-state: paused;
  }

  .cab .drawer {
    border-radius: var(--bub-r);
    background: color-mix(in srgb, var(--bg) 88%, #fff);
    height: auto;
    box-shadow: var(--float-sh);
    width: min(460px, 100% - 28px);
    padding-top: 0;
    top: 14px;
    bottom: 14px;
    right: 14px;
    overflow: hidden;
    transform: translateX(calc(100% + 26px));
  }

  .cab .drawer.md {
    width: min(800px, 100% - 28px);
  }

  .cab .drawer.wide {
    width: min(1080px, 100% - 28px);
  }

  .cab .drawer.full {
    width: calc(100% - 28px);
  }

  [data-theme^="dark"] .cab .drawer {
    background: color-mix(in srgb, var(--bg) 91%, #fff);
  }

  .cab .drawer-ov.show .drawer {
    transform: translateX(0);
  }
}

html:not(.app) .cab .drawer.sheet:after {
  content: "";
  z-index: 40;
  background: var(--scrim);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--m-dur) var(--m-ease);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

html:not(.app) .cab .drawer-ov.show .drawer.sheet:where(:not(.dr-lvl), .dr-lvl-on):has( ~ .drawer.sheet.dr-lvl-on:not(.short)):before {
  opacity: 0;
}

@media (min-width: 821px) {
  html:not(.app) .cab .drawer {
    clip-path: inset(-40px round var(--bub-r));
    transition: transform var(--m-dur) var(--m-ease), filter var(--m-dur) var(--m-ease), clip-path var(--m-dur) var(--m-ease), border-radius var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .drawer-ov.show .drawer.dr-lvl:not(.sheet) {
    clip-path: inset(0 calc(100% + 14px) 0 0 round var(--m-deck-r) var(--bub-r) var(--bub-r) var(--m-deck-r));
    border-radius: var(--m-deck-r) var(--bub-r) var(--bub-r) var(--m-deck-r);
    transform: translateX(calc(100% + 14px));
  }

  html:not(.app) .cab .drawer-ov.show .drawer.dr-lvl.dr-lvl-on:not(.sheet) {
    clip-path: inset(0 round var(--bub-r));
    border-radius: var(--bub-r);
    transform: translateX(0);
  }

  html:not(.app) .cab .drawer.sheet.dr-lvl {
    top: calc(14px + var(--m-sheet-top));
    box-shadow: var(--m-sheet-sh);
  }

  html:not(.app) .cab .drawer.sheet.short.dr-lvl {
    top: max(calc(14px + var(--m-sheet-top)), var(--sheet-top, 60dvh));
  }

  html:not(.app) .cab .drawer-ov.show .drawer.sheet.dr-lvl {
    clip-path: inset(0 0 100% 0 round var(--bub-r));
    transform: translateY(100%);
  }

  html:not(.app) .cab .drawer-ov.show .drawer.sheet.dr-lvl.dr-lvl-on {
    clip-path: inset(-24px 0 0 0 round var(--bub-r));
    transform: translateY(0);
  }

  html:not(.app) .cab .drawer.sheet {
    transform-origin: 50% 0;
  }

  html:not(.app) .cab .drawer-ov.show .drawer.sheet:where(:not(.dr-lvl), .dr-lvl-on):has( ~ .drawer.sheet.dr-lvl-on:not(.short)) {
    transform: translateY(calc(-1 * var(--m-deck-step))) scale(var(--m-deck-scale));
  }

  html:not(.app) .cab .drawer-ov.show .drawer:not(.sheet):where(:not(.dr-lvl), .dr-lvl-on):has( ~ .drawer.dr-lvl-on:not(.sheet)) {
    transform: translateX(calc(-1 * var(--m-parallax)));
    clip-path: inset(0 0 0 var(--m-parallax) round var(--bub-r));
    filter: brightness(calc(1 - var(--m-dim)));
  }

  html:not(.app) .cab .drawer-ov.show .drawer.sheet:where(:not(.dr-lvl), .dr-lvl-on):has( ~ .drawer.dr-lvl-on:not(.sheet)) {
    filter: brightness(calc(1 - var(--m-dim)));
  }

  html:not(.app) .cab .drawer-ov.show .drawer:has( ~ .drawer.sheet.short.dr-lvl-on):after {
    content: "";
    z-index: 40;
    border-radius: inherit;
    background: var(--scrim);
    opacity: .28;
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

.cab .dr-head {
  --dr-head-h: calc(var(--ctl-sm)  + 2 * var(--ctl-edge));
  padding: var(--ctl-edge) 18px;
  z-index: 3;
  flex: none;
  align-items: center;
  gap: 12px;
  display: flex;
  position: relative;
}

.cab .dr-head:before {
  content: none;
}

.cab .dr-grab {
  display: none;
}

.cab .dr-head h3 {
  text-align: center;
  letter-spacing: -.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  font-size: 17px;
  font-weight: 700;
  overflow: hidden;
}

.cab .dr-act:disabled {
  color: var(--mut);
  cursor: not-allowed;
}

@media (hover: hover) {
  .cab .dr-act:disabled:hover {
    background: var(--surf);
  }
}

.cab .dr-act.hidden {
  visibility: hidden;
}

.cab .dr-act.quiet {
  background: var(--surf);
  border-color: var(--line2);
  color: var(--mut);
}

@media (hover: hover) {
  .cab .dr-act.quiet:hover {
    background: var(--surf);
    color: var(--ink);
  }
}

.cab .dr-trash {
  color: var(--red);
}

.cab .dr-body {
  overscroll-behavior: none;
  --dr-head-h: calc(var(--ctl-sm)  + 2 * var(--ctl-edge));
  margin: calc(-1 * var(--dr-head-h)) auto 0;
  --dr-top: calc(var(--dr-head-h)  + 18px);
  --cab-pad: 18px;
  padding: var(--dr-top) var(--cab-pad) calc(18px + env(safe-area-inset-bottom, 0px));
  flex: 1;
  width: 100%;
  max-width: 680px;
  overflow-x: clip;
  overflow-y: auto;
}

.cab .drawer .wiz-pane, .cab .native-layer .wiz-pane, .cab.cab-focus .wiz-pane {
  padding-top: 0;
}

.cab .dr-body:has( > .wiz-pane) {
  padding-bottom: 0;
}

.cab .pick-top {
  padding-bottom: 8px;
}

.cab .pick-search {
  box-sizing: border-box;
  width: 100%;
  height: 38px;
  font: inherit;
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--ink) 4%, transparent);
  color: var(--ink);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 0 12px;
  font-size: 14px;
}

.cab .pick-list .scn-grid .scn-card, .cab .conn-grid.scn-grid .scn-card {
  cursor: pointer;
  align-items: center;
  min-height: 0;
}

.cab .scn-card-desc.bad {
  color: #e23570;
}

.cab .dr-filter-btn {
  border: 1px solid var(--line2);
  background: var(--surf);
  max-width: 148px;
  height: 34px;
  color: var(--ink);
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 999px;
  flex: none;
  padding: 0 13px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
}

.cab .dr-filter-btn.on {
  border-color: var(--accent);
  color: var(--accent);
}

.cab .trg-shell .trg-bottom {
  padding: 12px 10px calc(10px + env(safe-area-inset-bottom, 0px));
  flex: none;
}

.cab .trg-search-cap {
  border: 1px solid color-mix(in srgb, var(--line2) 65%, transparent);
  border-radius: 999px;
  align-items: center;
  gap: 9px;
  padding: 11px 16px;
  display: flex;
}

.cab .trg-search-cap:focus-within {
  border-color: var(--focus-line);
}

.cab .trg-search-cap svg {
  color: var(--mut);
  flex: none;
}

.cab .trg-search-input {
  min-width: 0;
  color: var(--ink);
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  font-family: inherit;
  font-size: 15px;
}

.cab .trg-search-input::placeholder {
  color: var(--mut);
}

.cab .trg-paths .trg-path {
  align-items: flex-start;
}

.cab .trg-path .meta {
  white-space: normal;
  line-height: 1.45;
}

.cab .row.pick .pick-desc {
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.cab .row.pick .pick-io {
  color: color-mix(in srgb, var(--accent-d, var(--accent)) 80%, var(--mut));
  font-size: 11.5px;
}

.cab .row.pick.sel .right {
  color: var(--accent);
  font-weight: 700;
}

.cab .row.pick.sel {
  background: var(--accent-soft);
}

.cab .pick-grp {
  color: var(--mut);
  margin: 10px 0 6px;
  font-size: 12.5px;
  font-weight: 600;
}

.cab .row.pick.pick-tile {
  align-items: center;
}

.cab .pick-tile .meta {
  white-space: normal;
  line-height: 1.45;
}

.cab .pick-ico {
  background: color-mix(in srgb, currentColor 11%, transparent);
  border-radius: var(--r);
  width: 40px;
  height: 40px;
  color: var(--accent);
  flex: none;
  place-items: center;
  font-size: 18px;
  display: grid;
}

.cab .pick-swatch {
  border-radius: var(--r);
  background: color-mix(in srgb, currentColor 11%, transparent);
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  margin-left: 2px;
  display: grid;
}

.cab .pick-chev {
  color: var(--mut);
  flex: none;
  margin-left: auto;
  font-size: 20px;
  line-height: 1;
}

.cab .ai-vgroup > .row {
  background: none;
  border-bottom: 0;
  padding: 0;
}

@media (hover: hover) {
  .cab .ai-vgroup > .row:hover {
    background: none;
  }
}

.cab .dr-body .rows {
  border: 0;
}

.cab .dr-body .rows .nm {
  font-weight: 550;
}

.cab .dr-body:has( > .pay-frame) {
  max-width: none;
  padding: 0;
  overflow: hidden;
}

.cab .pay-frame {
  background: #fff;
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.cab .pay-result {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 48px 16px;
  display: flex;
}

.cab .pay-result-ic {
  color: #fff;
  border-radius: 50%;
  place-items: center;
  width: 56px;
  height: 56px;
  font-size: 26px;
  display: grid;
}

.cab .pay-result-ic.ok {
  background: #0fa3b1;
}

.cab .pay-result-ic.err {
  background: #e23570;
}

.cab .pay-layer {
  position: relative;
}

.cab .drawer:not([aria-hidden="true"]) .dr-body > .pay-check, .cab .drawer:not([aria-hidden="true"]) .dr-body > .pay-layer {
  flex-direction: column;
  min-height: 100%;
  display: flex;
}

.cab .drawer:not([aria-hidden="true"]) .dr-body > .pay-check > .k-lblock, .cab .drawer:not([aria-hidden="true"]) .dr-body > .pay-layer > .k-lblock {
  margin-top: auto;
}

.cab .pay-row, .cab .pay-form {
  margin-bottom: 12px;
  display: flow-root;
  position: relative;
}

.cab .pay-form--off {
  height: 0;
  margin: 0;
  overflow: hidden;
}

.cab .pay-layer, .cab .pay-row, .cab .pay-row > .pay-live, .cab .pay-row > .pay-pend {
  -webkit-tap-highlight-color: transparent;
}

.cab .pay-row:not(.pay-off), .cab .pay-row > .pay-live, .cab .pay-row > .pay-pend {
  background: none;
  border: 0;
  overflow: visible;
}

.cab .pay-pend {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
}

.cab .pay-save:not(.k-lsec) {
  margin: 0 4px 12px;
}

.cab .pay-save > .k-lnote {
  margin: 0;
}

.cab .pay-off {
  height: 0;
  margin: 0;
  overflow: hidden;
}

.cab .pay-skel {
  flex-direction: column;
  gap: 12.75px;
  display: flex;
}

.cab .pay-skel .k-skel-field__label {
  line-height: 1.15;
}

.cab .pay-skel .pay-skel__pair {
  row-gap: 12.75px;
}

.cab .pay-fit4 .pay-skel .k-skel-field__label {
  margin-bottom: 4px;
  font-size: 12px;
}

.cab .pay-skel__pair {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  display: grid;
}

.cab .pay-skel__pair .k-skel-field__label {
  white-space: nowrap;
  overflow: hidden;
}

.cab .pay-skel__pair--stack {
  grid-template-columns: 1fr;
}

.cab .pay-or .k-lnote {
  text-align: center;
}

.cab .pay-payer {
  margin: 0 0 12px;
}

.cab .pay-payer .k-lrow__hint {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.cab .pay-payer__part {
  overflow-wrap: anywhere;
  max-width: 100%;
  display: inline-block;
}

.cab .pay-payer--one .k-lrow__hint {
  -webkit-line-clamp: 1;
}

.cab .pay-payer--one .pay-payer__mail {
  min-width: 0;
  display: flex;
}

.cab .pay-payer--one .pay-payer__mail-a {
  text-overflow: ellipsis;
  flex: 0 1000 auto;
  min-width: 1ch;
  overflow: hidden;
}

.cab .pay-payer--one .pay-payer__mail-b {
  text-overflow: ellipsis;
  flex: 0 auto;
  min-width: 0;
  overflow: hidden;
}

.cab .pay-cta-spin {
  border: 2px solid;
  border-top-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation: .6s linear infinite k-spin;
}

.cab .pay-fit3 > .pay-row, .cab .pay-fit3 > .pay-form, .cab .pay-fit3 > .pay-save, .cab .pay-fit3 > .k-lsec, .cab .pay-fit3 > .k-lblock, .cab .pay-fit3 > .pay-payer {
  margin-bottom: 8px;
}

.cab .k-lsec__foot a {
  color: var(--accent-stroke);
  text-decoration: none;
}

.cab .pay-fit3 > .pay-off {
  margin: 0;
}

.cab .kv > [class*="popsel"] {
  margin-left: auto;
}

.cab .k-btn.page-round {
  color: var(--ink);
  border: 0;
}

.cab .tabbar {
  display: none;
}

@media (max-width: 820px) {
  .cab .app {
    height: auto;
    min-height: 100dvh;
    display: block;
    overflow: visible;
  }

  .cab .main {
    height: auto;
    overflow: visible;
  }

  .cab.cab-focus .app {
    height: 100dvh;
    overflow: hidden;
  }

  .cab.cab-focus .main {
    height: 100%;
    overflow-y: auto;
  }

  html.ck-on .cab.cab-focus .app {
    height: var(--ck-h, 100dvh);
    min-height: 0;
    transform: translateY(var(--ck-t, 0px));
  }

  html.ck-anim .cab.cab-focus .app {
    transition: height .25s cubic-bezier(.38, .7, .125, 1);
  }

  .cab .side {
    display: none;
  }

  .cab .acctbtn {
    display: grid;
  }

  .cab .content {
    --cab-pad: var(--page-x-m);
    padding: 18px var(--cab-pad) calc(126px + env(safe-area-inset-bottom, 0px));
    overflow-x: clip;
  }

  .cab .top {
    padding: 12px var(--ctl-edge);
  }

  .cab .promo-top, .cab .acting-bar {
    width: calc(100% - 24px);
    margin: 12px auto 0;
  }

  .cab .top .topbtn {
    width: var(--ctl);
    height: var(--ctl);
    border-radius: 50%;
    justify-content: center;
    gap: 0;
    padding: 0;
  }

  .cab .top .topbtn svg {
    width: var(--ctl-ico);
    height: var(--ctl-ico);
  }

  .cab .topbtn-tx {
    display: none;
  }

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

  .cab .drawer, .cab .drawer.wide, .cab .drawer.md, .cab .drawer.full {
    background: color-mix(in srgb, var(--bg) 88%, #fff);
  }

  [data-theme^="dark"] .cab .drawer, [data-theme^="dark"] .cab .drawer.wide, [data-theme^="dark"] .cab .drawer.md, [data-theme^="dark"] .cab .drawer.full, [data-theme^="dark"] .cab .drawer.sheet, .cab .drawer.sheet {
    background: var(--v3-sheet);
  }

  .cab .drawer-ov {
    opacity: 1;
    transition: visibility var(--m-dur);
    background: none;
  }

  html:not(.app) .cab .drawer-ov.show {
    transition: none;
  }

  .cab .drawer, .cab .drawer.wide, .cab .drawer.md, .cab .drawer.full {
    width: 100%;
    height: auto;
    transition: transform var(--m-dur) var(--m-ease), filter var(--m-dur) var(--m-ease), border-radius var(--m-dur) var(--m-ease);
    box-shadow: none;
    border-radius: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateX(100%);
  }

  .cab .drawer-ov.show .drawer {
    transform: translateX(0);
  }

  html:not(.app) .cab .drawer:not(.sheet) {
    border-radius: var(--m-deck-r);
    overflow: hidden;
  }

  html:not(.app) .cab .drawer-ov.show .drawer:not(.sheet):not(.dr-lvl), html:not(.app) .cab .drawer-ov.show .drawer.dr-lvl.dr-lvl-on:not(.sheet) {
    border-radius: 0;
  }

  .cab .top-head {
    animation: top-head-in var(--m-dur-fast) var(--m-ease);
  }

  .cab.cab-focus {
    --v3-page: var(--v3-sheet);
  }

  .cab .pane-stack {
    position: relative;
  }

  .cab .pane-slide-left, .cab .pane-slide-right {
    z-index: 1;
    background: var(--bg);
    min-height: 70vh;
    position: relative;
  }

  .cab .pane-slide-left {
    animation: pane-in-left var(--m-dur) var(--m-ease);
  }

  .cab .pane-slide-right {
    animation: pane-in-right var(--m-dur) var(--m-ease);
  }

  .cab .pane-exit-wrap {
    z-index: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .cab .pane-exit-left {
    animation: pane-out-left var(--m-dur) var(--m-ease) both;
  }

  .cab .pane-exit-right {
    animation: pane-out-right var(--m-dur) var(--m-ease) both;
  }

  .cab .pane-exit-left:after, .cab .pane-exit-right:after {
    content: "";
    background: var(--scrim);
    pointer-events: none;
    animation: pane-dim var(--m-dur) var(--m-ease) both;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .cab .pane-exit-under {
    display: none;
  }

  .cab .pane-cover {
    z-index: 1;
    min-height: 70vh;
    position: relative;
  }

  .cab .drawer.dr-side {
    box-shadow: var(--float-sh);
  }

  .cab .drawer.sheet {
    top: var(--m-sheet-top);
    border-radius: var(--bub-r) var(--bub-r) 0 0;
    box-shadow: var(--m-sheet-sh);
    padding-top: 0;
    overflow: hidden;
    transform: translateY(100%);
  }

  .cab .drawer-ov.show .drawer.sheet {
    transform: translateY(0);
  }

  .cab .drawer-ov.show .drawer.sheet.dr-lvl {
    transform: translateY(100%);
  }

  .cab .drawer-ov.show .drawer.sheet.dr-lvl.dr-lvl-on {
    transform: translateY(0);
  }

  html:not(.app) .cab .drawer.sheet.short.dr-lvl {
    border-radius: var(--m-sheet-r) var(--m-sheet-r) 0 0;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
  }

  html:not(.app) .cab .drawer-ov.show .drawer:has( ~ .drawer.sheet.short.dr-lvl-on):after {
    content: "";
    z-index: 40;
    border-radius: inherit;
    background: var(--scrim);
    opacity: .28;
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  html:not(.app) .cab .drawer.sheet {
    transform-origin: 50% 0;
  }

  html:not(.app) .cab .drawer-ov.show .drawer.sheet:where(:not(.dr-lvl), .dr-lvl-on):has( ~ .drawer.sheet.dr-lvl-on:not(.short)) {
    transform: translateY(calc(-1 * var(--m-deck-step))) scale(var(--m-deck-scale));
    border-top-left-radius: var(--m-deck-r);
    border-top-right-radius: var(--m-deck-r);
  }

  html:not(.app) .cab .drawer-ov.show .drawer:not(.sheet):where(:not(.dr-lvl), .dr-lvl-on):has( ~ .drawer.dr-lvl-on:not(.sheet)) {
    transform: translateX(calc(-1 * var(--m-parallax)));
    filter: brightness(calc(1 - var(--m-dim)));
  }

  html:not(.app) .cab .drawer-ov.show .drawer.sheet:where(:not(.dr-lvl), .dr-lvl-on):has( ~ .drawer.dr-lvl-on:not(.sheet)) {
    filter: brightness(calc(1 - var(--m-dim)));
  }

  .cab .drawer.sheet.short {
    top: max(var(--m-sheet-top), var(--sheet-top, 60dvh));
  }

  .cab .dr-head {
    padding: var(--ctl-edge);
  }

  .cab .drawer:not(.sheet) {
    padding-top: 0;
  }

  .cab .drawer:not(.sheet) .dr-head {
    padding-top: calc(var(--safe-top)  + var(--ctl-edge));
  }

  .cab .drawer:not(.sheet) .dr-body {
    margin-top: calc(-1 * var(--dr-head-h)  - var(--safe-top));
    --dr-top: calc(var(--dr-head-h)  + var(--head-air)  + var(--safe-top));
    padding-top: var(--dr-top);
  }

  .cab .dr-head h3 {
    font-size: 15.5px;
  }

  .cab .dr-body {
    margin-top: calc(-1 * var(--dr-head-h));
    --dr-top: calc(var(--dr-head-h)  + var(--head-air));
    --cab-pad: var(--page-x-m);
    padding: var(--dr-top) var(--cab-pad) calc(18px + env(safe-area-inset-bottom, 0px));
  }

  .cab:has(.drawer-ov.show .drawer :-webkit-any(input, textarea, select):focus) .tabbar {
    visibility: hidden;
    opacity: 0;
  }

  .cab:has(.drawer-ov.show .drawer :-moz-any(input, textarea, select):focus) .tabbar {
    visibility: hidden;
    opacity: 0;
  }

  .cab:has(.drawer-ov.show .drawer :is(input, textarea, select):focus) .tabbar {
    visibility: hidden;
    opacity: 0;
  }

  .cab .tabbar {
    left: 50%;
    bottom: max(10px, calc(env(safe-area-inset-bottom)  - 16px));
    z-index: 60;
    isolation: isolate;
    width: max-content;
    max-width: calc(100% - 24px);
    transition: opacity var(--m-dur) var(--m-ease), visibility var(--m-dur);
    border: none;
    border-radius: 999px;
    align-items: stretch;
    gap: 0;
    padding: 5px;
    display: flex;
    position: fixed;
    overflow: visible;
    transform: translateX(-50%);
  }

  .cab .tabbar:before {
    content: "";
    border-radius: inherit;
    -webkit-mask-composite: xor;
    -webkit-mask-composite: xor;
    pointer-events: none;
    z-index: 4;
    background: linear-gradient(135deg, rgba(255, 255, 255, .75), rgba(255, 255, 255, .1) 32%, rgba(255, 255, 255, .03) 55%, rgba(255, 255, 255, .5));
    padding: 1.2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-mask-image: linear-gradient(#000 0, #000 0), linear-gradient(#000 0, #000 0);
    mask-image: linear-gradient(#000 0, #000 0), linear-gradient(#000 0, #000 0);
    -webkit-mask-position: 0 0, 0 0;
    mask-position: 0 0, 0 0;
    -webkit-mask-size: auto, auto;
    mask-size: auto, auto;
    -webkit-mask-repeat: repeat, repeat;
    mask-repeat: repeat, repeat;
    -webkit-mask-clip: content-box, border-box;
    mask-clip: content-box, border-box;
    -webkit-mask-origin: content-box, border-box;
    mask-origin: content-box, border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-source-type: auto, auto;
    mask-mode: match-source, match-source;
  }

  .cab .tabbar:after {
    content: "";
    filter: blur(2px);
    opacity: .75;
    pointer-events: none;
    z-index: 0;
    background: linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    border-radius: 999px;
    height: 46%;
    position: absolute;
    top: 1px;
    left: 8%;
    right: 8%;
  }

  .cab .island {
    z-index: 1;
    width: 0;
    height: calc(100% - 10px);
    transition: transform var(--m-dur) var(--m-ease), background var(--m-dur-fast), box-shadow var(--m-dur-fast);
    background: color-mix(in srgb, var(--ink) 6.5%, transparent);
    box-shadow: var(--inset-sh);
    will-change: transform;
    border-radius: 999px;
    position: absolute;
    top: 5px;
    left: 0;
    overflow: hidden;
  }

  .cab .isl-copy {
    width: max-content;
    height: calc(100% + 10px);
    transition: transform var(--m-dur) var(--m-ease);
    pointer-events: none;
    align-items: stretch;
    gap: 0;
    padding: 5px;
    display: flex;
    position: absolute;
    top: -5px;
    left: 0;
  }

  .cab .isl-copy .tb {
    color: var(--ink);
  }

  .cab .island.lift {
    z-index: 3;
  }

  .cab .tabbar::-webkit-scrollbar {
    display: none;
  }

  .cab .tb {
    z-index: 2;
    cursor: pointer;
    width: min(84px, 25vw - 8.5px);
    color: color-mix(in srgb, var(--ink) 52%, transparent);
    transition: color var(--m-dur) var(--m-ease);
    background: none;
    border: none;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 10px 4px 9px;
    font-family: inherit;
    text-decoration: none;
    display: flex;
    position: relative;
  }

  .cab .tb span {
    letter-spacing: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: 11px;
    font-weight: 550;
    line-height: 1.1;
    overflow: hidden;
  }

  .cab .tbi {
    transition: transform var(--m-dur) var(--m-ease);
    place-items: center;
    display: grid;
  }

  .cab .tbi svg {
    width: 22px;
    height: 22px;
  }

  .cab .tb:active .tbi {
    transform: scale(.84)translateY(.5px);
  }

  .cab .tb.on {
    color: var(--accent-stroke, var(--accent));
  }

  [data-theme^="dark"] .cab .tabbar:before {
    background: linear-gradient(135deg, rgba(255, 255, 255, .32), rgba(255, 255, 255, .05) 32%, rgba(255, 255, 255, .02) 55%, rgba(255, 255, 255, .2));
  }

  [data-theme^="dark"] .cab .tabbar:after {
    background: linear-gradient(rgba(255, 255, 255, .12), rgba(255, 255, 255, 0));
  }

  [data-theme^="dark"] .cab .island {
    background: rgba(255, 255, 255, .07);
  }

  .cab, .cab * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
  }

  .cab input, .cab textarea, .cab code, .cab .mono, .cab .log {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    -webkit-touch-callout: default;
  }

  [data-theme^="dark"] .cab .tb {
    color: rgba(255, 255, 255, .55);
  }
}

@container cab (width <= 820px) {
  .cab .app {
    height: auto;
    min-height: 100dvh;
    display: block;
    overflow: visible;
  }

  .cab .main {
    height: auto;
    overflow: visible;
  }

  .cab.cab-focus .app {
    height: 100dvh;
    overflow: hidden;
  }

  .cab.cab-focus .main {
    height: 100%;
    overflow-y: auto;
  }

  html.ck-on .cab.cab-focus .app {
    height: var(--ck-h, 100dvh);
    min-height: 0;
    transform: translateY(var(--ck-t, 0px));
  }

  html.ck-anim .cab.cab-focus .app {
    transition: height .25s cubic-bezier(.38, .7, .125, 1);
  }

  .cab .side {
    display: none;
  }

  .cab .acctbtn {
    display: grid;
  }

  .cab .content {
    --cab-pad: var(--page-x-m);
    padding: 18px var(--cab-pad) calc(126px + env(safe-area-inset-bottom, 0px));
    overflow-x: clip;
  }

  .cab .top {
    padding: 12px var(--ctl-edge);
  }

  .cab .promo-top, .cab .acting-bar {
    width: calc(100% - 24px);
    margin: 12px auto 0;
  }

  .cab .top .topbtn {
    width: var(--ctl);
    height: var(--ctl);
    border-radius: 50%;
    justify-content: center;
    gap: 0;
    padding: 0;
  }

  .cab .top .topbtn svg {
    width: var(--ctl-ico);
    height: var(--ctl-ico);
  }

  .cab .topbtn-tx {
    display: none;
  }

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

  .cab .drawer, .cab .drawer.wide, .cab .drawer.md, .cab .drawer.full {
    background: color-mix(in srgb, var(--bg) 88%, #fff);
  }

  [data-theme^="dark"] .cab .drawer, [data-theme^="dark"] .cab .drawer.wide, [data-theme^="dark"] .cab .drawer.md, [data-theme^="dark"] .cab .drawer.full, [data-theme^="dark"] .cab .drawer.sheet, .cab .drawer.sheet {
    background: var(--v3-sheet);
  }

  .cab .drawer-ov {
    opacity: 1;
    transition: visibility var(--m-dur);
    background: none;
  }

  html:not(.app) .cab .drawer-ov.show {
    transition: none;
  }

  .cab .drawer, .cab .drawer.wide, .cab .drawer.md, .cab .drawer.full {
    width: 100%;
    height: auto;
    transition: transform var(--m-dur) var(--m-ease), filter var(--m-dur) var(--m-ease), border-radius var(--m-dur) var(--m-ease);
    box-shadow: none;
    border-radius: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateX(100%);
  }

  .cab .drawer-ov.show .drawer {
    transform: translateX(0);
  }

  .cab .top-head {
    animation: top-head-in var(--m-dur-fast) var(--m-ease);
  }

  .cab.cab-focus {
    --v3-page: var(--v3-sheet);
  }

  .cab .pane-stack {
    position: relative;
  }

  .cab .pane-slide-left, .cab .pane-slide-right {
    z-index: 1;
    background: var(--bg);
    min-height: 70vh;
    position: relative;
  }

  .cab .pane-slide-left {
    animation: pane-in-left var(--m-dur) var(--m-ease);
  }

  .cab .pane-slide-right {
    animation: pane-in-right var(--m-dur) var(--m-ease);
  }

  .cab .pane-exit-wrap {
    z-index: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .cab .pane-exit-left {
    animation: pane-out-left var(--m-dur) var(--m-ease) both;
  }

  .cab .pane-exit-right {
    animation: pane-out-right var(--m-dur) var(--m-ease) both;
  }

  .cab .pane-exit-left:after, .cab .pane-exit-right:after {
    content: "";
    background: var(--scrim);
    pointer-events: none;
    animation: pane-dim var(--m-dur) var(--m-ease) both;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .cab .pane-exit-under {
    display: none;
  }

  .cab .pane-cover {
    z-index: 1;
    min-height: 70vh;
    position: relative;
  }

  .cab .drawer.dr-side {
    box-shadow: var(--float-sh);
  }

  .cab .drawer.sheet {
    top: var(--m-sheet-top);
    border-radius: var(--bub-r) var(--bub-r) 0 0;
    box-shadow: var(--m-sheet-sh);
    padding-top: 0;
    overflow: hidden;
    transform: translateY(100%);
  }

  .cab .drawer-ov.show .drawer.sheet {
    transform: translateY(0);
  }

  .cab .drawer-ov.show .drawer.sheet.dr-lvl {
    transform: translateY(100%);
  }

  .cab .drawer-ov.show .drawer.sheet.dr-lvl.dr-lvl-on {
    transform: translateY(0);
  }

  html:not(.app) .cab .drawer-ov.show .drawer:has( ~ .drawer.sheet.short.dr-lvl-on):after {
    content: "";
    z-index: 40;
    border-radius: inherit;
    background: var(--scrim);
    opacity: .28;
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  html:not(.app) .cab .drawer.sheet {
    transform-origin: 50% 0;
  }

  html:not(.app) .cab .drawer-ov.show .drawer.sheet:where(:not(.dr-lvl), .dr-lvl-on):has( ~ .drawer.sheet.dr-lvl-on:not(.short)) {
    transform: translateY(calc(-1 * var(--m-deck-step))) scale(var(--m-deck-scale));
    border-top-left-radius: var(--m-deck-r);
    border-top-right-radius: var(--m-deck-r);
  }

  html:not(.app) .cab .drawer-ov.show .drawer:not(.sheet):where(:not(.dr-lvl), .dr-lvl-on):has( ~ .drawer.dr-lvl-on:not(.sheet)) {
    transform: translateX(calc(-1 * var(--m-parallax)));
    filter: brightness(calc(1 - var(--m-dim)));
  }

  html:not(.app) .cab .drawer-ov.show .drawer.sheet:where(:not(.dr-lvl), .dr-lvl-on):has( ~ .drawer.dr-lvl-on:not(.sheet)) {
    filter: brightness(calc(1 - var(--m-dim)));
  }

  .cab .drawer.sheet.short {
    top: max(var(--m-sheet-top), var(--sheet-top, 60dvh));
  }

  .cab .dr-head {
    padding: var(--ctl-edge);
  }

  .cab .drawer:not(.sheet) {
    padding-top: 0;
  }

  .cab .drawer:not(.sheet) .dr-head {
    padding-top: calc(var(--safe-top)  + var(--ctl-edge));
  }

  .cab .drawer:not(.sheet) .dr-body {
    margin-top: calc(-1 * var(--dr-head-h)  - var(--safe-top));
    --dr-top: calc(var(--dr-head-h)  + var(--head-air)  + var(--safe-top));
    padding-top: var(--dr-top);
  }

  .cab .dr-head h3 {
    font-size: 15.5px;
  }

  .cab .dr-body {
    margin-top: calc(-1 * var(--dr-head-h));
    --dr-top: calc(var(--dr-head-h)  + var(--head-air));
    --cab-pad: var(--page-x-m);
    padding: var(--dr-top) var(--cab-pad) calc(18px + env(safe-area-inset-bottom, 0px));
  }

  .cab:has(.drawer-ov.show .drawer :-webkit-any(input, textarea, select):focus) .tabbar {
    visibility: hidden;
    opacity: 0;
  }

  .cab:has(.drawer-ov.show .drawer :-moz-any(input, textarea, select):focus) .tabbar {
    visibility: hidden;
    opacity: 0;
  }

  .cab:has(.drawer-ov.show .drawer :is(input, textarea, select):focus) .tabbar {
    visibility: hidden;
    opacity: 0;
  }

  .cab .tabbar {
    left: 50%;
    bottom: max(10px, calc(env(safe-area-inset-bottom)  - 16px));
    z-index: 60;
    isolation: isolate;
    width: max-content;
    max-width: calc(100% - 24px);
    transition: opacity var(--m-dur) var(--m-ease), visibility var(--m-dur);
    border: none;
    border-radius: 999px;
    align-items: stretch;
    gap: 0;
    padding: 5px;
    display: flex;
    position: fixed;
    overflow: visible;
    transform: translateX(-50%);
  }

  .cab .tabbar:before {
    content: "";
    border-radius: inherit;
    -webkit-mask-composite: xor;
    -webkit-mask-composite: xor;
    pointer-events: none;
    z-index: 4;
    background: linear-gradient(135deg, rgba(255, 255, 255, .75), rgba(255, 255, 255, .1) 32%, rgba(255, 255, 255, .03) 55%, rgba(255, 255, 255, .5));
    padding: 1.2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-mask-image: linear-gradient(#000 0, #000 0), linear-gradient(#000 0, #000 0);
    mask-image: linear-gradient(#000 0, #000 0), linear-gradient(#000 0, #000 0);
    -webkit-mask-position: 0 0, 0 0;
    mask-position: 0 0, 0 0;
    -webkit-mask-size: auto, auto;
    mask-size: auto, auto;
    -webkit-mask-repeat: repeat, repeat;
    mask-repeat: repeat, repeat;
    -webkit-mask-clip: content-box, border-box;
    mask-clip: content-box, border-box;
    -webkit-mask-origin: content-box, border-box;
    mask-origin: content-box, border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-source-type: auto, auto;
    mask-mode: match-source, match-source;
  }

  .cab .tabbar:after {
    content: "";
    filter: blur(2px);
    opacity: .75;
    pointer-events: none;
    z-index: 0;
    background: linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    border-radius: 999px;
    height: 46%;
    position: absolute;
    top: 1px;
    left: 8%;
    right: 8%;
  }

  .cab .island {
    z-index: 1;
    width: 0;
    height: calc(100% - 10px);
    transition: transform var(--m-dur) var(--m-ease), background var(--m-dur-fast), box-shadow var(--m-dur-fast);
    background: color-mix(in srgb, var(--ink) 6.5%, transparent);
    box-shadow: var(--inset-sh);
    will-change: transform;
    border-radius: 999px;
    position: absolute;
    top: 5px;
    left: 0;
    overflow: hidden;
  }

  .cab .isl-copy {
    width: max-content;
    height: calc(100% + 10px);
    transition: transform var(--m-dur) var(--m-ease);
    pointer-events: none;
    align-items: stretch;
    gap: 0;
    padding: 5px;
    display: flex;
    position: absolute;
    top: -5px;
    left: 0;
  }

  .cab .isl-copy .tb {
    color: var(--ink);
  }

  .cab .island.lift {
    z-index: 3;
  }

  .cab .tabbar::-webkit-scrollbar {
    display: none;
  }

  .cab .tb {
    z-index: 2;
    cursor: pointer;
    width: min(84px, 25vw - 8.5px);
    color: color-mix(in srgb, var(--ink) 52%, transparent);
    transition: color var(--m-dur) var(--m-ease);
    background: none;
    border: none;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 10px 4px 9px;
    font-family: inherit;
    text-decoration: none;
    display: flex;
    position: relative;
  }

  .cab .tb span {
    letter-spacing: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: 11px;
    font-weight: 550;
    line-height: 1.1;
    overflow: hidden;
  }

  .cab .tbi {
    transition: transform var(--m-dur) var(--m-ease);
    place-items: center;
    display: grid;
  }

  .cab .tbi svg {
    width: 22px;
    height: 22px;
  }

  .cab .tb:active .tbi {
    transform: scale(.84)translateY(.5px);
  }

  .cab .tb.on {
    color: var(--accent-stroke, var(--accent));
  }

  [data-theme^="dark"] .cab .tabbar:before {
    background: linear-gradient(135deg, rgba(255, 255, 255, .32), rgba(255, 255, 255, .05) 32%, rgba(255, 255, 255, .02) 55%, rgba(255, 255, 255, .2));
  }

  [data-theme^="dark"] .cab .tabbar:after {
    background: linear-gradient(rgba(255, 255, 255, .12), rgba(255, 255, 255, 0));
  }

  [data-theme^="dark"] .cab .island {
    background: rgba(255, 255, 255, .07);
  }

  .cab, .cab * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
  }

  .cab input, .cab textarea, .cab code, .cab .mono, .cab .log {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    -webkit-touch-callout: default;
  }

  [data-theme^="dark"] .cab .tb {
    color: rgba(255, 255, 255, .55);
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .drawer-ov.show .drawer.sheet.dr-lvl.dr-insheet {
    transform: translateX(calc(100% + 40px));
  }

  html:not(.app) .cab .drawer-ov.show .drawer.sheet.dr-lvl.dr-insheet.dr-lvl-on {
    transform: translateX(0);
  }

  html:not(.app) .cab .drawer-ov.show .drawer.sheet:where(:not(.dr-lvl), .dr-lvl-on):has( ~ .drawer.sheet.dr-insheet.dr-lvl-on) {
    border-top-left-radius: var(--m-sheet-r);
    border-top-right-radius: var(--m-sheet-r);
    filter: brightness(calc(1 - var(--m-dim)));
    transform: none;
  }

  html:not(.app) .cab .main {
    transform-origin: 50% var(--deck-y, 0px);
  }

  html:not(.app) .cab.has-sheet .main, html:not(.app) .cab.deck-closing .main {
    clip-path: inset(var(--deck-y, 0px) 0 0 0 round var(--m-deck-r) var(--m-deck-r) 0 0);
    background-color: var(--bg);
    background-image: var(--page-spots);
    background-position: 0 var(--deck-y, 0px);
    background-repeat: no-repeat;
    background-size: 100% 100dvh;
  }

  html:not(.app) .cab.has-sheet .main {
    transform: translateY(calc((var(--m-sheet-top)  - var(--m-deck-peek)) * (1 - var(--deck-p, 0)))) scale(calc(1 - (1 - var(--m-deck-scale)) * (1 - var(--deck-p, 0))));
    transition: transform var(--m-dur) var(--m-ease), clip-path var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab.deck-closing .main, html:not(.app) .cab.has-sheet.deck-away .main {
    clip-path: inset(var(--deck-y, 0px) 0 0 0 round 0);
    transition: transform var(--m-dur) var(--m-ease), clip-path var(--m-dur) var(--m-ease);
    transform: none;
  }

  html:not(.app) .cab.has-sheet.deck-drag .main {
    transition: none;
  }

  html:not(.app) .cab.has-side .main {
    transform: translateX(calc(-1 * var(--m-parallax) * (1 - var(--side-p, 0))));
  }

  html:not(.app) .cab.has-side .main, html:not(.app) .cab.side-closing .main {
    transition: transform var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab:after {
    content: "";
    z-index: 79;
    pointer-events: none;
    background: var(--scrim);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--m-dur) var(--m-ease), visibility var(--m-dur);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  html:not(.app) .cab.has-side:after {
    opacity: calc(1 - var(--side-p, 0));
    visibility: visible;
    transition: opacity var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab.side-drag .main, html:not(.app) .cab.side-drag:after {
    transition: none;
  }
}

@keyframes top-head-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes pane-in-left {
  from {
    clip-path: inset(0 round var(--bub-r));
    transform: translateX(103%);
  }

  75% {
    clip-path: inset(0 round var(--bub-r));
  }

  to {
    clip-path: inset(0);
    transform: translateX(0);
  }
}

@keyframes pane-in-right {
  from {
    clip-path: inset(0 round var(--bub-r));
    transform: translateX(-103%);
  }

  75% {
    clip-path: inset(0 round var(--bub-r));
  }

  to {
    clip-path: inset(0);
    transform: translateX(0);
  }
}

@keyframes pane-out-left {
  to {
    transform: translateX(calc(-1 * var(--m-parallax)));
  }
}

@keyframes pane-out-right {
  to {
    transform: translateX(var(--m-parallax));
  }
}

@keyframes pane-dim {
  from {
    opacity: 0;
  }
}

html.native-tabs .cab .tabbar {
  display: none;
}

html.native-tabs .cab .content {
  padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
}

html.native-search-open .cab .content {
  padding-bottom: calc(16px + var(--native-kb, 0px)  + env(safe-area-inset-bottom, 0px));
}

html.native-top.bots-nosearch .cab .ai-bar-shell {
  visibility: hidden;
}

html.native-top .cab .ai-bar-shell {
  opacity: 1;
  max-height: 60px;
  transition: max-height .3s cubic-bezier(.3, .3, .2, 1), margin-top .3s cubic-bezier(.3, .3, .2, 1), margin-bottom .3s cubic-bezier(.3, .3, .2, 1), opacity .2s .12s;
  overflow: hidden;
}

html.native-top.native-search-open .cab .ai-bar.ai-bar-shell {
  opacity: 0;
  pointer-events: none;
  max-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  transition: max-height .3s cubic-bezier(.3, .3, .2, 1), margin-top .3s cubic-bezier(.3, .3, .2, 1), margin-bottom .3s cubic-bezier(.3, .3, .2, 1), opacity .1s linear;
}

html.native-search-open:not(.native-top) .cab .ai-bar-shell {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  html.native-top .cab .ai-bar-shell, html.native-top.native-search-open .cab .ai-bar-shell {
    transition: none;
  }
}

html.native-kb-open:not(.chat-native-composer):not(.native-search-open) .cab .content {
  padding-bottom: calc(16px + var(--native-kb, 0px)  + env(safe-area-inset-bottom, 0px));
}

html.native-kb-open .cab .native-layer .dr-body:not(:has(.msg-feed)) {
  padding-bottom: calc(16px + var(--native-kb, 0px)  + env(safe-area-inset-bottom, 0px));
}

.cab .drawer:has(.msg-dlg-composer) {
  padding-bottom: var(--msg-inset, var(--native-composer-pad, 0px));
}

.cab .native-layer:has(.msg-dlg-composer) {
  padding-bottom: var(--msg-inset, var(--native-composer-pad, 0px));
}

html.msg-kb-on .cab .dr-body .msg-dlg-composer, html.msg-kb-on .cab .native-layer .dr-body .msg-dlg-composer {
  padding-bottom: 6px;
}

html.push-ask-open .cab .tabbar {
  visibility: hidden;
}

html.native-top .cab .top {
  display: none;
}

html.native-top .cab .main {
  padding-top: var(--native-top-pad, 50px);
}

html.native-top .cab.cab-focus .main, .cab.cab-focus .main {
  padding-top: 0;
}

html.native-top .cab[data-section="ai"] .ai-bar-shell, html.native-top .cab .ai-srow .ai-flt-btn {
  display: none;
}

html.native-top .cab .ai-srow > span:has( > .ai-flt-btn) {
  display: none;
}

html.native-top .cab .ai-bar.ai-bar-shell {
  margin-top: 6px;
  margin-bottom: 2px;
}

html.native-top .cab .ai-bar-shell .ai-search {
  height: var(--ctl);
  text-align: center;
  padding: 0 var(--ctl-edge);
  border-radius: 999px;
}

html.native-bots-drawn .cab[data-section="bots"] .ai-bar-shell .ai-search, html.native-msgs-drawn .cab[data-section="messages"] .ai-bar-shell .ai-search {
  visibility: hidden;
}

html.native-top .cab .content {
  padding-top: 8px;
}

html.native-top-tabs .cab .subnav.subnav-line {
  display: none;
}

.cab .push-ask {
  z-index: 120;
  touch-action: none;
  -webkit-backdrop-filter: var(--scrim-blur);
  backdrop-filter: var(--scrim-blur);
  background: rgba(15, 10, 13, .45);
  justify-content: center;
  align-items: center;
  padding: 18px;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .push-card {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--bub-r);
  text-align: center;
  width: 100%;
  max-width: 420px;
  box-shadow: var(--float-sh);
  padding: 26px 22px 14px;
}

.cab .push-ic {
  border-radius: var(--r-md);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  width: 56px;
  height: 56px;
  color: var(--accent);
  place-items: center;
  margin: 0 auto 14px;
  display: grid;
}

.cab .push-card h2 {
  color: var(--ink);
  margin: 0 0 8px;
  font-size: 19px;
}

.cab .push-card p {
  color: var(--mut);
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.45;
}

.cab .push-yes {
  border-radius: var(--r);
  background: var(--accent);
  width: 100%;
  color: var(--accent-ink, #fff);
  cursor: pointer;
  text-align: center;
  border: none;
  padding: 13px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  display: block;
}

.cab .push-later {
  width: 100%;
  color: var(--mut);
  cursor: pointer;
  text-align: center;
  background: none;
  border: none;
  margin-top: 4px;
  padding: 12px;
  font-family: inherit;
  font-size: 14px;
  display: block;
}

.cab .empty {
  color: var(--mut);
  padding: 18px 2px;
  font-size: 13px;
  line-height: 1.4;
}

.cab .toggle {
  background: var(--switch-on);
  cursor: pointer;
  box-sizing: border-box;
  width: 51px;
  min-width: 51px;
  height: 31px;
  min-height: 31px;
  transition: background var(--m-dur-toggle) var(--m-ease);
  border: none;
  border-radius: 100px;
  flex: 0 0 51px;
  padding: 0;
  position: relative;
}

.cab .toggle:after {
  content: "";
  width: 27px;
  height: 27px;
  box-shadow: var(--knob-sh);
  transition: transform var(--m-dur-toggle) var(--m-ease);
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
  transform: translateX(20px);
}

:where(html.app) .cab .toggle:after {
  transition: transform .28s cubic-bezier(.32, 1.4, .4, 1);
}

.cab .toggle.off {
  background: rgba(120, 120, 128, .32);
}

:root[data-theme="dark"] .cab .toggle.off {
  background: rgba(120, 120, 128, .48);
}

.cab .toggle.off:after {
  transform: none;
}

.cab .toggle:disabled {
  opacity: .6;
  cursor: default;
}

.cab .ibtn {
  border-radius: var(--r-xs);
  border: 1px solid var(--line2);
  background: var(--surf);
  cursor: pointer;
  width: 30px;
  height: 30px;
  color: var(--mut);
  place-items: center;
  display: grid;
}

.cab .kv {
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  align-items: center;
  padding: 9px 0;
  font-size: 13.5px;
  display: flex;
}

.cab .kv span {
  color: var(--mut);
}

.cab .kv b {
  overflow-wrap: anywhere;
  text-align: right;
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-weight: 600;
  display: inline-flex;
}

.cab .kv.kv-last {
  border-bottom: none;
  padding-bottom: 0;
}

.cab .ai-vgroup > .kv, .cab .rows > .kv {
  padding-left: 10px;
  padding-right: 10px;
}

.cab .dzone {
  border-top: 1px dashed rgba(191, 64, 121, .35);
  margin-top: 18px;
  padding-top: 14px;
}

.cab .dzone .btn {
  border-radius: var(--r-xs);
  padding: 7px 14px;
  font-size: 12.5px;
  font-weight: 600;
}

.cab .dzone .ar-d {
  color: var(--accent-d);
  max-width: 420px;
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.4;
  display: block;
}

.cab .dzone .confirm {
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  display: none;
}

.cab .dzone .confirm .q {
  color: var(--accent-d);
  font-size: 12.5px;
  font-weight: 700;
}

.cab .dzone.armed > .btn, .cab .dzone.armed > .k-btn, .cab .dzone.armed > .ar-d {
  display: none;
}

.cab .dzone.armed .confirm {
  display: flex;
}

.cab .mcprow {
  margin-bottom: 12px;
}

.cab .mcprow-lbl {
  color: var(--mut);
  margin-bottom: 6px;
  font-size: 12.5px;
  font-weight: 600;
}

.cab .mcprow-val {
  align-items: center;
  gap: 8px;
  display: flex;
}

.cab .mcprow-val code {
  white-space: nowrap;
  background: var(--surf);
  border: 1px solid var(--line2);
  border-radius: var(--r-sm);
  flex: 1;
  min-width: 0;
  padding: 9px 12px;
  font-size: 12.5px;
  overflow-x: auto;
}

.cab .mcprow-val .btn.sm {
  flex: none;
}

.cab .d-hero {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 12px 12px 0;
  display: flex;
}

.cab .d-hero-t {
  letter-spacing: -.01em;
  color: var(--ink);
  font-size: 19px;
  font-weight: 750;
}

.cab .d-hero-s {
  color: var(--mut);
  max-width: 330px;
  font-size: 13.5px;
  line-height: 1.5;
}

.cab .d-hero-mark {
  color: var(--accent);
}

.cab .d-hero-mark svg {
  width: 52px;
  height: 52px;
  display: block;
}

.cab .mcp-app-mark {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: inline-flex;
}

.cab .mcp-app-mark svg {
  width: 22px;
  height: 22px;
}

.cab .rowicon {
  color: var(--mut);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  padding: 6px;
  display: inline-flex;
}

@media (hover: hover) {
  .cab .rowicon:hover {
    color: var(--ink);
  }
}

.cab .copyfld {
  align-items: stretch;
  gap: 8px;
  display: flex;
}

.cab .copyfld input {
  flex: 1;
  min-width: 0;
}

.cab .copyfld .btn.sm {
  flex: none;
  align-items: center;
  display: inline-flex;
}

.cab .mcp-hero-duo {
  width: 86px;
  height: 60px;
  display: inline-block;
  position: relative;
}

.cab .mcp-hero-duo .mcp-hero-back {
  position: absolute;
  top: 0;
  right: 0;
}

.cab .mcp-hero-duo .mcp-hero-front {
  width: 56px;
  height: 56px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.cab .d-hero-mark .mcp-hero-front svg {
  width: 56px;
  height: 56px;
}

.cab .chat.card {
  flex-direction: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.cab .chat-drawer {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.cab .chat-drawer-hint {
  color: var(--mut);
  margin: 0 0 14px;
  font-size: 13.5px;
}

.cab .chat-drawer .chat.card {
  min-height: 0;
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  flex: 1;
  overflow: visible;
}

.cab .chat-drawer .chat-scroll {
  flex: 1;
  max-height: none;
  padding: 0;
}

.cab .chat-drawer .chat-composer {
  border-top: none;
  padding: 10px 2px 2px;
}

.cab .chat-scroll {
  flex-direction: column;
  gap: 12px;
  min-height: 220px;
  max-height: 440px;
  padding: 18px;
  display: flex;
  overflow-y: auto;
}

.cab .chat-msg {
  flex-direction: column;
  gap: 4px;
  max-width: 88%;
  animation: .36s cubic-bezier(.32, .72, 0, 1) both chat-msg-in;
  display: flex;
}

@keyframes chat-msg-in {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

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

.cab .chat-feed-mark {
  margin: 7px 0 0 4px;
}

.cab .chat-msg.user {
  align-self: flex-end;
  align-items: flex-end;
}

.cab .chat-msg.assistant {
  align-self: flex-start;
  align-items: flex-start;
}

.cab .chat-bubble {
  border-radius: var(--r);
  white-space: pre-wrap;
  word-break: break-word;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 1.5;
}

.cab .chat-msg.user .chat-bubble {
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--ink);
  border: 1px solid color-mix(in srgb, var(--accent) 11%, transparent);
  border-bottom-right-radius: var(--r-xs);
  box-shadow: var(--bub-sh);
}

:root[data-theme="dark"] .cab .chat-msg.user .chat-bubble {
  background: color-mix(in srgb, var(--accent) 20%, transparent);
  border-color: color-mix(in srgb, var(--accent) 16%, transparent);
}

.cab .chat-msg.assistant .chat-bubble {
  background: none;
  border: none;
  border-radius: 0;
  padding: 4px 0;
  font-family: ui-serif, New York, Georgia, Times New Roman, serif;
  font-size: 15px;
  line-height: 1.55;
}

.cab .chat-meta {
  color: var(--mut);
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 4px;
  font-size: 11.5px;
  display: flex;
}

.cab .chat-meta .chat-cost {
  font-variant-numeric: tabular-nums;
  align-items: center;
  gap: 3px;
  display: inline-flex;
}

.cab .chat-meta .chat-cost svg {
  width: 12px;
  height: 12px;
}

.cab .chat-meta .chat-time {
  font-variant-numeric: tabular-nums;
  color: var(--mut);
  opacity: .8;
  font-size: 10.5px;
}

.cab .chat-date {
  align-self: center;
  margin: 12px 0 6px;
}

.cab .chat-date span {
  color: var(--mut);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  border-radius: 100px;
  padding: 3px 11px;
  font-size: 11px;
  display: inline-block;
}

.cab .chat-schema-link {
  border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line));
  background: color-mix(in srgb, var(--accent) 8%, var(--surf));
  color: var(--accent);
  cursor: pointer;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  gap: 5px;
  margin-top: 7px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
}

.cab .chat-schema-link:active {
  transform: scale(.97);
}

.cab .chat-expand {
  text-align: center;
  cursor: pointer;
  color: inherit;
  opacity: .8;
  background: none;
  border: 0;
  margin-top: 6px;
  padding: 0;
  font-size: 12px;
  text-decoration: underline;
  display: block;
}

.cab .chat-bubble-full {
  max-height: 320px;
  overflow-y: auto;
}

.cab .chat-resume {
  text-align: center;
  border: 1px solid var(--accent);
  cursor: pointer;
  color: var(--accent);
  transition: background var(--m-dur-fast), color var(--m-dur-fast);
  background: none;
  border-radius: 999px;
  margin-top: 2px;
  padding: 5px 14px;
  font-size: 12.5px;
  font-weight: 600;
}

@media (hover: hover) {
  .cab .chat-resume:hover {
    background: var(--accent);
    color: var(--accent-ink, #fff);
  }
}

.cab .chat-steps {
  width: 100%;
}

.cab .chat-steps summary {
  cursor: pointer;
  text-decoration: underline;
}

.cab .chat-step {
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  background: var(--bg);
  margin: 8px 0 0;
  padding: 8px 10px;
}

.cab .chat-step-head {
  margin-bottom: 4px;
  font-weight: 600;
}

.cab .chat-step-text {
  white-space: pre-wrap;
  word-break: break-word;
  margin-bottom: 6px;
}

.cab .chat-step-tool {
  margin: 4px 0;
}

.cab .chat-step-tool.err code {
  color: var(--red);
}

.cab .chat-step-io {
  white-space: pre-wrap;
  word-break: break-word;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--r-xs);
  max-height: 140px;
  margin: 4px 0 0;
  padding: 6px 8px;
  font-size: 11px;
  line-height: 1.4;
  overflow: auto;
}

.cab .chat-feed {
  flex-direction: column;
  gap: 4px;
  padding: 0 4px;
  display: flex;
}

.cab .chat-feed-line {
  color: var(--mut);
  white-space: pre-wrap;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px;
  font-style: italic;
  line-height: 1.4;
  animation: .3s chat-status-in;
  display: -webkit-box;
  overflow: hidden;
}

.cab .chat-feed-line.done {
  opacity: .55;
}

.cab .chat-feed-line.error {
  color: var(--red);
  font-style: normal;
}

.cab .chat-feed-line.active {
  background: linear-gradient(100deg, var(--mut) 0, var(--mut) 35%, var(--ink) 50%, var(--mut) 65%, var(--mut) 100%);
  -webkit-text-fill-color: transparent;
  color: rgba(0, 0, 0, 0);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 1.7s linear infinite chat-shine;
}

@keyframes chat-shine {
  from {
    background-position: 220% 0;
  }

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

@media (prefers-reduced-motion: reduce) {
  .cab .chat-feed-line.active {
    color: var(--ink);
    -webkit-text-fill-color: var(--ink);
    animation: none;
  }
}

.cab .chat-feed-text {
  white-space: pre-wrap;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.cab .chat-feed-line .chat-status-ico {
  margin-top: 3px;
}

.cab .chat-howto {
  margin: 2px 0 2px 4px;
  font-size: 12px;
}

.cab .chat-howto-sum {
  cursor: pointer;
  color: var(--mut);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 2px 0;
  list-style: none;
}

.cab .chat-howto-sum::-webkit-details-marker {
  display: none;
}

.cab .chat-howto-sum:before {
  content: "▸";
  transition: transform var(--m-dur-fast);
  margin-right: 6px;
  display: inline-block;
}

.cab .chat-howto[open] .chat-howto-sum:before {
  transform: rotate(90deg);
}

.cab .chat-howto-lines {
  flex-direction: column;
  gap: 4px;
  padding: 4px 0 2px 2px;
  display: flex;
}

.cab .chat-trail {
  flex-direction: column;
  gap: 5px;
  margin: 2px 0 8px 4px;
  display: flex;
}

.cab .chat-trail-line {
  color: var(--mut);
  opacity: .7;
  white-space: pre-wrap;
  word-break: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 13px;
  font-style: italic;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.cab .chat-status-ico.check {
  color: var(--green);
  flex: none;
  font-weight: 700;
}

.cab .chat-status-ico.spin {
  border: 2px solid var(--line);
  border-top-color: var(--mut);
  border-radius: 50%;
  flex: none;
  width: 10px;
  height: 10px;
  animation: .8s linear infinite chat-status-spin;
}

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

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes chat-status-spin {
  to {
    transform: rotate(360deg);
  }
}

.cab .chat-error {
  color: var(--accent-d);
  border-top: 1px solid var(--line);
  padding: 12px 18px;
  font-size: 13px;
}

.cab .chat-error .lnk {
  color: var(--accent);
  font-weight: 600;
  text-decoration: underline;
}

.cab .chat-composer {
  border-top: 1px solid var(--line);
  padding: 12px;
  position: relative;
}

.cab .chat-input {
  border-top: 1px solid var(--line);
  align-items: flex-end;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.cab .chat-input textarea {
  resize: none;
  min-width: 0;
  color: var(--ink);
  background: var(--surf);
  border: 1px solid var(--line2);
  border-radius: var(--r-sm);
  flex: 1;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.45;
}

.cab .chat-input textarea:focus {
  border-color: var(--focus-line);
  outline: none;
}

.cab .chat-input .btn.primary {
  flex: none;
}

.cab .scn-bar {
  grid-template-columns: var(--ctl) minmax(0, 1fr) minmax(var(--ctl), auto);
  flex: none;
  align-items: start;
  gap: 10px;
  margin-bottom: 12px;
  display: grid;
}

.cab .scn-bar > .scn-close, .cab .scn-bar > .scn-bar-actions {
  margin-top: -12px;
}

.cab .scn-bar-actions {
  justify-self: end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.cab .scn-head {
  flex-direction: column;
  align-items: center;
  gap: 0;
  min-width: 0;
  display: flex;
}

.cab .scn-sub {
  max-width: 100%;
  min-height: 14px;
  color: var(--mut);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: -1px;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  overflow: hidden;
}

.cab .scn-sub-native {
  display: none;
}

html.scn-native-head .cab.cab-focus .scn-sub-native {
  left: 0;
  right: 0;
  top: calc(var(--safe-top)  + 42px);
  z-index: 6;
  text-align: center;
  color: var(--mut);
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  display: block;
  position: fixed;
  overflow: hidden;
}

.cab .scn-title-row {
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.cab .scn-title {
  min-width: 0;
  max-width: 100%;
  color: var(--ink);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 650;
  line-height: 20px;
  overflow: hidden;
}

.cab .scn-title-share {
  color: var(--mut);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 2px;
  display: inline-flex;
}

@media (hover: hover) {
  .cab .scn-title-share:hover {
    color: var(--ink);
  }
}

.cab .scn-desc {
  max-width: 100%;
  color: var(--mut);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: -3px;
  font-size: 11.5px;
  overflow: hidden;
}

.cab .scn-menu-wrap {
  justify-self: end;
  position: relative;
}

.cab .scn-menu-btn {
  line-height: 1;
}

.cab .scn-menu-backdrop {
  z-index: 29;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .scn-menu {
  z-index: 30;
  min-width: 210px;
  padding: var(--bub-pad);
  background: var(--surf);
  border-radius: var(--bub-r);
  box-shadow: var(--float-sh);
  transform-origin: 100% 0;
  animation: k-pop-in var(--m-dur-pop) var(--m-ease-pop);
  flex-direction: column;
  display: flex;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
}

@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .cab .scn-menu {
    background: color-mix(in srgb, var(--surf) 84%, transparent);
    -webkit-backdrop-filter: var(--glass);
    backdrop-filter: var(--glass);
  }
}

.cab .scn-menu-item {
  text-align: left;
  color: var(--ink);
  border-radius: var(--bub-row-r);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.cab .scn-menu-check {
  display: none;
}

.cab .scn-menu-ic {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  display: inline-flex;
}

@media (max-width: 820px) {
  html:not(.app) .cab .scn-menu-item {
    min-height: var(--menu-row);
    font-size: var(--menu-fs);
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 400;
  }

  html:not(.app) .cab .scn-menu-ic {
    width: var(--menu-ico);
  }

  html:not(.app) .cab .scn-menu-ic svg {
    width: var(--menu-ico);
    height: var(--menu-ico);
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .scn-menu-item {
    min-height: var(--menu-row);
    font-size: var(--menu-fs);
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 400;
  }

  html:not(.app) .cab .scn-menu-ic {
    width: var(--menu-ico);
  }

  html:not(.app) .cab .scn-menu-ic svg {
    width: var(--menu-ico);
    height: var(--menu-ico);
  }
}

.cab .scn-menu-sep {
  background: var(--line2);
  height: 1px;
  margin: 5px 8px;
}

@media (hover: hover) {
  .cab .scn-menu-item:hover:not(:disabled) {
    background: var(--hover);
  }
}

.cab .scn-menu-item:disabled {
  opacity: .55;
  cursor: default;
}

.cab .scn-menu-item.danger {
  color: var(--red);
}

.cab .scn-about-edit {
  resize: none;
  min-height: 170px;
  max-height: 320px;
  font-size: 14px;
  line-height: 1.45;
  overflow-y: auto;
}

.cab .scn-run-note {
  border: 1px solid var(--line2);
  border-radius: var(--r-sm);
  background: var(--surf);
  box-shadow: var(--flat-ring);
  color: var(--mut);
  margin-bottom: 14px;
  padding: 10px 14px;
  font-size: 13px;
}

.cab .scn-run-note.ok {
  border-color: var(--accent);
  color: var(--accent-d);
}

.cab .scn-run-note.closable {
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.cab .scn-run-note-text {
  flex: 1;
  line-height: 1.45;
}

.cab .scn-run-note-x {
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  width: 22px;
  height: 22px;
  color: var(--mut);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-size: 12px;
  line-height: 1;
  display: grid;
}

.cab .scn-run-toast, .cab .acc-toast {
  left: 50%;
  bottom: calc(84px + env(safe-area-inset-bottom, 0px));
  z-index: 7;
  background: color-mix(in srgb, var(--run-pass) 14%, var(--surf));
  border: 1px solid color-mix(in srgb, var(--run-pass) 45%, transparent);
  max-width: calc(100vw - 28px);
  color: color-mix(in srgb, var(--run-pass) 72%, var(--ink));
  text-align: center;
  box-shadow: var(--flat-ring);
  animation: scn-toast-in calc(var(--m-dur-fast) * 1.5) var(--m-ease);
  border-radius: 100px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  position: fixed;
  transform: translateX(-50%);
}

@media (min-width: 821px) {
  .cab .scn-run-toast, .cab .acc-toast {
    left: calc(50% + 115px);
  }
}

.cab .scn-run-toast.warn {
  background: color-mix(in srgb, var(--amber) 14%, var(--surf));
  border-color: color-mix(in srgb, var(--amber) 45%, transparent);
  color: color-mix(in srgb, var(--amber) 60%, var(--ink));
}

@keyframes scn-toast-in {
  from {
    opacity: 0;
    transform: translate(-50%, 8px);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

.cab .scn-chat {
  flex-direction: column;
  min-height: 0;
  display: flex;
}

.cab .scn-chat .chat-scroll {
  max-height: min(62vh, 640px);
  padding: 10px 2px 14px;
}

.cab .scn-chat .chat-msg.assistant .chat-bubble {
  background: none;
  border: none;
  border-radius: 0;
  padding: 4px 0;
}

.cab .scn-chat .chat-composer {
  border-top: none;
  padding: 10px 0 2px;
}

.cab .scn-chat .chat-error {
  border-top: none;
  padding: 10px 2px 0;
}

.cab .chat-hero {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin: auto;
  padding: 24px 16px;
  display: flex;
}

.cab .chat-hero-line {
  max-width: 15em;
  color: var(--ink);
  margin: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35;
}

.cab .scn-chat {
  position: relative;
}

.cab .scn-jump {
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--m-dur-fast), transform var(--m-dur-fast) var(--m-ease);
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  right: auto;
  transform: translateX(-50%)translateY(8px)scale(.9);
}

.cab .scn-jump.show {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%);
}

.cab.cab-focus .top, .cab.cab-focus .tabbar {
  display: none;
}

.cab.cab-focus .content {
  height: 100%;
  padding: 14px 28px calc(16px + env(safe-area-inset-bottom, 0px));
  flex-direction: column;
  display: flex;
}

.cab.cab-focus .scn-chat {
  flex: 1;
  min-height: 0;
}

.cab.cab-focus .scn-chat .chat-scroll {
  flex: 1;
  height: 0;
  max-height: none;
}

@media (max-width: 820px) {
  .cab.cab-focus .content {
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  }
}

@container cab (width <= 820px) {
  .cab.cab-focus .content {
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  }
}

.cab.cab-focus .content {
  position: relative;
}

.cab.cab-focus .scn-bar {
  z-index: 3;
  margin: 0;
  padding: 31px 18px 12px;
  position: relative;
}

.cab.cab-focus .content {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.cab.cab-focus .content > .pane-stack, .cab.cab-focus .ai-bar-shell {
  display: none;
}

.cab.cab-focus .content:has( > .scn-chat) {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.cab.cab-focus .content > .scn-chat {
  padding-left: 28px;
  padding-right: 28px;
}

.cab.cab-focus .scn-bar:before {
  border-radius: var(--panel-r) 0 0 0;
  content: "";
  z-index: -1;
  background: var(--bg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab.cab-focus .scn-run-note {
  z-index: 4;
  position: relative;
}

.cab.cab-focus .scn-chat {
  z-index: 1;
  margin-top: -30px;
  position: relative;
}

.cab.cab-focus .scn-chat .chat-scroll {
  flex: 1;
  height: 0;
  max-height: none;
  padding-top: 38px;
  padding-bottom: 10px;
}

.cab.cab-focus .scn-chat .chat-composer {
  z-index: 2;
  background: var(--bg);
  margin-top: -10px;
  padding: 12px 0 2px;
  position: relative;
}

html.chat-native-composer .cab.cab-focus .scn-chat .chat-scroll {
  padding-bottom: var(--native-composer-pad, 72px);
  margin-right: -12px;
  padding-right: 12px;
}

html.chat-native-composer .cab.cab-focus .scn-chat .chat-scroll > :first-child {
  margin-top: auto;
}

html.chat-native-composer .cab .msg-dlg-composer {
  display: none;
}

html.chat-native-composer .cab .msg-feed {
  padding-bottom: var(--msg-air);
}

html.chat-native-composer .cab .scn-jump {
  bottom: calc(var(--native-composer-pad, 72px)  - env(safe-area-inset-bottom, 0px));
}

@media (max-width: 820px) {
  .cab.cab-focus .scn-bar {
    padding: 24px var(--ctl-edge) 10px;
    grid-template-columns: var(--ctl) minmax(0, 1fr) auto;
    margin: 0;
    margin-bottom: var(--head-air);
  }

  .cab .scn-title {
    font-size: 14px;
  }

  .cab .scn-head {
    gap: 0;
  }

  .cab.cab-focus .main {
    overflow-x: hidden;
  }

  .cab.cab-focus .scn-chat .chat-composer {
    box-shadow: var(--bleed-w) var(--bg);
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

@container cab (width <= 820px) {
  .cab.cab-focus .scn-bar {
    padding: 24px var(--ctl-edge) 10px;
    grid-template-columns: var(--ctl) minmax(0, 1fr) auto;
    margin: 0;
    margin-bottom: var(--head-air);
  }

  .cab .scn-title {
    font-size: 14px;
  }

  .cab .scn-head {
    gap: 0;
  }

  .cab.cab-focus .main {
    overflow-x: hidden;
  }

  .cab.cab-focus .scn-chat .chat-composer {
    box-shadow: var(--bleed-w) var(--bg);
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

html.scn-native-head .cab.cab-focus .scn-bar {
  display: none;
}

html.scn-native-head .cab.cab-focus .content {
  padding-top: 0;
}

html.scn-native-head.chat-native-composer .cab.cab-focus .content {
  padding-left: 0;
  padding-right: 0;
}

html.scn-native-head .cab.cab-focus .scn-chat {
  margin-top: 0;
}

html.scn-native-head .cab.cab-focus .scn-chat .chat-scroll {
  padding-top: calc(var(--safe-top)  + 62px);
  padding-bottom: 40px;
  padding-left: 16px;
  padding-right: 16px;
}

html.scn-native-head.chat-native-composer .cab.cab-focus .scn-chat .chat-scroll {
  padding-bottom: calc(var(--native-composer-pad, 72px)  + 16px);
}

@media (max-width: 820px) {
  html.scn-native-head.chat-native-composer .cab.cab-focus .app {
    height: auto;
    min-height: 100dvh;
    overflow: visible;
  }

  html.scn-native-head.chat-native-composer .cab.cab-focus .main {
    height: auto;
    overflow: visible;
  }

  html.scn-native-head.chat-native-composer .cab.cab-focus .content {
    height: auto;
    min-height: calc(100dvh - var(--safe-top));
    padding: 0;
    display: block;
  }

  html.scn-native-head.chat-native-composer .cab.cab-focus .scn-chat {
    flex: none;
    min-height: 0;
    display: block;
  }

  html.scn-native-head.chat-native-composer .cab.cab-focus .scn-chat .chat-scroll {
    flex: none;
    height: auto;
    max-height: none;
    margin: 0;
    overflow: visible;
  }

  html.scn-native-head.chat-native-composer .cab .scn-jump {
    bottom: calc(var(--native-composer-pad, 72px)  + 10px);
    position: fixed;
  }
}

@container cab (width <= 820px) {
  html.scn-native-head.chat-native-composer .cab.cab-focus .app {
    height: auto;
    min-height: 100dvh;
    overflow: visible;
  }

  html.scn-native-head.chat-native-composer .cab.cab-focus .main {
    height: auto;
    overflow: visible;
  }

  html.scn-native-head.chat-native-composer .cab.cab-focus .content {
    height: auto;
    min-height: calc(100dvh - var(--safe-top));
    padding: 0;
    display: block;
  }

  html.scn-native-head.chat-native-composer .cab.cab-focus .scn-chat {
    flex: none;
    min-height: 0;
    display: block;
  }

  html.scn-native-head.chat-native-composer .cab.cab-focus .scn-chat .chat-scroll {
    flex: none;
    height: auto;
    max-height: none;
    margin: 0;
    overflow: visible;
  }

  html.scn-native-head.chat-native-composer .cab .scn-jump {
    bottom: calc(var(--native-composer-pad, 72px)  + 10px);
    position: fixed;
  }
}

.cab {
  --dock-b: calc(16px + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 820px) {
  .cab {
    --dock-b: max(10px, calc(env(safe-area-inset-bottom, 0px)  - 16px));
  }
}

@container cab (width <= 820px) {
  .cab {
    --dock-b: max(10px, calc(env(safe-area-inset-bottom, 0px)  - 16px));
  }
}

:root.native-tabs .cab {
  --dock-b: 44px;
}

.cab .scn-float-act {
  left: 50%;
  bottom: var(--dock-b);
  z-index: 6;
  isolation: isolate;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  max-width: calc(100vw - 24px);
  padding: 5px;
  display: flex;
  position: absolute;
  transform: translateX(-50%);
}

.cab .scn-float-act:before {
  content: "";
  border-radius: inherit;
  -webkit-mask-composite: xor;
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: 4;
  background: linear-gradient(135deg, rgba(255, 255, 255, .75), rgba(255, 255, 255, .1) 32%, rgba(255, 255, 255, .03) 55%, rgba(255, 255, 255, .5));
  padding: 1.2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-mask-image: linear-gradient(#000 0, #000 0), linear-gradient(#000 0, #000 0);
  mask-image: linear-gradient(#000 0, #000 0), linear-gradient(#000 0, #000 0);
  -webkit-mask-position: 0 0, 0 0;
  mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.cab .scn-float-act:after {
  content: "";
  filter: blur(2px);
  opacity: .75;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
  border-radius: 999px;
  height: 46%;
  position: absolute;
  top: 1px;
  left: 8%;
  right: 8%;
}

[data-theme^="dark"] .cab .scn-float-act:after {
  background: linear-gradient(rgba(255, 255, 255, .12), rgba(255, 255, 255, 0));
}

[data-theme^="dark"] .cab .scn-float-act:before {
  background: linear-gradient(135deg, rgba(255, 255, 255, .32), rgba(255, 255, 255, .05) 32%, rgba(255, 255, 255, .02) 55%, rgba(255, 255, 255, .2));
}

.cab .scn-schema-wrap.lanes .scn-float-act {
  bottom: var(--dock-b);
  position: fixed;
  left: calc(50% + 115px);
}

@media (max-width: 820px) {
  .cab .scn-schema-wrap.lanes .scn-float-act {
    left: 50%;
  }
}

@container cab (width <= 820px) {
  .cab .scn-schema-wrap.lanes .scn-float-act {
    left: 50%;
  }
}

.cab .scn-fab {
  background: var(--surf);
  color: var(--accent-d);
  cursor: pointer;
  box-shadow: none;
  white-space: nowrap;
  border: none;
  border-radius: 100px;
  flex: none;
  align-items: center;
  gap: 7px;
  padding: 11px 18px 11px 13px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  display: inline-flex;
}

.cab .scn-float-act .scn-fab {
  box-shadow: none;
  z-index: 2;
  background: none;
  position: relative;
}

.cab .scn-float-act .scn-fab.add {
  background: var(--accent-soft);
  color: var(--accent-stroke);
}

.cab .scn-zoomers {
  display: contents;
}

@media (max-width: 820px) {
  .cab .scn-zoomers {
    display: none;
  }
}

@container cab (width <= 820px) {
  .cab .scn-zoomers {
    display: none;
  }
}

.cab .scn-float-act .scn-fab.ico.zoom {
  width: 32px;
  height: 32px;
  color: var(--mut);
}

.cab .scn-float-act .scn-fab.run {
  color: var(--ink);
  box-shadow: none;
  background: none;
}

@media (hover: hover) {
  .cab .scn-float-act .scn-fab:hover:not(:disabled) {
    background: var(--hover);
  }

  .cab .scn-float-act .scn-fab.add:hover:not(:disabled) {
    background: var(--hover-tint);
  }
}

.cab .scn-float-act .scn-fab:active {
  background: var(--press);
}

.cab .scn-float-act .scn-fab.add:active {
  background: var(--hover-tint);
}

.cab .scn-float-act.scn-dock-hidden {
  display: none;
}

.cab .scn-float-act.scn-jump-dock .scn-fab.scn-jump-cancel {
  width: auto;
  height: auto;
  color: var(--ink);
  gap: 0;
  padding: 11px 18px;
}

.cab .scn-hist {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.cab .scn-hist-bar {
  z-index: 6;
  align-items: center;
  gap: 6px;
  display: inline-flex;
  position: absolute;
  top: 84px;
  left: 12px;
}

.cab .scn-schema-wrap.lanes .scn-hist-bar {
  top: calc(var(--safe-top)  + 76px);
  position: fixed;
}

@media (min-width: 821px) {
  .cab .scn-schema-wrap.lanes .scn-hist-bar {
    left: calc(env(safe-area-inset-left, 0px)  + 242px);
  }
}

.cab .scn-hist-bar .scn-fab.ico {
  width: 40px;
  height: 40px;
}

.cab .scn-fab.ico {
  width: 42px;
  height: 42px;
  color: var(--ink);
  justify-content: center;
  padding: 0;
}

.cab .scn-fab.ico:disabled {
  opacity: .4;
  cursor: default;
}

.cab .scn-fab-ico {
  color: inherit;
  place-items: center;
  font-size: 14px;
  font-weight: 700;
  display: grid;
}

.cab .scn-fab-label {
  white-space: nowrap;
}

@media (max-width: 820px) {
  .cab .scn-float-act .scn-fab-label {
    display: none;
  }

  .cab .scn-float-act .scn-fab, .cab .scn-float-act .scn-fab.ico {
    justify-content: center;
    gap: 0;
    width: 46px;
    height: 46px;
    padding: 0;
  }
}

@container cab (width <= 820px) {
  .cab .scn-float-act .scn-fab-label {
    display: none;
  }

  .cab .scn-float-act .scn-fab, .cab .scn-float-act .scn-fab.ico {
    justify-content: center;
    gap: 0;
    width: 46px;
    height: 46px;
    padding: 0;
  }
}

.cab .scn-fab.run {
  background: var(--ink);
  color: var(--bg);
  box-shadow: var(--float-sh);
}

.cab .scn-fab.run .scn-fab-ico {
  color: inherit;
}

.cab .scn-fab.run:disabled {
  opacity: .6;
  cursor: default;
}

.cab .scn-fab.run.listening {
  position: relative;
}

.cab .scn-fab.run.listening:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  --ring-c: color-mix(in srgb, var(--ink) 10%, transparent);
  box-shadow: var(--pulse-w) var(--ring-c);
  animation: 1.6s ease-in-out infinite scn-listen-pulse;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes scn-listen-pulse {
  0%, 100% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

.cab .scn-runstep {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.cab .scn-runstep-item {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.cab .scn-runstep-status {
  color: var(--run-pass);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
}

.cab .scn-runstep-status.err {
  color: var(--run-fail);
}

.cab .scn-runstep-ev {
  color: var(--mut);
  font-weight: 600;
}

.cab .scn-runstep-dur {
  color: var(--mut);
  font-size: 12.5px;
  font-weight: 500;
}

.cab .scn-runstep-cap, .cab .scn-runstep-stub {
  color: var(--mut);
  font-size: 12.5px;
}

.cab .scn-runstep-pre {
  border-radius: var(--r-sm);
  background: var(--bg);
  border: 1px solid var(--line);
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 40vh;
  margin: 0;
  padding: 10px 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.5;
  overflow: auto;
}

.cab .scn-runstep-pre.err {
  border-color: color-mix(in srgb, var(--run-fail) 35%, transparent);
  color: var(--run-fail);
}

.cab .scn-runstep-settings {
  align-self: flex-start;
}

.cab .scn-ed-conflict {
  border-radius: var(--r-sm);
  background: rgba(224, 160, 32, .12);
  border: 1px solid rgba(224, 160, 32, .35);
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding: 10px 14px;
  font-size: 13px;
  line-height: 1.45;
  display: flex;
}

.cab .chat-sys {
  color: var(--mut);
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: 100px;
  align-self: center;
  padding: 5px 14px;
  font-size: 12.5px;
}

.cab .cred-cards {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.cab .cred-card {
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--surf);
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
}

.cab .cred-card-lock {
  border-radius: var(--r-sm);
  background: color-mix(in srgb, currentColor 12%, transparent);
  flex: none;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.cab .cred-card-text {
  flex: auto;
  min-width: 0;
}

.cab .cred-card-title {
  font-size: 14px;
  font-weight: 600;
}

.cab .cred-card-step {
  color: var(--mut);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  overflow: hidden;
}

.cab .scn-inline-schema {
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--surf);
  padding: 14px 14px 4px;
}

.cab .scn-inline-schema-title {
  color: var(--mut);
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
}

.cab .scn-mini {
  cursor: pointer;
  border-radius: var(--r-sm);
  position: relative;
  overflow: hidden;
}

.cab .scn-mini .scn-canvas.compact {
  border-radius: var(--r-sm);
  height: 220px;
  box-shadow: none;
  border: none;
}

.cab .scn-mini-overlay {
  background: none;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 10px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .scn-mini-open {
  color: var(--accent-d);
  background: var(--surf);
  border: 1px solid var(--line);
  box-shadow: none;
  border-radius: 100px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 600;
}

.cab .scn-schema {
  padding: 18px 16px 8px;
}

.cab .scn-list-title {
  color: var(--mut);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 14px 2px 8px;
  font-size: 12px;
  font-weight: 600;
}

.cab .row.rowlink {
  color: inherit;
  text-decoration: none;
}

.cab .row .rowchev {
  color: var(--mut);
  font-size: 20px;
  line-height: 1;
}

.cab .row .rowmain {
  min-width: 0;
  color: inherit;
  flex: 1;
  align-items: center;
  gap: 13px;
  text-decoration: none;
  display: flex;
}

.cab .rows.scn-cards {
  box-shadow: var(--scn-card-sh);
  border-color: rgba(0, 0, 0, 0);
}

.cab .row .meta.scn-row-desc {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.cab .row .meta.scn-row-sub {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 3px;
  display: flex;
}

.cab .scn-name-link {
  vertical-align: -3px;
  color: var(--step-form);
  cursor: pointer;
  margin-left: 7px;
  display: inline-flex;
}

.cab {
  --tg-blue: #2aabee;
  --tg-green: #34c759;
  --tg-red: #ff3b30;
  --scn-edge: color-mix(in srgb, var(--green) 36%, transparent);
  --scn-edge-arrow: color-mix(in srgb, var(--green) 54%, transparent);
  --scn-edge-err: var(--red);
  --scn-port: color-mix(in srgb, var(--green) 82%, var(--bg));
  --cbase-1: var(--green);
  --cbase-2: #eab308;
  --cbase-3: #c026d3;
  --cbase-4: #22c55e;
  --cbase-5: #f97316;
  --cbase-6: #3b82f6;
  --cbase: var(--cbase-1);
  --wire-1: color-mix(in srgb, var(--cbase-1) 34%, var(--bg));
  --wire-2: color-mix(in srgb, var(--cbase-2) 39%, var(--bg));
  --wire-3: color-mix(in srgb, var(--cbase-3) 34%, var(--bg));
  --wire-4: color-mix(in srgb, var(--cbase-4) 34%, var(--bg));
  --wire-5: color-mix(in srgb, var(--cbase-5) 34%, var(--bg));
  --wire-6: color-mix(in srgb, var(--cbase-6) 34%, var(--bg));
  --wire-pink: color-mix(in srgb, var(--accent-stroke) 31%, var(--bg));
  --wire-no: var(--wire-pink);
  --cgfill-1: color-mix(in srgb, var(--cbase-1) 5%, var(--surf));
  --cgfill-2: color-mix(in srgb, var(--cbase-2) 4.5%, var(--surf));
  --cgfill-3: color-mix(in srgb, var(--cbase-3) 4.5%, var(--surf));
  --cgfill-4: color-mix(in srgb, var(--cbase-4) 4.5%, var(--surf));
  --cgfill-5: color-mix(in srgb, var(--cbase-5) 4.5%, var(--surf));
  --cgfill-6: color-mix(in srgb, var(--cbase-6) 4.5%, var(--surf));
  --scn-soft-pink: color-mix(in srgb, var(--accent) 45%, var(--surf));
  --scn-card-sh: var(--bub-sh);
  --step-event: #c07f1f;
  --step-ai: #2481cc;
  --step-aicat: #2481cc;
  --step-media: #2f8f8f;
  --step-form: #e23570;
  --step-chat: #2481cc;
  --step-logic: #6e6a67;
  --step-data: #2f8f8f;
  --step-tech: #6e6a67;
  --step-service: #2481cc;
  --step-error: var(--red);
  --chat-start: #6e6a67;
  --chat-message: #2481cc;
  --chat-condition: #63bdbd;
  --chat-action: #ffb12e;
  --chat-crm: #e23570;
  --chat-pay: var(--pay);
  --chat-note: #e07a68;
}

:root[data-theme="dark"] .cab {
  --scn-edge-err: var(--red);
  --scn-card-sh: var(--bub-sh);
  --step-event: #e0a020;
  --step-ai: #86aed4;
  --step-aicat: #6ab3f3;
  --step-media: #63bdbd;
  --step-form: #ff8fb4;
  --step-chat: #86aed4;
  --step-logic: #a09891;
  --step-data: #63bdbd;
  --step-tech: #a09891;
  --step-service: #6ab3f3;
  --step-error: var(--red);
  --tg-blue: #6ab3f3;
  --tg-green: #30d158;
  --tg-red: #ff453a;
  --scn-edge: color-mix(in srgb, var(--green) 62%, var(--bg));
  --scn-edge-arrow: color-mix(in srgb, var(--green) 78%, var(--bg));
  --scn-port: color-mix(in srgb, var(--green) 78%, var(--bg));
  --wire-1: color-mix(in srgb, var(--cbase-1) 60%, var(--bg));
  --wire-2: color-mix(in srgb, var(--cbase-2) 54%, var(--bg));
  --wire-3: color-mix(in srgb, var(--cbase-3) 60%, var(--bg));
  --wire-4: color-mix(in srgb, var(--cbase-4) 60%, var(--bg));
  --wire-5: color-mix(in srgb, var(--cbase-5) 60%, var(--bg));
  --wire-6: color-mix(in srgb, var(--cbase-6) 60%, var(--bg));
  --wire-pink: color-mix(in srgb, var(--accent-stroke) 60%, var(--bg));
  --chat-start: #a09891;
  --chat-message: #2aabee;
  --chat-condition: #63bdbd;
  --chat-action: #ffb12e;
  --chat-crm: #ff8fb4;
  --chat-note: #e07a68;
}

.cab .scn-canvas {
  height: min(68vh, 720px);
  padding: 0;
  overflow: hidden;
}

.cab.cab-focus .scn-canvas {
  flex: 1;
  height: auto;
  min-height: 0;
}

.cab .scn-canvas .react-flow {
  background: var(--bg);
  background-image: radial-gradient(var(--line2) 1.2px, transparent 1.2px);
  background-size: 22px 22px;
}

.cab .scn-canvas .react-flow__attribution {
  color: var(--mut);
  background: none;
}

.cab .scn-canvas .react-flow__controls {
  box-shadow: var(--flat-ring);
  border-radius: var(--r-sm);
  overflow: hidden;
}

.cab .scn-canvas .react-flow__controls-button {
  background: var(--surf);
  border-bottom: none;
  width: 30px;
  height: 30px;
}

@media (hover: hover) {
  .cab .scn-canvas .react-flow__controls-button:hover {
    background: var(--hover);
  }
}

.cab .scn-canvas .react-flow__controls-button svg {
  fill: var(--mut);
}

.cab .scn-canvas .react-flow__panel.bottom {
  margin-bottom: calc(76px + env(safe-area-inset-bottom, 0px));
}

.cab .scn-fnode {
  background: var(--surf);
  border-radius: var(--bub-r);
  width: 176px;
  box-shadow: var(--scn-card-sh);
  border: none;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  display: flex;
  position: relative;
}

.cab .scn-fnode-head {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.cab .scn-chead {
  flex: none;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.cab .scn-cglyph {
  color: var(--k, var(--mut));
  flex: none;
  display: inline-flex;
}

.cab .scn-pulse .scn-chead > .scn-cglyph, .cab .scn-pulse > .scn-fnode-head > .pick-swatch {
  position: relative;
}

.cab .scn-pulse .scn-chead > .scn-cglyph:before, .cab .scn-pulse .scn-chead > .scn-cglyph:after, .cab .scn-pulse > .scn-fnode-head > .pick-swatch:before, .cab .scn-pulse > .scn-fnode-head > .pick-swatch:after {
  content: "";
  border: 1.5px solid var(--accent-stroke);
  opacity: 0;
  pointer-events: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  animation: 1.8s ease-out infinite scn-pulse-ring;
  position: absolute;
  top: 50%;
  left: 50%;
}

.cab .scn-pulse .scn-chead > .scn-cglyph:after, .cab .scn-pulse > .scn-fnode-head > .pick-swatch:after {
  animation-delay: .9s;
}

@keyframes scn-pulse-ring {
  0% {
    opacity: .7;
    transform: scale(.6);
  }

  100% {
    opacity: 0;
    transform: scale(2.2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cab .scn-pulse .scn-chead > .scn-cglyph:before, .cab .scn-pulse > .scn-fnode-head > .pick-swatch:before {
    opacity: .6;
    animation: none;
  }

  .cab .scn-pulse .scn-chead > .scn-cglyph:after, .cab .scn-pulse > .scn-fnode-head > .pick-swatch:after {
    display: none;
  }
}

.cab .scn-ctype {
  color: var(--ink);
  white-space: nowrap;
  flex: none;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.2;
}

.cab .scn-cmark {
  color: color-mix(in srgb, var(--cbase, var(--cbase-1)) 82%, var(--bg));
  flex: none;
  align-items: center;
  display: inline-flex;
}

.cab .scn-vend > .scn-cmark {
  height: 11px;
  overflow: visible;
}

.cab .scn-cstat {
  color: var(--mut);
  white-space: nowrap;
  flex: none;
  align-items: center;
  gap: 3px;
  margin-left: 6px;
  font-size: 10.5px;
  line-height: 1.2;
  display: inline-flex;
}

.cab .scn-fnode.k-event {
  --k: var(--step-event);
}

.cab .scn-fnode.k-ai {
  --k: var(--step-ai);
}

.cab .scn-fnode.k-aicat {
  --k: var(--step-aicat);
}

.cab .scn-fnode.k-media {
  --k: var(--step-media);
}

.cab .scn-fnode.k-form {
  --k: var(--step-form);
}

.cab .scn-fnode.k-logic {
  --k: var(--step-logic);
}

.cab .scn-fnode.k-data {
  --k: var(--step-data);
}

.cab .scn-fnode.k-tech {
  --k: var(--step-tech);
}

.cab .scn-fnode.k-service {
  --k: var(--step-service);
}

.cab .scn-fnode.k-chat {
  --k: var(--step-chat);
}

.cab .scn-add-dashed {
  border: 1px dashed var(--line2);
  border-radius: var(--r-sm);
  width: 100%;
  color: var(--mut);
  font: inherit;
  cursor: pointer;
  background: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  display: flex;
}

@media (hover: hover) {
  .cab .scn-add-dashed:hover {
    border-color: var(--accent);
    color: var(--accent);
  }
}

.cab .scn-add-dashed:active {
  border-color: var(--accent);
  color: var(--accent);
}

.cab .scn-add-dashed svg {
  width: 14px;
  height: 14px;
}

.cab .scn-erow {
  border-bottom: 1px solid var(--line);
  flex-direction: column;
  gap: 12px;
  padding-bottom: 14px;
  display: flex;
}

.cab .scn-erow:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

.cab .scn-erow-head {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.cab .scn-erow-ico {
  color: var(--mut);
  flex: none;
  display: inline-flex;
}

.cab .scn-erow-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: 14px;
  overflow: hidden;
}

.cab .scn-erow-del {
  border-radius: var(--r-xs);
  width: 28px;
  height: 28px;
  color: var(--mut);
  cursor: pointer;
  background: none;
  border: none;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

@media (hover: hover) {
  .cab .scn-erow-del:hover {
    color: var(--step-error);
    background: var(--hover-tint);
  }
}

.cab .scn-erow-del:active {
  color: var(--step-error);
  background: var(--hover-tint);
}

.cab .scn-erow-top {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.cab .scn-erow-top-k {
  font-size: 14px;
  font-weight: 600;
}

.cab .scn-note {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.cab .scn-note p {
  color: var(--mut);
  margin: 0;
  font-size: 12.5px;
  line-height: 1.45;
}

.cab .scn-radio {
  border: 2px solid var(--line2);
  border-radius: 50%;
  flex: none;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.cab .scn-radio.on {
  border-color: var(--accent);
}

.cab .scn-radio.on:after {
  content: "";
  background: var(--accent);
  border-radius: 50%;
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
}

.cab .scn-cat-ico {
  border-radius: var(--r);
  background: color-mix(in srgb, currentColor 11%, transparent);
  width: 40px;
  height: 40px;
  color: var(--mut);
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.cab .scn-cat-ico svg {
  width: 22px;
  height: 22px;
}

.cab .rows.scn-cat-rows > .row.pick {
  box-sizing: border-box;
  align-items: center;
  width: 100%;
}

@media (hover: hover) {
  .cab .rows.scn-cat-rows > .row.pick:hover {
    background: var(--hover);
  }
}

@media (max-width: 820px) {
  .cab .drawer.sheet:before {
    content: "";
    z-index: 2;
    background: var(--line2);
    border-radius: 999px;
    width: 36px;
    height: 5px;
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
  }

  .cab .drawer.sheet .dr-head {
    padding-top: var(--ctl-edge);
  }
}

@container cab (width <= 820px) {
  .cab .drawer.sheet:before {
    content: "";
    z-index: 2;
    background: var(--line2);
    border-radius: 999px;
    width: 36px;
    height: 5px;
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
  }

  .cab .drawer.sheet .dr-head {
    padding-top: var(--ctl-edge);
  }
}

.cab .scn-add-blue {
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--surf);
  width: 100%;
  color: var(--accent);
  font: inherit;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 13px 12px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.cab .scn-add-blue .scn-add-round {
  color: inherit;
  place-items: center;
  display: grid;
}

.cab .scn-add-blue .scn-add-round svg {
  width: 12px;
  height: 12px;
}

@media (hover: hover) {
  .cab .scn-add-blue:hover {
    border-color: var(--accent);
  }
}

@media (min-width: 821px) {
  .cab .drawer.cp .dr-body .rows:not(.set-rows) {
    box-shadow: none;
    background: none;
    border: none;
    border-radius: 0;
    gap: 14px;
    padding: 0;
  }
}

.cab .scn-pick-lead {
  max-width: 480px;
  color: var(--mut);
  text-align: center;
  margin: 0 auto 12px;
  font-size: 15px;
  font-weight: 500;
}

.cab .scn-chips {
  border: 1px solid var(--line2);
  border-radius: var(--r-sm);
  background: var(--surf);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-height: 46px;
  padding: 7px 10px;
  display: flex;
}

.cab .scn-chips:focus-within {
  border-color: var(--accent);
}

.cab .scn-chips.err {
  border-color: var(--red);
}

.cab .fld:has(.scn-chips.err) > label {
  color: var(--red);
}

.cab .scn-chips.err input::placeholder {
  color: color-mix(in srgb, var(--red) 60%, transparent);
}

.cab .scn-chip {
  border-radius: var(--r-xs);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  align-items: center;
  gap: 4px;
  padding: 3px 4px 3px 9px;
  font-size: 13.5px;
  display: inline-flex;
}

.cab .scn-chip button {
  border-radius: var(--r-xs);
  width: 18px;
  height: 18px;
  color: var(--mut);
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

@media (hover: hover) {
  .cab .scn-chip button:hover {
    color: var(--ink);
  }
}

.cab .scn-card {
  position: relative;
}

.cab .scn-card-menu {
  z-index: 2;
  position: absolute;
  top: 6px;
  right: 6px;
}

.cab .scn-card-dots {
  position: relative;
}

.cab .scn-card-dots:after {
  content: "";
  border-radius: inherit;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
}

.cab .scn-card-del-hidden {
  display: none;
}

.cab .scn-tpl-banner {
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--accent) 25%, transparent);
  border-radius: var(--bub-r);
  background: var(--surf);
  background-image: radial-gradient(farthest-corner at 88% 6%, var(--accent-soft), transparent);
  width: 100%;
  box-shadow: var(--bub-sh);
  font: inherit;
  text-align: left;
  cursor: pointer;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 12px 14px;
  display: flex;
  position: relative;
}

.cab .scn-quick, .cab .scn-quick-row {
  display: contents;
}

.cab .scn-quick > div {
  display: flex;
}

.cab .scn-quick .scn-tpl-banner {
  height: 100%;
}

html:not(.app) .cab .help-layer .legal {
  background: none;
  min-height: 0;
}

html:not(.app) .cab .help-layer .legal:before {
  content: none;
}

html:not(.app) .cab .help-layer .legal main {
  padding-top: 0;
}

html:not(.app) .cab .help-layer .help-art {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "toc"
                       "body";
}

.cab .pane-head-act .help-share--round {
  display: inline-flex;
  position: relative;
}

.cab .pane-head-act .help-share--round .help-share-note {
  white-space: nowrap;
  color: var(--mut);
  font-size: 13px;
  position: absolute;
  top: 50%;
  right: 52px;
  transform: translateY(-50%);
}

@media (max-width: 820px) {
  html:not(.app) .cab .fpg {
    position: relative;
  }

  html:not(.app) .cab .fpg-ghost {
    pointer-events: none;
    width: 100%;
    position: absolute;
    left: 0;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .fpg {
    position: relative;
  }

  html:not(.app) .cab .fpg-ghost {
    pointer-events: none;
    width: 100%;
    position: absolute;
    left: 0;
  }
}

@keyframes srch-head-out {
  to {
    opacity: 0;
    transform: translateY(calc(-1 * var(--srch-up, 0px)));
  }
}

@keyframes srch-bar-up {
  to {
    transform: translateY(calc(-1 * var(--srch-up, 0px)));
  }
}

@keyframes srch-list-up {
  to {
    transform: translateY(calc(-1 * var(--srch-list, 0px)));
  }
}

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

@keyframes srch-head-in {
  from {
    opacity: 0;
    transform: translateY(calc(-1 * var(--srch-up, 0px)));
  }
}

@keyframes srch-bar-down {
  from {
    transform: translateY(calc(-1 * var(--srch-up, 0px)));
  }
}

@keyframes srch-list-down {
  from {
    transform: translateY(calc(-1 * var(--srch-list, 0px)));
  }
}

@keyframes srch-fade-in {
  from {
    opacity: 0;
  }
}

@keyframes srch-fold-back {
  0%, 80% {
    opacity: 0;
    visibility: hidden;
  }

  to {
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .ai-bar-shell .k-search__ico {
    display: none;
  }

  html:not(.app) .cab .ai-bar-shell .ai-srow {
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
    display: flex;
  }

  html:not(.app) .cab .lh-search .ai-search {
    flex: auto;
    width: auto;
    min-width: 0;
  }

  html:not(.app) .cab .lh-search .k-search {
    transition: background-color var(--m-dur) var(--m-ease), padding-left var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .lh-search .k-search__inp {
    text-align: left;
    text-indent: 0;
  }

  html:not(.app) .cab .lh-search:-webkit-any(.lh-search-in, .lh-search-out) .k-search__inp {
    transition: font-size var(--m-dur) var(--m-ease), text-indent var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .lh-search:-moz-any(.lh-search-in, .lh-search-out) .k-search__inp {
    transition: font-size var(--m-dur) var(--m-ease), text-indent var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .lh-search:is(.lh-search-in, .lh-search-out) .k-search__inp {
    transition: font-size var(--m-dur) var(--m-ease), text-indent var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .lh-search:not(.lh-search-in, .lh-searching) .k-search__inp:-moz-placeholder-shown {
    text-indent: var(--lh-ph-x, 0px);
  }

  html:not(.app) .cab .lh-search:not(:-webkit-any(.lh-search-in, .lh-searching)) .k-search__inp:placeholder-shown {
    text-indent: var(--lh-ph-x, 0px);
  }

  html:not(.app) .cab .lh-search:not(:-moz-any(.lh-search-in, .lh-searching)) .k-search__inp:placeholder-shown {
    text-indent: var(--lh-ph-x, 0px);
  }

  html:not(.app) .cab .lh-search:not(:is(.lh-search-in, .lh-searching)) .k-search__inp:placeholder-shown {
    text-indent: var(--lh-ph-x, 0px);
  }

  html:not(.app) .cab .lh-search:-webkit-any(.lh-search-in, .lh-searching) .k-search {
    background-color: var(--surf);
    padding-left: 34px;
  }

  html:not(.app) .cab .lh-search:-moz-any(.lh-search-in, .lh-searching) .k-search {
    background-color: var(--surf);
    padding-left: 34px;
  }

  html:not(.app) .cab .lh-search:is(.lh-search-in, .lh-searching) .k-search {
    background-color: var(--surf);
    padding-left: 34px;
  }

  html:not(.app) .cab .lh-search:-webkit-any(.lh-search-in, .lh-searching) .k-search__inp {
    font-size: 17px;
  }

  html:not(.app) .cab .lh-search:-moz-any(.lh-search-in, .lh-searching) .k-search__inp {
    font-size: 17px;
  }

  html:not(.app) .cab .lh-search:is(.lh-search-in, .lh-searching) .k-search__inp {
    font-size: 17px;
  }

  html:not(.app) .cab .lh-search .ai-search-x {
    transition: width var(--m-dur) var(--m-ease), margin-left var(--m-dur) var(--m-ease), opacity var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .lh-search .ai-search-x:not(.on) {
    opacity: 0;
    pointer-events: none;
    width: 0;
    margin-left: -8px;
    display: grid;
    overflow: hidden;
  }

  html:not(.app) .cab .lh-search:-webkit-any(.lh-search-in, .lh-searching, .lh-search-out) {
    z-index: 43;
    position: relative;
  }

  html:not(.app) .cab .lh-search:-moz-any(.lh-search-in, .lh-searching, .lh-search-out) {
    z-index: 43;
    position: relative;
  }

  html:not(.app) .cab .lh-search:is(.lh-search-in, .lh-searching, .lh-search-out) {
    z-index: 43;
    position: relative;
  }

  html:not(.app) .cab .lh-search:not(:-webkit-any(.lh-search-in, .lh-searching, .lh-search-out)) {
    opacity: var(--th-plate, 1);
  }

  html:not(.app) .cab .lh-search:not(:-moz-any(.lh-search-in, .lh-searching, .lh-search-out)) {
    opacity: var(--th-plate, 1);
  }

  html:not(.app) .cab .lh-search:not(:is(.lh-search-in, .lh-searching, .lh-search-out)) {
    opacity: var(--th-plate, 1);
  }

  html:not(.app) .cab .lh-search.lh-search-in {
    animation: srch-bar-up var(--m-dur) var(--m-ease) forwards;
  }

  html:not(.app) .cab .lh-search.lh-search-out {
    animation: srch-bar-down var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .main:has(.lh-search-in) > .top {
    animation: srch-head-out var(--m-dur) var(--m-ease) forwards;
  }

  html:not(.app) .cab .main:has(.lh-search-in) > .content {
    animation: srch-list-up var(--m-dur) var(--m-ease) forwards;
  }

  html:not(.app) .cab .main:has(.lh-search-in) > .lh-folders {
    visibility: hidden;
  }

  html:not(.app) .cab .main:has(.lh-search-out) > .top {
    animation: srch-head-in var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .main:has(.lh-search-out) > .content {
    animation: srch-list-down var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .main:has(.lh-search-out) > .lh-folders {
    animation: srch-fold-back var(--m-dur) linear;
  }

  html:not(.app) .cab .main:has(.lh-search:-webkit-any(.lh-search-in, .lh-searching)) > :-webkit-any(.content, .lh-folders) {
    transition: none;
  }

  html:not(.app) .cab .main:has(.lh-search:-moz-any(.lh-search-in, .lh-searching)) > :-moz-any(.content, .lh-folders) {
    transition: none;
  }

  html:not(.app) .cab .main:has(.lh-search:is(.lh-search-in, .lh-searching)) > :is(.content, .lh-folders) {
    transition: none;
  }

  html:not(.app) .cab .main:has(.lh-searching) > .top {
    display: none;
  }

  html:not(.app) .cab .main:has(.lh-searching) > .lh-folders {
    display: none;
  }

  html:not(.app) .cab .main .lh-search.lh-searching {
    margin-top: calc(var(--safe-top)  + 1px);
  }

  html:not(.app) .cab .ai-bar-shell .k-search__x {
    color: var(--clear-x-fg);
    margin-right: 17px;
  }

  html:not(.app) .cab .ai-bar-shell .k-search__x svg {
    background: var(--clear-x-bg);
    stroke-width: 3px;
    border-radius: 999px;
    width: 17px;
    height: 17px;
    padding: 4px;
  }

  html:not(.app) .cab .scn-empty-note .k-empty__ico svg {
    width: 76px;
    height: 76px;
  }

  html:not(.app) .cab .scn-empty-note .k-empty__ico {
    margin: 8px 0 -8px;
  }

  html:not(.app) .cab .scn-empty-note.scn-pull-hint {
    gap: 18px;
    margin-top: 0;
    padding-top: 84px;
  }

  html:not(.app) .cab .scn-pull-hint .k-empty__ico {
    height: 40px;
    color: var(--accent-stroke);
    align-items: center;
    margin: 0;
    animation: .9s ease-in-out infinite alternate scn-pull-hint;
  }

  html:not(.app) .cab .scn-empty-note.scn-pull-hint .k-empty__ico svg {
    width: 37px;
    height: 37px;
  }

  html:not(.app) .cab[data-section="bots"]:has(.scn-empty-all) .ai-bar-shell {
    display: none;
  }

  html:not(.app) .cab .scn-empty-note.scn-pull-hint.scn-empty-all {
    padding-top: 68px;
  }

  @media (prefers-reduced-motion: reduce) {
    html:not(.app) .cab .scn-pull-hint .k-empty__ico {
      animation: none;
    }
  }

  html:not(.app) .cab {
    --msg-img-maxw: 356px;
    --msg-img-maxh: 500px;
  }

  html:not(.app) .cab .av-ios {
    min-height: calc(100dvh - var(--dr-head-h, 70px)  - 32px);
    margin: 0 calc(-1 * var(--ctl-edge, 16px));
    flex-direction: column;
    display: flex;
  }

  html:not(.app) .cab .av-stage {
    aspect-ratio: 402 / 370;
    width: 100%;
    margin: auto 0;
    position: relative;
    overflow: hidden;
  }

  html:not(.app) .cab .av-stage .av-crop-ios {
    -o-object-fit: cover;
    object-fit: cover;
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    display: block;
  }

  html:not(.app) .cab .av-stage .av-mask {
    pointer-events: none;
    background: color-mix(in srgb, var(--bg) 72%, transparent);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-mask: radial-gradient(circle closest-side, rgba(0, 0, 0, 0) calc(98.9% - 1px), #000 98.9%);
    mask: radial-gradient(circle closest-side, rgba(0, 0, 0, 0) calc(98.9% - 1px), #000 98.9%);
  }

  html:not(.app) .cab .av-ios-hint {
    margin-top: auto;
    padding: 24px 20px 16px;
  }

  html:not(.app) .cab .av-ios-hint .meta {
    font-size: 13px;
  }

  html:not(.app) .cab .list-empty-ios {
    box-shadow: none;
    background: none;
    margin: 57px 16px 0;
    padding: 0;
  }

  html:not(.app) .cab .ai-search-x {
    flex: none;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .ai-bar-shell .k-search__ico {
    display: none;
  }

  html:not(.app) .cab .ai-bar-shell .ai-srow {
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
    display: flex;
  }

  html:not(.app) .cab .lh-search .ai-search {
    flex: auto;
    width: auto;
    min-width: 0;
  }

  html:not(.app) .cab .lh-search .k-search {
    transition: background-color var(--m-dur) var(--m-ease), padding-left var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .lh-search .k-search__inp {
    text-align: left;
    text-indent: 0;
  }

  html:not(.app) .cab .lh-search:-webkit-any(.lh-search-in, .lh-search-out) .k-search__inp {
    transition: font-size var(--m-dur) var(--m-ease), text-indent var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .lh-search:-moz-any(.lh-search-in, .lh-search-out) .k-search__inp {
    transition: font-size var(--m-dur) var(--m-ease), text-indent var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .lh-search:is(.lh-search-in, .lh-search-out) .k-search__inp {
    transition: font-size var(--m-dur) var(--m-ease), text-indent var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .lh-search:not(.lh-search-in, .lh-searching) .k-search__inp:-moz-placeholder-shown {
    text-indent: var(--lh-ph-x, 0px);
  }

  html:not(.app) .cab .lh-search:not(:-webkit-any(.lh-search-in, .lh-searching)) .k-search__inp:placeholder-shown {
    text-indent: var(--lh-ph-x, 0px);
  }

  html:not(.app) .cab .lh-search:not(:-moz-any(.lh-search-in, .lh-searching)) .k-search__inp:placeholder-shown {
    text-indent: var(--lh-ph-x, 0px);
  }

  html:not(.app) .cab .lh-search:not(:is(.lh-search-in, .lh-searching)) .k-search__inp:placeholder-shown {
    text-indent: var(--lh-ph-x, 0px);
  }

  html:not(.app) .cab .lh-search:-webkit-any(.lh-search-in, .lh-searching) .k-search {
    background-color: var(--surf);
    padding-left: 34px;
  }

  html:not(.app) .cab .lh-search:-moz-any(.lh-search-in, .lh-searching) .k-search {
    background-color: var(--surf);
    padding-left: 34px;
  }

  html:not(.app) .cab .lh-search:is(.lh-search-in, .lh-searching) .k-search {
    background-color: var(--surf);
    padding-left: 34px;
  }

  html:not(.app) .cab .lh-search:-webkit-any(.lh-search-in, .lh-searching) .k-search__inp {
    font-size: 17px;
  }

  html:not(.app) .cab .lh-search:-moz-any(.lh-search-in, .lh-searching) .k-search__inp {
    font-size: 17px;
  }

  html:not(.app) .cab .lh-search:is(.lh-search-in, .lh-searching) .k-search__inp {
    font-size: 17px;
  }

  html:not(.app) .cab .lh-search .ai-search-x {
    transition: width var(--m-dur) var(--m-ease), margin-left var(--m-dur) var(--m-ease), opacity var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .lh-search .ai-search-x:not(.on) {
    opacity: 0;
    pointer-events: none;
    width: 0;
    margin-left: -8px;
    display: grid;
    overflow: hidden;
  }

  html:not(.app) .cab .lh-search:-webkit-any(.lh-search-in, .lh-searching, .lh-search-out) {
    z-index: 43;
    position: relative;
  }

  html:not(.app) .cab .lh-search:-moz-any(.lh-search-in, .lh-searching, .lh-search-out) {
    z-index: 43;
    position: relative;
  }

  html:not(.app) .cab .lh-search:is(.lh-search-in, .lh-searching, .lh-search-out) {
    z-index: 43;
    position: relative;
  }

  html:not(.app) .cab .lh-search:not(:-webkit-any(.lh-search-in, .lh-searching, .lh-search-out)) {
    opacity: var(--th-plate, 1);
  }

  html:not(.app) .cab .lh-search:not(:-moz-any(.lh-search-in, .lh-searching, .lh-search-out)) {
    opacity: var(--th-plate, 1);
  }

  html:not(.app) .cab .lh-search:not(:is(.lh-search-in, .lh-searching, .lh-search-out)) {
    opacity: var(--th-plate, 1);
  }

  html:not(.app) .cab .lh-search.lh-search-in {
    animation: srch-bar-up var(--m-dur) var(--m-ease) forwards;
  }

  html:not(.app) .cab .lh-search.lh-search-out {
    animation: srch-bar-down var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .drawer:has(.lh-search-in) .dr-head {
    animation: srch-fade-out var(--m-dur) var(--m-ease) forwards;
  }

  html:not(.app) .cab .drawer:has(.lh-search-in) .msg-folders {
    visibility: hidden;
  }

  html:not(.app) .cab .lh-search.lh-search-in ~ .ct-ios-list {
    animation: srch-list-up var(--m-dur) var(--m-ease) forwards;
  }

  html:not(.app) .cab .drawer:has(.lh-search-out) .dr-head {
    animation: srch-fade-in var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .drawer:has(.lh-search-out) .msg-folders {
    animation: srch-fold-back var(--m-dur) linear;
  }

  html:not(.app) .cab .lh-search.lh-search-out ~ .ct-ios-list {
    animation: srch-list-down var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .drawer:has(.lh-searching) .dr-head {
    visibility: hidden;
  }

  html:not(.app) .cab .drawer:has(.lh-searching) .msg-folders {
    display: none;
  }

  html:not(.app) .cab .drawer .ai-bar-shell.lh-search.lh-searching {
    margin-top: -70px;
  }

  html:not(.app) .cab .ai-bar-shell .k-search__x {
    color: var(--clear-x-fg);
    margin-right: 17px;
  }

  html:not(.app) .cab .ai-bar-shell .k-search__x svg {
    background: var(--clear-x-bg);
    stroke-width: 3px;
    border-radius: 999px;
    width: 17px;
    height: 17px;
    padding: 4px;
  }

  html:not(.app) .cab .scn-empty-note .k-empty__ico svg {
    width: 76px;
    height: 76px;
  }

  html:not(.app) .cab .scn-empty-note .k-empty__ico {
    margin: 8px 0 -8px;
  }

  html:not(.app) .cab .scn-empty-note.scn-pull-hint {
    gap: 18px;
    margin-top: 0;
    padding-top: 84px;
  }

  html:not(.app) .cab .scn-pull-hint .k-empty__ico {
    height: 40px;
    color: var(--accent-stroke);
    align-items: center;
    margin: 0;
    animation: .9s ease-in-out infinite alternate scn-pull-hint;
  }

  html:not(.app) .cab .scn-empty-note.scn-pull-hint .k-empty__ico svg {
    width: 37px;
    height: 37px;
  }

  html:not(.app) .cab[data-section="bots"]:has(.scn-empty-all) .ai-bar-shell {
    display: none;
  }

  html:not(.app) .cab .scn-empty-note.scn-pull-hint.scn-empty-all {
    padding-top: 68px;
  }

  html:not(.app) .cab {
    --msg-img-maxw: 356px;
    --msg-img-maxh: 500px;
  }

  html:not(.app) .cab .av-ios {
    min-height: calc(100dvh - var(--dr-head-h, 70px)  - 32px);
    margin: 0 calc(-1 * var(--ctl-edge, 16px));
    flex-direction: column;
    display: flex;
  }

  html:not(.app) .cab .av-stage {
    aspect-ratio: 402 / 370;
    width: 100%;
    margin: auto 0;
    position: relative;
    overflow: hidden;
  }

  html:not(.app) .cab .av-stage .av-crop-ios {
    -o-object-fit: cover;
    object-fit: cover;
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    display: block;
  }

  html:not(.app) .cab .av-stage .av-mask {
    pointer-events: none;
    background: color-mix(in srgb, var(--bg) 72%, transparent);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-mask: radial-gradient(circle closest-side, rgba(0, 0, 0, 0) calc(98.9% - 1px), #000 98.9%);
    mask: radial-gradient(circle closest-side, rgba(0, 0, 0, 0) calc(98.9% - 1px), #000 98.9%);
  }

  html:not(.app) .cab .av-ios-hint {
    margin-top: auto;
    padding: 24px 20px 16px;
  }

  html:not(.app) .cab .av-ios-hint .meta {
    font-size: 13px;
  }

  html:not(.app) .cab .list-empty-ios {
    box-shadow: none;
    background: none;
    margin: 57px 16px 0;
    padding: 0;
  }

  html:not(.app) .cab .ai-search-x {
    flex: none;
  }
}

.cab .scn-empty-note {
  color: var(--mut);
  margin: 4px 2px 0;
  font-size: 13px;
  line-height: 1.5;
}

.cab .scn-tpl-banner.scn-tplb-instagram {
  background-image: radial-gradient(at 88% 6%, rgba(225, 48, 108, .2), rgba(0, 0, 0, 0));
  border-color: rgba(0, 0, 0, 0);
}

.cab .scn-tpl-banner.scn-tplb-telegram {
  background-image: radial-gradient(at 88% 6%, rgba(42, 171, 238, .24), rgba(0, 0, 0, 0));
  border-color: rgba(0, 0, 0, 0);
}

:root[data-theme="dark"] .cab .scn-tpl-banner {
  background: color-mix(in srgb, var(--accent-soft) 60%, var(--surf));
}

:root[data-theme="dark"] .cab .scn-tpl-banner.scn-tplb-instagram {
  background: color-mix(in srgb, #e1306c 10%, var(--surf));
}

:root[data-theme="dark"] .cab .scn-tpl-banner.scn-tplb-telegram {
  background: color-mix(in srgb, #2aabee 8%, var(--surf));
}

.cab .scn-tpl-banner-ic {
  color: var(--accent);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.cab .scn-tpl-banner-col {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.cab .scn-tpl-banner-t {
  color: var(--ink);
  font-size: 17px;
  font-weight: 600;
}

.cab .scn-tpl-banner-s {
  -webkit-line-clamp: 2;
  color: var(--mut);
  -webkit-box-orient: vertical;
  font-size: 13px;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.cab .scn-chip-add {
  border-radius: var(--r-xs);
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  width: 26px;
  height: 26px;
  color: var(--accent);
  cursor: pointer;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

@media (hover: hover) {
  .cab .scn-chip-add:hover {
    background: var(--hover-tint);
  }
}

.cab .fld .scn-chips input, .cab .fld .scn-chips input:focus {
  box-shadow: none;
  caret-color: var(--ink);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}

.cab .scn-chips input {
  min-width: 90px;
  height: 26px;
  box-shadow: none;
  background: none;
  border: none;
  flex: 1;
  padding: 0;
}

.cab .scn-chips input:focus {
  box-shadow: none;
  outline: none;
}

.cab .scn-txt-box {
  border: 1px solid var(--line2);
  border-radius: var(--r-sm);
  background: var(--surf);
  overflow: hidden;
}

.cab .scn-txt-box:focus-within {
  border-color: var(--accent);
}

.cab .scn-txt-bar {
  border-bottom: 1px solid var(--line);
  align-items: center;
  gap: 2px;
  padding: 6px 8px;
  display: flex;
}

.cab .scn-txt-bar button {
  border-radius: var(--r-xs);
  width: 28px;
  height: 28px;
  color: var(--mut);
  cursor: pointer;
  background: none;
  border: none;
  place-items: center;
  display: grid;
}

.cab .scn-txt-bar button.on {
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}

@media (hover: hover) {
  .cab .scn-txt-bar button:hover {
    color: var(--ink);
    background: var(--hover);
  }
}

.cab .scn-txt-in {
  min-height: 96px;
  max-height: 46vh;
  font: inherit;
  color: var(--ink);
  white-space: pre-wrap;
  word-break: break-word;
  outline: none;
  padding: 10px 12px;
  font-size: 15px;
  line-height: 1.45;
  overflow-y: auto;
}

.cab .scn-txt-in:empty:before {
  content: attr(data-ph);
  color: var(--mut);
}

.cab .scn-txt-foot {
  align-items: center;
  gap: 8px;
  padding: 6px 10px 8px;
  display: flex;
}

.cab .scn-txt-foot .scn-txt-count {
  color: var(--mut);
  font-variant-numeric: tabular-nums;
  margin-left: auto;
  font-size: 12px;
}

.cab .scn-txt-foot .scn-txt-count.over {
  color: var(--step-error);
  font-weight: 600;
}

.cab .scn-txt-slot {
  border-radius: var(--r-xs);
  width: 26px;
  height: 26px;
  color: var(--mut);
  cursor: pointer;
  background: none;
  border: none;
  place-items: center;
  display: grid;
}

@media (hover: hover) {
  .cab .scn-txt-slot:hover {
    color: var(--accent);
    background: var(--hover-tint);
  }
}

.cab .scn-txt-slots {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.cab .scn-txt-slots button {
  border: 1px solid var(--line2);
  color: var(--ink);
  font: inherit;
  cursor: pointer;
  background: none;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 12.5px;
}

@media (hover: hover) {
  .cab .scn-txt-slots button:hover {
    border-color: var(--accent);
    color: var(--accent);
  }
}

.cab .scn-txt-link {
  border-bottom: 1px solid var(--line);
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  display: flex;
}

.cab .scn-txt-link input {
  flex: 1;
  min-width: 0;
}

.cab .scn-text-count {
  text-align: right;
}

.cab .scn-fnode.ck-start, .cab .scn-vrow.ck-start {
  --k: var(--chat-start);
}

.cab .scn-fnode.ck-message, .cab .scn-vrow.ck-message {
  --k: var(--chat-message);
}

.cab .scn-fnode.ck-condition, .cab .scn-vrow.ck-condition {
  --k: var(--chat-condition);
}

.cab .scn-fnode.ck-action, .cab .scn-vrow.ck-action {
  --k: var(--chat-action);
}

.cab .scn-fnode.ck-crm, .cab .scn-vrow.ck-crm {
  --k: var(--chat-crm);
}

.cab .scn-fnode.ck-pay, .cab .scn-vrow.ck-pay {
  --k: var(--chat-pay);
}

.cab .scn-fnode.ck-note, .cab .scn-vrow.ck-note {
  --k: var(--chat-note);
}

.cab .scn-fnode.off {
  opacity: .55;
}

.cab .scn-fnode.err-branch {
  --k: var(--step-error);
  --ring-c: color-mix(in srgb, var(--step-error) 25%, transparent);
  box-shadow: var(--scn-card-sh), var(--ring-w) var(--ring-c);
  opacity: .82;
}

.cab .scn-fnode.err-branch .scn-ctype, .cab .scn-fnode.err-branch .scn-fnode-name {
  color: var(--mut);
}

.cab .scn-fnode.run-ok:after, .cab .scn-fnode.run-running:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .scn-fnode.run-ok:after {
  --ring-c: color-mix(in srgb, var(--run-pass) 60%, transparent);
  box-shadow: var(--ring-w) var(--ring-c);
  animation: 2.6s ease-out forwards scn-run-fade;
}

@keyframes scn-run-fade {
  0%, 62% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.cab .scn-fnode.run-error {
  --ring-c: color-mix(in srgb, var(--run-fail) 62%, transparent);
  box-shadow: var(--scn-card-sh), var(--ring-w) var(--ring-c);
}

.cab .scn-fnode.run-running {
  --ring-c: color-mix(in srgb, var(--run-live) 22%, transparent);
  box-shadow: var(--scn-card-sh), var(--ring-w) var(--ring-c);
}

.cab .scn-fnode.run-running:after {
  --ring-c: color-mix(in srgb, var(--run-live) 6%, transparent);
  box-shadow: var(--pulse-w) var(--ring-c);
  animation: 1.3s ease-in-out infinite scn-run-pulse;
}

@keyframes scn-run-pulse {
  0%, 100% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

.cab .scn-fnode-run {
  color: var(--ink);
  background: var(--surf);
  border-radius: var(--r-xs);
  box-shadow: var(--bub-sh);
  pointer-events: none;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  position: absolute;
  top: -11px;
  left: 10px;
}

.cab .scn-fnode-run svg {
  color: var(--mut);
}

.cab .scn-fnode-run.amber {
  color: color-mix(in srgb, var(--step-event) 78%, var(--ink));
  background: color-mix(in srgb, var(--step-event) 16%, var(--surf));
  border-radius: 100px;
  gap: 3px;
  padding: 4px 9px;
}

.cab .scn-fnode-run.amber svg {
  color: currentColor;
}

.cab .scn-about {
  cursor: pointer;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  width: 270px;
}

.cab .scn-about-txt {
  flex-direction: column;
  flex: auto;
  gap: 6px;
  min-width: 0;
  display: flex;
}

@media (hover: hover) {
  .cab .scn-about:hover {
    --ring-c: var(--accent);
    box-shadow: var(--scn-card-sh), var(--ring-w) var(--ring-c);
  }
}

.cab .scn-about-badge {
  color: color-mix(in srgb, var(--accent) 82%, var(--ink));
  background: color-mix(in srgb, var(--accent) 14%, var(--surf));
  box-shadow: none;
  pointer-events: none;
  border-radius: 100px;
  align-items: center;
  gap: 4px;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  position: absolute;
  top: -10px;
  left: 12px;
}

.cab .scn-about-name {
  color: var(--ink);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.25;
  display: -webkit-box;
  overflow: hidden;
}

.cab .scn-about-desc {
  color: var(--mut);
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.cab .scn-fnode-ico {
  border-radius: var(--r-sm);
  background: none;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
}

.cab .scn-fnode-ico.kind {
  color: var(--k, var(--mut));
  background: none;
}

.cab .scn-fnode-ico.brand {
  background: none;
  padding: 0;
}

.cab .scn-fnode-ico.brand svg, .cab .scn-fnode-ico.brand img, .cab .scn-fnode-ico.brand [role="img"] {
  width: 26px;
  height: 26px;
}

.cab .scn-fnode-text {
  flex-direction: column;
  flex: 1;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.cab .scn-fnode-name {
  color: var(--ink);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.25;
  display: -webkit-box;
  overflow: hidden;
}

.cab .scn-fnode-kind {
  color: var(--k, var(--mut));
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
  overflow: hidden;
}

.cab .scn-fnode-kind-ico {
  font-size: 10px;
  line-height: 1;
}

.cab .scn-fnode-cred {
  border: 2px solid var(--surf);
  border-radius: 50%;
  width: 11px;
  height: 11px;
  position: absolute;
  top: -4px;
  right: -4px;
}

.cab .scn-fnode-cred.missing {
  background: var(--amber);
}

.cab .scn-fnode-off {
  color: var(--mut);
  background: color-mix(in srgb, var(--ink) 7%, transparent);
  border-radius: 100px;
  flex: none;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
}

.cab .scn-fnode-body {
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.cab .scn-fnode-detail {
  align-items: baseline;
  gap: 5px;
  min-width: 0;
  font-size: 10.5px;
  line-height: 1.3;
  display: flex;
}

.cab .scn-fnode-detail-k {
  color: var(--mut);
  flex: none;
}

.cab .scn-fnode-detail-v {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  overflow: hidden;
}

.cab .scn-fnode-tag {
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 100px;
  align-self: flex-start;
  max-width: 100%;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
}

.cab .scn-fnode-tag.cred-ok {
  color: var(--green);
  background: color-mix(in srgb, var(--green) 12%, transparent);
}

.cab .scn-fnode-tag.cred-missing {
  color: var(--step-event);
  background: color-mix(in srgb, var(--amber) 16%, transparent);
}

.cab .scn-fnode-tag.err, .cab .scn-fnode-tag.chan-foreign {
  color: var(--step-error);
  background: color-mix(in srgb, var(--step-error) 12%, transparent);
}

.cab .scn-fnode-start {
  min-width: 0;
  color: var(--mut);
  flex-direction: column;
  gap: 2px;
  font-size: 10.5px;
  line-height: 1.35;
  display: flex;
}

.cab .scn-fnode-start-row {
  align-items: center;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.cab .scn-fnode-start-ic {
  color: var(--mut);
  flex: none;
  display: inline-flex;
}

.cab .scn-fnode-start-acc {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cab .scn-fnode-start .igm-chosen-n {
  font-size: inherit;
}

.cab .scn-fnode-note {
  color: var(--mut);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 10.5px;
  font-style: italic;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.cab .scn-fnode.has-content {
  width: 240px;
}

.cab .scn-fnode.port-corner {
  padding-bottom: 26px;
}

.cab .scn-ctap {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  min-width: 0;
  margin: 0;
  transition: background-color .15s;
}

@media (hover: hover) {
  .cab .scn-ctap:hover {
    background-color: var(--hover-teal);
  }
}

.cab .scn-ctap:active {
  background-color: var(--press-teal);
}

.cab .scn-crow-tap {
  cursor: pointer;
  transition: background-color .15s;
}

@media (hover: hover) {
  .cab .scn-crow-tap:hover {
    background-color: var(--hover-teal);
  }
}

.cab .scn-crow-tap:active {
  background-color: var(--press-teal);
}

.cab .scn-cgroup {
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--ink) 3.5%, var(--surf));
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  padding: 7px;
  display: flex;
}

.cab .scn-ctext {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  color: var(--ink);
  white-space: pre-line;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  padding: 8px 10px;
  font-size: 11.5px;
  line-height: 1.45;
  display: -webkit-box;
  overflow: hidden;
}

.cab .scn-cmedia {
  border-radius: var(--r-sm);
  background: var(--surf);
  border: 1px dashed color-mix(in srgb, var(--ink) 22%, transparent);
  color: var(--mut);
  display: block;
  position: relative;
}

.cab .scn-cmedia.filled {
  border-style: solid;
  border-color: var(--line);
}

.cab .scn-cmedia-in {
  border-radius: var(--r-sm);
  width: 100%;
  color: inherit;
  background: none;
  border: 0;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 11px 10px;
  display: flex;
}

.cab .scn-cmedia-word {
  font-size: 10.5px;
  font-weight: 600;
}

.cab .scn-cmedia-sub {
  color: var(--mut);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 9.5px;
  line-height: 1.25;
  overflow: hidden;
}

.cab .scn-cthumb {
  border-radius: var(--r-sm);
  border: 1px solid var(--line);
  background: var(--surf);
  display: block;
  position: relative;
  overflow: hidden;
}

.cab .scn-cthumb-in {
  background: none;
  border: 0;
  width: 100%;
  padding: 0;
  line-height: 0;
  display: block;
}

.cab .scn-cthumb-in img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  max-height: 90px;
  display: block;
}

.cab .scn-cdel {
  background: color-mix(in srgb, var(--ink) 45%, transparent);
  width: 18px;
  height: 18px;
  color: var(--surf);
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
}

@media (hover: hover) {
  .cab .scn-cdel:hover {
    background: var(--scrim-press);
  }
}

.cab .scn-cdel:active {
  background: var(--scrim-press);
}

.cab .scn-cat-text {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.cab .scn-cat-hint {
  color: var(--mut);
  font-size: 12px;
  line-height: 1.3;
}

.cab .scn-cbtn {
  border: 1px solid var(--line);
  background: var(--surf);
  color: var(--ink);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 100px;
  padding: 7px 22px 7px 10px;
  font-size: 11px;
  font-weight: 500;
  overflow: hidden;
}

.cab .scn-cbtn-ctr.approx {
  opacity: .8;
  cursor: help;
}

.cab .scn-cbtn-ctr {
  color: var(--mut);
  text-overflow: ellipsis;
  margin-top: 2px;
  font-size: 9.5px;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  overflow: hidden;
}

.cab .scn-coutc {
  color: var(--mut);
  white-space: nowrap;
  margin-left: 6px;
  font-size: 9.5px;
  font-weight: 400;
  line-height: 1.2;
}

.cab .scn-crow.scn-cpill .scn-coutc {
  align-self: flex-end;
  margin-left: 0;
}

.cab .scn-cbtnp {
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: relative;
}

.cab .scn-cadd {
  border: 1px dashed color-mix(in srgb, var(--ink) 22%, transparent);
  border-radius: var(--r-sm);
  color: var(--mut);
  text-align: center;
  padding: 8px 10px;
  font-size: 11px;
}

.cab .scn-cadd.in {
  border-radius: var(--r-xs);
  padding: 5px 8px;
  font-size: 10.5px;
}

.cab .scn-cadd.pill {
  border-style: solid;
  border-color: var(--line);
  background: var(--surf);
  border-radius: 100px;
}

.cab .scn-cfall {
  color: var(--mut);
  text-align: right;
  align-self: stretch;
  padding-right: 22px;
  font-size: 10.5px;
  line-height: 1.3;
  position: relative;
}

.cab .scn-cfall.line:before {
  content: "";
  border-top: 1px solid var(--line);
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
}

.cab .scn-cprod {
  background: color-mix(in srgb, var(--ink) 3.5%, var(--surf));
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px 10px;
  display: flex;
}

.cab .scn-cprod-ico {
  border-radius: var(--r-xs);
  background: var(--accent-soft);
  width: 26px;
  height: 26px;
  color: var(--accent);
  flex: none;
  place-items: center;
  display: grid;
}

.cab .scn-cprod-text {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.cab .scn-cprod-name {
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 600;
  overflow: hidden;
}

.cab .scn-cprod-price {
  color: var(--mut);
  font-variant-numeric: tabular-nums;
  font-size: 10.5px;
}

.cab .scn-crow {
  -moz-column-gap: 6px;
  background: color-mix(in srgb, var(--ink) 3.5%, var(--surf));
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 3px 6px;
  min-width: 0;
  padding: 11px 8px;
  font-size: 11.5px;
  line-height: 1.35;
  display: grid;
  position: relative;
}

.cab .scn-crow:not(.plate) > .scn-crow-k {
  grid-column: 1 / -1;
}

.cab .scn-crow-k {
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.cab .scn-crow:has( > .react-flow__handle) {
  padding-right: 24px;
}

.cab .scn-crow.scn-cpill {
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  display: flex;
}

.cab .scn-cpill-head {
  --seg-tone: var(--cbase);
  --seg-surf: var(--cgfill, var(--surf));
  align-self: flex-start;
}

.cab .scn-csub {
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.cab .scn-cpill-row, .cab .scn-csub-row {
  -moz-column-gap: 6px;
  border-radius: var(--r-xs);
  border: 1px solid rgba(0, 0, 0, 0);
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 3px 6px;
  min-width: 0;
  margin: -2px -4px;
  padding: 2px 4px;
  display: grid;
}

.cab .scn-csub-row {
  color: var(--mut);
}

.cab .scn-sticky {
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--chat-note) 12%, var(--surf));
  border: 1px solid color-mix(in srgb, var(--chat-note) 34%, transparent);
  max-width: 240px;
  color: var(--ink);
  white-space: pre-wrap;
  cursor: pointer;
  padding: 10px 12px;
  font-size: 11px;
  line-height: 1.45;
  position: relative;
  overflow: visible;
}

.cab .scn-sticky-menu {
  z-index: 3;
  position: absolute;
  top: 2px;
  right: 2px;
}

.cab .scn-crow.bad {
  border-color: color-mix(in srgb, var(--step-error) 45%, transparent);
  background: color-mix(in srgb, var(--step-error) 7%, var(--surf));
}

.cab .scn-crow.bad .scn-crow-k {
  color: var(--step-error);
}

.cab .scn-crow-ico {
  color: var(--k, var(--mut));
  flex: none;
  display: inline-flex;
}

.cab .scn-crow-v {
  color: var(--mut);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  grid-column: 1 / -1;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.cab .scn-fnode .react-flow__handle {
  background: var(--scn-port);
  border: 1.5px solid var(--surf);
  width: 9px;
  height: 9px;
  box-shadow: none;
}

.cab .scn-fnode .react-flow__handle.free, .cab .scn-fnode .react-flow__handle-left {
  background: var(--surf);
  border: 1.5px solid color-mix(in srgb, var(--scn-port) 55%, transparent);
}

.cab .scn-fnode .scn-cfall .react-flow__handle {
  background: color-mix(in srgb, var(--accent-stroke) 82%, var(--bg));
}

.cab .scn-fnode .scn-cfall .react-flow__handle.free {
  background: var(--surf);
  border-color: color-mix(in srgb, var(--accent-stroke) 55%, transparent);
}

.cab .scn-canvas .scn-fnode .react-flow__handle.num, .cab .scn-fnode .react-flow__handle.num {
  box-sizing: border-box;
  background: color-mix(in srgb, var(--cbase, var(--cbase-1)) 12%, var(--surf));
  border: 1px solid var(--cbase, var(--cbase-1));
  width: 18px;
  height: 18px;
  color: color-mix(in srgb, var(--cbase, var(--cbase-1)) 45%, var(--ink));
  border-radius: 100px;
  place-items: center;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1;
  display: grid;
}

.cab .scn-fnode .react-flow__handle.num.free {
  background: color-mix(in srgb, var(--cbase, var(--cbase-1)) 12%, var(--surf));
  border: 1px solid var(--cbase, var(--cbase-1));
}

.cab .scn-canvas.editable .scn-fnode .react-flow__handle.num, .cab .scn-canvas.editable .scn-fnode .react-flow__handle.num.free {
  border: 1px solid var(--cbase, var(--cbase-1));
  width: 18px;
  height: 18px;
}

.cab .scn-canvas.editable .react-flow__node {
  cursor: pointer;
}

.cab .scn-canvas.editable .scn-fnode .react-flow__handle {
  cursor: crosshair;
  width: 11px;
  height: 11px;
}

.cab .scn-canvas.editable .scn-fnode .react-flow__handle.free, .cab .scn-canvas.editable .scn-fnode .react-flow__handle-left {
  border-width: 2px;
}

.cab .scn-canvas.editable .scn-fnode .react-flow__handle.err {
  background: var(--scn-edge-err);
  border-color: var(--surf);
}

.cab .scn-canvas.editable .scn-fnode .react-flow__handle.ai {
  cursor: default;
  width: 8px;
  height: 8px;
}

.cab .scn-canvas.editable .react-flow__edge {
  cursor: pointer;
}

.cab .scn-fnode-issue {
  background: var(--amber);
  color: #fff;
  border: 2px solid var(--surf);
  border-radius: 50%;
  place-items: center;
  width: 16px;
  height: 16px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  display: grid;
  position: absolute;
  top: -7px;
  left: -7px;
}

.cab .scn-fnode-issue.warn {
  background: color-mix(in srgb, var(--amber) 45%, var(--surf));
  color: var(--txt);
}

.cab .scn-fnode-hint {
  white-space: nowrap;
  background: var(--ink);
  color: var(--surf);
  box-shadow: var(--float-sh);
  pointer-events: none;
  z-index: 3;
  opacity: 0;
  border-radius: 100px;
  padding: 7px 13px;
  font-size: 12.5px;
  font-weight: 600;
  animation: .35s ease-out .7s forwards scn-hint-in;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}

.cab .scn-fnode-hint:after {
  content: "";
  border: 5px solid rgba(0, 0, 0, 0);
  border-top-color: var(--ink);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

@keyframes scn-hint-in {
  from {
    opacity: 0;
    translate: 0 6px;
  }

  to {
    opacity: 1;
    translate: 0;
  }
}

.cab .scn-schema-wrap {
  flex-direction: column;
  min-height: 0;
  display: flex;
  position: relative;
}

.cab .scn-schema-wrap.lanes {
  margin-top: -10px;
  padding-top: 10px;
  overflow-x: clip;
}

@media (min-width: 821px) {
  .cab.cab-focus .main:has(.scn-schema-wrap.lanes:not(.scn-hide)) {
    background-image: radial-gradient(var(--line2) 1.2px, transparent 1.2px);
    background-size: 22px 22px;
  }
}

@media (max-width: 820px) {
  .cab.cab-focus .content:has( > .scn-schema-wrap.lanes:not(.scn-hide)):before {
    content: "";
    z-index: 0;
    pointer-events: none;
    background-image: radial-gradient(var(--line2) 1.2px, transparent 1.2px);
    background-size: 22px 22px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

@container cab (width <= 820px) {
  .cab.cab-focus .content:has( > .scn-schema-wrap.lanes:not(.scn-hide)):before {
    content: "";
    z-index: 0;
    pointer-events: none;
    background-image: radial-gradient(var(--line2) 1.2px, transparent 1.2px);
    background-size: 22px 22px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

.cab.cab-focus .scn-schema-wrap {
  flex: 1;
}

.cab.cab-focus .content:has( > .scn-schema-wrap.canvas:not(.scn-hide)) {
  padding: 0;
}

.cab.cab-focus .content {
  max-width: none;
}

.cab.cab-focus .content > .scn-chat, .cab.cab-focus .scn-schema-wrap.lanes:not(.scn-hide) > .scn-schema {
  max-width: var(--page-max);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cab.cab-focus .content:has( > .scn-schema-wrap) .scn-bar {
  padding: 31px var(--ctl-edge) 12px;
  margin: 0;
}

.cab.cab-focus .content:has( > .scn-schema-wrap.canvas:not(.scn-hide)) .scn-bar {
  z-index: 5;
  padding: 31px var(--ctl-edge) 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.cab.cab-focus .content:has( > .scn-schema-wrap.canvas:not(.scn-hide)) .scn-bar:before {
  display: none;
}

.cab.cab-focus .content:has( > .scn-schema-wrap.lanes:not(.scn-hide)) {
  height: auto;
  min-height: 100%;
  padding: 0 0 calc(28px + env(safe-area-inset-bottom, 0px));
}

.cab.cab-focus .content:has( > .scn-schema-wrap.lanes:not(.scn-hide)) .scn-bar {
  z-index: 5;
  margin: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.cab.cab-focus .content:has( > .scn-schema-wrap.lanes:not(.scn-hide)) .scn-bar:before {
  display: none;
}

.cab.cab-focus .scn-title-row, .cab.cab-focus .scn-view-wrap {
  margin-top: -3.3px;
}

.cab.cab-focus .content:has( > .scn-schema-wrap.canvas:not(.scn-hide)) .scn-run-note {
  z-index: 7;
  margin: 0;
  position: absolute;
  top: 96px;
  left: 16px;
  right: 16px;
}

.cab .scn-schema-wrap.canvas .scn-ed-conflict {
  z-index: 7;
  margin: 0;
  position: absolute;
  top: 98px;
  left: 14px;
  right: 14px;
}

.cab.cab-focus .scn-schema-wrap.canvas > .scn-schema {
  padding-top: 114px;
}

.cab.cab-focus .scn-schema-wrap > .scn-schema > .empty {
  text-align: center;
  max-width: 460px;
  margin: 28px auto 0;
}

@media (max-width: 820px) {
  html.scn-native-head .cab.cab-focus:has(.scn-schema-wrap.canvas:not(.scn-hide)) .app {
    padding-top: 0;
  }

  html.scn-native-head .cab.cab-focus .content:has( > .scn-schema-wrap.canvas:not(.scn-hide)) .scn-run-note {
    top: calc(96px + var(--safe-top));
  }

  html.scn-native-head .cab.cab-focus .scn-schema-wrap.canvas .scn-ed-conflict {
    top: calc(98px + var(--safe-top));
  }

  html.scn-native-head .cab.cab-focus .scn-schema-wrap.canvas:not(.scn-hide) > .scn-schema {
    padding-top: calc(114px + var(--safe-top));
  }

  .cab.cab-focus:has(.scn-schema-wrap.lanes:not(.scn-hide)) .app {
    height: auto;
    min-height: 100dvh;
    overflow: visible;
  }

  .cab.cab-focus:has(.scn-schema-wrap.lanes:not(.scn-hide)) .main {
    height: auto;
    overflow: visible;
  }

  .cab.cab-focus .content:has( > .scn-schema-wrap.lanes:not(.scn-hide)) {
    --lanes-pad: 12px;
    height: auto;
    padding: calc(50px + var(--head-air)) var(--lanes-pad) calc(28px + env(safe-area-inset-bottom, 0px));
  }

  .cab.cab-focus .content > .scn-schema-wrap.lanes:not(.scn-hide) {
    margin-inline: calc(-1 * var(--lanes-pad, 0px));
  }

  .cab.cab-focus .scn-schema-wrap.lanes:not(.scn-hide) > .scn-schema {
    padding-left: 0;
    padding-right: 0;
  }

  .cab.cab-focus .content:has( > .scn-schema-wrap) .scn-bar {
    padding: 24px var(--ctl-edge) 10px;
    margin-bottom: var(--head-air);
  }

  .cab.cab-focus .content:has( > .scn-schema-wrap.lanes:not(.scn-hide)) .scn-bar {
    padding: calc(24px + var(--safe-top)) var(--ctl-edge) 10px;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .cab.cab-focus .content:has( > .scn-schema-wrap.canvas:not(.scn-hide)) .scn-bar {
    padding: 24px var(--ctl-edge) 10px;
  }

  .cab.cab-focus .content:has( > .scn-schema-wrap.canvas:not(.scn-hide)) .scn-run-note {
    top: 86px;
  }

  html.scn-native-head .cab.cab-focus .content:has( > .scn-schema-wrap.lanes:not(.scn-hide)) {
    padding-top: calc(var(--nhead-row)  - 4px + var(--head-air));
  }
}

@container cab (width <= 820px) {
  html.scn-native-head .cab.cab-focus:has(.scn-schema-wrap.canvas:not(.scn-hide)) .app {
    padding-top: 0;
  }

  html.scn-native-head .cab.cab-focus .content:has( > .scn-schema-wrap.canvas:not(.scn-hide)) .scn-run-note {
    top: calc(96px + var(--safe-top));
  }

  html.scn-native-head .cab.cab-focus .scn-schema-wrap.canvas .scn-ed-conflict {
    top: calc(98px + var(--safe-top));
  }

  html.scn-native-head .cab.cab-focus .scn-schema-wrap.canvas:not(.scn-hide) > .scn-schema {
    padding-top: calc(114px + var(--safe-top));
  }

  .cab.cab-focus:has(.scn-schema-wrap.lanes:not(.scn-hide)) .app {
    height: auto;
    min-height: 100dvh;
    overflow: visible;
  }

  .cab.cab-focus:has(.scn-schema-wrap.lanes:not(.scn-hide)) .main {
    height: auto;
    overflow: visible;
  }

  .cab.cab-focus .content:has( > .scn-schema-wrap.lanes:not(.scn-hide)) {
    --lanes-pad: 12px;
    height: auto;
    padding: calc(50px + var(--head-air)) var(--lanes-pad) calc(28px + env(safe-area-inset-bottom, 0px));
  }

  .cab.cab-focus .content > .scn-schema-wrap.lanes:not(.scn-hide) {
    margin-inline: calc(-1 * var(--lanes-pad, 0px));
  }

  .cab.cab-focus .scn-schema-wrap.lanes:not(.scn-hide) > .scn-schema {
    padding-left: 0;
    padding-right: 0;
  }

  .cab.cab-focus .content:has( > .scn-schema-wrap) .scn-bar {
    padding: 24px var(--ctl-edge) 10px;
    margin-bottom: var(--head-air);
  }

  .cab.cab-focus .content:has( > .scn-schema-wrap.lanes:not(.scn-hide)) .scn-bar {
    padding: calc(24px + var(--safe-top)) var(--ctl-edge) 10px;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .cab.cab-focus .content:has( > .scn-schema-wrap.canvas:not(.scn-hide)) .scn-bar {
    padding: 24px var(--ctl-edge) 10px;
  }

  .cab.cab-focus .content:has( > .scn-schema-wrap.canvas:not(.scn-hide)) .scn-run-note {
    top: 86px;
  }

  html.scn-native-head .cab.cab-focus .content:has( > .scn-schema-wrap.lanes:not(.scn-hide)) {
    padding-top: calc(var(--nhead-row)  - 4px + var(--head-air));
  }
}

.cab .runs {
  flex-direction: column;
  display: flex;
}

.cab .runsc {
  --runsc-band: 22px;
  height: 94px;
  color: var(--accent);
  --runsc-err: var(--red);
  margin-bottom: 16px;
  position: relative;
}

.cab .runsc-svg {
  inset: var(--runsc-band) 0 0 0;
  width: 100%;
  height: calc(100% - var(--runsc-band));
  position: absolute;
}

.cab .runsc-legend {
  height: var(--runsc-band);
  color: var(--mut);
  pointer-events: none;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  line-height: 1;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.cab .runsc-legend__it {
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.cab .runsc-legend button.runsc-legend__it {
  pointer-events: auto;
  cursor: pointer;
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
}

.cab .runsc-legend__it--off {
  opacity: .45;
}

.cab .runsc-legend__it--off .runsc-legend__dot {
  box-sizing: border-box;
  background: none;
  border: 1.5px solid;
}

.cab .runsc-legend__it3 {
  color: var(--green);
}

.cab .runsc-two .runsc-l3 {
  stroke: var(--green);
}

.cab .runsc-legend__dot {
  background: currentColor;
  border-radius: 999px;
  width: 7px;
  height: 7px;
}

.cab .runsc-legend__it.gift .runsc-legend__dot {
  background: var(--green);
}

.cab .runsc.runsc-conv, .cab .runsc-tip .gift {
  color: var(--green);
}

.cab .runsc-n, .cab .runsc-edge {
  color: var(--mut);
  pointer-events: none;
  font-size: 9.5px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
}

.cab .runsc-max {
  top: var(--runsc-band);
  right: 2px;
}

.cab .runsc-min {
  bottom: 1px;
  right: 2px;
}

.cab .runsc.runsc-two {
  --runsc-plot: 110px;
  --runsc-strip: 28px;
  height: auto;
  padding-top: var(--runsc-band);
}

.cab .runsc-two .runsc-plot {
  height: var(--runsc-plot);
  touch-action: none;
  position: relative;
}

.cab .runsc-two .runsc-svg {
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .runsc-two .runsc-l2 {
  stroke: var(--green);
}

.cab .runsc-two .runsc-max-l {
  color: currentColor;
  top: 0;
  left: 2px;
  right: auto;
}

.cab .runsc-two .runsc-max-r {
  color: var(--green);
  top: 0;
  right: 2px;
}

.cab .runsc-two .runsc-min {
  bottom: 0;
  right: 2px;
}

.cab .runsc-two .runsc-cursor {
  top: 0;
  bottom: 0;
}

.cab .runsc-scrub {
  height: var(--runsc-strip);
  border-radius: var(--r-xs);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  touch-action: none;
  margin-top: 6px;
  position: relative;
}

.cab .runsc-date {
  color: var(--mut);
  pointer-events: none;
  font-size: 10px;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.cab .runsc-date-0 {
  left: 8px;
}

.cab .runsc-date-1 {
  left: 50%;
  transform: translate(-50%, -50%);
}

.cab .runsc-date-2 {
  right: 8px;
}

.cab .runsc-knob {
  pointer-events: none;
  background: currentColor;
  border-radius: 999px;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.cab .runsc-two .runsc-legend b {
  color: var(--ink);
  font-weight: 650;
}

.cab .runsc-legend__it2 {
  color: var(--green);
}

.cab .runsc {
  touch-action: none;
}

.cab .runsc-cursor {
  top: var(--runsc-band);
  background: color-mix(in srgb, var(--ink) 35%, transparent);
  pointer-events: none;
  width: 1px;
  position: absolute;
  bottom: 0;
}

.cab .runsc-tip {
  border-radius: var(--r-sm);
  background: var(--surf);
  box-shadow: var(--scn-card-sh);
  color: var(--mut);
  white-space: nowrap;
  pointer-events: none;
  align-items: baseline;
  gap: 6px;
  padding: 5px 9px;
  font-size: 11px;
  display: flex;
  position: absolute;
  top: -6px;
  transform: translateX(-50%);
}

.cab .runsc-tip b {
  color: var(--ink);
  font-weight: 650;
}

.cab .runsc-tip .err {
  color: var(--runsc-err);
}

.cab .ai-vgroup .runs-mrow .ov-scn-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.cab .runs-mrow .runs-dot-r {
  flex: none;
  margin-top: 0;
}

.cab .runs-mrow .runs-err {
  margin-top: 2px;
}

.cab .runs-row {
  border: none;
  border-bottom: 1px solid var(--line);
  width: 100%;
  font: inherit;
  text-align: left;
  color: inherit;
  background: none;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 2px;
  display: flex;
}

.cab .runs-row:last-of-type {
  border-bottom: none;
}

.cab button.runs-row {
  cursor: pointer;
}

@media (hover: hover) {
  .cab button.runs-row:hover {
    background: var(--hover);
  }
}

.cab .runs-dot {
  background: var(--mut);
  border-radius: 50%;
  flex: none;
  width: 9px;
  height: 9px;
  margin-top: 5px;
}

.cab .runs-dot.ok {
  background: var(--green);
}

.cab .runs-dot.error {
  background: var(--red);
}

.cab .runs-dot.running {
  background: var(--amber);
}

.cab .runs-main {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.cab .runs-top {
  align-items: baseline;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.cab .runs-status {
  color: var(--mut);
  font-size: 12px;
  font-weight: 600;
}

.cab .runs-status.error {
  color: var(--red);
}

.cab .runs-status.running {
  color: var(--amber);
}

.cab .runs-sub {
  color: var(--mut);
  font-size: 12.5px;
}

.cab .runs-err {
  color: var(--red);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12.5px;
  display: -webkit-box;
  overflow: hidden;
}

.cab .runs-chev {
  color: var(--mut);
  flex: none;
  font-size: 18px;
  line-height: 1.2;
}

.cab .runs-more {
  justify-content: center;
  padding: 12px 0 2px;
  display: flex;
}

.cab .runs-empty {
  color: var(--mut);
  padding: 18px 2px;
  font-size: 14px;
}

.cab .bot-stats-line {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.cab .bot-stats-periods {
  display: flex;
}

.cab .ops-sum {
  flex: none;
  margin-top: 1px;
  font-size: 13.5px;
  font-weight: 600;
}

.cab .jrd {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.cab .jrd-head {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.cab .jrd-when {
  color: var(--mut);
  font-size: 13px;
}

.cab .jrd-facts {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.cab .jrd-fact {
  color: var(--mut);
  font-size: 13px;
}

.cab .jrd-toperr {
  color: var(--danger, #d33);
  border-radius: var(--r-sm);
  white-space: pre-wrap;
  word-break: break-word;
  background: rgba(220, 60, 60, .08);
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.5;
}

.cab .jrd-empty {
  color: var(--mut);
  padding: 4px 0;
  font-size: 14px;
  line-height: 1.5;
}

.cab .jrd-steps {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.cab .jrd-step {
  border-bottom: 1px solid var(--line);
  padding: 11px 0;
}

.cab .jrd-step:last-child {
  border-bottom: none;
}

.cab .jrd-step-top {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  display: grid;
}

.cab .jrd-dot {
  background: var(--ok, #2f8f8f);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.cab .jrd-dot.error {
  background: var(--danger, #d33);
}

.cab .jrd-step-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  overflow: hidden;
}

.cab .jrd-step-dur {
  color: var(--mut);
  white-space: nowrap;
  font-size: 12px;
}

.cab .jrd-step-err {
  color: var(--danger, #d33);
  white-space: pre-wrap;
  word-break: break-word;
  margin: 6px 0 0 17px;
  font-size: 12.5px;
  line-height: 1.5;
}

.cab .jrd-step-file {
  color: var(--mut);
  margin: 6px 0 0 17px;
  font-size: 12.5px;
}

.cab .jrd-sample {
  margin: 8px 0 0 17px;
}

.cab .jrd-sample > summary {
  color: var(--accent);
  cursor: pointer;
  font-size: 12.5px;
  list-style: none;
}

.cab .jrd-sample > summary::-webkit-details-marker {
  display: none;
}

.cab .jrd-sample pre {
  background: var(--code-bg, rgba(127, 127, 127, .08));
  border-radius: var(--r-sm);
  white-space: pre-wrap;
  word-break: break-word;
  margin: 8px 0 0;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.5;
  overflow-x: auto;
}

.chat-code {
  background: color-mix(in srgb, currentColor 8%, transparent);
  border-radius: var(--r-xs);
  padding: 0 4px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .88em;
}

.cab {
  --ov-err: var(--step-error);
  --ov-err-s: #f6ecea;
  --ov-warn-s: #fff5df;
  --ov-ok: var(--green);
  --ov-ok-s: var(--green-s);
  --ov-bar: color-mix(in srgb, var(--ink) 30%, transparent);
}

:root[data-theme="dark"] .cab {
  --ov-err-s: #2b2724;
  --ov-warn-s: #2f2712;
  --ov-ok: #63bdbd;
  --ov-ok-s: #16333c;
  --ov-bar: color-mix(in srgb, var(--ink) 42%, transparent);
}

.cab .ov-health {
  background: var(--surf);
  border-radius: var(--bub-r);
  box-shadow: var(--scn-card-sh);
  border: none;
  align-items: center;
  gap: 15px;
  padding: 18px 20px;
  display: flex;
}

.cab .ov-health-ic {
  border-radius: var(--r-sm);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.cab .ov-health.ok .ov-health-ic {
  background: var(--ov-ok-s);
  color: var(--ov-ok);
}

.cab .ov-health.bad .ov-health-ic {
  background: var(--ov-warn-s);
  color: var(--amber);
}

.cab .ov-health-tt {
  letter-spacing: -.01em;
  font-size: 18px;
  font-weight: 700;
}

.cab .ov-health-sub {
  color: var(--mut);
  margin-top: 2px;
  font-size: 13.5px;
}

.cab .ov-attn {
  flex-direction: column;
  gap: 9px;
  display: flex;
}

.cab .ov-attn-row {
  background: var(--surf);
  border-radius: var(--r);
  box-shadow: var(--scn-card-sh);
  border: none;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
}

.cab .ov-attn-ic {
  border-radius: var(--r-xs);
  background: var(--line);
  width: 34px;
  height: 34px;
  color: var(--mut);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cab .ov-attn-row.warn .ov-attn-ic {
  background: var(--ov-warn-s);
  color: var(--amber);
}

.cab .ov-attn-row.err .ov-attn-ic {
  background: var(--ov-err-s);
  color: var(--ov-err);
}

.cab .ov-attn-tx {
  flex: 1;
  min-width: 0;
}

.cab .ov-attn-tx b {
  font-size: 14px;
  font-weight: 600;
}

.cab .ov-attn-tx div {
  color: var(--mut);
  margin-top: 1px;
  font-size: 12.5px;
}

.cab .ov-attn-row .btn {
  flex: none;
  text-decoration: none;
}

.cab .ov-scn-grid {
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  gap: 12px;
  display: grid;
}

.cab[data-section="connections"] .ov-scn-grid, .cab .native-layer .ov-scn-grid, .cab .drawer .ov-scn-grid {
  gap: var(--bub-gap);
  background: var(--surf);
  border-radius: var(--bub-r);
  box-shadow: var(--bub-sh);
  padding: var(--bub-pad);
  flex-direction: column;
  display: flex;
}

.cab[data-section="connections"] .ov-scn-grid > .ov-scn, .cab .native-layer .ov-scn-grid > .ov-scn, .cab .drawer .ov-scn-grid > .ov-scn {
  box-shadow: none;
  border-radius: var(--bub-row-r);
  background: none;
  border: none;
  padding: 11px 10px;
}

.cab .ov-scn {
  background: var(--surf);
  border-radius: var(--bub-r);
  box-shadow: var(--bub-sh);
  color: inherit;
  transition: background var(--m-dur-fast);
  border: none;
  flex-direction: column;
  gap: 11px;
  padding: 14px 15px 13px;
  text-decoration: none;
  display: flex;
}

.cab .ov-scn.err {
  --ring-c: color-mix(in srgb, var(--ov-err) 45%, transparent);
  box-shadow: var(--bub-sh), var(--ring-w) var(--ring-c);
}

.cab .ov-merged {
  background: var(--surf);
  border-radius: var(--bub-r);
  box-shadow: var(--bub-sh);
  overflow: hidden;
}

.cab .ov-merged > .ov-scn-grid {
  gap: 0;
  margin: -1px 0 0 -1px;
}

.cab .ov-merged > .ov-scn-grid > .ov-scn {
  box-shadow: none;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
  border-radius: 0;
}

@media (hover: hover) and (pointer: fine) {
  .cab .ov-merged > .ov-scn-grid > .ov-scn:hover {
    box-shadow: none;
    background: var(--hover);
  }
}

.cab .ov-merged > .ov-scn-grid > .ov-scn.err {
  --ring-c: color-mix(in srgb, var(--ov-err) 60%, transparent);
  box-shadow: var(--stripe-w) var(--ring-c);
}

.cab .scn-ovcard {
  position: relative;
}

.cab .scn-ovcard .ov-scn-main {
  min-width: 0;
  color: inherit;
  flex-direction: column;
  gap: 11px;
  text-decoration: none;
  display: flex;
}

.cab .scn-ovcard .ov-scn-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: unset;
  flex: 1;
  min-width: 0;
  padding-right: 104px;
  display: block;
  overflow: hidden;
}

.cab .scn-card-cols {
  align-items: stretch;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.cab .scn-card-colr {
  flex-direction: column;
  flex: 1;
  gap: 11px;
  min-width: 0;
  display: flex;
}

.cab .scn-duo {
  width: var(--duo, 40px);
  height: var(--duo, 40px);
  flex: none;
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}

.cab .scn-duo-solo {
  place-items: center;
  display: grid;
}

.cab .scn-duo-half {
  place-items: center;
  display: grid;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .scn-duo-a {
  clip-path: inset(0 50% 0 0);
}

.cab .scn-duo-b {
  clip-path: inset(0 0 0 50%);
}

.cab .scn-duo-split:after {
  content: "";
  background: var(--surf);
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-.5px);
}

.cab .scn-ovcard-side {
  align-items: center;
  gap: 8px;
  display: flex;
  position: absolute;
  top: 12px;
  right: 12px;
}

.cab .scn-st-chip {
  color: var(--mut);
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  padding: 9px 6px 9px 8px;
  font-size: 12px;
  font-weight: 400;
  display: inline-flex;
}

.cab .scn-st-chip:before {
  content: "";
  background: var(--mut);
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
}

.cab .scn-st-chip:active {
  opacity: .6;
}

.cab .scn-st-chip.on {
  color: var(--green);
}

.cab .scn-st-chip.on:before {
  background: var(--green);
}

.cab .scn-st-chip:disabled {
  opacity: .55;
  cursor: default;
}

.cab .scn-trig {
  vertical-align: -3px;
  color: var(--step-event);
  margin-left: 7px;
  display: inline-flex;
}

.cab .scn-svc-ics {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
}

.cab .scn-svc-ic {
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: inline-flex;
  position: relative;
}

.cab .scn-svc-ic + .scn-svc-ic {
  margin-top: -20px;
}

.cab .scn-svc-ic:first-child {
  z-index: 3;
}

.cab .scn-svc-ic:nth-child(2) {
  z-index: 2;
}

.cab .scn-svc-ic:nth-child(3) {
  z-index: 1;
}

.cab .ov-spark {
  width: 100%;
  height: 38px;
  color: color-mix(in srgb, var(--accent) 40%, var(--bg));
  display: block;
}

.cab .ov-scn-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.cab .ov-scn-name {
  color: var(--ink);
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14.5px;
  font-weight: 550;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.cab .ov-scn-st {
  background: var(--mut);
  border-radius: 50%;
  flex: none;
  width: 9px;
  height: 9px;
  margin-top: 5px;
}

.cab .ov-scn-st.ok {
  background: var(--green);
}

.cab .ov-scn-st.warn {
  background: var(--amber);
}

.cab .ov-bars {
  justify-content: space-between;
  align-items: flex-end;
  gap: 3px;
  height: 38px;
  display: flex;
}

.cab .ov-bars i {
  background: var(--ov-bar);
  border-radius: var(--r-xs) var(--r-xs) 0 0;
  flex: 1;
  max-width: 24px;
  min-height: 3px;
  position: relative;
}

.cab .ov-bars i.e {
  background: var(--ov-err);
}

.cab .ov-bars i.z {
  background: var(--line2);
  border-radius: 999px;
}

@media (hover: hover) {
  .cab .ov-bars i:hover:after {
    content: attr(data-tip);
    z-index: 6;
    white-space: nowrap;
    color: var(--surf);
    background: var(--ink);
    border-radius: var(--r-xs);
    box-shadow: var(--sh-sm);
    pointer-events: none;
    padding: 5px 9px;
    font-size: 11.5px;
    font-style: normal;
    font-weight: 600;
    position: absolute;
    bottom: calc(100% + 7px);
    left: 50%;
    transform: translateX(-50%);
  }
}

.cab .ov-scn-foot {
  color: var(--mut);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.cab .ov-scn-last {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.cab .ov-dot {
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
}

.cab .ov-dot.ok {
  background: var(--ov-ok);
}

.cab .ov-dot.err {
  background: var(--ov-err);
}

.cab .ov-spend {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.cab .ov-spend-item {
  background: var(--surf);
  border-radius: var(--bub-r);
  box-shadow: var(--scn-card-sh);
  color: var(--mut);
  text-align: left;
  cursor: pointer;
  transition: background var(--m-dur-fast);
  border: none;
  flex: 160px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  font-family: inherit;
  font-size: 12.5px;
  display: flex;
}

@media (hover: hover) {
  .cab .ov-spend-item:hover {
    background: var(--hover);
  }
}

.cab .ov-spend-tx {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.cab .ov-spend-n {
  color: var(--ink);
  letter-spacing: -.015em;
  font-size: 25px;
  font-weight: 700;
}

.cab .ov-spark {
  flex: none;
}

.cab .ov-spark polyline {
  stroke: color-mix(in srgb, var(--ink) 32%, transparent);
}

.cab .ov-spark circle {
  fill: var(--accent);
  stroke: var(--surf);
  stroke-width: 2px;
}

.cab .ov-up {
  border-radius: var(--bub-r);
  background: var(--surf);
  box-shadow: var(--scn-card-sh);
  border: none;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.cab .ov-up-row {
  color: inherit;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 15px;
  text-decoration: none;
  display: flex;
}

.cab .ov-up-row + .ov-up-row {
  border-top: 1px solid var(--line);
}

@media (hover: hover) {
  .cab .ov-up-row:hover {
    background: var(--hover);
  }
}

.cab .ov-up-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
}

.cab .ov-up-at {
  color: var(--mut);
  flex: none;
  font-size: 13px;
}

.cab .ov-empty {
  text-align: center;
  background: var(--surf);
  border-radius: var(--bub-r);
  box-shadow: var(--scn-card-sh);
  border: none;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-top: 6px;
  padding: 40px 24px;
  display: flex;
}

.cab .ov-empty-tt {
  letter-spacing: -.01em;
  max-width: 30ch;
  font-size: 20px;
  font-weight: 700;
}

.cab .ov-empty-sub {
  color: var(--mut);
  max-width: 46ch;
  margin-top: -4px;
  font-size: 14px;
}

.cab .ov-empty-create {
  text-align: left;
  width: 100%;
  max-width: 560px;
  margin-top: 2px;
}

.cab .btn {
  border-radius: var(--r-sm);
  color: var(--ink);
  background: none;
  border-color: rgba(0, 0, 0, 0);
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
}

@media (hover: hover) {
  .cab .btn:hover {
    box-shadow: none;
    background: var(--hover);
  }
}

.cab .btn.primary {
  background: var(--accent);
  color: var(--accent-ink);
  box-shadow: none;
}

@media (hover: hover) {
  .cab .btn.primary:hover {
    background: var(--accent);
    filter: brightness(.95);
  }
}

.cab .btn.sm {
  border-radius: var(--r-sm);
  padding: 6px 12px;
  font-size: 13px;
}

.cab .btn.danger {
  color: var(--accent-d);
  border-color: rgba(0, 0, 0, 0);
}

@media (hover: hover) {
  .cab .btn.danger:hover {
    background: var(--hover-danger);
  }
}

.cab .seg button {
  font-weight: 500;
}

.cab .top h1, .cab .h2, .cab .dr-head h3, .cab .profcard .profname, .cab .scn-title {
  font-weight: 600;
}

.cab .card .big {
  font-weight: 650;
}

.cab .userbox .av, .cab .av, .cab .meter-top b, .cab .req, .cab .keybanner b, .cab .keybanner a, .cab .row.pick.sel .right, .cab .dzone .confirm .q, .cab .chat-status-ico.check, .cab .scn-fnode-issue, .cab .jr-dr-day.on {
  font-weight: 600;
}

.cab .card .lbl, .cab .tag, .cab .scn-fnode-run {
  font-weight: 500;
}

.cab {
  --v2-hairline: color-mix(in srgb, var(--ink) 7%, transparent);
}

.cab .rows {
  border-radius: var(--bub-r);
  border-color: rgba(0, 0, 0, 0);
}

.cab .cred-card, .cab .scn-inline-schema {
  border-color: var(--v2-hairline);
}

.cab .btn.logout {
  color: var(--mut);
  background: none;
  border-color: rgba(0, 0, 0, 0);
  padding: 6px 8px;
}

@media (hover: hover) {
  .cab .btn.logout:hover {
    box-shadow: none;
    background: none;
    text-decoration: underline;
  }
}

.cab .userbox {
  border-color: rgba(0, 0, 0, 0);
}

.cab .chat-step, .cab .chat-step-io {
  border-color: var(--v2-hairline);
}

.cab {
  --v3-page: var(--bg);
  --v3-sheet: var(--sheet-bg, var(--bg));
  --v3-card: var(--surf);
  --v3-hairline: color-mix(in srgb, var(--ink) 7%, transparent);
  --v3-card-shadow: 0 1px 3px rgba(0, 0, 0, .06);
}

:root[data-theme="dark"] .cab {
  --v3-page: var(--bg);
  --v3-sheet: var(--sheet-bg);
  --v3-card: color-mix(in srgb, var(--ink) 4%, var(--bg));
  --v3-hairline: color-mix(in srgb, var(--ink) 8%, transparent);
  --v3-card-shadow: none;
}

.cab .native-layer:has(.wiz-pane.wiz-intro) {
  --v3-sheet: var(--surf);
}

:root[data-theme="dark"] .cab .native-layer:has(.wiz-pane.wiz-intro) {
  --v3-sheet: var(--bg);
}

@media (max-width: 820px) {
  .cab .drawer:has(.wiz-pane.wiz-intro) {
    --v3-sheet: var(--surf);
  }

  .cab.cab-focus:has(.wiz-pane.wiz-intro) {
    --v3-sheet: var(--surf);
  }

  :root[data-theme="dark"] .cab .drawer:has(.wiz-pane.wiz-intro) {
    --v3-sheet: var(--bg);
  }

  :root[data-theme="dark"] .cab.cab-focus:has(.wiz-pane.wiz-intro) {
    --v3-sheet: var(--bg);
  }
}

@container cab (width <= 820px) {
  .cab .drawer:has(.wiz-pane.wiz-intro) {
    --v3-sheet: var(--surf);
  }

  .cab.cab-focus:has(.wiz-pane.wiz-intro) {
    --v3-sheet: var(--surf);
  }

  :root[data-theme="dark"] .cab .drawer:has(.wiz-pane.wiz-intro) {
    --v3-sheet: var(--bg);
  }

  :root[data-theme="dark"] .cab.cab-focus:has(.wiz-pane.wiz-intro) {
    --v3-sheet: var(--bg);
  }
}

.cab {
  background: var(--v3-page);
}

.cab .app {
  background: none;
}

.cab .native-layer.has-hero, .cab .drawer.has-hero {
  background: var(--bg);
}

.cab .native-layer.has-hero .dr-body, .cab .drawer.has-hero .dr-body {
  background: var(--bg);
  min-height: 100%;
}

.cab .dr-head:before {
  display: none;
}

.cab .drawer .dr-body {
  scrollbar-gutter: stable both-edges;
}

.cab .set-hero {
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 6px 16px 14px;
  display: flex;
}

.cab .set-hero-meta {
  color: var(--mut);
  text-align: center;
  max-width: 480px;
  margin-top: 0;
  font-size: 15px;
  font-weight: 400;
}

.cab .set-hero-ic {
  width: 72px;
  height: 72px;
  color: var(--mut);
  place-items: center;
  display: grid;
}

.cab .set-hero-ic svg {
  filter: brightness(0);
  opacity: .55;
  width: 56px;
  height: 56px;
}

:root[data-theme="dark"] .cab .set-hero-ic svg {
  filter: brightness(0) invert();
}

.cab .drawer:has(.set-hero) .d-hero-mark {
  width: 110px;
  height: 110px;
  color: var(--ink);
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.cab .native-layer:has(.set-hero) .d-hero-mark {
  width: 110px;
  height: 110px;
  color: var(--ink);
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.cab .drawer:has(.set-hero) .d-hero-mark svg {
  filter: brightness(0);
  width: 72px;
  height: 72px;
}

.cab .native-layer:has(.set-hero) .d-hero-mark svg {
  filter: brightness(0);
  width: 72px;
  height: 72px;
}

:root[data-theme="dark"] .cab .drawer:has(.set-hero) .d-hero-mark svg {
  filter: brightness(0) invert();
}

:root[data-theme="dark"] .cab .native-layer:has(.set-hero) .d-hero-mark svg {
  filter: brightness(0) invert();
}

.cab .drawer:has(.set-hero) .d-hero-t {
  color: var(--ink);
  font-size: 24px;
  font-weight: 600;
}

.cab .native-layer:has(.set-hero) .d-hero-t {
  color: var(--ink);
  font-size: 24px;
  font-weight: 600;
}

.cab .drawer:has(.set-hero) .d-hero-s {
  color: var(--mut);
  font-size: 15px;
  font-weight: 500;
}

.cab .native-layer:has(.set-hero) .d-hero-s {
  color: var(--mut);
  font-size: 15px;
  font-weight: 500;
}

.cab .set-hero-ic svg.set-hero-raw, :root[data-theme="dark"] .cab .set-hero-ic svg.set-hero-raw {
  filter: none;
  opacity: 1;
  width: 66px;
  height: 52px;
}

.cab .set-hero-ic .set-hero-photo {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  width: 72px;
  height: 72px;
}

.cab .set-hero-name {
  color: var(--ink);
  font-size: 22px;
  font-weight: 600;
}

.cab .set-hero-bare {
  gap: 0;
  padding: 0;
}

.cab .cred-card {
  background: var(--v3-card);
  border-color: var(--v3-hairline);
  box-shadow: var(--v3-card-shadow);
}

.cab .rows {
  background: var(--surf);
  box-shadow: var(--bub-sh);
  border-color: rgba(0, 0, 0, 0);
}

.cab .side {
  background: var(--panel-1);
  border-right: none;
  gap: 3px;
}

.cab {
  font-size: 14px;
}

.cab .top h1 {
  letter-spacing: -.012em;
  font-size: 22px;
  font-weight: 650;
}

.cab .card .big {
  letter-spacing: -.02em;
  font-size: 28px;
}

.cab .card {
  padding: 20px;
}

.cab .sect-gap {
  height: 32px !important;
}

.cab .h2 {
  margin-top: 32px;
}

.cab .content {
  max-width: calc(var(--page-max)  + 2 * var(--cab-pad));
  margin-left: auto;
  margin-right: auto;
}

.cab .top {
  max-width: calc(var(--page-max)  + 56px);
  margin-left: auto;
  margin-right: auto;
}

.cab .main-settings .rows {
  box-shadow: var(--bub-sh);
  border-radius: var(--bub-r);
  border-color: rgba(0, 0, 0, 0);
}

.cab .fld input, .cab .fld select, .cab .fld textarea, .cab .scn-type-field, .cab .scn-sched-sel, .cab .scn-sched-cron, .cab .scn-sched-row input, .cab .pick-search, .cab .chat-input textarea, .cab .jr-search, .cab .jr-sel, .cab .jr-dr-btn {
  background-color: color-mix(in srgb, var(--ink) 4%, transparent);
  border-radius: var(--r-sm);
  border-color: rgba(0, 0, 0, 0);
}

.cab .jr-search, .cab .jr-sel, .cab .jr-dr-btn {
  border: 1px solid rgba(0, 0, 0, 0);
}

.cab select.scn-sched-sel {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\" stroke=\"%238a9099\" stroke-width=\"1.6\"><path d=\"M1 1l4 4 4-4\"/></svg>");
  background-position: right 13px center;
  background-repeat: no-repeat;
  padding-right: 36px;
}

.cab .fld input:focus, .cab .fld select:focus, .cab .fld textarea:focus, .cab .scn-type-field:focus, .cab .scn-sched-sel:focus, .cab .scn-sched-cron:focus, .cab .scn-sched-row input:focus, .cab .pick-search:focus, .cab .chat-input textarea:focus, .cab .jr-sel:focus, .cab .jr-dr-btn:focus, .cab .jr-search:focus-within {
  background-color: var(--surf);
  border-color: color-mix(in srgb, var(--accent) 35%, transparent);
}

.cab .tag {
  font-size: 12px;
}

.cab .scn-vert {
  --wire-c: var(--wire-1);
  --wire-no: var(--wire-pink);
  --vlink-h: 40px;
  flex-direction: column;
  padding: 4px 0 96px;
  display: flex;
}

.cab .scn-vlane {
  flex-direction: column;
  display: flex;
}

.cab .scn-vert.cols > .scn-vlane, .cab .scn-vert.cols > .scn-vlink, .cab .scn-vert.cols > .scn-vcard {
  width: var(--vcol);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cab .scn-vcard {
  width: var(--vcol, auto);
  cursor: pointer;
  max-width: 100%;
}

.cab .scn-vcard > .scn-fnode-issue {
  top: 4px;
  left: 4px;
}

.cab .scn-vcard > .scn-fnode-cred {
  pointer-events: none;
  top: 4px;
  right: 4px;
}

.cab .scn-vcard > .scn-fnode-head {
  flex-wrap: wrap;
  row-gap: 4px;
}

.cab .scn-vcard > .scn-vuse {
  margin-top: -6px;
  margin-bottom: -2px;
}

.cab .scn-vcard > .scn-fnode-head > .scn-chead {
  flex: 1 1 0;
}

.cab .scn-vcard .scn-ctype {
  white-space: normal;
  overflow-wrap: anywhere;
  flex: 0 auto;
  min-width: 0;
}

.cab .scn-vlink {
  height: var(--vlink-h);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.cab .scn-vend {
  z-index: 1;
  background: var(--surf);
  border: 1px solid var(--line2);
  max-width: 100%;
  color: var(--mut);
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  font-size: 11px;
  line-height: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cab .scn-vend > .scn-vend-t {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.cab .scn-vwire {
  pointer-events: none;
  width: 16px;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 8px);
  overflow: visible;
}

.cab .scn-vlines, .cab .scn-vfan {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

.cab .scn-vlines path, .cab .scn-vfan path, .cab .scn-vwire path {
  fill: none;
  stroke: var(--wire-c);
  stroke-width: 1.5px;
  stroke-linecap: round;
}

.cab .scn-vlines path.no, .cab .scn-vfan path.no {
  stroke: var(--wire-no);
}

.cab .scn-vio {
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1;
  background: var(--surf);
  border: 1px solid var(--line2);
  max-width: calc(50% - 33px);
  color: var(--mut);
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 11px;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: calc(50% + 28px);
  overflow: hidden;
  transform: translateY(-50%);
}

.cab .scn-vio.bad {
  color: var(--red);
  border-color: color-mix(in srgb, var(--red) 45%, transparent);
}

.cab .scn-etools {
  z-index: 1;
  align-items: center;
  gap: 12px;
  display: flex;
  position: relative;
}

.cab .scn-etools.f {
  pointer-events: all;
}

.cab .scn-vplus, .cab .scn-vcut, .cab .scn-fplus {
  background: var(--surf);
  width: 18px;
  height: 18px;
  color: var(--mut);
  cursor: pointer;
  box-shadow: var(--flat-ring);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.cab .scn-vplus, .cab .scn-vcut {
  z-index: 1;
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
  position: relative;
}

.cab .scn-vplus:after, .cab .scn-vcut:after {
  content: "";
  border-radius: inherit;
  position: absolute;
  top: -13px;
  bottom: -13px;
  left: -13px;
  right: -13px;
}

.cab .scn-etools > .scn-vplus:not(:only-child):after {
  right: -6px;
}

.cab .scn-etools > .scn-vcut:after {
  left: -6px;
}

.cab .scn-vline-menu {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.cab .scn-vline-menu > .scn-vmenu-btn {
  background: var(--surf);
  width: 26px;
  height: 26px;
  box-shadow: var(--flat-ring);
  margin: 0;
}

.cab .scn-vline-menu > .scn-vmenu-btn:after {
  top: -9px;
  bottom: -9px;
  left: -9px;
  right: -9px;
}

@media (hover: hover) {
  .cab .scn-vline-menu > .scn-vmenu-btn:hover {
    background: var(--surf);
    color: var(--ink);
  }
}

.cab .scn-vline-menu .scn-menu {
  transform-origin: top;
  left: 50%;
  right: auto;
  translate: -50%;
}

.cab .scn-vlink.rowlead > .scn-vwire {
  height: 50%;
  top: auto;
  bottom: 0;
}

.cab .scn-fplus {
  pointer-events: all;
}

@media (hover: hover) {
  .cab .scn-vplus:hover {
    color: var(--accent-d);
  }

  .cab .scn-vcut:hover {
    color: var(--ink);
  }
}

.cab .scn-vlink-tap {
  display: none;
}

.cab .scn-vblock {
  margin: 8px 0 2px;
  position: relative;
}

.cab .scn-vblock:has( > .scn-vtabs) {
  margin-top: 0;
}

.cab .scn-vblock.dead + .scn-vlink.end > .scn-vwire {
  height: 42%;
  top: auto;
  bottom: 0;
}

.cab .scn-vblock.dead + .scn-vlink.end > .scn-vend {
  color: var(--mut);
  opacity: .75;
  border-style: dashed;
}

.cab .scn-vbrend {
  padding-top: calc(var(--vlink-h) / 2);
  flex: none;
  justify-content: center;
  display: flex;
  position: relative;
}

.cab .scn-vbrend > .scn-vwire {
  height: calc(var(--vlink-h) / 2);
}

.cab .scn-vblock > .scn-vnest > .scn-vlane:first-child > .scn-vlink:first-child, .cab .scn-vblock > .scn-vnest > .scn-vlane:first-child > .scn-vlink:first-child + .scn-vbrend {
  transform: translateX(var(--vlead-dx, 0px));
}

.cab .scn-vnest {
  border-left: 3px solid color-mix(in srgb, var(--ink) 14%, transparent);
  margin-left: 2px;
  padding-left: 10px;
}

.cab .scn-vert.cols .scn-vnest {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
}

.cab .scn-vert.cols .scn-vloop {
  margin-left: -10px;
  margin-right: -10px;
}

.cab .scn-vsplit {
  padding-top: var(--vlink-h);
  align-items: stretch;
  margin: 0 0 2px;
  display: flex;
  position: relative;
}

.cab .scn-vcol {
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: relative;
}

.cab .scn-vcol-tail {
  flex: 1 0 14px;
  min-height: 14px;
  position: relative;
}

.cab .scn-vsplit.join .scn-vcol {
  padding-bottom: var(--vlink-h);
}

.cab .scn-vjoin {
  height: var(--vlink-h);
  flex: none;
  margin: -2px 0 0;
  position: relative;
}

.cab .scn-vcol-head {
  background: var(--surf);
  max-width: 100%;
  box-shadow: var(--flat-ring);
  color: var(--mut);
  border-radius: 100px;
  align-self: center;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 5px 12px;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.15;
  display: inline-flex;
}

.cab .scn-vcol.err > .scn-vcol-head {
  background: color-mix(in srgb, var(--red) 12%, transparent);
  color: color-mix(in srgb, var(--red) 80%, var(--ink));
}

.cab .scn-vcol-head.c1, .cab .scn-vtab.on.c1 {
  --tone: var(--cbase-1);
  --cbase: var(--cbase-1);
  --wire-c: var(--wire-1);
}

.cab .scn-vcol-head.c2, .cab .scn-vtab.on.c2 {
  --tone: var(--cbase-2);
  --cbase: var(--cbase-2);
  --wire-c: var(--wire-2);
}

.cab .scn-vcol-head.c3, .cab .scn-vtab.on.c3 {
  --tone: var(--cbase-3);
  --cbase: var(--cbase-3);
  --wire-c: var(--wire-3);
}

.cab .scn-vcol-head.c4, .cab .scn-vtab.on.c4 {
  --tone: var(--cbase-4);
  --cbase: var(--cbase-4);
  --wire-c: var(--wire-4);
}

.cab .scn-vcol-head.c5, .cab .scn-vtab.on.c5 {
  --tone: var(--cbase-5);
  --cbase: var(--cbase-5);
  --wire-c: var(--wire-5);
}

.cab .scn-vcol-head.c6, .cab .scn-vtab.on.c6 {
  --tone: var(--cbase-6);
  --cbase: var(--cbase-6);
  --wire-c: var(--wire-6);
}

.cab .scn-vcol-head.no, .cab .scn-vtab.on.no {
  --tone: var(--accent-stroke);
  --wire-c: var(--wire-no);
}

.cab .scn-vcol-head.c1, .cab .scn-vcol-head.c2, .cab .scn-vcol-head.c3, .cab .scn-vcol-head.c4, .cab .scn-vcol-head.c5, .cab .scn-vcol-head.c6, .cab .scn-vcol-head.no, .cab .scn-vtab.on.c1, .cab .scn-vtab.on.c2, .cab .scn-vtab.on.c3, .cab .scn-vtab.on.c4, .cab .scn-vtab.on.c5, .cab .scn-vtab.on.c6, .cab .scn-vtab.on.no {
  --ring-c: color-mix(in srgb, var(--tone) 22%, transparent);
  background: color-mix(in srgb, var(--tone) 6%, var(--surf));
  box-shadow: var(--ring-w) var(--ring-c);
  color: color-mix(in srgb, var(--tone) 55%, var(--ink));
}

.cab .scn-vcolbody {
  min-width: 0;
  width: var(--vcol, auto);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cab .scn-vtabs {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  padding: var(--vlink-h) 0 0;
  flex-wrap: nowrap;
  justify-content: safe center;
  gap: 0;
  margin: 0 auto;
  display: flex;
  position: relative;
  overflow-x: auto;
}

.cab .scn-vtabs > .scn-vbr, .cab .scn-vtabs .scn-vtab {
  flex: none;
  min-width: 0;
}

.cab .scn-vtab {
  background: var(--surf);
  box-shadow: var(--flat-ring);
  color: var(--mut);
  cursor: pointer;
  border: none;
  border-radius: 100px;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  display: inline-flex;
}

.cab .scn-vtab.on {
  --tone: var(--cbase-1);
  --cbase: var(--cbase-1);
  --wire-c: var(--wire-1);
  --ring-c: color-mix(in srgb, var(--tone) 22%, transparent);
  background: color-mix(in srgb, var(--tone) 6%, var(--surf));
  box-shadow: var(--ring-w) var(--ring-c);
  color: color-mix(in srgb, var(--tone) 55%, var(--ink));
}

.cab .scn-vtab.err {
  color: color-mix(in srgb, var(--red) 80%, var(--ink));
}

.cab .scn-vtab.err.on {
  --ring-c: color-mix(in srgb, var(--red) 26%, transparent);
  background: color-mix(in srgb, var(--red) 12%, transparent);
  box-shadow: var(--ring-w) var(--ring-c);
}

.cab .scn-vcard.scn-vcond > .scn-fnode-body {
  counter-reset: scn-cond;
}

.cab .scn-vcard.scn-vcond > .scn-fnode-body > .scn-crow.plate {
  counter-increment: scn-cond;
}

.cab .scn-vcard.scn-vcond > .scn-fnode-body > .scn-crow.plate:after {
  content: counter(scn-cond);
  z-index: 1;
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--cbase) 22%, transparent);
  background: color-mix(in srgb, var(--cbase) 6%, var(--cgfill, var(--surf)));
  width: 18px;
  height: 18px;
  color: color-mix(in srgb, var(--cbase) 45%, var(--ink));
  border-radius: 100px;
  place-items: center;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1;
  display: grid;
  position: absolute;
  top: 9px;
  right: 4px;
}

.cab .scn-vcard.scn-vcond > .scn-fnode-body > .scn-crow.plate:before {
  content: "";
  z-index: 1;
  background: var(--wire-c);
  width: 42px;
  height: 42px;
  position: absolute;
  top: 9px;
  right: -21px;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"42\" height=\"42\" viewBox=\"0 0 42 42\"><path d=\"M16.5 9C24 8.6 30 9.6 33.6 12C36.4 14 36.6 17.4 34.75 18.4\" fill=\"none\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\"/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"42\" height=\"42\" viewBox=\"0 0 42 42\"><path d=\"M16.5 9C24 8.6 30 9.6 33.6 12C36.4 14 36.6 17.4 34.75 18.4\" fill=\"none\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\"/></svg>");
  -webkit-mask-size: 42px 42px;
  mask-size: 42px 42px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.cab .scn-vcard.scn-vcond .scn-vfall {
  padding-right: 20px;
  display: block;
  position: relative;
}

.cab .scn-vfall-short, .cab .scn-vcol.narrow .scn-vfall-long {
  display: none;
}

.cab .scn-vcol.narrow .scn-vfall-short {
  display: inline;
}

.cab .scn-vcard.scn-vcond .scn-vfall-dot {
  background: color-mix(in srgb, var(--accent-stroke) 82%, var(--bg));
  border: 1.5px solid var(--surf);
  box-sizing: content-box;
  pointer-events: none;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  margin-top: -4.5px;
  position: absolute;
  top: 50%;
  right: 0;
}

.cab .scn-vnum {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  flex: none;
  place-items: center;
  display: inline-grid;
}

.cab .scn-vtab.num {
  gap: 6px;
  padding: 5px 12px;
}

.cab .scn-vtab.num:has( > .scn-vnum) {
  --vchip-d: 26px;
  box-sizing: border-box;
  min-width: var(--vchip-d);
  height: var(--vchip-d);
  justify-content: center;
  gap: 0;
  padding: 0 4px;
}

.cab .scn-vcol-head.cond:has( > .scn-vnum) {
  --vchip-d: 26px;
  box-sizing: border-box;
  min-width: var(--vchip-d);
  height: var(--vchip-d);
  justify-content: center;
  gap: 0;
  padding: 0 4px;
}

.cab .scn-vbr {
  padding: 0 3px;
  display: flex;
  position: relative;
}

.cab .scn-vbr-word {
  min-width: 0;
}

.cab .scn-vcard .scn-crow {
  row-gap: 2px;
  padding: 7px 9px;
}

.cab .scn-vcard .scn-crow-k, .cab .scn-vcard .scn-crow-v, .cab .scn-vcard .scn-fnode-tag {
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  overflow: visible;
}

.cab .scn-vcard .scn-crow-v {
  max-width: 100%;
}

.cab .scn-vcard .scn-cpill-row, .cab .scn-vcard .scn-csub-row {
  row-gap: 2px;
}

.cab .scn-vcard .scn-fnode-note {
  -webkit-line-clamp: none;
  display: block;
  overflow: visible;
}

.cab .scn-fnode.ck-condition .scn-crow {
  row-gap: 3px;
  padding: 11px;
}

.cab .scn-fnode.ck-condition .scn-crow:not(.bad) {
  background: var(--surf);
}

.cab .scn-fnode.ck-condition .scn-crow.scn-cpill {
  gap: 8px;
  padding: 8px 10px;
}

.cab .scn-fnode.ck-condition .scn-crow.scn-cpill .scn-crow-ico {
  color: color-mix(in srgb, var(--cbase) 45%, var(--ink));
}

.cab .scn-fnode.ck-condition .scn-crow.scn-cpill:not(.bad) {
  background: var(--cgfill, var(--surf));
  border-color: rgba(0, 0, 0, 0);
}

.cab .scn-fnode.ck-condition .scn-csub {
  gap: 8px;
}

.cab .scn-fnode.ck-condition .scn-cpill-row, .cab .scn-fnode.ck-condition .scn-csub-row {
  border-color: var(--line);
  border-radius: var(--r-sm);
  background: var(--surf);
  row-gap: 3px;
  margin: 0;
  padding: 9px 10px;
}

.cab .scn-fnode.ck-condition .scn-cadd.in {
  color: color-mix(in srgb, var(--cbase) 45%, var(--ink));
  border-color: color-mix(in srgb, var(--cbase) 45%, transparent);
  padding: 6px 10px;
  font-size: 10.5px;
}

.cab .scn-vloop {
  background: color-mix(in srgb, var(--step-logic, #6e6a67) 7%, transparent);
  border-radius: var(--r);
  padding: 10px;
}

.cab .scn-vloop-badge {
  background: color-mix(in srgb, var(--step-logic, #e0a020) 16%, transparent);
  color: var(--mut);
  border-radius: 100px;
  margin-bottom: 8px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  display: inline-block;
}

.cab .scn-vpar {
  color: var(--mut);
  align-items: center;
  gap: 8px;
  margin: 10px 0;
  font-size: 11.5px;
  font-weight: 600;
  display: flex;
}

.cab .scn-vpar:before, .cab .scn-vpar:after {
  content: "";
  background: var(--line2);
  flex: 1;
  height: 1px;
}

.cab .scn-vgoto {
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px 0 0;
  display: flex;
}

.cab .scn-vgoto-chip {
  color: var(--mut);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  cursor: pointer;
  border: none;
  border-radius: 100px;
  padding: 4px 11px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
}

@media (hover: hover) {
  .cab .scn-vgoto-chip:hover {
    color: var(--accent-d);
    background: var(--hover-tint);
  }
}

.cab .scn-vgoto-wrap {
  align-items: flex-start;
  gap: 6px;
  display: flex;
  position: relative;
}

.cab .scn-vgoto-wrap .scn-vcard {
  flex: 0 1 var(--vcol, 100%);
  min-width: 0;
}

.cab .scn-vref {
  opacity: .75;
  border: 1px dashed var(--line2);
  padding: 11px;
}

.cab .scn-vrefto {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.cab .scn-vuse {
  white-space: normal;
  min-width: 0;
  max-width: 100%;
  color: var(--mut);
  background: color-mix(in srgb, var(--ink) 7%, transparent);
  border-radius: 999px;
  align-self: flex-start;
  margin-top: 3px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.15;
}

.cab .scn-vmenu-wrap {
  flex: none;
  align-self: flex-start;
  margin-left: auto;
  position: relative;
}

.cab .scn-vmenu-btn {
  margin: -9px -2px -9px 0;
  position: relative;
}

.cab .scn-vmenu-btn:after {
  content: "";
  border-radius: inherit;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
}

@media (hover: hover) {
  .cab .scn-vmenu-btn:hover {
    background: var(--hover);
    color: var(--ink);
  }
}

.cab .scn-vmenu-wrap .scn-menu {
  min-width: 195px;
}

.cab .scn-vmenu-wrap .confirm2 {
  padding: 6px 10px 8px;
  font-size: 13px;
}

.cab .scn-vcard.hl {
  --ring-c: color-mix(in srgb, var(--accent) 35%, transparent);
  animation: 1.8s ease-out scn-vhl;
}

@keyframes scn-vhl {
  0%, 55% {
    box-shadow: var(--scn-card-sh), var(--pulse-w) var(--ring-c);
  }
}

.cab .scn-vert.scn-jumpmode * {
  pointer-events: none;
}

.cab .scn-vert.scn-jumpmode .scn-jump-cand {
  pointer-events: auto;
  cursor: pointer;
}

.cab .scn-vai {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.cab .scn-vai-chip {
  background: color-mix(in srgb, var(--ink) 5%, transparent);
  color: var(--ink);
  cursor: pointer;
  border: none;
  border-radius: 100px;
  align-items: center;
  gap: 6px;
  padding: 4px 11px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 600;
  display: inline-flex;
}

@media (hover: hover) {
  .cab .scn-vai-chip:hover {
    background: var(--hover);
  }
}

.cab .scn-vai-port {
  color: var(--mut);
  font-weight: 500;
}

.cab .scn-vai-add {
  border: 1px dashed color-mix(in srgb, var(--ink) 28%, transparent);
  color: var(--mut);
  background: none;
  padding: 3px 10px;
}

@media (hover: hover) {
  .cab .scn-vai-add:hover {
    background: var(--hover);
    color: var(--ink);
  }
}

.cab .scn-vsat {
  flex-direction: column;
  gap: 6px;
  margin: 6px 0 2px calc(50% + 22px);
  padding-left: 14px;
  display: flex;
  position: relative;
}

.cab .scn-vsat-wire {
  width: 16px;
  position: absolute;
}

.cab .scn-vsat-wire.own {
  top: -8px;
  bottom: 18px;
  left: -8px;
}

.cab .scn-vsat-wire.own path {
  stroke: color-mix(in srgb, var(--ink) 16%, var(--bg));
}

.cab .scn-vsat-wire.thru {
  top: -8px;
  bottom: -10px;
  left: -30px;
}

.cab .scn-vsat-card {
  border: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--ink) 3%, var(--card, transparent));
  max-width: 100%;
  color: var(--ink);
  cursor: pointer;
  text-align: left;
  align-self: flex-start;
  align-items: center;
  gap: 9px;
  padding: 6px 12px 6px 9px;
  font-family: inherit;
  font-size: 12px;
  display: flex;
  position: relative;
}

.cab .scn-vsat-sub:after {
  display: none;
}

.cab .scn-vsat-card:before {
  content: "";
  background: color-mix(in srgb, var(--ink) 16%, var(--bg));
  border-radius: 999px;
  width: 14px;
  height: 1.5px;
  position: absolute;
  top: 50%;
  left: -14px;
}

@media (hover: hover) {
  .cab .scn-vsat-card:hover {
    background: var(--hover);
  }
}

.cab .scn-vsat-ico {
  width: 20px;
  color: var(--mut);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.cab .scn-vsat-text {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.cab .scn-vsat-name {
  overflow-wrap: anywhere;
  font-weight: 600;
  line-height: 1.25;
}

.cab .scn-vsat-port {
  color: var(--mut);
  font-size: 10.5px;
  line-height: 1.2;
}

.cab .scn-vsat-add {
  border-style: dashed;
  border-color: color-mix(in srgb, var(--ink) 28%, transparent);
  color: var(--mut);
  background: none;
  padding: 5px 11px;
  font-weight: 600;
}

@media (hover: hover) {
  .cab .scn-vsat-add:hover {
    background: var(--hover);
    color: var(--ink);
  }
}

.cab .scn-vsep {
  color: var(--mut);
  align-items: center;
  gap: 10px;
  margin: 18px 0 14px;
  font-size: 11.5px;
  font-weight: 600;
  display: flex;
}

.cab .scn-vsep:before, .cab .scn-vsep:after {
  content: "";
  background: var(--line2);
  flex: 1;
  height: 1px;
}

.cab .scn-view-wrap {
  display: inline-flex;
  position: relative;
}

.cab .ai-bar {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  display: flex;
}

.cab .ai-tabs {
  max-width: 100%;
  overflow-x: auto;
}

.cab .ai-srow {
  flex: auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.cab .ai-search:where(:not(.k-search)) {
  box-sizing: border-box;
  min-width: 0;
  height: 38px;
  font: inherit;
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--ink) 4%, transparent);
  color: var(--ink);
  border: 1px solid rgba(0, 0, 0, 0);
  flex: 1;
  padding: 0 12px;
  font-size: 14px;
}

:where(html.app) .cab .ai-search {
  box-sizing: border-box;
  min-width: 0;
  height: 38px;
  font: inherit;
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--ink) 4%, transparent);
  color: var(--ink);
  border: 1px solid rgba(0, 0, 0, 0);
  flex: 1;
  padding: 0 12px;
  font-size: 14px;
}

.cab .ai-srow > .k-search {
  flex: 1;
  min-width: 0;
}

.cab .ai-search-x:not(.on) {
  display: none;
}

.cab .ai-search-go {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  color: color-mix(in srgb, var(--ink) 45%, transparent);
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cab .ai-flt-btn {
  width: 38px;
  height: 38px;
  font: inherit;
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--ink) 4%, transparent);
  color: var(--ink);
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  flex: none;
  place-items: center;
  display: grid;
  position: relative;
}

.cab .ai-flt-btn.on {
  background: color-mix(in srgb, var(--violet) 12%, transparent);
  color: var(--violet);
}

.cab .ai-flt-n {
  background: var(--violet);
  color: #fff;
  border-radius: 100px;
  place-items: center;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  font-size: 11px;
  font-weight: 700;
  display: grid;
  position: absolute;
  top: -5px;
  right: -5px;
}

.cab .tpl-search {
  background: var(--surf);
  border: 1px solid var(--line2);
  border-radius: var(--r-sm);
  width: 100%;
  min-width: 0;
  font: inherit;
  color: var(--ink);
  flex: 1;
  margin-bottom: 10px;
  padding: 10px 14px;
  font-size: 14px;
}

.cab .tpl-pop {
  align-items: flex-end;
  gap: 2px;
  display: inline-flex;
}

.cab .tpl-pop i {
  background: color-mix(in srgb, var(--ink) 12%, transparent);
  border-radius: 999px;
  width: 3px;
}

.cab .tpl-pop i.on {
  background: color-mix(in srgb, var(--accent) 55%, var(--surf));
}

.cab .tpl-ics {
  flex: none;
  align-items: center;
  display: inline-flex;
}

.cab .tpl-ics img {
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: var(--r-xs);
  background: var(--surf);
  --ring-c: var(--line);
  width: 26px;
  height: 26px;
  box-shadow: var(--ring-w) var(--ring-c);
  padding: 3px;
}

.cab .tpl-ics img + img, .cab .tpl-ics .tpl-num {
  margin-left: -7px;
}

.cab .tpl-num {
  border-radius: var(--r-xs);
  background: color-mix(in srgb, var(--ink) 5%, var(--surf));
  --ring-c: var(--line);
  min-width: 26px;
  height: 26px;
  box-shadow: var(--ring-w) var(--ring-c);
  color: var(--mut);
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  font-size: 11.5px;
  font-weight: 700;
  display: inline-flex;
}

.cab .tpl-desc {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 3px;
  font-size: 12.5px;
  line-height: 1.45;
  display: -webkit-box;
  overflow: hidden;
}

.cab .tpl-fire {
  color: color-mix(in srgb, var(--ink) 22%, transparent);
  display: inline-flex;
}

.cab .tpl-fire[data-lvl="3"] {
  color: color-mix(in srgb, var(--accent) 45%, var(--mut));
}

.cab .tpl-fire[data-lvl="4"] {
  color: color-mix(in srgb, var(--accent) 75%, var(--mut));
}

.cab .tpl-fire[data-lvl="5"] {
  color: var(--accent);
}

.cab .tpl-flt-reset {
  align-self: flex-start;
  margin-top: 10px;
  font-size: 13.5px;
}

.cab .ai-flt {
  flex-direction: column;
  display: flex;
}

.cab .ai-flt-title {
  color: var(--mut);
  margin: 14px 0 2px;
  font-size: 12.5px;
  font-weight: 600;
}

.cab .ai-flt-title:first-child {
  margin-top: 0;
}

.cab .ai-flt-reset {
  align-self: flex-start;
  margin-top: 14px;
  font-size: 13.5px;
}

.cab .ai-flt-chips {
  flex-wrap: wrap;
  padding: 4px 0 8px;
  overflow: visible;
}

.cab .ai-grid {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--bub-r);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.cab .ai-card {
  border: 0;
  border-bottom: 1px solid var(--line);
  color: inherit;
  transition: background var(--m-dur-fast);
  background: none;
  border-radius: 0;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
}

.cab .ai-card:last-child {
  border-bottom: none;
}

@media (hover: hover) and (pointer: fine) {
  .cab a.ai-card:hover, .cab button.ai-card:hover {
    background: var(--hover);
  }
}

.cab button.ai-card {
  font: inherit;
  text-align: left;
  cursor: pointer;
  width: 100%;
}

.cab .ai-card-ic {
  border-radius: var(--r-sm);
  width: 40px;
  height: 40px;
  color: var(--violet);
  background: none;
  flex: none;
  place-items: start;
  display: grid;
}

.cab .ai-card > .ai-card-ic {
  width: 34px;
  height: 34px;
}

.cab .ai-card-ic svg {
  width: 30px;
  height: 30px;
}

.cab .ai-card-ic[data-kind="video"] {
  color: var(--blue);
}

.cab .ai-card-ic[data-kind="image"] {
  color: var(--green);
}

.cab .ai-card-ic[data-kind="music"], .cab .ai-card-ic[data-kind="audio"] {
  color: var(--amber);
}

.cab .ai-card-main {
  flex-direction: column;
  flex: auto;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.cab .ai-card-title {
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.cab .ai-card-title b {
  font-size: 14.5px;
}

.cab .ai-vendor {
  color: var(--mut);
  font-size: 12px;
  font-weight: 500;
}

.cab .ai-card-sub {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.cab .ai-card-tag {
  min-width: 0;
  color: var(--mut);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 13px;
  overflow: hidden;
}

.cab .ai-caps {
  flex: none;
  gap: 4px;
  margin: 0;
  display: flex;
}

.cab .ai-cap {
  color: var(--mut);
  background: color-mix(in srgb, var(--ink) 5%, transparent);
  white-space: nowrap;
  border-radius: 100px;
  padding: 2.5px 8px;
  font-size: 11px;
  font-weight: 600;
}

.cab .ai-card-price {
  white-space: nowrap;
  flex: none;
  margin-left: 2px;
  font-size: 13px;
  font-weight: 600;
}

.cab .ai-mcard-col {
  flex: auto;
  min-width: 0;
}

.cab .ai-mcard-titlerow {
  align-items: center;
  gap: 10px;
  display: flex;
}

.cab .ai-mcard-titlerow .ov-scn-name {
  flex: auto;
  min-width: 0;
  padding-right: 0;
}

.cab .ai-mcard .ai-vendor {
  white-space: nowrap;
  flex: none;
  margin-left: auto;
}

.cab .ai-mcard .ai-caps {
  flex-wrap: wrap;
  row-gap: 4px;
}

.cab .ai-vgroups {
  gap: var(--bub-stack);
  flex-direction: column;
  display: flex;
}

.cab .ai-vgroup {
  background: var(--surf);
  border-radius: var(--bub-r);
  box-shadow: var(--bub-sh);
  padding: var(--bub-pad);
  gap: var(--bub-gap);
  flex-direction: column;
  display: flex;
}

.cab .svc-circle, .cab .row .ic.svc-circle, .cab .main-settings .row .ic.svc-circle, .cab .ov-scn-head .ic.svc-circle, .cab .ov-scn-head .ic.brand.svc-circle {
  background: color-mix(in srgb, currentColor 11%, transparent);
  border-radius: var(--r);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  display: flex;
}

.cab .svc-circle svg, .cab .svc-circle img, .cab .svc-circle [role="img"], .cab .row .ic.svc-circle svg, .cab .ov-scn-head .ic.brand.svc-circle svg, .cab .ov-scn-head .ic.brand.svc-circle img, .cab .ov-scn-head .ic.brand.svc-circle [role="img"] {
  width: 28px;
  height: 28px;
}

.cab .ai-vgroup > .ai-mcard {
  box-shadow: none;
  border-radius: var(--bub-row-r);
  background: none;
  padding: 11px 10px;
}

@media (hover: hover) {
  .cab .ai-vgroup > .ai-mcard:hover {
    box-shadow: none;
    background: none;
  }
}

.cab .ai-mcard .ai-card-ic {
  background: none;
  place-items: center;
  width: 40px;
  height: 40px;
}

.cab .ai-mcard .ai-card-ic svg, .cab .ai-mcard .ai-card-ic img {
  width: 28px;
  height: 28px;
}

.cab .ai-mcard-price {
  white-space: nowrap;
  color: var(--mut);
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  margin-top: 2px;
  font-size: 11.5px;
  display: flex;
}

.cab .ai-mcard-price svg {
  flex: none;
  width: 12px;
  height: 12px;
}

.cab .ai-mcard-chev {
  color: var(--mut);
  opacity: .7;
  flex: none;
  align-items: center;
  display: inline-flex;
}

.cab .drawer.has-hero .st-nav .st-pane, .cab .native-layer.has-hero .st-nav .st-pane {
  background: none;
}

.cab .row-inline-input {
  width: 100%;
  min-width: 120px;
  font: inherit;
  color: var(--ink);
  text-align: right;
  background: none;
  border: 0;
  outline: none;
  padding: 0;
  font-size: 14.5px;
}

.cab .row-inline-input::placeholder {
  color: var(--mut);
}

.cab .dr-body .rows > .row {
  padding-top: 4px;
  padding-bottom: 4px;
}

.cab .dr-body .rows > .row.has-sub {
  padding-top: 10px;
  padding-bottom: 10px;
}

.cab .dr-body .rows > .row:has(.meta) {
  padding-top: 10px;
  padding-bottom: 10px;
}

.cab .row.row-locked .nm {
  color: color-mix(in srgb, var(--ink) 55%, transparent);
  font-weight: 400;
}

.cab .row.row-locked .row-val {
  color: color-mix(in srgb, var(--mut) 70%, transparent);
}

.cab .row.row-locked .ic {
  opacity: .55;
}

.cab .drawer.has-hero .profedit-remove, .cab .native-layer.has-hero .profedit-remove {
  color: rgba(255, 255, 255, .9);
}

.cab .drawer.has-hero .confirm2-q, .cab .native-layer.has-hero .confirm2-q {
  color: #fff;
}

@keyframes row-shake {
  0%, 100% {
    transform: translateX(0);
  }

  15% {
    transform: translateX(-6px);
  }

  30% {
    transform: translateX(5px);
  }

  45% {
    transform: translateX(-4px);
  }

  60% {
    transform: translateX(3px);
  }

  80% {
    transform: translateX(-2px);
  }
}

.cab .row-shake {
  animation: .4s row-shake;
}

.cab .row-val {
  color: var(--mut);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 55vw;
  font-size: 14.5px;
  overflow: hidden;
}

.cab .fld-solo {
  border: 0;
  border-bottom: 1px solid var(--line2);
  width: 100%;
  font: inherit;
  color: var(--ink);
  background: none;
  border-radius: 0;
  outline: none;
  min-height: 0;
  padding: 10px 2px;
  font-size: 17px;
}

.cab .ai-kind-chips {
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 20px 0;
  display: flex;
}

@media (min-width: 1024px) {
  .cab .ai-kind-chips {
    margin-top: 0;
  }
}

.cab .ai-kind-row {
  justify-content: center;
  gap: 8px;
  display: flex;
}

.cab .ai-kind-chip {
  border-radius: var(--r-sm);
  font: inherit;
  cursor: pointer;
  color: var(--ink);
  background: var(--surf);
  border: 1px solid var(--line);
  box-shadow: var(--sh-sm);
  align-items: center;
  gap: 6px;
  padding: 9px 14px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

.cab .ai-kind-chip svg {
  width: 15px;
  height: 15px;
}

.cab .ai-kind-chip.big {
  gap: 8px;
  padding: 13px 20px;
  font-size: 15px;
}

.cab .ai-kind-chip.big svg {
  width: 18px;
  height: 18px;
}

.cab .ai-kind-chip.on {
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  border-color: color-mix(in srgb, var(--accent) 34%, transparent);
}

@media (max-width: 1023px) {
  .cab .ai-kind-chips {
    flex-flow: wrap;
    justify-content: center;
  }

  .cab .ai-kind-row {
    display: contents;
  }

  .cab[data-section="ai"] .ai-kind-chip, .cab[data-section="bots"] .ai-kind-chip {
    padding: 12px 16px;
  }

  .cab[data-section="ai"] .ai-kind-chip svg, .cab[data-section="bots"] .ai-kind-chip svg {
    width: 17px;
    height: 17px;
  }

  .cab[data-section="ai"] .ai-kind-chip.on {
    color: var(--accent);
    border-color: var(--accent);
  }

  .cab[data-section="ai"] .ai-kind-chip:active, .cab[data-section="bots"] .ai-kind-chip:active {
    background: var(--press);
  }
}

@media (min-width: 1024px) {
  .cab .ai-kind-chips {
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .cab .ai-search:where(:not(.k-search)) {
    border-radius: 100px;
    height: 42px;
    padding: 0 16px;
  }

  .cab .ai-flt-btn {
    border-radius: 50%;
    width: 42px;
    height: 42px;
  }

  .cab #cab-topact .btn, .cab #cab-topact .topbtn, .cab .top .btn.primary {
    border-radius: var(--r-sm);
    padding: 10px 18px;
  }
}

.cab .ai-vgroup > .scn-trow {
  -moz-column-gap: 14px;
  box-shadow: none;
  border-radius: var(--bub-row-r);
  background: none;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 14px;
  padding: 11px 10px;
  display: grid;
}

.cab .scn-trow-main {
  min-width: 0;
  color: inherit;
  flex: auto;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  display: flex;
}

.cab .ai-vgroup > .scn-trow > .scn-trow-main, .cab .ai-vgroup > .scn-trow .scn-trow-col {
  display: contents;
}

.cab .ai-vgroup > .scn-trow .scn-duo, .cab .ai-vgroup > .scn-trow .svc-circle {
  grid-area: 1 / 1 / span 2;
  align-self: start;
}

.cab .ai-vgroup > .scn-trow .ov-scn-name {
  grid-area: 1 / 2;
}

.cab .ai-vgroup > .scn-trow .ai-mcard-chev {
  grid-area: 1 / 3;
}

.cab .scn-on-dot {
  color: var(--mut);
  margin-left: 6px;
  font-size: 15px;
  line-height: 0;
}

.cab .scn-on-dot.on {
  color: #0fa3b1;
  font-size: 19px;
}

.cab .scn-on-dot.bad {
  color: #e23570;
  font-size: 19px;
}

.cab .scn-subline.bad {
  color: #e23570;
}

.cab .ai-vgroup > .scn-trow .scn-subline {
  grid-area: 2 / 2 / auto / -1;
}

.cab .scn-subline {
  color: var(--mut);
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin-top: 2px;
  font-size: 11.5px;
  display: flex;
  overflow: hidden;
}

.cab .scn-sub-dot {
  opacity: .55;
}

.cab .ai-vgroup > .msg-trow {
  --msg-row-gap: 12px;
  --msg-av-row: 56px;
  grid-template-columns: var(--msg-av-row) minmax(0, 1fr);
  -moz-column-gap: var(--msg-row-gap);
  column-gap: var(--msg-row-gap);
  box-sizing: border-box;
  align-items: start;
  padding: 12px 10px;
}

.cab .ai-vgroup > .scn-trow.msg-trow .msg-av, .cab .ai-vgroup > .scn-trow.msg-trow .msg-avph {
  width: var(--msg-av-row);
  height: var(--msg-av-row);
  grid-area: 1 / 1;
  align-self: center;
}

.cab .ai-vgroup > .scn-trow.msg-trow .msg-avph {
  font-size: calc(var(--msg-av-row) * .45);
}

.cab .ai-vgroup > .msg-trow.is-pick {
  grid-template-columns: 22px var(--msg-av-row) minmax(0, 1fr);
}

.cab .ai-vgroup > .msg-trow.is-pick .msg-pick {
  grid-area: 1 / 1;
  align-self: center;
}

.cab .ai-vgroup > .msg-trow.is-pick .msg-av, .cab .ai-vgroup > .msg-trow.is-pick .msg-avph {
  grid-column: 2;
}

.cab .ai-vgroup > .msg-trow.is-pick .msg-w {
  grid-column: 3;
}

.cab .msg-w {
  flex-direction: column;
  grid-column: 2;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.cab .msg-l1 {
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.cab .msg-l1n {
  flex: auto;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.cab .msg-l1n .msg-ch {
  align-self: center;
}

.cab .msg-l1r {
  flex: none;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.cab .msg-l1r .msg-ch {
  align-items: center;
  display: inline-flex;
}

.cab .msg-l1r .msg-accav {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.cab .msg-l1n .msg-accav {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  flex: none;
  align-self: center;
  width: 14px;
  height: 14px;
}

.cab .msg-name {
  min-width: 0;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 auto;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.3;
  overflow: hidden;
}

.cab .msg-b {
  align-items: flex-end;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.cab .ai-vgroup > .msg-trow + .msg-trow:after {
  content: "";
  left: calc(var(--page-x-m)  + var(--msg-av-row)  + var(--msg-row-gap)  - var(--bub-pad));
  right: calc(var(--page-x-m)  - var(--bub-pad));
  top: calc(-.5 * var(--bub-gap));
  background: var(--line);
  pointer-events: none;
  z-index: 0;
  height: 1px;
  position: absolute;
}

.cab .msg-time {
  color: var(--mut-2);
  white-space: nowrap;
  flex: none;
  font-size: 12px;
}

.cab .msg-unread {
  background: var(--accent-stroke);
  color: #fff;
  box-sizing: border-box;
  border-radius: 999px;
  flex: none;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  display: inline-grid;
}

.cab .msg-mine-tag {
  color: var(--accent);
  white-space: nowrap;
  font-size: 11.5px;
}

.cab .msg-mine-tag.warn {
  color: var(--warn, var(--red));
}

.cab .msg-prev {
  --msg-prev-fs: 13px;
  --msg-prev-lh: 1.35;
  min-width: 0;
  font-size: var(--msg-prev-fs);
  line-height: var(--msg-prev-lh);
  min-height: calc(var(--msg-prev-fs) * var(--msg-prev-lh) * 2);
  color: var(--mut);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex: auto;
  display: -webkit-box;
  overflow: hidden;
}

.cab .msg-mark {
  color: var(--accent-stroke);
  font-weight: 600;
}

.cab .msg-folders {
  height: var(--ctl);
  color: var(--ink);
  border-radius: 999px;
  align-items: center;
  min-width: 0;
  margin-bottom: 12px;
  display: flex;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .cab .msg-folders {
    top: calc(var(--safe-top)  + 12px + var(--ctl)  + 8px);
    z-index: 4;
    position: -webkit-sticky;
    position: sticky;
  }
}

.cab .msg-folders__row:has( > .msg-folders__gear) {
  padding-left: 0;
}

.cab .msg-folders__gear {
  width: var(--ctl);
  height: var(--ctl);
  color: var(--ink);
  background: none;
  border-radius: 999px;
  flex: none;
  place-items: center;
  margin-right: -6px;
  display: grid;
}

.cab .msg-folders__gear > svg {
  width: var(--ctl-ico);
  height: var(--ctl-ico);
}

@media (hover: hover) {
  .cab .msg-folders__gear:hover {
    background: var(--hover);
    color: var(--ink);
  }
}

.cab .msg-folders__row {
  scrollbar-width: none;
  flex: auto;
  align-items: center;
  gap: 18px;
  min-width: 0;
  padding: 0 12px;
  display: flex;
  overflow-x: auto;
}

.cab .msg-folders__row::-webkit-scrollbar {
  display: none;
}

.cab .msg-folders__row > :last-child {
  margin-right: 12px;
}

.cab .msg-folder {
  color: var(--mut);
  white-space: nowrap;
  background: none;
  border: 0;
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 0;
  font-size: 15px;
  font-weight: 400;
  display: inline-flex;
  position: relative;
}

.cab .msg-folder > * {
  position: relative;
}

.cab .msg-folder.on {
  color: var(--ink);
}

.cab .msg-folders__row {
  position: relative;
}

.cab .msg-folders__pill {
  pointer-events: none;
  background: color-mix(in srgb, var(--line) 55%, transparent);
  border-radius: 999px;
  position: absolute;
  top: 0;
  left: 0;
}

.cab .msg-folders__row.is-moving .msg-folder {
  transition: color var(--m-dur) var(--m-ease);
}

@media (max-width: 820px) {
  html:not(.app) .cab .msg-folders, html:not(.app) .cab .msg-folders__gear {
    height: 40px;
  }

  html:not(.app) .cab .msg-folders__row {
    align-self: stretch;
    align-items: stretch;
  }

  html:not(.app) .cab .msg-folders__pill {
    background: color-mix(in srgb, var(--ink) 8%, transparent);
  }

  html[data-theme^="dark"]:not(.app) .cab .msg-folders__pill {
    background: color-mix(in srgb, var(--ink) 14%, transparent);
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .msg-folders, html:not(.app) .cab .msg-folders__gear {
    height: 40px;
  }

  html:not(.app) .cab .msg-folders__row {
    align-self: stretch;
    align-items: stretch;
  }

  html:not(.app) .cab .msg-folders__pill {
    background: color-mix(in srgb, var(--ink) 8%, transparent);
  }

  html[data-theme^="dark"]:not(.app) .cab .msg-folders__pill {
    background: color-mix(in srgb, var(--ink) 14%, transparent);
  }
}

@media (hover: hover) {
  .cab .msg-folder:hover:not(.on) {
    color: var(--ink);
  }
}

.cab .msg-folder__acc {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.cab .msg-folder__ch {
  place-items: center;
  width: 14px;
  height: 14px;
  display: grid;
}

.cab .msg-folder__ph {
  -o-object-fit: cover;
  object-fit: cover;
  background: var(--line);
  border-radius: 999px;
  width: 20px;
  height: 20px;
  display: block;
}

.cab .msg-folder__ph.is-letter {
  background: color-mix(in srgb, currentColor 11%, transparent);
  place-items: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  display: grid;
}

.cab .msg-folder__n {
  background: var(--mut);
  color: #fff;
  border-radius: 999px;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  display: grid;
}

.cab .msg-hit {
  border-radius: var(--r-sm);
  animation: 2.6s ease-out msg-hit-flash;
}

@keyframes msg-hit-flash {
  0%, 55% {
    background-color: var(--accent-soft);
  }

  100% {
    background-color: rgba(0, 0, 0, 0);
  }
}

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

.cab .msg-more {
  margin-bottom: 26px;
}

.cab .msg-ch {
  color: var(--mut);
  flex: none;
  display: inline-flex;
}

.cab .msg-dlg {
  --msg-gap: 12px;
  --msg-air: 16px;
  gap: var(--msg-gap);
  flex-direction: column;
  min-height: 100%;
  display: flex;
}

.cab .msg-dlg > .msg-dlg-composer, .cab .msg-dlg > .msg-dlg-closed {
  margin-top: calc(var(--msg-air)  - var(--msg-gap));
}

.cab .msg-dlg-mine {
  text-align: center;
  font: inherit;
  color: var(--mut);
  cursor: pointer;
  background: none;
  border: none;
  margin-left: auto;
  padding: 0;
  font-size: 12px;
}

.cab .msg-dlg-mine.on {
  color: var(--accent);
}

.cab .msg-dlg-mnote {
  color: var(--mut);
  flex: 1 0 100%;
  align-items: baseline;
  gap: 8px;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
}

.cab .msg-dlg-mnote .msg-dlg-mine {
  flex: none;
  margin-left: 0;
  text-decoration: underline;
}

.cab .msg-feed {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  display: flex;
  overflow-x: clip;
}

.cab .msg-feed .chat-msg.peer {
  align-self: flex-start;
  align-items: flex-start;
}

.cab .msg-ev {
  max-width: 90%;
  color: var(--msg-faint);
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-self: center;
  align-items: baseline;
  gap: 6px;
  margin: 16px 0;
  font-size: 13px;
  line-height: 18px;
  display: flex;
}

.cab .msg-ev-at {
  opacity: .7;
  white-space: nowrap;
}

.cab .msg-by-scn {
  color: inherit;
  border-bottom: 1px dotted var(--line);
  text-decoration: none;
}

@media (hover: hover) {
  .cab .msg-by-scn:hover {
    color: var(--accent);
    border-bottom-color: currentColor;
  }
}

.cab .msg-by-scn:active {
  color: var(--accent);
  border-bottom-color: currentColor;
}

.cab .msg-feed .chat-msg .chat-bubble {
  border-radius: var(--msg-r);
  box-shadow: var(--bub-sh);
  color: var(--ink);
  --msg-stroke: var(--green-stroke);
  border: none;
}

.cab .msg-feed .chat-msg.peer .chat-bubble {
  background: var(--bub-peer-bg);
}

.cab .msg-feed .chat-msg.user .chat-bubble {
  background: var(--bub-mine-bg);
  --msg-stroke: var(--accent-stroke);
}

:root[data-theme="dark"] .cab .msg-feed .chat-msg.user .chat-bubble {
  background: var(--bub-mine-bg);
  border-color: rgba(0, 0, 0, 0);
}

.cab .msg-feed .chat-msg.user:not(.grp-first) .chat-bubble {
  border-top-right-radius: var(--msg-r-join);
}

.cab .msg-feed .chat-msg.user:not(.grp-last) .chat-bubble {
  border-bottom-right-radius: var(--msg-r-join);
}

.cab .msg-feed .chat-msg.peer:not(.grp-first) .chat-bubble {
  border-top-left-radius: var(--msg-r-join);
}

.cab .msg-feed .chat-msg.peer:not(.grp-last) .chat-bubble {
  border-bottom-left-radius: var(--msg-r-join);
}

html:not(.app) .cab .msg-feed > div:last-child:empty {
  margin-top: -4px;
}

.cab .msg-feed .chat-msg {
  gap: 4px;
  max-width: 78%;
}

.cab .msg-feed .chat-msg.grp-first {
  margin-top: 8px;
}

.cab .msg-feed .chat-date {
  margin: 16px 0;
}

.cab .msg-time-in {
  color: var(--msg-faint);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  align-self: flex-end;
  font-size: 12px;
  line-height: 16px;
}

.cab .msg-bubble > .msg-time-in:not(:first-child):not(.hole):not(.cap) {
  margin-top: -4px;
}

.cab .msg-time-hole {
  visibility: hidden;
  white-space: nowrap;
  padding-left: 8px;
  font-size: 12px;
  display: inline-block;
}

.cab .msg-time-in.hole {
  position: absolute;
  bottom: 10px;
  right: 14px;
}

.cab .msg-time-in.cap {
  z-index: 1;
  color: #fff;
  background: rgba(0, 0, 0, .45);
  border-radius: 100px;
  padding: 2px 7px;
  position: absolute;
  bottom: 6px;
  right: 6px;
}

.cab .msg-feed .chat-msg > .chat-bubble {
  max-width: 100%;
}

.cab .msg-feed .tw-emoji {
  vertical-align: -.22em;
  width: 1.2em;
  height: 1.2em;
  margin: 0 .05em;
  display: inline-block;
}

.cab .msg-feed .msg-react .tw-emoji {
  vertical-align: -.18em;
  width: 16px;
  height: 16px;
  margin: 0;
}

.cab .msg-feed .msg-head-em .tw-emoji {
  vertical-align: 0;
  width: 30px;
  height: 30px;
  margin: 0;
}

.cab .msg-bubble {
  flex-direction: column;
  gap: 4px;
  padding: 10px 14px;
  font-size: 16px;
  line-height: 22px;
  display: flex;
}

.cab .msg-text {
  white-space: pre-wrap;
  word-break: break-word;
}

.cab .msg-text .rt-b {
  font-weight: 600;
}

.cab .msg-text .rt-i {
  font-style: italic;
}

.cab .msg-text .rt-u {
  text-decoration: underline;
}

.cab .msg-text .rt-s {
  text-decoration: line-through;
}

.cab .msg-text .rt-code, .cab .msg-text .rt-pre {
  background: var(--accent-soft);
  border-radius: var(--r-xs);
  padding: 0 4px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .92em;
}

.cab .msg-text .rt-pre {
  white-space: pre-wrap;
  margin: 2px 0;
  padding: 8px 10px;
  display: block;
  overflow-x: auto;
}

.cab .msg-text .rt-q {
  border-left: 2px solid var(--msg-stroke);
  padding-left: 10px;
  display: block;
}

.cab .msg-text .rt-sp {
  background: var(--ink);
  color: rgba(0, 0, 0, 0);
  border-radius: var(--r-2xs);
  cursor: pointer;
}

.cab .msg-text .rt-sp:hover, .cab .msg-text .rt-sp:focus-within {
  color: inherit;
  background: none;
}

.cab .msg-bubble.cap-above .msg-text {
  order: -1;
}

.cab {
  --msg-img-maxw: 300px;
  --msg-img-maxh: 380px;
  --msg-img-min: 170px;
}

@media (min-width: 821px) {
  .cab {
    --msg-img-maxw: 440px;
    --msg-img-maxh: 440px;
  }
}

.cab {
  --msg-media-h: clamp(190px, 30vh, 270px);
  --msg-media-w: min(330px, 66vw);
}

.cab .msg-media {
  height: var(--msg-media-h);
  border-radius: var(--r);
  -o-object-fit: contain;
  object-fit: contain;
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  width: auto;
  min-width: min(120px, 34vw);
  max-width: 100%;
  display: block;
}

.cab .msg-feed .msg-media-b.msg-box {
  width: 100%;
}

.cab .msg-feed .msg-box .msg-media {
  width: 100%;
  height: 100%;
  max-height: var(--msg-img-maxh);
  -o-object-fit: cover;
  object-fit: cover;
}

.cab .msg-feed .msg-media-b:not(.msg-box) .msg-media {
  height: var(--msg-media-h);
  width: auto;
  max-width: 100%;
}

.cab .msg-media-b {
  border-radius: var(--r);
  cursor: pointer;
  background: none;
  border: none;
  max-width: 100%;
  padding: 0;
  line-height: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.cab .msg-feed .msg-media, .cab .msg-feed .msg-media-b {
  border-radius: var(--msg-r);
}

.cab .msg-feed .chat-msg:not(.media) .msg-bubble > .msg-media-b, .cab .msg-feed .chat-msg:not(.media) .msg-bubble > .msg-album, .cab .msg-feed .chat-msg:not(.media) .msg-bubble > .msg-story {
  max-width: calc(100% + 28px);
  margin-left: -14px;
  margin-right: -14px;
}

.cab .msg-feed .chat-msg.peer:not(.media) .msg-bubble > .msg-media-b, .cab .msg-feed .chat-msg.peer:not(.media) .msg-bubble > .msg-story {
  align-self: flex-start;
}

.cab .msg-feed .chat-msg.user:not(.media) .msg-bubble > .msg-media-b, .cab .msg-feed .chat-msg.user:not(.media) .msg-bubble > .msg-story {
  align-self: flex-end;
}

.cab .msg-feed .chat-msg:not(.media) .msg-bubble > .msg-media-b:first-child, .cab .msg-feed .chat-msg:not(.media) .msg-bubble > .msg-album:first-child {
  margin-top: -10px;
}

.cab .msg-feed .chat-msg:not(.media) .msg-bubble > .msg-media-b:last-child, .cab .msg-feed .chat-msg:not(.media) .msg-bubble > .msg-album:last-child, .cab .msg-feed .chat-msg:not(.media) .msg-bubble > .msg-story:last-child {
  margin-bottom: -10px;
}

.cab .msg-feed .chat-msg:not(.media) .msg-bubble > .msg-story > .msg-story-t {
  padding: 0 14px;
}

.cab .msg-feed .chat-msg:not(.media) .msg-bubble > .msg-media-b:first-child:not(:last-child), .cab .msg-feed .chat-msg:not(.media) .msg-bubble > .msg-media-b:first-child:not(:last-child) .msg-media {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.cab .msg-feed .chat-msg:not(.media) .msg-bubble > .msg-media-b:not(:first-child), .cab .msg-feed .chat-msg:not(.media) .msg-bubble > .msg-media-b:not(:first-child) .msg-media {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.cab .msg-play {
  color: #fff;
  pointer-events: none;
  background: rgba(0, 0, 0, .42);
  border-radius: 100px;
  place-items: center;
  width: 44px;
  height: 44px;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cab .msg-album-list {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  display: flex;
}

.cab .msg-spoiler {
  border-radius: var(--msg-r);
  border: none;
  padding: 0;
  line-height: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.cab .msg-spoiler-in, .cab .mc-spoil-in {
  filter: blur(18px);
  display: block;
  transform: scale(1.06);
}

.cab .msg-spoiler-cap, .cab .mc-spoil-cap {
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, .28);
  place-items: center;
  padding: 0 16px;
  font-size: 13px;
  line-height: 18px;
  display: grid;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .msg-feed .msg-circle, .cab .msg-circle {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  overflow: hidden;
}

.cab .msg-feed .msg-circle .msg-media, .cab .msg-circle .msg-media {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cab .msg-gif-tag {
  letter-spacing: .02em;
  color: #fff;
  pointer-events: none;
  background: rgba(0, 0, 0, .42);
  border-radius: 100px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 600;
  position: absolute;
  bottom: 8px;
  left: 8px;
}

.cab .msg-audio {
  width: 240px;
  max-width: 100%;
}

.cab .msg-voice {
  align-items: center;
  gap: 10px;
  width: 220px;
  max-width: 100%;
  display: flex;
}

.cab .msg-voice-btn {
  cursor: pointer;
  width: 32px;
  height: 32px;
  color: var(--surf);
  background: var(--msg-stroke, var(--accent-stroke));
  border: none;
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: grid;
}

.cab .msg-voice-wave {
  cursor: pointer;
  flex: 1;
  align-items: center;
  gap: 2px;
  min-width: 0;
  height: 28px;
  display: flex;
}

.cab .msg-voice-bar {
  background: color-mix(in srgb, var(--ink) 22%, transparent);
  border-radius: 999px;
  flex: 1;
  min-width: 0;
}

.cab .msg-voice-bar.on {
  background: var(--msg-stroke, var(--accent-stroke));
}

.cab .msg-voice-time {
  color: var(--mut);
  font-variant-numeric: tabular-nums;
  flex: none;
  font-size: 12px;
}

.cab .msg-voice-gone {
  width: 220px;
  max-width: 100%;
  display: block;
}

.cab .msg-skeleton {
  width: min(200px, 58vw);
  max-width: 100%;
  height: var(--msg-media-h);
  border-radius: var(--bub-row-r);
  background: var(--line);
  opacity: .55;
  animation: 1.4s ease-in-out infinite msg-skeleton-pulse;
  display: block;
}

@keyframes msg-skeleton-pulse {
  0%, 100% {
    opacity: .35;
  }

  50% {
    opacity: .6;
  }
}

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

.cab .msg-audio-w {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.cab .msg-story {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.cab .msg-story-t {
  color: var(--msg-faint);
  font-size: 13px;
  line-height: 18px;
}

.cab .msg-head {
  min-width: calc(var(--msg-media-w)  - 28px);
  border-radius: inherit;
  flex-direction: column;
  align-self: stretch;
  align-items: stretch;
  gap: 0;
  max-width: 100%;
  display: flex;
}

.cab .msg-head-t {
  color: var(--msg-faint);
  text-align: left;
  background: none;
  border: none;
  padding: 0;
  font-size: 13px;
  line-height: 18px;
  text-decoration: none;
}

.cab .msg-head-shot-b {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background: none;
  border: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  width: calc(100% + 28px);
  margin: -10px -14px 0;
  padding: 0;
  line-height: 0;
  display: block;
  position: relative;
}

.cab a.msg-head-shot-b, .cab button.msg-head-shot-b, .cab a.msg-head-t, .cab button.msg-head-t {
  cursor: pointer;
}

.cab .msg-head-shot, .cab .msg-head-plug {
  aspect-ratio: 4 / 5;
  width: 100%;
  height: auto;
  max-height: var(--msg-media-h);
  border-radius: inherit;
  -o-object-fit: cover;
  object-fit: cover;
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  display: block;
}

.cab .msg-head-shot.tall, .cab .msg-head-plug.tall {
  aspect-ratio: 9 / 16;
}

.cab .msg-head-plug, .cab .msg-head-plug.tall {
  aspect-ratio: auto;
  height: 52px;
  max-height: none;
}

.cab .msg-head-plug {
  text-align: center;
  color: var(--msg-faint);
  background: var(--surf);
  place-items: center;
  padding: 0 12px;
  font-size: 13px;
  line-height: 18px;
  display: grid;
  position: relative;
}

.cab .msg-head-em {
  font-size: 30px;
  line-height: 1;
  position: absolute;
  bottom: -12px;
  right: 10px;
}

.cab .msg-head-cap {
  -webkit-line-clamp: 2;
  word-break: break-word;
  -webkit-box-orient: vertical;
  margin-top: 2px;
  font-size: 13px;
  line-height: 18px;
  display: -webkit-box;
  overflow: hidden;
}

.cab .mvw {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.cab .mvw-stage {
  justify-content: center;
  align-items: center;
  min-height: 40vh;
  display: flex;
  position: relative;
}

.cab .mvw-media {
  border-radius: var(--r);
  -o-object-fit: contain;
  object-fit: contain;
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  max-width: 100%;
  max-height: min(70dvh, 620px);
  display: block;
}

.cab .dr-body:has( > .mvw) {
  padding-left: 0;
  padding-right: 0;
}

.cab .native-layer .dr-body:has( > .mvw) {
  padding-left: 0;
  padding-right: 0;
}

.cab .dr-body:has( > .mvw) .mvw-cap {
  padding: 0 16px;
}

.cab .dr-body:has( > .mvw) .mvw-media {
  border-radius: 0;
}

.cab .mvw-doc {
  background: var(--surf);
  border: none;
  width: 100%;
  height: min(70dvh, 620px);
  display: block;
}

.cab .mvw-nav {
  cursor: pointer;
  width: 40px;
  height: 40px;
  color: var(--ink);
  background: var(--bg);
  box-shadow: var(--flat-ring);
  opacity: .9;
  border: none;
  border-radius: 100px;
  place-items: center;
  display: grid;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.cab .mvw-nav.prev {
  left: 0;
}

.cab .mvw-nav.next {
  right: 0;
}

@media (hover: hover) {
  .cab .mvw-nav:hover {
    opacity: 1;
  }
}

@media (max-width: 820px) {
  .cab .mvw-nav {
    display: none;
  }
}

@container cab (width <= 820px) {
  .cab .mvw-nav {
    display: none;
  }
}

.cab .mvw-cap {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.cab .mvw-t {
  word-break: break-word;
  font-size: 14px;
  line-height: 1.45;
}

.cab .mvw-go {
  color: var(--accent-stroke);
  font-size: 13px;
  text-decoration: none;
}

.cab .mvw-n {
  font-variant-numeric: tabular-nums;
}

@media (max-width: 820px) {
  .cab .drawer.sheet:has(.mvw.fill) {
    height: min(calc(100vw / var(--mvw-ar, .5625)), calc(100dvh - var(--safe-top)  - 12px));
    top: auto;
  }

  .cab .drawer.sheet:has(.mvw.fill) .dr-head {
    display: none;
  }

  .cab .dr-body:has( > .mvw.fill) {
    --dr-top: 0px;
    scrollbar-gutter: auto;
    max-width: none;
    margin-top: 0;
    padding: 0;
    overflow: hidden;
  }

  .cab .native-layer .dr-body:has( > .mvw.fill) {
    --dr-top: 0px;
    scrollbar-gutter: auto;
    max-width: none;
    margin-top: 0;
    padding: 0;
    overflow: hidden;
  }

  .cab .mvw.fill, .cab .mvw.fill .mvw-stage {
    gap: 0;
    height: 100%;
    min-height: 0;
  }

  .cab .mvw.fill .mvw-media {
    background: none;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: none;
  }

  .cab .mvw.fill .mvw-cap {
    display: none;
  }
}

@container cab (width <= 820px) {
  .cab .drawer.sheet:has(.mvw.fill) {
    height: min(calc(100vw / var(--mvw-ar, .5625)), calc(100dvh - var(--safe-top)  - 12px));
    top: auto;
  }

  .cab .drawer.sheet:has(.mvw.fill) .dr-head {
    display: none;
  }

  .cab .dr-body:has( > .mvw.fill) {
    --dr-top: 0px;
    scrollbar-gutter: auto;
    max-width: none;
    margin-top: 0;
    padding: 0;
    overflow: hidden;
  }

  .cab .native-layer .dr-body:has( > .mvw.fill) {
    --dr-top: 0px;
    scrollbar-gutter: auto;
    max-width: none;
    margin-top: 0;
    padding: 0;
    overflow: hidden;
  }

  .cab .mvw.fill, .cab .mvw.fill .mvw-stage {
    gap: 0;
    height: 100%;
    min-height: 0;
  }

  .cab .mvw.fill .mvw-media {
    background: none;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: none;
  }

  .cab .mvw.fill .mvw-cap {
    display: none;
  }
}

.cab .msg-feed .chat-msg.shot .chat-bubble, .cab .msg-feed .chat-msg.media .chat-bubble, .cab .msg-feed .chat-msg.bare .chat-bubble {
  box-shadow: none;
  background: none;
  border: none;
  padding: 0;
}

.cab .msg-feed .chat-msg.media .msg-bubble > .msg-media-b, .cab .msg-feed .chat-msg.media .msg-bubble > .msg-media-b .msg-media {
  border-radius: inherit;
}

.cab .msg-feed .chat-msg.bare .msg-text {
  font-size: 34px;
  line-height: 1.1;
}

.cab .msg-feed .chat-msg.shot .chat-bubble:empty {
  display: none;
}

.cab .msg-feed .chat-msg > .msg-cap {
  color: var(--msg-faint);
  padding: 0 4px;
  font-size: 13px;
  line-height: 18px;
}

.cab .msg-feed .chat-meta {
  color: var(--msg-faint);
  gap: 8px;
  font-size: 13px;
  line-height: 18px;
}

.cab .msg-reacts {
  gap: 3px;
  display: flex;
  position: absolute;
  bottom: -9px;
}

.cab .msg-feed .chat-msg.peer .msg-reacts {
  right: 8px;
}

.cab .msg-feed .chat-msg.user .msg-reacts {
  left: 8px;
}

.cab .msg-feed .chat-msg.reacted {
  margin-bottom: 10px;
}

.cab .msg-feed .chat-msg .msg-bubble {
  position: relative;
}

.cab .msg-react {
  background: var(--surf);
  min-width: 21px;
  height: 21px;
  box-shadow: var(--flat-ring);
  border-radius: 100px;
  place-items: center;
  padding: 0 3px;
  font-size: 12px;
  line-height: 1;
  display: grid;
}

.cab .msg-fwd {
  color: var(--msg-stroke, var(--accent-stroke));
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}

.cab .msg-album {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
  width: min(220px, 62vw);
  max-width: 100%;
  display: grid;
}

.cab .msg-album .msg-media-b {
  width: 100%;
}

.cab .msg-album .msg-media {
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--r-xs);
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: auto;
}

.cab .msg-card {
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--ink) 7%, transparent);
  flex-direction: column;
  gap: 3px;
  width: min(240px, 66vw);
  max-width: 100%;
  padding: 8px 10px;
  display: flex;
  position: relative;
}

.cab .msg-card > .msg-time-in.hole {
  bottom: 8px;
  right: 10px;
}

.cab .msg-card-t {
  color: var(--msg-faint);
  font-size: 13px;
  line-height: 18px;
}

.cab .msg-card-n {
  word-break: break-word;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.cab .msg-card-s {
  color: var(--msg-faint);
  word-break: break-word;
  font-size: 13px;
  line-height: 18px;
}

.cab .msg-card-hero {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.cab .msg-card-col {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.cab .msg-card-av {
  width: 40px;
  height: 40px;
  color: var(--msg-stroke, var(--accent-stroke));
  background: color-mix(in srgb, var(--ink) 8%, transparent);
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-size: 15px;
  font-weight: 600;
  display: grid;
}

.cab .msg-card-link {
  color: var(--msg-stroke, var(--accent-stroke));
  margin-top: 1px;
  font-size: 13px;
  line-height: 18px;
  text-decoration: none;
}

.cab .msg-card-link:hover {
  text-decoration: underline;
}

.cab .msg-dice {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.cab .msg-feed .msg-dice-e {
  font-size: 34px;
  line-height: 1.1;
}

.cab .msg-dice-n {
  color: var(--msg-faint);
  font-size: 13px;
  line-height: 18px;
}

.cab .msg-poll {
  flex-direction: column;
  gap: 4px;
  margin-top: 3px;
  display: flex;
}

.cab .msg-poll-o {
  border-radius: var(--r-xs);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  padding: 5px 8px;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cab .msg-poll-bar {
  background: color-mix(in srgb, var(--msg-stroke, var(--accent-stroke)) 18%, transparent);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.cab .msg-poll-t {
  word-break: break-word;
  min-width: 0;
  position: relative;
}

.cab .msg-poll-p {
  font-variant-numeric: tabular-nums;
  color: var(--msg-faint);
  flex: none;
  position: relative;
}

.cab .msg-file2 {
  --file-c: var(--mut);
  width: min(260px, 68vw);
  max-width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: 10px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.cab .msg-file-ic {
  border-radius: var(--r-sm);
  letter-spacing: .02em;
  width: 40px;
  height: 40px;
  color: var(--file-c);
  background: color-mix(in srgb, var(--file-c) 14%, transparent);
  flex: none;
  place-items: center;
  font-size: 11px;
  font-weight: 700;
  display: grid;
}

.cab .msg-file-ic.pdf {
  --file-c: var(--run-fail);
}

.cab .msg-file-ic.doc {
  --file-c: var(--blue);
}

.cab .msg-file-ic.xls {
  --file-c: var(--green);
}

.cab .msg-file-ic.ppt {
  --file-c: var(--amber);
}

.cab .msg-file-col {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.cab .msg-file-n {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
}

.cab .msg-file-m {
  color: var(--msg-faint);
  font-size: 13px;
  line-height: 18px;
}

.cab .msg-file-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
}

.cab .msg-note {
  max-width: 100%;
  display: block;
}

.cab .msg-note.del {
  font-style: italic;
}

.cab .msg-feed .chat-msg.sticker .msg-media {
  -o-object-fit: contain;
  object-fit: contain;
  background: none;
  width: 120px;
  min-width: 0;
  height: 120px;
}

.cab .msg-feed .chat-msg.tap .chat-bubble {
  box-shadow: none;
  background: none;
  border: none;
  padding: 0;
}

.cab .msg-tap {
  border-radius: var(--msg-r);
  background: var(--bub-peer-bg);
  min-height: 40px;
  color: var(--ink);
  word-break: break-word;
  border: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  padding: 8px 14px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-flex;
}

.cab .msg-feed .chat-msg.user .msg-tap {
  background: var(--bub-mine-bg);
  align-self: flex-end;
}

.cab .msg-quote {
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.cab .msg-quote-bar {
  background: var(--msg-stroke);
  border-radius: 100px;
  flex: none;
  align-self: stretch;
  width: 2px;
  min-height: 18px;
}

.cab .msg-quote-t {
  flex-direction: column;
  flex: auto;
  min-width: 0;
  display: flex;
}

.cab .msg-quote-who {
  color: var(--msg-stroke);
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}

.cab .msg-quote-x {
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
}

.cab .msg-quote-shot-b {
  cursor: pointer;
  background: none;
  border: none;
  flex: none;
  padding: 0;
  line-height: 0;
}

.cab .msg-quote-shot {
  border-radius: var(--r-xs);
  -o-object-fit: cover;
  object-fit: cover;
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  flex: none;
  width: 36px;
  height: 36px;
  display: block;
}

.cab .msg-btns {
  flex-direction: column;
  align-self: stretch;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.cab .msg-btn {
  border-radius: var(--msg-r);
  background: var(--bub-peer-bg);
  text-align: center;
  min-height: 40px;
  color: var(--ink);
  word-break: break-word;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 8px 14px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.cab .msg-feed .chat-msg.user .msg-btn {
  background: var(--bub-mine-bg);
}

.cab .msg-btn-go {
  opacity: .7;
  margin-left: 6px;
  font-size: 12px;
}

.cab .msg-btn.off {
  opacity: .45;
}

.cab .msg-failed {
  color: var(--run-fail);
}

.cab .msg-dlg-closed {
  margin: 0;
}

@media (max-width: 820px) {
  .cab .msg-dlg-closed {
    padding: 8px 14px calc(8px + env(safe-area-inset-bottom, 0px));
    border: 0;
  }

  .cab .msg-dlg-closed .meta {
    color: var(--mut);
    text-align: center;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 13px;
    display: -webkit-box;
    overflow: hidden;
  }
}

@container cab (width <= 820px) {
  .cab .msg-dlg-closed {
    padding: 8px 14px calc(8px + env(safe-area-inset-bottom, 0px));
    border: 0;
  }

  .cab .msg-dlg-closed .meta {
    color: var(--mut);
    text-align: center;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 13px;
    display: -webkit-box;
    overflow: hidden;
  }
}

.cab .msg-glass {
  display: none;
}

@container cab (width <= 820px) {
  .cab .msg-glass-top {
    pointer-events: none;
    z-index: 2;
    height: calc(var(--msg-head-h, calc(var(--safe-top)  + var(--ctl-sm)  + 2 * var(--ctl-edge)))  + 24px);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .cab .native-layer.nsheet-native .msg-glass-top {
    display: none;
  }

  .cab .msg-dlg:not(.msg-dlg-framed) > .msg-dlg-closed {
    z-index: 4;
    margin-left: calc(-1px - var(--cab-pad, 0px));
    margin-right: calc(-1px - var(--cab-pad, 0px));
    padding-left: calc(15px + var(--cab-pad, 0px));
    padding-right: calc(15px + var(--cab-pad, 0px));
    translate: 0 calc(18px + env(safe-area-inset-bottom, 0px));
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
  }
}

.cab .msg-dlg-composer {
  padding-top: 0;
  padding-bottom: max(6px, env(safe-area-inset-bottom));
  background: none;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.cab .dr-body:has(.msg-dlg-composer) {
  padding-bottom: 0;
}

.cab .native-layer .dr-body:has(.msg-dlg-composer) {
  padding-bottom: 0;
}

.cab .msg-info {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.cab .msg-info-hero {
  align-items: center;
  gap: 12px;
  display: flex;
}

.cab .msg-info-who {
  min-width: 0;
}

.cab .msg-info-card {
  flex-direction: column;
  gap: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.cab .msg-info-row {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 11px 0;
  display: flex;
}

.cab .msg-info-row + .msg-info-row {
  border-top: 1px solid var(--line2);
}

.cab .msg-info-val {
  align-items: center;
  gap: 7px;
  font-weight: 600;
  display: inline-flex;
}

.cab .msg-info-closed {
  color: #e23570;
}

.cab .msg-info-hint {
  margin: 0;
  line-height: 1.5;
}

.cab .msg-av {
  -o-object-fit: cover;
  object-fit: cover;
  background: var(--line2);
  border-radius: 50%;
  flex: none;
  width: 44px;
  height: 44px;
}

.cab .ai-vgroup > .scn-trow .msg-av, .cab .ai-vgroup > .scn-trow .msg-avph {
  grid-area: 1 / 1 / span 2;
  align-self: start;
}

.cab .msg-avph {
  background: color-mix(in srgb, currentColor 11%, transparent);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 20px;
  font-weight: 600;
  display: flex;
}

.cab .tpl-ch-ics {
  flex: none;
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.cab .tpl-wiz-mark {
  color: var(--accent-stroke, var(--accent));
  flex: none;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.cab .tpl-flt {
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}

.cab .tpl-flt-chips {
  scrollbar-width: none;
  flex: 1;
  gap: 6px;
  min-width: 0;
  display: flex;
  overflow-x: auto;
}

.cab .tpl-flt-chips::-webkit-scrollbar {
  display: none;
}

.cab .tpl-chip {
  color: var(--ink);
  background: color-mix(in srgb, var(--ink) 4%, transparent);
  cursor: pointer;
  transition: background var(--m-dur-fast), border-color var(--m-dur-fast);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 999px;
  flex: none;
  padding: 6px 12px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
}

@media (hover: hover) {
  .cab .tpl-chip:hover {
    background: var(--hover);
  }
}

.cab .tpl-chip.on {
  background: var(--accent-soft);
  border-color: color-mix(in srgb, var(--accent) 35%, transparent);
  color: var(--accent-d);
  font-weight: 600;
}

@media (max-width: 1023px) {
  .cab .ai-caps {
    display: none;
  }
}

@media (max-width: 820px) {
  .cab .ai-card-title {
    flex-wrap: wrap;
  }

  .cab .ai-card-tag {
    white-space: normal;
  }

  .cab .ai-card {
    flex-wrap: wrap;
  }

  .cab .ai-card-main {
    flex: 1 1 0;
  }

  .cab .ai-card-price {
    color: var(--mut);
    flex-basis: 100%;
    margin-top: -2px;
    margin-left: 52px;
    font-size: 12px;
  }
}

@container cab (width <= 820px) {
  .cab .ai-card-title {
    flex-wrap: wrap;
  }

  .cab .ai-card-tag {
    white-space: normal;
  }

  .cab .ai-card {
    flex-wrap: wrap;
  }

  .cab .ai-card-main {
    flex: 1 1 0;
  }

  .cab .ai-card-price {
    color: var(--mut);
    flex-basis: 100%;
    margin-top: -2px;
    margin-left: 52px;
    font-size: 12px;
  }
}

.cab .ai-empty {
  color: var(--mut);
  padding: 24px 4px;
}

.cab .ai-mut {
  color: var(--mut);
  font-style: normal;
  font-weight: 400;
}

.cab .ai-guide {
  margin-bottom: 14px;
}

.cab .ai-guide-title {
  color: var(--mut);
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
}

.cab .ai-chips {
  scrollbar-width: none;
  gap: 6px;
  padding-bottom: 4px;
  display: flex;
  overflow-x: auto;
}

.cab .ai-chips::-webkit-scrollbar {
  display: none;
}

.cab .ai-chip {
  background: color-mix(in srgb, var(--ink) 5%, transparent);
  color: var(--ink);
  cursor: pointer;
  white-space: nowrap;
  border: none;
  border-radius: 100px;
  flex: none;
  padding: 6px 12px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
}

@media (hover: hover) {
  .cab .ai-chip:hover {
    background: var(--hover);
  }
}

.cab .ai-chip.on {
  background: color-mix(in srgb, var(--violet) 12%, transparent);
  color: var(--violet);
}

.cab .ai-guide-recs {
  margin-top: 10px;
}

.cab .ai-chip {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.cab .ai-fchips {
  flex-wrap: wrap;
  gap: 8px;
  margin: 2px 0 16px;
  display: flex;
}

.cab .ai-fchip {
  border-radius: var(--r-sm);
  border: 1px solid var(--line2);
  background: var(--surf);
  color: var(--ink);
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  font-size: 13.5px;
  display: inline-flex;
}

.cab .ai-fchip-n {
  color: var(--mut);
  background: color-mix(in srgb, var(--ink) 7%, transparent);
  border-radius: var(--r-xs);
  padding: 3px 6px;
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1;
}

.cab .ai-fchip.on {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 10%, transparent);
}

.cab .ai-fchip.on .ai-fchip-n {
  color: var(--accent-d, var(--accent));
  background: color-mix(in srgb, var(--accent) 14%, transparent);
}

.cab .ai-fchip.dis {
  opacity: .35;
}

.cab .ai-guide-clear {
  color: var(--mut);
  margin-left: 8px;
  font-size: 12px;
}

.cab .ai-badge {
  white-space: nowrap;
  border-radius: 100px;
  padding: 2px 8px;
  font-size: 10.5px;
  font-weight: 600;
}

.cab .ai-badge[data-b="cheaper"] {
  background: color-mix(in srgb, var(--green) 12%, transparent);
  color: var(--green);
}

.cab .ai-badge[data-b="faster"] {
  background: color-mix(in srgb, var(--blue) 10%, transparent);
  color: var(--blue);
}

.cab .ai-badge[data-b="quality"] {
  background: color-mix(in srgb, var(--violet) 12%, transparent);
  color: var(--violet);
}

.cab .ai-link {
  font: inherit;
  color: var(--blue);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  text-decoration: none;
}

.cab .ai-page {
  max-width: 760px;
}

.cab .ai-head {
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  display: flex;
}

.cab .ai-head-main {
  flex: 1;
  min-width: 0;
}

.cab .ai-head h2 {
  margin: 0;
  font-size: 19px;
}

.cab .ai-head p {
  margin: 2px 0 0;
  font-size: 13px;
}

.cab .ai-about {
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.cab .ai-about h4 {
  color: var(--mut);
  margin: 14px 0 0;
  font-size: 12.5px;
  font-weight: 600;
}

.cab .ai-about-best {
  margin: 0;
  font-weight: 600;
}

.cab .ai-about-desc {
  color: var(--mut);
  margin: 0;
}

.cab .ai-about-str b, .cab .ai-about-qa b {
  font-size: 13.5px;
}

.cab .ai-about-str p, .cab .ai-about-qa p {
  color: var(--mut);
  margin: 2px 0 0;
  font-size: 13.5px;
}

.cab .ai-about-vs {
  margin: 0;
  font-size: 13.5px;
}

.cab .ai-modes {
  margin-bottom: 12px;
}

.cab .ai-sect {
  margin-top: 26px;
}

.cab .ai-sect h3 {
  margin: 0 0 10px;
  font-size: 15px;
}

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

.cab .ai-ex {
  margin: 0;
}

.cab .ai-ex video, .cab .ai-ex img {
  border-radius: var(--r-sm);
  border: 1px solid var(--line);
  background: #000;
  width: 100%;
}

.cab .ai-ex audio {
  width: 100%;
}

.cab .ai-ex figcaption {
  color: var(--mut);
  margin-top: 4px;
  font-size: 12.5px;
}

.cab .ai-formwrap {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.cab .ai-mode-pager {
  position: relative;
}

.cab .ai-mode-pane-nb {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cab .ai-grp {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--bub-r);
}

.cab .ai-grp:focus-within {
  border-color: color-mix(in srgb, var(--accent) 35%, transparent);
}

.cab .ai-grp-pad {
  padding: 12px 14px;
  display: block;
}

.cab .ai-blk {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.cab .ai-sect-lbl {
  color: var(--mut);
  padding: 0 6px;
  font-size: 12.5px;
  font-weight: 600;
}

.cab .ai-foot {
  color: var(--mut);
  padding: 0 6px;
  font-size: 12px;
}

.cab .ai-cell {
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  align-items: center;
  gap: 13px;
  padding: 14px 16px;
  display: flex;
}

.cab .ai-cell:last-child {
  border-bottom: none;
}

.cab .ai-cell-lbl {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--ink);
  flex: auto;
  font-size: 14.5px;
  font-weight: 600;
  overflow: hidden;
}

.cab .ai-cell .toggle {
  flex: none;
}

.cab .ai-cell-col {
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.cab .ai-cell-col small {
  color: var(--mut);
  font-size: 12px;
}

.cab .ai-cell-top {
  justify-content: space-between;
  align-items: center;
  gap: 13px;
  display: flex;
}

.cab .ai-cell-top output {
  color: var(--mut);
  font-size: 14.5px;
  font-weight: 600;
}

.cab .ai-cell-val, .cab .ai-cell-num, .cab .ai-cell-text {
  font: inherit;
  color: var(--mut);
  text-align: right;
  background: none;
  border: none;
  padding: 0;
  font-size: 14.5px;
}

.cab .ai-cell-val {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: min(50vw, 280px);
  overflow: hidden;
}

.cab .ai-cell-num:focus, .cab .ai-cell-text:focus {
  color: var(--ink);
  outline: none;
}

.cab .ai-cell-num {
  flex: none;
  width: 84px;
}

.cab :-webkit-any(.ai-cell-num, .ai-cell-text) {
  min-height: 0;
}

.cab :-moz-any(.ai-cell-num, .ai-cell-text) {
  min-height: 0;
}

.cab :is(.ai-cell-num, .ai-cell-text) {
  min-height: 0;
}

.cab .ai-cell-text {
  flex: 1;
  min-width: 0;
}

.cab .ai-cell-text::placeholder {
  color: color-mix(in srgb, var(--mut) 65%, transparent);
}

.cab select.ai-cell-val {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.cab .ai-cell:not(.ai-cell-col):has(select.ai-cell-val):after {
  content: "";
  background: var(--mut);
  flex: none;
  width: 11px;
  height: 14px;
  margin-left: -6px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5l3.5-3.5L9 5'/%3E%3Cpath d='M2 9l3.5 3.5L9 9'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5l3.5-3.5L9 5'/%3E%3Cpath d='M2 9l3.5 3.5L9 9'/%3E%3C/svg%3E") center / contain no-repeat;
}

.cab .ai-cell-top:has(select.ai-cell-val):after {
  content: "";
  background: var(--mut);
  flex: none;
  width: 11px;
  height: 14px;
  margin-left: -6px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5l3.5-3.5L9 5'/%3E%3Cpath d='M2 9l3.5 3.5L9 9'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5l3.5-3.5L9 5'/%3E%3Cpath d='M2 9l3.5 3.5L9 9'/%3E%3C/svg%3E") center / contain no-repeat;
}

.cab .ai-ta {
  font: inherit;
  width: 100%;
  min-height: 76px;
  color: var(--ink);
  resize: vertical;
  background: none;
  border: none;
  padding: 0;
  font-size: 15px;
}

.cab .ai-ta:focus {
  outline: none;
}

.cab .ai-ta::placeholder {
  color: color-mix(in srgb, var(--mut) 65%, transparent);
}

.cab .ai-field {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.cab .ai-field small {
  font-size: 12px;
}

.cab .ai-label {
  color: var(--mut);
  font-size: 12.5px;
  font-weight: 600;
}

.cab .ai-num {
  max-width: 120px;
}

.cab .ai-range {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: color-mix(in srgb, var(--ink) 10%, transparent);
  border-radius: 999px;
  outline: none;
  width: 100%;
  height: 4px;
}

.cab .ai-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--surf);
  border: 1px solid var(--line2);
  width: 24px;
  height: 24px;
  box-shadow: var(--knob-sh);
  cursor: pointer;
  border-radius: 50%;
}

.cab .ai-range::-moz-range-thumb {
  background: var(--surf);
  border: 1px solid var(--line2);
  width: 24px;
  height: 24px;
  box-shadow: var(--knob-sh);
  cursor: pointer;
  border-radius: 50%;
}

.cab .ai-imgs {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.cab .ai-thumb {
  width: 76px;
  height: 76px;
  position: relative;
}

.cab .ai-thumb img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--r-sm);
  border: 1px solid var(--line);
  width: 100%;
  height: 100%;
}

.cab .ai-thumb button {
  background: var(--ink);
  width: 20px;
  height: 20px;
  color: var(--bg);
  text-align: center;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  top: -6px;
  right: -6px;
}

.cab .ai-add {
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--ink) 5%, transparent);
  min-width: 76px;
  height: 76px;
  color: var(--mut);
  font: inherit;
  text-align: center;
  cursor: pointer;
  border: none;
  padding: 0 8px;
  font-size: 12.5px;
}

.cab .ai-file {
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--ink) 5%, transparent);
  border: none;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  height: 34px;
  padding: 0 12px;
  font-size: 12.5px;
  display: inline-flex;
}

.cab .ai-file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
  overflow: hidden;
}

.cab .ai-file em {
  font-style: normal;
}

.cab .ai-file button {
  color: var(--mut);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  line-height: 1;
}

.cab .ai-adv {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.cab .ai-adv summary {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--bub-r);
  color: var(--ink);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  font-size: 14.5px;
  font-weight: 600;
  list-style: none;
  display: flex;
}

.cab .ai-adv summary::-webkit-details-marker {
  display: none;
}

.cab .ai-adv-chev {
  color: var(--mut);
  transition: transform .15s;
}

.cab .ai-adv[open] .ai-adv-chev {
  transform: rotate(180deg);
}

.cab .ai-adv-body {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.cab .ai-confirm {
  flex-direction: column;
  gap: 8px;
  padding-top: 4px;
  display: flex;
}

.cab .ai-confirm-sum {
  color: var(--ink);
  align-items: center;
  gap: 6px;
  font-size: 32px;
  font-weight: 700;
  display: flex;
}

.cab .ai-confirm p {
  color: var(--mut);
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
}

.cab .ai-cta {
  flex-direction: column;
  gap: 8px;
  margin-top: 2px;
  display: flex;
}

.cab .ai-cta > small {
  text-align: center;
}

.cab .ai-go > .k-btn__label {
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.cab .ai-job {
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  background: var(--bg);
  padding: 12px;
}

.cab .ai-job-head {
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 14px;
  display: flex;
}

.cab .ai-progress {
  background: var(--line);
  border-radius: 999px;
  height: 6px;
  overflow: hidden;
}

.cab .ai-progress div {
  background: var(--violet);
  border-radius: 999px;
  height: 100%;
  transition: width .6s;
}

.cab .ai-results {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.cab .ai-results video, .cab .ai-results img {
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: var(--r-sm);
  background: #000;
  width: 100%;
  max-height: min(62vh, 560px);
}

.cab .ai-results-links {
  gap: 14px;
  font-size: 13.5px;
  display: flex;
}

.cab .ai-hist {
  margin-top: 30px;
}

.cab .ai-hist h2 {
  margin: 0 0 10px;
  font-size: 16px;
}

.cab .ai-hist-row {
  border-bottom: 1px solid var(--line);
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  display: flex;
}

.cab .ai-hist-item:last-child .ai-hist-row {
  border-bottom: none;
}

.cab .ai-hist-main {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  font-size: 13.5px;
  display: flex;
}

.cab .ai-hist-main .ai-mut {
  font-size: 12px;
}

.cab .ai-hist-side {
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  font-size: 12.5px;
  display: flex;
}

.cab .ai-status-done {
  color: var(--green);
}

.cab .ai-status-failed {
  color: var(--red);
}

.cab .ai-status-queued, .cab .ai-status-running {
  color: var(--amber);
}

.cab .ai-src-badge {
  border: 1px solid var(--line);
  color: var(--mut);
  vertical-align: 1px;
  border-radius: 999px;
  margin-left: 6px;
  padding: 1px 6px;
  font-size: 10.5px;
  font-weight: 500;
}

@media (max-width: 820px) {
  .cab .ai-bar {
    flex-direction: column;
    align-items: stretch;
  }
}

@container cab (width <= 820px) {
  .cab .ai-bar {
    flex-direction: column;
    align-items: stretch;
  }
}

.cab .subnav {
  display: none;
}

.cab .subnav.subnav-line {
  max-width: calc(var(--page-max)  + 56px);
  background: none;
  border-radius: 0;
  gap: 18px;
  margin: 0 auto 6px;
  padding: 0 28px;
  display: flex;
}

@media (max-width: 820px) {
  .cab .subnav.subnav-line {
    padding: 0 12px;
  }
}

@container cab (width <= 820px) {
  .cab .subnav.subnav-line {
    padding: 0 12px;
  }
}

.cab .subnav.subnav-line a {
  color: var(--mut);
  transition: color var(--m-dur-fast);
  background: none;
  border-radius: 0;
  padding: 6px 1px 8px;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
}

@media (hover: hover) {
  .cab .subnav.subnav-line a:hover {
    color: var(--ink);
  }
}

.cab .subnav.subnav-line a.on {
  color: var(--ink);
  --ring-c: var(--accent);
  box-shadow: var(--underline-w) var(--ring-c);
  background: none;
}

.cab .subnav.subnav-line a {
  transition: color var(--m-dur-fast), box-shadow var(--m-dur-fast);
}

.cab .subnav.subnav-line {
  position: relative;
}

.cab .subnav-ind {
  display: none;
}

@media (max-width: 820px) {
  .cab .subnav-ind {
    background: var(--accent);
    will-change: transform, width;
    pointer-events: none;
    border-radius: 999px;
    width: 0;
    height: 2px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .cab .subnav.subnav-line a.on {
    box-shadow: none;
  }
}

@container cab (width <= 820px) {
  .cab .subnav-ind {
    background: var(--accent);
    will-change: transform, width;
    pointer-events: none;
    border-radius: 999px;
    width: 0;
    height: 2px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .cab .subnav.subnav-line a.on {
    box-shadow: none;
  }
}

@media (max-width: 820px) {
  .cab .subnav.subnav-line {
    margin-bottom: 2px;
    padding: 0 12px;
  }

  .cab.cab-focus .subnav {
    display: none;
  }
}

@container cab (width <= 820px) {
  .cab .subnav.subnav-line {
    margin-bottom: 2px;
    padding: 0 12px;
  }

  .cab.cab-focus .subnav {
    display: none;
  }
}

.cab .admin-tabs {
  flex-wrap: wrap;
  gap: 0 18px;
  margin: -16px 0 10px;
  display: flex;
}

.cab .admin-tabs button, .cab .admin-tabs a {
  font: inherit;
  color: var(--mut);
  cursor: pointer;
  transition: color var(--m-dur-fast);
  background: none;
  border: 0;
  padding: 6px 1px 8px;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
}

@media (hover: hover) {
  .cab .admin-tabs button:hover, .cab .admin-tabs a:hover {
    color: var(--ink);
  }
}

.cab .admin-tabs button.on, .cab .admin-tabs a.on {
  color: var(--ink);
  --ring-c: var(--accent);
  box-shadow: var(--underline-w) var(--ring-c);
}

.cab .ai-voice {
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
  margin-bottom: 8px;
  font-size: 13.5px;
}

.cab .ai-voice small {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: block;
}

.cab .ai-refine {
  border-top: 1px solid var(--line);
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  display: flex;
}

.cab .ai-refine > b {
  font-size: 13.5px;
}

.cab .ai-refine > .ai-mut {
  font-size: 12.5px;
}

.cab .ai-refine-sel {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.cab .ai-refine-thumb {
  border-radius: var(--r-xs);
  cursor: pointer;
  background: none;
  border: 2px solid rgba(0, 0, 0, 0);
  width: 56px;
  height: 56px;
  padding: 0;
  overflow: hidden;
}

.cab .ai-refine-thumb img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.cab .ai-refine-thumb.on {
  border-color: var(--violet);
}

.cab .ai-refine-chip {
  font: inherit;
  border: 1px solid var(--line);
  background: var(--surf);
  color: var(--ink);
  cursor: pointer;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 13px;
}

.cab .ai-refine-chip.on {
  border-color: var(--violet);
  color: var(--violet);
  font-weight: 600;
}

.cab .ai-refine-btns {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.cab .ai-refine-btn {
  font: inherit;
  border-radius: var(--r-sm);
  border: 1px solid var(--line);
  background: var(--surf);
  color: var(--ink);
  cursor: pointer;
  padding: 7px 12px;
  font-size: 13px;
  font-weight: 600;
}

.cab .ai-refine-btn.on {
  border-color: var(--violet);
}

.cab .ai-refine-btn:disabled {
  opacity: .55;
  cursor: default;
}

.cab .ai-refine-form, .cab .ai-refine-jobs {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.cab .ai-refine-jobs .ai-job {
  background: var(--surf);
}

.cab .ai-hist-row[role="button"] {
  cursor: pointer;
}

.cab .ai-hist-exp {
  border-bottom: 1px solid var(--line);
  padding: 4px 0 12px;
}

.cab .ai-hist-item:last-child .ai-hist-exp {
  border-bottom: none;
}

.cab .line-tabs {
  border-bottom: 1px solid var(--line);
  gap: 18px;
  margin-bottom: 10px;
  display: flex;
}

.cab .line-tabs button {
  color: var(--mut);
  cursor: pointer;
  transition: color var(--m-dur-fast);
  background: none;
  border: none;
  padding: 6px 1px 8px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
}

@media (hover: hover) {
  .cab .line-tabs button:hover {
    color: var(--ink);
  }
}

.cab .line-tabs button.on {
  color: var(--ink);
  --ring-c: var(--accent);
  box-shadow: var(--underline-w) var(--ring-c);
}

.cab .kf-blk__body > .line-tabs {
  margin-bottom: 0;
}

.cab .cond-del {
  justify-content: center;
  margin-top: 4px;
  display: flex;
}

.cab .tint-dots {
  grid-template-columns: repeat(4, 27px);
  justify-content: end;
  gap: 9px;
  display: grid;
}

.cab .tint-dot {
  width: 27px;
  height: 27px;
  box-shadow: var(--knob-sh);
  cursor: pointer;
  transition: transform var(--m-dur-fast), box-shadow var(--m-dur-fast);
  border: none;
  border-radius: 50%;
  padding: 0;
}

@media (hover: hover) {
  .cab .tint-dot:hover {
    transform: scale(1.12);
  }
}

.cab .tint-dot.on {
  --ring-c: var(--accent);
  box-shadow: var(--dot-w) var(--ring-c);
}

.cab .ai-price {
  color: var(--mut);
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 400;
  display: inline-flex;
}

.cab .ai-price svg {
  width: 12px;
  height: 12px;
}

.cab .ai-mcard-kind {
  vertical-align: -2px;
  flex: none;
  margin-right: 6px;
  display: inline-flex;
}

.cab .ai-mcard-kind svg {
  width: 15px;
  height: 15px;
}

.cab .ai-mcard-kind {
  color: var(--mut);
}

.data-menu-fx, .ai-fltmenu-fx {
  top: calc(var(--safe-top)  + var(--native-top-pad, 56px));
  z-index: 80;
  position: fixed;
}

.data-menu-fx {
  left: 14px;
}

.ai-fltmenu-fx {
  right: 14px;
}

html:not(.native-top) .data-menu-fx, html:not(.native-top) .ai-fltmenu-fx {
  display: none;
}

.data-menu-fx button[aria-haspopup="menu"], .ai-fltmenu-fx button[aria-haspopup="menu"] {
  background: none;
  border: 0;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.cab .row .av {
  flex: none;
}

.cab .av.st-pend {
  background: var(--line2);
  color: var(--mut);
}

.cab .av.st-plus {
  border: 1.5px dashed var(--accent);
  color: var(--accent);
  background: none;
}

.cab .av.st-pend svg, .cab .av.st-plus svg {
  width: 16px;
  height: 16px;
}

.cab .st-nav {
  position: relative;
  overflow: hidden;
}

.cab .st-nav .st-pane {
  z-index: 1;
  background: var(--bg);
  animation-duration: var(--m-dur);
  animation-timing-function: var(--m-ease);
  animation-fill-mode: both;
  position: relative;
}

.cab .st-nav .st-prev {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.cab .st-nav .st-in-right {
  z-index: 2;
  animation-name: st-in-right;
}

.cab .st-nav .st-in-left {
  z-index: 1;
  animation-name: st-in-left;
}

.cab .st-nav .st-out-left {
  z-index: 0;
  animation-name: st-out-left;
}

.cab .st-nav .st-out-right {
  z-index: 3;
  animation-name: st-out-right;
}

@keyframes st-in-right {
  from {
    transform: translateX(100%);
  }

  to {
    transform: none;
  }
}

@keyframes st-in-left {
  from {
    transform: translateX(calc(-1 * var(--m-parallax)));
  }

  to {
    transform: none;
  }
}

@keyframes st-out-left {
  from {
    transform: none;
  }

  to {
    transform: translateX(calc(-1 * var(--m-parallax)));
  }
}

@keyframes st-out-right {
  from {
    transform: none;
  }

  to {
    transform: translateX(100%);
  }
}

.cab .ov-sparkax {
  align-items: stretch;
  display: flex;
}

.cab .ov-sparkax-c {
  flex: none;
  min-width: 16px;
  padding-right: 4px;
  position: relative;
}

.cab .ov-sparkax-c span {
  color: var(--mut);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: 8.5px;
  line-height: 1;
  position: absolute;
  left: 0;
}

.cab .ov-sparkax-c span:first-child {
  top: 1px;
}

.cab .ov-sparkax-c .zero {
  bottom: 1px;
}

.cab .ov-sparkax-ax {
  background: color-mix(in srgb, var(--ink) 75%, transparent);
  border-radius: 999px;
  flex: none;
  width: 1px;
}

.cab .ov-sparkax .ov-spark {
  flex: auto;
  width: auto;
  margin-left: 5px;
}

:where(html.app) .cab .cta-grad {
  border-radius: var(--r-lg);
  text-align: center;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 18px;
  font-size: 15.5px;
  font-weight: 700;
  display: block;
}

.cab .cta-grad {
  color: #fff;
  background: linear-gradient(100deg, var(--accent) 0%, var(--hero-c, var(--violet)) 100%);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  border: 0;
  gap: 8px;
  font-family: inherit;
}

@media (hover: hover) {
  .cab .cta-grad:disabled {
    opacity: .55;
    cursor: default;
  }

  .cab .cta-grad:hover {
    filter: brightness(1.06);
  }
}

.cab .cta-grad:active {
  filter: brightness(.94);
}

.cab .tokens-btn {
  width: auto;
  min-width: var(--ctl);
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 0 12px;
  display: inline-flex;
}

.cab .tokens-btn-n {
  font-variant-numeric: tabular-nums;
  font-size: 13.5px;
  font-weight: 650;
}

.cab .scn-menu-tx {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.cab .scn-menu-sub {
  color: var(--mut);
  font-size: 12px;
  font-weight: 400;
}

.cab .ai-mode-pick {
  align-items: center;
  gap: 8px;
  margin: 2px 0 14px;
  display: flex;
}

.cab .ai-mode-pick-l {
  color: var(--mut);
  font-size: 13px;
}

.cab .ai-mode-pick-sel {
  font-size: 16px;
  font-weight: 650;
}

.cab .chat-feed-line.said, .cab .chat-trail-line.said {
  color: var(--ink);
  opacity: 1;
  max-width: 88%;
  margin: 8px 0 8px -4px;
  font-family: ui-serif, New York, Georgia, Times New Roman, serif;
  font-size: 15px;
  font-style: normal;
  line-height: 1.55;
  display: block;
  overflow: visible;
}

.cab .chat-feed-line.doing:not(.active) {
  opacity: .6;
}

.cab .tok {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  align-items: center;
  gap: 3px;
  display: inline-flex;
}

.cab .dr {
  position: relative;
}

.cab .dr-btn {
  color: var(--ink);
  background: var(--surf);
  border: 1px solid var(--line2);
  border-radius: var(--r-sm);
  cursor: pointer;
  text-align: center;
  font-variant-numeric: normal;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 13px;
  display: inline-flex;
}

.cab .k-lrow.bill-sum .k-lrow__t, .cab .k-lrow.bill-sum .k-lrow__val {
  color: var(--ink);
  font-size: 17px;
  font-weight: 600;
}

.cab .k-lrow:has(.dr--row) {
  position: relative;
}

.cab .dr.dr--row {
  position: static;
}

.cab .dr--row .dr-hit, .cab .dr .dr-native {
  z-index: 1;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  min-height: 0;
  box-shadow: none;
  cursor: pointer;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .dr .dr-native {
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
}

.k-dlg--date .dr-time {
  color: var(--ink);
  justify-content: space-between;
  align-items: center;
  margin-top: 14px;
  font-size: 17px;
  display: flex;
}

.k-dlg--date .dr-time .dr-btn {
  color: var(--ink);
  background: var(--hover);
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-family: inherit;
  font-size: 17px;
  display: inline-flex;
}

.cab .scn-warn {
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--amber) 12%, transparent);
  gap: 10px;
  padding: 12px;
  display: flex;
}

.cab .scn-warn-ico {
  color: var(--amber);
  flex: none;
  display: inline-flex;
}

.cab .scn-warn-body {
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.cab .scn-warn-body p {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.45;
}

.cab .scn-warn-acts {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
  display: flex;
}

.cab .scn-duo-fields {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

@media (max-width: 420px) {
  .cab .scn-duo-fields {
    grid-template-columns: 1fr;
  }
}

.cab .scn-days {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.cab .scn-day {
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  background: var(--surf);
  color: var(--mut);
  font: inherit;
  cursor: pointer;
  padding: 7px 11px;
  font-size: 13.5px;
}

.cab .scn-day.on {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent);
}

.cab .scn-check {
  cursor: pointer;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  display: flex;
}

.cab .scn-check input {
  width: 18px;
  height: 18px;
  accent-color: var(--accent);
  margin: 0;
}

.cab .scn-tiles {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.cab .scn-tile {
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--surf);
  color: var(--ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 12px;
  font-size: 13.5px;
  display: flex;
  position: relative;
}

.cab .scn-tile.on {
  border-color: var(--accent);
}

.cab .scn-tile-ico {
  color: var(--mut);
  display: inline-flex;
}

.cab .scn-tile.on .scn-tile-ico {
  color: var(--accent);
}

.cab .scn-tile-name {
  min-width: 0;
}

.cab .scn-tile .scn-radio {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.cab .scn-err-field {
  color: var(--step-error);
  margin: 0 0 8px;
  font-size: 12.5px;
  line-height: 1.45;
}

.cab .scn-err-form {
  text-align: center;
  color: var(--step-error);
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.45;
}

.cab .scn-err-form.flush {
  margin-bottom: 0;
}

.cab .scn-sub-add {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 6px 0 8px;
  display: flex;
}

.cab .scn-sub-add > input {
  flex: 180px;
  min-width: 0;
}

.cab .scn-sub-add > .scn-help-field {
  flex: 1 0 100%;
  margin: 0;
}

.cab .tp {
  align-items: center;
  gap: 6px;
  display: flex;
}

.cab .tp > * {
  flex: 1;
  min-width: 0;
}

.cab .tp-sep {
  color: var(--mut);
  flex: none;
}

.cab .tp-native {
  justify-content: space-between;
  width: 100%;
}

.cab .scn-tile.still {
  cursor: default;
}

.cab .scn-txt-bar .scn-txt-hist:nth-last-child(2) {
  margin-left: auto;
}

.cab .scn-txt-bar button:disabled {
  opacity: .35;
  cursor: default;
}

.cab .scn-txt-slot.on {
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}

.cab .scn-txt-emoji {
  border-top: 1px solid var(--line);
  flex-wrap: wrap;
  gap: 2px;
  max-height: 168px;
  padding: 6px 8px 8px;
  display: flex;
  overflow-y: auto;
}

.cab .scn-txt-emoji button {
  border-radius: var(--r-xs);
  cursor: pointer;
  background: none;
  border: none;
  width: 30px;
  height: 30px;
  padding: 0;
  font-size: 19px;
  line-height: 1;
}

@media (hover: hover) {
  .cab .scn-txt-emoji button:hover {
    background: var(--hover);
  }
}

.cab .scn-fnode.sel {
  --ring-c: var(--k, var(--line2));
  box-shadow: var(--scn-card-sh), var(--ring-w) var(--ring-c);
}

.cab .scn-txt-in .scn-chip {
  border-radius: var(--r-xs);
  background: color-mix(in srgb, var(--accent) 13%, transparent);
  color: color-mix(in srgb, var(--accent) 80%, var(--ink));
  white-space: nowrap;
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
  padding: 0 5px;
  display: inline-block;
}

.cab .igm-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 4px 0 10px;
  display: grid;
}

.cab .igm-card {
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: var(--ink);
  background: none;
  border: 0;
  padding: 0;
  display: block;
}

.cab .igm-thumb {
  aspect-ratio: 1;
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  display: block;
  position: relative;
  overflow: hidden;
}

.cab .igm-thumb img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.cab .igm-mark {
  width: 22px;
  height: 22px;
  box-shadow: var(--knob-sh);
  background: rgba(0, 0, 0, .25);
  border: 1.5px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  right: 6px;
}

.cab .igm-mark.on {
  background: var(--accent);
  border-color: #fff;
}

.cab .igm-mark.on:after {
  content: "";
  border: solid var(--accent-ink, #fff);
  border-width: 0 2.5px 2.5px 0;
  width: 6px;
  height: 10px;
  position: absolute;
  top: 3.5px;
  left: 6.5px;
  transform: rotate(45deg);
}

.cab .igm-card.on .igm-thumb {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

.cab .igm-kind {
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .55);
  font-size: 11px;
  line-height: 1;
  position: absolute;
  bottom: 6px;
  left: 6px;
}

.cab .igm-row {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.cab .igm-row .btn {
  color: var(--accent);
}

.cab .igm-chosen {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin: 0;
  display: flex;
}

.cab .igm-chosen-n {
  color: var(--mut);
  font-size: 13px;
}

.cab .igm-chosen-thumbs {
  gap: 4px;
  display: inline-flex;
}

.cab .igm-mini {
  border-radius: var(--r-xs);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  width: 26px;
  height: 26px;
  display: inline-block;
  overflow: hidden;
}

.cab .igm-mini img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 1023px) {
  .cab .side2 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .cab.cab-split .top {
    display: none;
  }
}

.cab .split-ana-bars {
  width: 100%;
  height: 52px;
}

.cab .split-ana-row .nm {
  font-weight: 600;
}

.cab .ana-card-bars {
  height: 26px;
  margin-top: 8px;
}

.cab .ana-card-none {
  color: var(--mut);
  margin-top: 8px;
  font-size: 12.5px;
}

.cab .ana-strip {
  background: var(--surf);
  border-radius: var(--r);
  box-shadow: var(--scn-card-sh);
  margin-bottom: 14px;
  padding: 14px 12px 12px;
}

.cab .ana-strip-row {
  scrollbar-width: none;
  align-items: flex-start;
  gap: 14px;
  padding: 4px 2px 8px;
  display: flex;
  overflow-x: auto;
}

.cab .ana-strip-row::-webkit-scrollbar {
  display: none;
}

.cab .ana-story {
  cursor: pointer;
  background: none;
  border: none;
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 6px;
  width: 64px;
  padding: 0;
  font-family: inherit;
  display: flex;
}

.cab .ana-story-ava {
  --ring-c: var(--line2);
  width: 44px;
  height: 44px;
  box-shadow: var(--dot-w) var(--ring-c);
  border-radius: 999px;
  place-items: center;
  display: grid;
  overflow: hidden;
}

.cab .ana-story-instagram {
  --ring-c: rgba(225, 48, 108, .55);
}

.cab .ana-story-telegram {
  --ring-c: rgba(42, 171, 238, .55);
}

.cab .ana-story-ava img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.cab .ana-story-ava .scn-ava-tile {
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.cab .ana-story-nm {
  max-width: 100%;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11.5px;
  line-height: 1.25;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .cab .content [data-pane="analytics"] .ana-strip {
    margin: -24px calc(-1 * var(--cab-pad, 0px)) var(--head-air);
    padding: 14px var(--cab-pad, 0px) 0;
    box-shadow: none;
    border-radius: 0;
  }
}

@media (max-width: 820px) {
  .cab .ana-strip {
    box-shadow: none;
    margin: 0 calc(-1 * var(--cab-pad, 0px)) var(--head-air);
    padding: 10px var(--cab-pad, 0px) 0;
    background: none;
    border-radius: 0;
  }

  .cab .content [data-pane="analytics"] .ana-strip {
    margin: -18px calc(-1 * var(--cab-pad, 0px)) var(--head-air);
    padding: 12px var(--cab-pad, 0px) 0;
    background: none;
  }

  .cab .ana-strip-row {
    margin-left: -1px;
  }
}

@container cab (width <= 820px) {
  .cab .ana-strip {
    box-shadow: none;
    margin: 0 calc(-1 * var(--cab-pad, 0px)) var(--head-air);
    padding: 10px var(--cab-pad, 0px) 0;
    background: none;
    border-radius: 0;
  }

  .cab .content [data-pane="analytics"] .ana-strip {
    margin: -18px calc(-1 * var(--cab-pad, 0px)) var(--head-air);
    padding: 12px var(--cab-pad, 0px) 0;
    background: none;
  }

  .cab .ana-strip-row {
    margin-left: -1px;
  }
}

.cab .split-ana-back, .cab .split-msg-back {
  margin-bottom: 14px;
}

.cab .split-msg-back {
  align-self: flex-start;
}

@media (min-width: 821px) {
  .cab .app, .cab .side {
    background: var(--panel-1);
  }

  .cab .main {
    background: var(--bg);
    border-radius: var(--panel-r) 0 0 var(--panel-r);
    box-shadow: var(--panel-sh);
    z-index: 2;
    margin-left: -34px;
  }
}

@media (min-width: 1024px) {
  .cab .side2 {
    background: var(--panel-2);
    border-radius: var(--panel-r) 0 0 var(--panel-r);
    width: 255px;
    box-shadow: var(--panel-sh);
    z-index: 1;
    margin-left: -34px;
    margin-right: -34px;
  }

  .cab .side2-head {
    padding-left: 26px;
    padding-right: 50px;
  }

  .cab .side2-q {
    width: calc(100% - 34px);
  }

  .cab .side2-body {
    padding-left: 18px;
  }

  .cab .side2-q {
    margin-left: 2px;
  }

  .cab .content {
    --cab-pad: 26px;
  }

  .cab .main {
    margin-left: 0;
  }

  .cab.cab-focus .main {
    margin-left: -34px;
    overflow: hidden;
  }

  .cab.cab-focus .main:has(.scn-schema-wrap.lanes:not(.scn-hide)) {
    overflow-x: hidden;
    overflow-y: auto;
  }
}

.cab .scn-create {
  gap: var(--bub-gap);
  padding: var(--bub-pad);
  border-radius: var(--bub-r);
  background: var(--surf);
  box-shadow: var(--bub-sh);
  border: 1px solid rgba(0, 0, 0, 0);
  flex-direction: column;
  margin: 20px 0;
  display: flex;
}

@media (min-width: 901px) {
  .cab .scn-create {
    margin-top: 0;
  }
}

@media (max-width: 1023px) {
  .cab .scn-create {
    display: none;
  }
}

.cab .scn-create-sheet {
  margin: 0;
  display: flex;
}

.cab .scn-create-i2 {
  align-items: flex-start;
}

.cab .scn-create-i2 svg {
  flex: none;
  margin-top: 2px;
}

.cab .scn-ci-col {
  text-align: left;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.cab .scn-ci-sub {
  color: color-mix(in srgb, var(--ink) 55%, transparent);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
}

@media (min-width: 1024px) {
  .cab .scr-create-top {
    display: none;
  }
}

.cab .scn-create-i {
  box-sizing: border-box;
  border-radius: var(--bub-row-r);
  width: 100%;
  font: inherit;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 10px;
  padding: 11px 10px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.cab .scn-create-i svg {
  flex: none;
  width: 18px;
  height: 18px;
}

.cab .scn-create-i:active {
  background: var(--press);
}

@media (hover: hover) {
  .cab .scn-create-i:hover {
    background: var(--hover);
  }
}

.cab:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background:   radial-gradient(46vw 38vh at 88% 8%, color-mix(in srgb, var(--accent-soft) 96%, transparent), transparent 70%), radial-gradient(40vw 34vh at 6% 62%, color-mix(in srgb, var(--green-soft) 84%, transparent), transparent 72%);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .app {
  z-index: 1;
  position: relative;
}

.cab .rows, .cab .card, .cab .ai-vgroup, .cab .d-empty, .cab .scn-card, .cab .scn-tpl-banner {
  background: var(--surf);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: var(--bub-sh);
  border: 1px solid rgba(0, 0, 0, 0);
}

.cab .rows .row {
  position: relative;
}

.cab .rows .row:before {
  content: "";
  inset: calc(-.5 * var(--bub-gap)) calc(-1 * var(--bub-pad));
  transition: background var(--m-dur-fast);
  pointer-events: none;
  z-index: 0;
  background: none;
  position: absolute;
}

.cab .rows .row > * {
  z-index: 1;
  position: relative;
}

.cab .rows .row:first-child:before {
  top: calc(-1 * var(--bub-pad));
  border-radius: var(--bub-r) var(--bub-r) 0 0;
}

.cab .rows .row:last-child:before {
  bottom: calc(-1 * var(--bub-pad));
  border-radius: 0 0 var(--bub-r) var(--bub-r);
}

.cab .rows .row:only-child:before {
  border-radius: var(--bub-r);
}

@media (hover: hover) and (pointer: fine) {
  .cab .rows .row:hover:before {
    background: var(--hover);
  }

  .cab .scn-card:hover, .cab .scn-tpl-banner:hover {
    box-shadow: var(--bub-film-hover);
  }
}

.cab .rows .row:active:before {
  background: var(--press);
}

.cab .scn-card:active, .cab .scn-tpl-banner:active {
  box-shadow: var(--bub-film-press);
}

.cab :-webkit-any(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card) {
  position: relative;
}

.cab :-moz-any(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card) {
  position: relative;
}

.cab :is(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card) {
  position: relative;
}

.cab :-webkit-any(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card):before {
  content: "";
  inset: calc(-.5 * var(--bub-gap)) calc(-1 * var(--bub-row-bleed));
  transition: background var(--m-dur-fast);
  pointer-events: none;
  z-index: 0;
  background: none;
  position: absolute;
}

.cab :-moz-any(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card):before {
  content: "";
  inset: calc(-.5 * var(--bub-gap)) calc(-1 * var(--bub-row-bleed));
  transition: background var(--m-dur-fast);
  pointer-events: none;
  z-index: 0;
  background: none;
  position: absolute;
}

.cab :is(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card):before {
  content: "";
  inset: calc(-.5 * var(--bub-gap)) calc(-1 * var(--bub-row-bleed));
  transition: background var(--m-dur-fast);
  pointer-events: none;
  z-index: 0;
  background: none;
  position: absolute;
}

.cab :-webkit-any(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card) > * {
  z-index: 1;
  position: relative;
}

.cab :-moz-any(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card) > * {
  z-index: 1;
  position: relative;
}

.cab :is(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card) > * {
  z-index: 1;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .cab :-webkit-any(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card):hover:before {
    background: var(--hover);
  }

  .cab :-moz-any(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card):hover:before {
    background: var(--hover);
  }

  .cab :is(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card):hover:before {
    background: var(--hover);
  }
}

.cab :-webkit-any(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card):active:before {
  background: var(--press);
}

.cab :-moz-any(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card):active:before {
  background: var(--press);
}

.cab :is(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card):active:before {
  background: var(--press);
}

@media (hover: hover) and (pointer: fine) {
  .cab .ov-scn:hover {
    box-shadow: var(--bub-sh), var(--bub-film-hover);
  }
}

.cab .ov-scn:active {
  box-shadow: var(--bub-sh), var(--bub-film-press);
}

.cab .set-hero-name, .cab .split-pane-t, .cab .pane-head-t {
  font-size: var(--head-size);
  font-weight: var(--head-weight);
  letter-spacing: var(--head-kern);
  line-height: var(--head-lh);
  color: var(--ink);
}

.cab .scn-card {
  border-radius: var(--bub-r);
  background: var(--surf);
  box-shadow: var(--bub-sh);
  -webkit-tap-highlight-color: transparent;
  transition: background var(--m-dur-fast);
  color: inherit;
  border: 1px solid rgba(0, 0, 0, 0);
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  text-decoration: none;
  display: flex;
}

.cab .scn-card:before, .cab .scn-tpl-banner:before {
  content: "";
  inset: var(--bub-pad);
  border-radius: var(--bub-row-r);
  transition: background var(--m-dur-fast);
  pointer-events: none;
  background: none;
  position: absolute;
}

.cab .scn-card > :not(.scn-card-menu), .cab .scn-tpl-banner > * {
  z-index: 1;
  position: relative;
}

@media (prefers-reduced-motion: reduce) {
  .cab .scn-card:before, .cab .scn-tpl-banner:before {
    transition: none;
  }

  .cab .scn-card:active:before, .cab .scn-tpl-banner:active:before {
    transition-delay: 0s;
  }
}

.cab .scn-card-col {
  flex-direction: column;
  flex: 1;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.cab .scn-card-wide {
  min-width: 0;
  margin-top: 2px;
}

.cab .scn-card-row2 {
  color: var(--mut);
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin-top: 6px;
  font-size: 12px;
  display: flex;
}

.cab .scn-card-name {
  color: var(--ink);
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.3;
  display: flex;
}

.cab .scn-card-t {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font-size: 17px;
  font-weight: 400;
  overflow: hidden;
}

.cab .scn-name-chan {
  flex: none;
  align-items: center;
  margin-left: 5px;
  display: inline-flex;
}

.cab .scn-name-chan svg, .cab .scn-name-chan img {
  width: 14px;
  height: 14px;
}

.cab .scn-card-who {
  min-width: 0;
  color: var(--mut);
  align-items: center;
  font-size: 12.5px;
  display: inline-flex;
}

.cab .scn-card-acc {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cab .scn-chan-ic {
  align-items: center;
  margin-right: 2px;
  display: inline-flex;
}

.cab .scn-chan-ic svg, .cab .scn-chan-ic img {
  width: 15px;
  height: 15px;
}

.cab .scn-card:has( > .scn-card-menu) .scn-card-name {
  padding-right: 28px;
}

.cab .scn-folders {
  margin: 0 0 var(--cab-gap, 12px);
}

@media (min-width: 1024px) {
  .cab .scn-folders {
    display: none;
  }
}

@media (min-width: 821px) and (max-width: 1023px) {
  html:not(.app) .cab .scn-create + .scn-folders {
    margin-top: -28px;
  }

  html:not(.app) .cab .msg-folders.scn-folders, html:not(.app) .cab .scn-folders .msg-folders__gear {
    height: 40px;
  }

  html:not(.app) .cab .scn-folders .msg-folders__row {
    align-self: stretch;
    align-items: stretch;
  }

  html:not(.app) .cab .scn-folders .msg-folders__pill {
    background: color-mix(in srgb, var(--ink) 8%, transparent);
  }

  html[data-theme^="dark"]:not(.app) .cab .scn-folders .msg-folders__pill {
    background: color-mix(in srgb, var(--ink) 14%, transparent);
  }
}

.cab .scn-card-line {
  height: 50px;
  color: var(--accent-stroke);
  margin: 4px 0;
  position: relative;
}

.cab .scn-card-line.compact {
  height: 36px;
  margin: 2px 0 0;
}

.cab .scn-card-line.compact svg {
  height: 20px;
  top: 8px;
  bottom: 8px;
}

.cab .scn-card-line svg {
  width: 100%;
  height: 26px;
  display: block;
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 0;
  right: 0;
  overflow: visible;
}

.cab .scn-card-line__lbl {
  color: var(--mut);
  white-space: nowrap;
  font-size: 10px;
  line-height: 1;
  position: absolute;
  transform: translateX(-50%);
}

.cab .scn-card-line__lbl.hi {
  top: 0;
}

.cab .scn-card-line__lbl.lo {
  bottom: 0;
}

.cab .scn-card-line__l2 {
  stroke: var(--mut);
}

.cab .scn-card-line__lbl.l2 {
  color: var(--green);
  transform: translate(-50%, calc(-100% - 5px));
}

.cab .scn-card-desc {
  color: var(--mut);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px;
  display: -webkit-box;
  overflow: hidden;
}

.cab .scn-card-meta {
  color: var(--mut-2);
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 5px;
  min-width: 0;
  font-size: 13px;
  display: flex;
}

.cab .scn-card-legend {
  color: var(--mut);
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin: -2px 0 4px;
  font-size: 12px;
  display: flex;
}

.cab .scn-card-legend__it {
  color: var(--mut);
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.cab .scn-card-legend__dot {
  background: var(--dot, var(--accent-stroke));
  border-radius: 999px;
  width: 7px;
  height: 7px;
}

.cab .scn-card-nums {
  color: var(--mut);
  align-items: center;
  gap: 12px;
  margin-top: 0;
  font-size: 12px;
  display: flex;
}

.cab .scn-card-foot {
  align-items: center;
  gap: 12px;
  margin-top: 6px;
  display: flex;
}

.cab .scn-card-state {
  color: var(--ink);
  --dot: var(--green);
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  gap: 5px;
  min-width: 0;
  max-width: 100%;
  margin-left: auto;
  font-size: 12px;
  display: inline-flex;
  overflow: hidden;
}

.cab .scn-card-state__dot {
  background: var(--dot);
  border-radius: 999px;
  width: 7px;
  height: 7px;
}

.cab .scn-card-state-off, .cab .scn-card-state-wait {
  color: var(--mut);
  --dot: var(--mut);
}

.cab .scn-card-state-err {
  color: var(--step-error);
  --dot: var(--step-error);
}

.cab .scn-card-err {
  color: var(--step-error);
  background: none;
  border: 0;
  padding: 0;
  font-family: inherit;
  font-size: 12px;
}

.cab .scn-card-conv {
  color: var(--mut);
  white-space: nowrap;
  font-size: 12px;
}

.cab .scn-card-conv b {
  color: var(--ink);
  font-size: 15px;
  font-weight: 600;
}

.cab .scn-stchip {
  white-space: nowrap;
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  padding: 6px 0;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  display: inline-flex;
}

.cab .scn-stchip:before {
  content: "";
  background: currentColor;
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
}

.cab button.scn-stchip {
  cursor: pointer;
}

.cab button.scn-stchip:disabled {
  cursor: default;
  opacity: .7;
}

.cab .scn-stchip-run {
  color: var(--green);
}

.cab .scn-stchip-off {
  color: #c07f1f;
}

.cab .scn-stchip-err {
  color: var(--step-error);
}

.cab .scn-runs {
  color: var(--mut);
  white-space: nowrap;
  font-size: 12px;
}

.cab .scn-runs b {
  color: var(--ink);
  font-weight: 680;
}

.cab .scn-conv {
  color: var(--mut);
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
}

.cab .scn-card-soon {
  opacity: .55;
  cursor: default;
  pointer-events: none;
}

.cab .scn-soon {
  color: var(--mut);
  background: color-mix(in srgb, var(--ink) 7%, transparent);
  vertical-align: middle;
  border-radius: 999px;
  margin-left: 8px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 650;
}

.cab .scn-when {
  color: var(--mut);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: auto;
  font-size: 12px;
  overflow: hidden;
}

.cab .scn-ava-tile {
  border-radius: var(--r-sm);
  place-items: center;
  width: 44px;
  height: 44px;
  display: grid;
}

.cab .scn-card-ava .scn-duo {
  border-radius: var(--r);
  background: color-mix(in srgb, currentColor 12%, transparent);
}

.cab .scn-ava-tile > .scn-ava-cat {
  display: none;
}

.cab .scn-ava-tile.scn-ava-telegram {
  color: #2aabee;
  background: rgba(42, 171, 238, .13);
}

.cab .scn-ava-tile.scn-ava-instagram {
  color: #e1306c;
  background: rgba(225, 48, 108, .11);
}

.cab .scn-ava-tile.scn-ava-vkontakte {
  color: #07f;
  background: rgba(0, 119, 255, .12);
}

.cab .scn-ava-tile.scn-ava-max, .cab .scn-ava-tile.scn-ava-form {
  color: #2481cc;
  background: rgba(36, 129, 204, .11);
}

.cab .scn-ava-tile.scn-ava-chat {
  color: #e23570;
  background: rgba(226, 53, 112, .11);
}

.cab .scn-ava-tile.scn-ava-pay {
  background: color-mix(in srgb, var(--chat-pay) 11%, transparent);
  color: var(--chat-pay);
}

.cab .scn-pane-sum {
  color: var(--mut);
  margin: -6px 0 12px 2px;
  font-size: 13px;
}

.cab .scn-vgroups {
  --scn-gap: 10px;
  gap: var(--scn-gap);
}

@media (min-width: 1024px) {
  .cab .scn-grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    align-items: stretch;
    gap: 12px;
    display: grid;
  }

  .cab .scn-grid .scn-card {
    align-items: stretch;
    min-height: 120px;
  }

  .cab .scn-grid .scn-card .scn-card-ava, .cab .scn-grid .scn-tpl-banner .scn-tpl-banner-ic {
    align-self: flex-start;
  }

  .cab .scn-grid .scn-tpl-banner {
    align-items: stretch;
  }

  .cab .scn-grid .scn-card .scn-card-foot, .cab .scn-grid .scn-tpl-banner .scn-card-foot {
    margin-top: auto;
  }
}

.cab .mst-flat, .cab .tpl-flat {
  margin-bottom: 26px;
}

@media (min-width: 1024px) {
  .cab .mst-flat.scn-grid .scn-card, .cab .tpl-flat.scn-grid .scn-card {
    min-height: 0;
  }
}

.cab .tpl-flat .scn-card-meta {
  flex-wrap: wrap;
  row-gap: 2px;
}

.cab .tpl-rows .row {
  cursor: pointer;
}

.cab .tpl-rows .row > .scn-ava-tile {
  flex: none;
  align-self: flex-start;
}

.cab .tpl-rows .tpl-row-col {
  min-width: 0;
}

.cab .tpl-rows .tpl-row-sub {
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 5px;
  display: flex;
}

.cab .tpl-rows .tpl-wiz-mark {
  margin-top: 3px;
  font-size: 13px;
  display: flex;
}

.cab .scn-desc {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 2px;
  display: -webkit-box;
  overflow: hidden;
}

.cab .scn-card-av {
  width: 16px;
  height: 16px;
  color: var(--mut);
  background: color-mix(in srgb, var(--ink) 8%, transparent);
  border-radius: 50%;
  place-items: center;
  font-size: 9.5px;
  font-weight: 700;
  display: inline-grid;
}

.cab .scn-card-name .scn-on-dot {
  font-size: 20px;
  line-height: 1;
}

.cab .scn-card-ava {
  flex: none;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-top: 1px;
  display: grid;
  position: relative;
}

.cab .scn-card-ava-photo {
  -o-object-fit: cover;
  object-fit: cover;
  background: var(--line2);
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.cab .scn-card-ava-l {
  color: var(--mut);
  font-size: 16px;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .cab .side {
    overflow: visible;
  }

  .cab .side .nav {
    margin-right: -38px;
    padding-right: 46px;
  }

  .cab .side2-body .side2-i, .cab .side2-body .side2-flt-slot .scn-flt-right > span > button {
    padding-right: 26px;
  }
}

.cab .scn-card-cat {
  white-space: nowrap;
  font-weight: 600;
}

.cab .main-split .scn-flt-right {
  justify-content: flex-end;
  margin: 0;
}

.cab .main-split .scn-flt-right > span > button {
  color: var(--ink);
  background: var(--surf);
  border: 1px solid color-mix(in srgb, var(--ink) 7%, transparent);
  box-shadow: var(--bub-sh);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 7px 13px;
  font-size: 13px;
  font-weight: 570;
  display: inline-flex;
}

.cab .tagpick-chips {
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
  display: flex;
}

.cab .tagpick-add {
  align-items: center;
  gap: 8px;
  display: flex;
}

.cab .tagpick-add > .k-inp {
  flex: 1;
  min-width: 0;
}

.cab .scn-var-create {
  margin: 8px 0;
}

.cab .scn-var-off {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 6px 0 8px;
  display: flex;
}

.cab .scn-var-off > .scn-help-field {
  flex: 1 0 100%;
  margin: 0;
}

.cab .scn-var-insert {
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  margin: 6px 0 8px;
  display: flex;
}

.cab .svc-probe {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.cab .svc-probe-raw {
  border-radius: var(--r-sm);
  background: var(--panel-2);
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 260px;
  margin: 0;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.45;
  overflow: auto;
}

.cab .svc-tree {
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  overflow: hidden;
}

.cab .svc-tree-row {
  text-align: left;
  width: 100%;
  min-height: 44px;
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
}

.cab .svc-tree-row + .svc-tree-row {
  border-top: 1px solid var(--line);
}

.cab .svc-tree-row:disabled {
  cursor: default;
}

.cab .svc-tree-note {
  color: var(--mut);
  cursor: default;
  min-height: 36px;
  font-size: 12.5px;
}

.cab .svc-tree-caret {
  color: var(--mut);
  transition: transform var(--m-dur-fast);
  flex: none;
}

.cab .svc-tree-caret.open {
  transform: rotate(90deg);
}

.cab .svc-tree-key {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: none;
  max-width: 45%;
  font-size: 13.5px;
  font-weight: 600;
  overflow: hidden;
}

.cab .svc-tree-count {
  color: var(--mut);
  font-size: 12px;
  font-weight: 600;
}

.cab .svc-tree-val {
  min-width: 0;
  color: var(--mut);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 13px;
  overflow: hidden;
}

.cab .svc-tree-leaf.on .svc-tree-key, .cab .svc-tree-leaf.on .svc-tree-val {
  color: var(--accent-d);
}

.cab .svc-tree-check {
  color: var(--accent-d);
  flex: none;
}

.cab .ct-table {
  gap: var(--bub-gap);
  padding: var(--bub-pad);
  scrollbar-width: none;
  margin-bottom: var(--bub-stack);
  flex-direction: column;
  display: flex;
  overflow-x: auto;
}

.cab .ct-table::-webkit-scrollbar {
  display: none;
}

.cab .ct-head, .cab .ct-row {
  grid-template-columns: 40px minmax(0, 1.2fr) minmax(0, .9fr) minmax(0, 1.3fr) max-content;
  align-items: center;
  gap: 4px 14px;
  min-width: min-content;
  padding: 11px 10px;
  display: grid;
}

.cab .ct-head {
  padding-bottom: 4px;
  font-size: 12px;
}

.cab .ct-row {
  cursor: pointer;
  border-radius: var(--bub-row-r);
}

@media (hover: hover) {
  .cab .ct-row:hover {
    background: var(--hover);
  }
}

.cab .ct-row:active {
  background: var(--press);
}

.cab .ct-ava {
  width: 40px;
  height: 40px;
}

.cab .ct-name-cell {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.cab .ct-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14.5px;
  font-weight: 600;
  overflow: hidden;
}

.cab .ct-login {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  overflow: hidden;
}

.cab .ct-cell-reach {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cab .ct-cell-tags {
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.cab .ct-resume {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.cab .ct-tag {
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  white-space: nowrap;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 12px;
}

.cab .ct-cell-when {
  white-space: nowrap;
  text-align: right;
}

.cab .ct-tags-edit {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.cab .ct-tags-row {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.cab .ct-tag-on {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.cab .ct-tag-x {
  color: var(--mut);
  display: inline-flex;
}

.cab .ct-tag-x:hover {
  color: var(--ink);
}

.cab .ct-tag-hint {
  background: var(--line);
  color: var(--mut);
}

.cab .ct-tag-hint:hover {
  background: var(--accent-soft);
  color: var(--ink);
}

.cab .ct-tags-add {
  align-items: center;
  gap: 8px;
  display: flex;
}

.cab .ct-tags-add .k-inp {
  flex: auto;
  min-width: 0;
}

@media (max-width: 820px) {
  .cab .ct-head {
    display: none;
  }

  .cab .ct-row {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .cab .ct-ava {
    grid-row: 1 / span 2;
  }

  .cab .ct-cell-reach, .cab .ct-cell-when {
    display: none;
  }

  .cab .ct-cell-tags {
    grid-column: 2;
  }
}

@container cab (width <= 820px) {
  .cab .ct-head {
    display: none;
  }

  .cab .ct-row {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .cab .ct-ava {
    grid-row: 1 / span 2;
  }

  .cab .ct-cell-reach, .cab .ct-cell-when {
    display: none;
  }

  .cab .ct-cell-tags {
    grid-column: 2;
  }
}

.cab .ct-table.is-pick .ct-head, .cab .ct-table.is-pick .ct-row {
  grid-template-columns: 26px 40px minmax(0, 1.2fr) minmax(0, .9fr) minmax(0, 1.3fr) max-content;
}

@media (max-width: 820px) {
  .cab .ct-table.is-pick .ct-row {
    grid-template-columns: 26px 40px minmax(0, 1fr);
  }

  .cab .ct-table.is-pick .ct-cell-tags {
    grid-column: 3;
  }
}

@container cab (width <= 820px) {
  .cab .ct-table.is-pick .ct-row {
    grid-template-columns: 26px 40px minmax(0, 1fr);
  }

  .cab .ct-table.is-pick .ct-cell-tags {
    grid-column: 3;
  }
}

.cab .aud-title {
  margin: 0 2px var(--bub-stack);
  letter-spacing: -.01em;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
}

.cab .aud-list {
  padding-bottom: calc(var(--aud-bar-h)  + 8px);
}

.cab .aud-list.is-pick {
  padding-bottom: 8px;
}

.cab .aud-bar {
  --aud-bar-h: 56px;
  z-index: 2;
  min-height: var(--aud-bar-h);
  margin: 0 calc(-1 * var(--bub-pad));
  padding: 8px var(--bub-pad) calc(8px + env(safe-area-inset-bottom));
  transition: transform var(--m-dur) var(--m-ease), opacity var(--m-dur) var(--m-ease);
  align-items: center;
  gap: 8px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.cab .aud-bar.is-search .aud-flt {
  opacity: 0;
  pointer-events: none;
  width: 0;
  margin-left: -8px;
}

.cab .aud-bar.is-hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.cab .aud-flt, .cab .aud-x {
  width: var(--ctl-sm);
  height: var(--ctl-sm);
  color: var(--ink);
  transition: width var(--m-dur) var(--m-ease), opacity var(--m-dur) var(--m-ease), margin var(--m-dur) var(--m-ease);
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.cab .aud-flt.is-on {
  color: var(--accent-stroke);
  background: var(--accent-soft);
}

.cab .aud-flt__badge {
  background: var(--accent-soft);
  min-width: 16px;
  height: 16px;
  color: var(--accent-stroke);
  text-align: center;
  border-radius: 999px;
  padding: 0 4px;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 16px;
  position: absolute;
  top: -3px;
  right: -3px;
}

.cab .aud-bar .k-inp {
  min-width: 0;
  min-height: var(--ctl-sm);
  transition: flex-basis var(--m-dur) var(--m-ease);
  border-radius: 999px;
  flex: auto;
}

.cab .aud-bar .k-search {
  flex: auto;
  min-width: 0;
}

.cab :-webkit-any(.wiz-pane, .fk-pane) .fk-picknav {
  align-items: center;
  gap: 2px;
  display: flex;
}

.cab :-moz-any(.wiz-pane, .fk-pane) .fk-picknav {
  align-items: center;
  gap: 2px;
  display: flex;
}

.cab :is(.wiz-pane, .fk-pane) .fk-picknav {
  align-items: center;
  gap: 2px;
  display: flex;
}

.cab :-webkit-any(.wiz-pane, .fk-pane) .fk-picknav__box {
  width: 34px;
  height: 34px;
  color: var(--accent-stroke);
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.cab :-moz-any(.wiz-pane, .fk-pane) .fk-picknav__box {
  width: 34px;
  height: 34px;
  color: var(--accent-stroke);
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.cab :is(.wiz-pane, .fk-pane) .fk-picknav__box {
  width: 34px;
  height: 34px;
  color: var(--accent-stroke);
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.cab :-webkit-any(.wiz-pane, .fk-pane) .fk-picknav__main {
  flex: auto;
  min-width: 0;
}

.cab :-moz-any(.wiz-pane, .fk-pane) .fk-picknav__main {
  flex: auto;
  min-width: 0;
}

.cab :is(.wiz-pane, .fk-pane) .fk-picknav__main {
  flex: auto;
  min-width: 0;
}

.cab .flt-sheet {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.cab .flt-sheet-name {
  color: var(--mut);
  margin: 0 0 6px 2px;
  font-size: 12.5px;
  font-weight: 600;
}

.cab .flt-sheet .rows {
  border: 0;
}

.cab .flt-sheet .rows > .row {
  gap: 12px;
}

.cab .flt-sheet-ic {
  flex: none;
  align-items: center;
  display: inline-flex;
}

.cab .wiz-head {
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}

.cab .wiz-head-col {
  flex: 1;
  min-width: 0;
}

.cab .wiz-step {
  min-width: 0;
  color: var(--mut);
  flex: 1;
  font-size: 13px;
  font-weight: 600;
}

.cab .wiz-btns {
  flex: none;
  gap: 8px;
  display: flex;
}

.cab .dr-act.wiz-sec {
  color: var(--ink);
}

@media (hover: hover) {
  .cab .dr-act.wiz-sec:hover {
    color: var(--accent);
  }
}

.cab .wiz-card {
  margin-bottom: 12px;
}

.cab .wiz-list-edit {
  justify-content: flex-end;
  margin-bottom: 8px;
  display: flex;
}

.cab .dr-act.wiz-list-edit-btn {
  border-radius: 999px;
  width: auto;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 600;
}

.cab .wiz-reps > .kf-blk__body {
  gap: 14px;
}

.cab .wiz-rep {
  align-items: center;
  gap: 8px;
  display: flex;
}

.cab .wiz-rep + .wiz-rep {
  border-top: 1px solid var(--line);
  padding-top: 14px;
}

.cab .wiz-rep input, .cab .wiz-rep textarea {
  resize: none;
  flex: 1;
  min-width: 0;
}

.cab .wiz-rep > button {
  border-radius: var(--r-xs);
  width: 24px;
  height: 24px;
  color: var(--mut);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

@media (hover: hover) {
  .cab .wiz-rep > button:hover {
    color: var(--ink);
  }
}

.cab .wiz-rep-add {
  color: var(--accent-stroke, var(--accent));
  align-self: flex-start;
}

.cab .wiz-reps-acts {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
  display: flex;
}

.cab .wiz-pane .wiz-img-row .btn {
  color: var(--accent-stroke, var(--accent));
}

.cab .wiz-pane .pf-check-hint {
  color: var(--mut);
  font-size: 13px;
  font-weight: 400;
}

@keyframes wizShake {
  0%, 100% {
    transform: translateX(0);
  }

  15% {
    transform: translateX(-7px);
  }

  30% {
    transform: translateX(6px);
  }

  45% {
    transform: translateX(-4px);
  }

  60% {
    transform: translateX(3px);
  }

  80% {
    transform: translateX(-2px);
  }
}

.cab .wiz-pane .wiz-bad, .cab .wiz-pane [class*="pfFieldBad"] {
  animation: .42s cubic-bezier(.36, .07, .19, .97) wizShake;
}

@media (prefers-reduced-motion: reduce) {
  .cab .wiz-pane .wiz-bad, .cab .wiz-pane [class*="pfFieldBad"] {
    animation: none;
  }
}

.cab .wiz-pane [class*="pfOptDesc"] {
  border-left: 0;
  margin: 2px 0 0;
  padding: 0;
  font-size: 13px;
}

.cab .wiz-div {
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  display: flex;
}

.cab .wiz-div:before, .cab .wiz-div:after {
  content: "";
  background: var(--line2);
  flex: 1;
  height: 1px;
}

.cab .wiz-div:not(:has(span)):after {
  display: none;
}

.cab .wiz-div span {
  color: var(--ink);
  flex: none;
  font-size: 13px;
  font-weight: 600;
}

.cab .wiz-stage {
  background: radial-gradient(46vw 38vh at 88% 8%, color-mix(in srgb, var(--accent-soft) 96%, transparent), transparent 70%), radial-gradient(40vw 34vh at 6% 62%, color-mix(in srgb, var(--green-soft) 84%, transparent), transparent 72%);
  flex-direction: column;
  width: 100%;
  min-height: 240px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.cab .wiz-stage--sheet {
  height: 100%;
  min-height: min(560px, 70dvh);
}

.cab .wiz-preview-frame {
  background: none;
  border: 0;
  width: 100%;
  height: 100%;
  min-height: min(560px, 70dvh);
  display: block;
}

.cab .wiz-stage {
  --wiz-melt: 46px;
  --wiz-melt-tg: 33%;
}

.cab .wiz-stage .onb-phone {
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - var(--wiz-melt)), transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - var(--wiz-melt)), transparent 100%);
  mask-image: linear-gradient(to bottom, #000 calc(100% - var(--wiz-melt)), transparent 100%);
}

.cab .wiz-stage .onb-scene.tgm .onb-phone {
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - var(--wiz-melt-tg)), transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - var(--wiz-melt-tg)), transparent 100%);
  mask-image: linear-gradient(to bottom, #000 calc(100% - var(--wiz-melt-tg)), transparent 100%);
}

.cab .wiz-stage .onb-fade, .cab .wiz-stage .onb-scene.tgm .onb-fade {
  background: none;
}

.cab .wiz-demo .kf-blk__body {
  justify-content: center;
  display: flex;
}

.cab .wiz-img-row {
  min-height: var(--fk-thumb);
  align-items: center;
  gap: 20px;
  display: flex;
}

.cab .wiz-img-prev {
  width: var(--fk-thumb);
  height: var(--fk-thumb);
  border-radius: var(--r-sm);
  -o-object-fit: cover;
  object-fit: cover;
  background: color-mix(in srgb, var(--ink) 6%, transparent);
}

.cab .wiz-img-add {
  width: var(--fk-thumb);
  height: var(--fk-thumb);
  border-radius: var(--r-sm);
  background: var(--accent-soft);
  color: var(--accent-stroke);
  flex: none;
  place-items: center;
  display: grid;
}

.cab .wiz-img-word {
  text-align: left;
  min-width: 0;
  color: var(--mut);
  background: none;
  flex: auto;
  padding: 0;
  font-size: 17px;
  line-height: 1.3;
}

.cab .wiz-img-word:disabled {
  opacity: .6;
}

.cab {
  --fk-thumb: 46px;
}

.cab .fk-thumb {
  width: var(--fk-thumb);
  height: var(--fk-thumb);
  flex: none;
  display: inline-block;
  position: relative;
}

.cab .fk-thumb__pic, .cab .fk-thumb__pic > img {
  width: var(--fk-thumb);
  height: var(--fk-thumb);
  border-radius: var(--r-sm);
  -o-object-fit: cover;
  object-fit: cover;
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  padding: 0;
  display: block;
}

.cab .fk-thumb__x {
  background: color-mix(in srgb, var(--ink) 72%, transparent);
  width: 20px;
  height: 20px;
  color: var(--surf);
  border-radius: 999px;
  place-items: center;
  padding: 0;
  display: grid;
  position: absolute;
  top: -6px;
  right: -6px;
}

.cab .fk-thumb__x:after {
  content: "";
  border-radius: inherit;
  position: absolute;
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
}

:where(html.app) .cab :is(.wiz-img-row, .igm-row, .runs-empty, .jrd-empty, .rows > .empty) > .k-btn--link {
  font-size: 13px;
  line-height: inherit;
  padding: 6px 12px;
  display: inline-block;
}

:where(html.app) .cab .k-btn--link.wiz-rep-add {
  font-size: 13px;
  line-height: inherit;
  padding: 6px 12px;
  display: inline-block;
}

:where(html.app) .cab :-webkit-any(.wiz-img-row, .igm-row) > .k-btn--link {
  color: var(--accent);
}

:where(html.app) .cab :-moz-any(.wiz-img-row, .igm-row) > .k-btn--link {
  color: var(--accent);
}

:where(html.app) .cab :is(.wiz-img-row, .igm-row) > .k-btn--link {
  color: var(--accent);
}

:where(html.app) .cab .wiz-pane .wiz-img-row > .k-btn--link {
  color: var(--accent-stroke, var(--accent));
}

:where(html.app) .cab :is(.runs-empty, .jrd-empty, .rows > .empty) > .k-btn--link {
  color: var(--ink);
}

:where(html.app) .cab :is(.runs-more, .scn-menu-confirm, .confirm2-q + div) > .k-btn {
  line-height: inherit;
  display: inline-block;
}

:where(html.app) .cab .k-btn.ig-pick-ok {
  line-height: inherit;
  display: inline-block;
}

:where(html.app) .cab .runs-wrap > .k-btn--link {
  font-weight: 400;
  line-height: inherit;
  color: var(--ink);
  border-width: 0;
  border-radius: 0;
  padding: 0;
  display: inline-block;
}

:where(html.app) .cab :-webkit-any(.ct-card, .ct-edit, .acting-bar, .st-log-more) > .k-btn {
  min-height: auto;
  line-height: inherit;
  display: inline-block;
}

:where(html.app) .cab :-moz-any(.ct-card, .ct-edit, .acting-bar, .st-log-more) > .k-btn {
  min-height: auto;
  line-height: inherit;
  display: inline-block;
}

:where(html.app) .cab :is(.ct-card, .ct-edit, .acting-bar, .st-log-more) > .k-btn {
  min-height: auto;
  line-height: inherit;
  display: inline-block;
}

:where(html.app) .cab .ct-edit .k-inp {
  min-height: 0;
  line-height: inherit;
}

:where(html.app) .cab .ai-empty > .k-btn--link {
  font: inherit;
  color: var(--blue);
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  display: inline-block;
}

:where(html.app) .cab .ai-empty > .k-btn--link:active:not(:disabled) {
  font: inherit;
  color: var(--blue);
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  display: inline-block;
}

:where(html.app) .cab .cf-acts > .k-btn {
  line-height: inherit;
  display: inline-block;
}

:where(html.app) .cab .k-btn.cf-signin {
  line-height: inherit;
  display: inline-block;
}

:where(html.app) .cab .dzone .k-btn {
  line-height: inherit;
  display: inline-block;
}

:where(html.app) .cab :is(.scn-var-create > div, .scn-var-off) > .k-btn {
  line-height: inherit;
  display: inline-block;
}

:where(html.app) .cab .dzone .k-btn {
  font-weight: 600;
}

:where(html.app) .cab :-webkit-any(.scn-sched-row, .scn-sched-adv) > .k-inp {
  min-height: 0;
  line-height: inherit;
}

:where(html.app) .cab :-moz-any(.scn-sched-row, .scn-sched-adv) > .k-inp {
  min-height: 0;
  line-height: inherit;
}

:where(html.app) .cab :is(.scn-sched-row, .scn-sched-adv) > .k-inp {
  min-height: 0;
  line-height: inherit;
}

:where(html.app) .cab .k-inp:is(.cf-inp, .fld-solo)::-moz-placeholder {
  color: #9ca3af;
}

:where(html.app) .cab .k-inp:-webkit-any(.cf-inp, .fld-solo)::placeholder {
  color: #9ca3af;
}

:where(html.app) .cab .k-inp:-moz-any(.cf-inp, .fld-solo)::placeholder {
  color: #9ca3af;
}

:where(html.app) .cab .k-inp:is(.cf-inp, .fld-solo)::placeholder {
  color: #9ca3af;
}

:where(html.app) .cab .confirm2 > .k-btn {
  line-height: inherit;
  border-radius: 100px;
  display: inline-block;
}

:where(html.app) .cab .confirm2 > .k-btn--plain {
  background: color-mix(in srgb, var(--ink) 5%, transparent);
}

:where(html.app) .cab .confirm2 > .k-btn.k-btn--primary {
  color: var(--accent);
  background: none;
}

:where(html.app) .cab .confirm2 > .k-btn:active:not(:disabled) {
  background: var(--press);
}

:where(html.app) .cab .confirm2 > .k-btn.k-btn--primary:active:not(:disabled) {
  background: var(--press-accent);
}

:where(html.app) .cab .k-search.ai-search {
  gap: 0;
  transition: none;
}

:where(html.app) .cab .k-search.ai-search > :-webkit-any(.k-search__ico, .k-search__x) {
  display: none;
}

:where(html.app) .cab .k-search.ai-search > :-moz-any(.k-search__ico, .k-search__x) {
  display: none;
}

:where(html.app) .cab .k-search.ai-search > :is(.k-search__ico, .k-search__x) {
  display: none;
}

:where(html.app) .cab .k-search.ai-search > .k-search__inp::-moz-placeholder {
  color: #9ca3af;
}

:where(html.app) .cab .k-search.ai-search > .k-search__inp::placeholder {
  color: #9ca3af;
}

:where(html.app) .cab .k-search.ai-search > .k-search__inp::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

:where(html.app) .cab .k-search.ai-search:focus-within {
  background: var(--surf);
  border-color: color-mix(in srgb, var(--accent) 35%, transparent);
  box-shadow: none;
}

.cab .tbl .k-sel {
  white-space: nowrap;
  max-width: 220px;
}

.cab .tbl .k-sel > span:first-child {
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

:where(html.app) .cab .k-btn.ai-go {
  border-radius: var(--r);
  min-height: 0;
  font: inherit;
  letter-spacing: normal;
  border: none;
  padding: 14px 16px;
  font-size: 15.5px;
  font-weight: 650;
}

:where(html.app) .cab .k-btn.ai-go:disabled {
  opacity: .55;
}

:where(html.app) .cab .k-btn.ai-go.k-btn--primary:-webkit-any(:hover, :active):not(:disabled) {
  filter: none;
}

:where(html.app) .cab .k-btn.ai-go.k-btn--primary:-moz-any(:hover, :active):not(:disabled) {
  filter: none;
}

:where(html.app) .cab .k-btn.ai-go.k-btn--primary:is(:hover, :active):not(:disabled) {
  filter: none;
}

:where(html.app) .cab .ai-refine-form .k-btn.ai-go {
  padding: 9px 14px;
  font-size: 14px;
}

:where(html.app) .cab .ai-field > .k-inp {
  min-height: 0;
  font: inherit;
  font-size: 14px;
}

:where(html.app) .cab .ai-field > .k-inp:focus {
  border-color: color-mix(in srgb, var(--accent) 35%, transparent);
}

.cab .scn-wizard-pane {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding: 10px 16px 0;
}

@media (max-width: 820px) {
  .cab .scn-wizard-pane {
    padding-top: 0;
  }
}

@container cab (width <= 820px) {
  .cab .scn-wizard-pane {
    padding-top: 0;
  }
}

html.scn-native-head .cab.cab-focus .scn-wizard-pane {
  padding-top: calc(var(--nhead-row)  - 4px + var(--head-air));
}

@media (max-width: 820px) {
  html.scn-native-head .cab.cab-focus:has(.scn-wizard-pane) .app {
    height: auto;
    min-height: 100dvh;
    overflow: visible;
  }

  html.scn-native-head .cab.cab-focus:has(.scn-wizard-pane) .main {
    height: auto;
    overflow: visible;
  }

  html.scn-native-head .cab.cab-focus:has(.scn-wizard-pane) .content {
    height: auto;
    min-height: calc(100dvh - var(--safe-top));
    padding-bottom: 0;
    display: block;
  }
}

@container cab (width <= 820px) {
  html.scn-native-head .cab.cab-focus:has(.scn-wizard-pane) .app {
    height: auto;
    min-height: 100dvh;
    overflow: visible;
  }

  html.scn-native-head .cab.cab-focus:has(.scn-wizard-pane) .main {
    height: auto;
    overflow: visible;
  }

  html.scn-native-head .cab.cab-focus:has(.scn-wizard-pane) .content {
    height: auto;
    min-height: calc(100dvh - var(--safe-top));
    padding-bottom: 0;
    display: block;
  }
}

.cab .prof-edit .rows {
  gap: 4px;
}

.cab .prof-edit .rows .row {
  padding-top: 7px;
  padding-bottom: 7px;
}

.cab .prof-edit .row .ic {
  width: 34px;
  height: 34px;
}

.cab .prof-edit .row-val {
  color: var(--ink);
}

.cab .ssm {
  min-width: 0;
  display: block;
  position: relative;
}

.cab .ssm-sel {
  opacity: 0;
  border: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .selbox {
  background: var(--surf);
  border: 1px solid var(--line2);
  border-radius: var(--r-sm);
  width: 100%;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 11px 13px;
  font-family: inherit;
  font-size: 14px;
  display: flex;
}

@media (max-width: 820px) {
  .cab .selbox {
    font-size: 16px;
  }
}

@container cab (width <= 820px) {
  .cab .selbox {
    font-size: 16px;
  }
}

.cab .split-pane-t + div > .tpl-flt {
  margin-top: -55px;
  margin-bottom: 15px;
}

.cab .wiz-head {
  align-items: center;
}

.cab .wiz-btns .dr-act {
  flex: none;
}

.cab .dr-head-t {
  text-align: center;
  flex: 1;
  min-width: 0;
}

.cab .dr-head-t p {
  color: var(--mut);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 1px 0 0;
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
}

.cab .wiz-sec-t {
  color: var(--mut);
  margin: 2px 4px 8px;
  font-size: 13px;
  font-weight: 650;
}

.cab .wiz-sub {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.cab .wiz-pane {
  --wiz-foot-b: 8px;
}

.cab .wiz-foot {
  z-index: 4;
  padding: 10px 0 var(--wiz-foot-b);
  background: var(--v3-sheet, var(--bg));
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  margin-top: 16px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.cab .wiz-foot .wiz-foot-row {
  align-items: center;
  gap: 10px;
  display: flex;
}

.cab .wiz-foot .wiz-foot-next {
  border-radius: 999px;
  flex: auto;
  min-height: 38px;
}

@media (max-width: 820px) {
  .cab .wiz-foot .wiz-foot-next {
    min-height: var(--h-button-m);
  }
}

@container cab (width <= 820px) {
  .cab .wiz-foot .wiz-foot-next {
    min-height: var(--h-button-m);
  }
}

.cab .wiz-foot .dr-act {
  pointer-events: auto;
  flex: none;
}

.cab .wiz-foot .dr-act.wiz-sec {
  width: var(--ctl);
  height: var(--ctl);
  color: var(--ink);
}

.cab .wiz-foot .dr-act.wiz-sec > svg {
  width: var(--ctl-ico);
  height: var(--ctl-ico);
}

.cab .native-layer .wiz-foot, .cab .drawer .wiz-foot {
  padding: 10px var(--ctl-edge) var(--wiz-foot-b);
  background: var(--v3-sheet, var(--bg));
  margin-top: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 821px) {
  .cab .drawer .wiz-foot {
    padding: 10px 18px calc(10px + env(safe-area-inset-bottom, 0px));
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .cab .drawer .wiz-pane {
    min-height: 0;
    padding-bottom: 84px;
  }
}

.cab .wiz-pane .meta {
  color: var(--mut);
  font-size: 13px;
}

.cab .native-layer .wiz-pane {
  min-height: 0;
  padding-bottom: calc(64px + var(--wiz-foot-b));
}

@media (max-width: 820px) {
  .cab .wiz-pane {
    --wiz-foot-b: calc(24px + min(env(safe-area-inset-bottom, 0px), 34px));
    min-height: 0;
    padding-bottom: calc(64px + var(--wiz-foot-b));
  }

  .cab .wiz-foot {
    padding: 10px var(--ctl-edge) var(--wiz-foot-b);
    margin-top: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

@container cab (width <= 820px) {
  .cab .wiz-pane {
    --wiz-foot-b: calc(24px + min(env(safe-area-inset-bottom, 0px), 34px));
    min-height: 0;
    padding-bottom: calc(64px + var(--wiz-foot-b));
  }

  .cab .wiz-foot {
    padding: 10px var(--ctl-edge) var(--wiz-foot-b);
    margin-top: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

:root.native-tabs .cab .wiz-pane {
  --wiz-foot-b: 44px;
}

.cab .wiz-pane {
  flex-direction: column;
  display: flex;
}

@media (min-width: 821px) {
  .cab .wiz-pane {
    min-height: 100%;
  }

  .cab .wiz-foot {
    margin-top: auto;
  }
}

.cab .wiz-row-past {
  color: var(--step-error);
}

.cab .dr-body .meta, .cab .iosf .meta {
  color: var(--mut);
  font-size: 13px;
}

@media (max-width: 820px) {
  .cab .iosf .fld:has( > select) {
    position: relative;
  }

  .cab .iosf .fld:has( > .ssm) {
    position: relative;
  }

  .cab .iosf .fld > .ssm .ssm-val {
    width: 100%;
    color: var(--ink);
    background: none;
    border: 0;
    border-radius: 0;
    padding: 2px 26px 0 0;
    font-size: 16px;
    line-height: 1.35;
    display: block;
  }

  .cab .iosf .fld:has( > select) > select {
    width: 100%;
    color: var(--ink);
    background: none;
    border: 0;
    border-radius: 0;
    padding: 2px 26px 0 0;
    font-size: 16px;
    line-height: 1.35;
    display: block;
  }

  .cab .iosf .fld:has( > select):after {
    content: "";
    border-right: 1.6px solid var(--mut);
    border-bottom: 1.6px solid var(--mut);
    pointer-events: none;
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: 9px;
    right: 3px;
    transform: rotate(45deg);
  }

  .cab .iosf .fld:has( > .ssm):after {
    content: "";
    border-right: 1.6px solid var(--mut);
    border-bottom: 1.6px solid var(--mut);
    pointer-events: none;
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: 9px;
    right: 3px;
    transform: rotate(45deg);
  }

  .cab .iosf .fld > input, .cab .iosf .fld > textarea, .cab .wiz-pane .fld-card select:not([class*="pfCode"]), .cab .wiz-pane .fld-card input:not([type="checkbox"]):not([class*="pfCode"]), .cab .wiz-pane .fld-card textarea:not([class*="pfCode"]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    min-height: 0;
    color: var(--ink);
    background: none;
    border: 0;
    border-radius: 0;
    padding: 2px 0 0;
    font-size: 16px;
    line-height: 1.35;
  }

  .cab .wiz-pane .fld-card select:not([class*="pfCode"]) {
    padding-right: 26px;
  }

  .cab .iosf .fld > .scn-chips, .cab .iosf .fld > .kf-blk__body > .scn-chips {
    background: none;
    border: 0;
    border-radius: 0;
    align-content: flex-start;
    row-gap: 8px;
    min-height: 34px;
    padding: 2px 0 0;
  }

  .cab .iosf .fld > .scn-chips input, .cab .iosf .fld > .kf-blk__body > .scn-chips input, .cab .wiz-pane .fld-card .fld .scn-chips input {
    height: 30px;
  }

  .cab .iosf .fld > .scn-chips.err, .cab .iosf .fld > .kf-blk__body > .scn-chips.err {
    outline: none;
  }

  .cab .iosf .fld-card, .cab .wiz-pane .fld-card, .cab .wiz-pane .fld-card > .wiz-sub {
    gap: 8px;
  }

  .cab .wiz-pane .fld-card > div:has( > [class*="pfField"]) {
    gap: 8px;
  }

  .cab .wiz-pane .fld-card > .wiz-sub > div:has( > [class*="pfField"]) {
    gap: 8px;
  }

  .cab .iosf .fld label {
    margin-bottom: 2px;
  }

  .cab .wiz-pane .fld-card [class*="pfField"] {
    gap: 2px;
  }

  .cab .iosf .fld ~ .fld:not(.kf-blk), .cab .wiz-pane .fld-card > div + div, .cab .wiz-pane .fld-card > .wiz-sub > div + div, .cab .wiz-pane .fld-card [class*="pfField"] ~ [class*="pfField"] {
    padding-top: 24px;
  }
}

@container cab (width <= 820px) {
  .cab .iosf .fld:has( > select) {
    position: relative;
  }

  .cab .iosf .fld:has( > .ssm) {
    position: relative;
  }

  .cab .iosf .fld > .ssm .ssm-val {
    width: 100%;
    color: var(--ink);
    background: none;
    border: 0;
    border-radius: 0;
    padding: 2px 26px 0 0;
    font-size: 16px;
    line-height: 1.35;
    display: block;
  }

  .cab .iosf .fld:has( > select) > select {
    width: 100%;
    color: var(--ink);
    background: none;
    border: 0;
    border-radius: 0;
    padding: 2px 26px 0 0;
    font-size: 16px;
    line-height: 1.35;
    display: block;
  }

  .cab .iosf .fld:has( > select):after {
    content: "";
    border-right: 1.6px solid var(--mut);
    border-bottom: 1.6px solid var(--mut);
    pointer-events: none;
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: 9px;
    right: 3px;
    transform: rotate(45deg);
  }

  .cab .iosf .fld:has( > .ssm):after {
    content: "";
    border-right: 1.6px solid var(--mut);
    border-bottom: 1.6px solid var(--mut);
    pointer-events: none;
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: 9px;
    right: 3px;
    transform: rotate(45deg);
  }

  .cab .iosf .fld > input, .cab .iosf .fld > textarea, .cab .wiz-pane .fld-card select:not([class*="pfCode"]), .cab .wiz-pane .fld-card input:not([type="checkbox"]):not([class*="pfCode"]), .cab .wiz-pane .fld-card textarea:not([class*="pfCode"]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    min-height: 0;
    color: var(--ink);
    background: none;
    border: 0;
    border-radius: 0;
    padding: 2px 0 0;
    font-size: 16px;
    line-height: 1.35;
  }

  .cab .wiz-pane .fld-card select:not([class*="pfCode"]) {
    padding-right: 26px;
  }

  .cab .iosf .fld > .scn-chips, .cab .iosf .fld > .kf-blk__body > .scn-chips {
    background: none;
    border: 0;
    border-radius: 0;
    align-content: flex-start;
    row-gap: 8px;
    min-height: 34px;
    padding: 2px 0 0;
  }

  .cab .iosf .fld > .scn-chips input, .cab .iosf .fld > .kf-blk__body > .scn-chips input, .cab .wiz-pane .fld-card .fld .scn-chips input {
    height: 30px;
  }

  .cab .iosf .fld > .scn-chips.err, .cab .iosf .fld > .kf-blk__body > .scn-chips.err {
    outline: none;
  }

  .cab .iosf .fld-card, .cab .wiz-pane .fld-card, .cab .wiz-pane .fld-card > .wiz-sub {
    gap: 8px;
  }

  .cab .wiz-pane .fld-card > div:has( > [class*="pfField"]) {
    gap: 8px;
  }

  .cab .wiz-pane .fld-card > .wiz-sub > div:has( > [class*="pfField"]) {
    gap: 8px;
  }

  .cab .iosf .fld label {
    margin-bottom: 2px;
  }

  .cab .wiz-pane .fld-card [class*="pfField"] {
    gap: 2px;
  }

  .cab .iosf .fld ~ .fld:not(.kf-blk), .cab .wiz-pane .fld-card > div + div, .cab .wiz-pane .fld-card > .wiz-sub > div + div, .cab .wiz-pane .fld-card [class*="pfField"] ~ [class*="pfField"] {
    padding-top: 24px;
  }
}

.cab .wiz-pane .fld-card label:has( > input[type="checkbox"]) {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.cab .wiz-pane .fld-card label:has( > input[type="checkbox"]) > span {
  color: var(--ink);
  margin: 0;
  font-size: 14.5px;
  font-weight: 550;
}

.cab .wiz-pane .fld-card label:has( > input[type="checkbox"]) > span.pf-check-hint {
  color: var(--mut);
  font-size: 13px;
  font-weight: 400;
}

.cab .wiz-pane .fld-card input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 51px;
  min-width: 51px;
  height: 31px;
  transition: background-color var(--m-dur-fast), background-position var(--m-dur-fast);
  background-color: rgba(120, 120, 128, .32);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='27' height='27'><circle cx='13.5' cy='13.5' r='13.5' fill='white'/></svg>");
  background-position: 2px 50%;
  background-repeat: no-repeat;
  background-size: 27px 27px;
  border: 0;
  border-radius: 100px;
  flex: 0 0 51px;
  margin: 0;
}

:root[data-theme="dark"] .cab .wiz-pane .fld-card input[type="checkbox"] {
  background-color: rgba(120, 120, 128, .48);
}

.cab .wiz-pane .fld-card input[type="checkbox"]:checked {
  background-color: var(--switch-on);
  background-position: right 2px center;
}

.cab .pick-tile:active, .cab .side2-i:active {
  background: var(--press);
}

.cab .msg-trow:not(.on):active, .cab .ai-mcard:active, .cab .scn-cred-item:active, .cab .scn-menu-item:active, .cab .ov-up-row:active, .cab .runs-row:active, .cab .scn-cat-rows > .row.pick:active {
  background: var(--press);
  border-radius: var(--bub-row-r);
}

@keyframes scnFreshIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
}

@keyframes scnFreshGlow {
  0%, 35% {
    background: color-mix(in srgb, var(--accent) 9%, var(--surf));
    border-color: color-mix(in srgb, var(--accent) 40%, transparent);
  }

  100% {
    background: var(--surf);
    border-color: color-mix(in srgb, var(--ink) 6%, transparent);
  }
}

.cab .scn-card.scn-fresh {
  animation: .45s cubic-bezier(.2, .8, .3, 1) scnFreshIn, 2.6s .25s backwards scnFreshGlow;
}

.cab .msg-dlg-framed {
  position: relative;
}

.cab .msg-dlg-head {
  z-index: 6;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: none;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.cab .msg-dlg-head-t {
  text-align: center;
  letter-spacing: -.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: 16px;
  font-weight: 650;
  overflow: hidden;
}

.cab .msg-dlg-hbtn {
  flex: none;
}

.cab .msg-dlg-head-sub {
  color: var(--mut);
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 400;
  display: block;
  overflow: hidden;
}

.cab .msg-dlg-hbtn.hidden {
  visibility: hidden;
}

.cab .msg-dlg-framed .msg-dlg-composer {
  z-index: 5;
  background: none;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .msg-dlg-framed .chat-scroll {
  max-height: none;
  padding-top: 72px;
  padding-bottom: calc(var(--msg-bot-h, 100px)  - 24px + var(--msg-air));
}

.cab .msg-dlg-framed .msg-dlg-head {
  flex-wrap: wrap;
}

.cab .msg-dlg-framed.msg-mine-on .chat-scroll {
  padding-top: 102px;
}

.cab .msg-dlg-framed .chat-composer {
  z-index: 6;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: none;
  border-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .msg-dlg-framed .msg-dlg-closed {
  margin: 0 12px 12px;
}

.cab .msg-dlg-framed:has( > .msg-dlg-closed) .chat-scroll {
  padding-bottom: var(--msg-air);
}

.cab .msg-dlg.msg-dlg-framed > .chat-composer.msg-dlg-composer {
  padding: 24px 0 calc(var(--msg-air)  + env(safe-area-inset-bottom, 0px));
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .msg-dlg.msg-dlg-framed:not(:has( > .msg-dlg-closed)) > .chat-scroll.msg-feed {
  padding-bottom: 0;
}

.cab .msg-dlg.msg-dlg-framed:not(:has( > .msg-dlg-closed)) > .chat-scroll.msg-feed:after {
  content: "";
  height: calc(var(--msg-bot-h, 100px)  - 24px + var(--msg-air));
  flex: none;
  margin-top: -4px;
}

.cab .msg-dlg.msg-dlg-framed:has( > .msg-dlg-closed) > .chat-scroll.msg-feed {
  padding-bottom: 0;
}

.cab .msg-dlg.msg-dlg-framed > .msg-dlg-closed {
  margin: var(--msg-air) 12px var(--msg-air);
}

.cab .msg-dlg-framed > .msg-dlg-head:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(to bottom, color-mix(in srgb, var(--glass-head-tint) var(--glass-head-a4), transparent) 0%, color-mix(in srgb, var(--glass-head-tint) var(--glass-head-a3), transparent) 20%, color-mix(in srgb, var(--glass-head-tint) var(--glass-head-a2), transparent) 45%, color-mix(in srgb, var(--glass-head-tint) var(--glass-head-a1), transparent) 72%, color-mix(in srgb, var(--glass-head-tint) 0%, transparent) 100%);
  position: absolute;
  top: 0;
  bottom: -24px;
  left: 0;
  right: 0;
}

html:not(.app) .cab .msg-dlg:not(.msg-dlg-framed) > .msg-dlg-composer {
  margin-top: calc(var(--msg-air)  - var(--msg-gap)  - 24px);
  padding-top: 24px;
  padding-bottom: calc(var(--msg-air)  + env(safe-area-inset-bottom, 0px));
  isolation: isolate;
}

html.msg-kb-on:not(.app) .cab .msg-dlg:not(.msg-dlg-framed) > .msg-dlg-composer {
  padding-bottom: var(--msg-air);
}

html:not(.app) .cab .msg-dlg:not(.msg-dlg-framed) > .msg-dlg-composer:before {
  content: "";
  inset: 0 calc(-1 * var(--cab-pad, 0px));
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(to top, color-mix(in srgb, var(--glass-bar-tint) var(--glass-head-a4), transparent) 0%, color-mix(in srgb, var(--glass-bar-tint) var(--glass-head-a3), transparent) 20%, color-mix(in srgb, var(--glass-bar-tint) var(--glass-head-a2), transparent) 45%, color-mix(in srgb, var(--glass-bar-tint) var(--glass-head-a1), transparent) 72%, color-mix(in srgb, var(--glass-bar-tint) 0%, transparent) 100%);
  position: absolute;
}

.cab .msg-2col {
  flex: 1;
  gap: 20px;
  width: 100%;
  min-height: 0;
  display: flex;
}

.cab .main-split-chat .msg-2col {
  flex-direction: row;
}

.cab .msg-2col-chat {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.cab .msg-2col-chat .split-msg {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cab[data-section="messages"] .main-split-chat .content {
  padding: 0;
}

.cab[data-section="messages"] .main.main-split-chat {
  overflow: hidden;
}

@media (min-width: 1024px) {
  .cab[data-section="messages"] .side2 {
    width: calc(var(--col-chats)  + 34px);
  }

  .cab[data-section="messages"] .side2-body {
    padding-right: 44px;
  }

  .cab[data-section="messages"] .side2-q {
    width: 100%;
  }
}

.cab .msg-side-slot, .cab .msg-side {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

@media (min-width: 1024px) {
  .cab[data-section="messages"] .side2-body > *, .cab .msg-side > * {
    flex-shrink: 0;
  }
}

.cab .msg-side .msg-folders {
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.cab .msg-side .msg-folders__gear {
  height: 40px;
}

.cab .msg-side .msg-folders__row {
  align-self: stretch;
  align-items: stretch;
}

.cab .msg-side .msg-folders__pill {
  background: color-mix(in srgb, var(--ink) 8%, transparent);
}

html[data-theme^="dark"] .cab .msg-side .msg-folders__pill {
  background: color-mix(in srgb, var(--ink) 14%, transparent);
}

@media (min-width: 821px) and (max-width: 1023px) {
  .cab[data-section="messages"] .main:not(.main-split-chat) .content {
    padding-top: 0;
  }
}

.cab .msg-side .msg-readbar {
  z-index: 3;
  justify-content: center;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: 16px;
}

.cab .msg-side .msg-readbar .kf-bar {
  border-radius: 999px;
  width: auto;
  margin: 0;
  padding: 0;
  position: static;
}

.cab .msg-side .msg-readbar .k-btn {
  min-height: var(--ctl);
  height: var(--ctl);
  color: var(--ink);
  box-shadow: none;
  white-space: nowrap;
  background: none;
  padding: 0 16px;
  font-size: 17px;
  font-weight: 400;
}

.cab .side2-head .page-add {
  margin-top: -6px;
  margin-bottom: -6px;
}

@media (min-width: 821px) {
  .cab[data-section="messages"] .main-split-chat .msg-2col-chat {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.cab .msg-pick-note {
  min-height: 60vh;
  color: var(--mut);
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  display: flex;
}

.cab .msg-trow.on {
  background: none;
}

.cab .msg-trow.on:before, .cab .msg-trow.on:hover:before, .cab .msg-trow.on:active:before {
  border-radius: var(--bub-row-r);
  background: var(--hover);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (hover: hover) {
  .cab .msg-trow:not(.on):hover:before {
    background: var(--hover);
  }
}

html:not(.app) .cab :-webkit-any(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card):before {
  border-radius: var(--bub-row-r);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

html:not(.app) .cab :-moz-any(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card):before {
  border-radius: var(--bub-row-r);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

html:not(.app) .cab :is(.runs-row, .ov-spend-item, .ov-up-row, .scn-cred-item, .ct-row, .scn-trow, .msg-trow, .ai-card):before {
  border-radius: var(--bub-row-r);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

html:not(.app) .cab :-webkit-any(.msg-trow, .scn-cred-item, .ov-up-row, .runs-row):active {
  background: none;
  margin-top: 0;
  margin-bottom: 0;
}

html:not(.app) .cab :-moz-any(.msg-trow, .scn-cred-item, .ov-up-row, .runs-row):active {
  background: none;
  margin-top: 0;
  margin-bottom: 0;
}

html:not(.app) .cab :is(.msg-trow, .scn-cred-item, .ov-up-row, .runs-row):active {
  background: none;
  margin-top: 0;
  margin-bottom: 0;
}

.cab .msg-info-hero {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 6px 0 2px;
}

.cab .msg-info-hero .msg-av {
  border-radius: 50%;
  width: 96px;
  height: 96px;
  font-size: 34px;
}

.cab .msg-info-hero .msg-avph {
  border-radius: var(--r-lg);
  width: 96px;
  height: 96px;
  font-size: 34px;
}

.cab .msg-info-hero .ov-scn-name {
  font-size: 20px;
  font-weight: 650;
}

.cab .ig-st-top {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  display: flex;
}

.cab .ig-st-period {
  margin-left: auto;
}

.cab .ig-st-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 14px;
}

.cab .ig-st-grid .card {
  border-radius: var(--r-md);
  min-width: 0;
  padding: 12px 10px;
}

.cab .ig-st-grid .card .lbl {
  align-items: flex-end;
  margin-bottom: 4px;
}

.cab .ig-st-grid .card .lbl > span {
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
  min-width: 0;
}

@media (max-width: 820px) {
  .cab .ig-st-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cab .ig-st-grid .card .lbl {
    height: 2.5em;
    line-height: 1.25;
  }

  .cab .ig-st-grid .card .lbl > span {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
}

@container cab (width <= 820px) {
  .cab .ig-st-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cab .ig-st-grid .card .lbl {
    height: 2.5em;
    line-height: 1.25;
  }

  .cab .ig-st-grid .card .lbl > span {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
}

.cab .ig-st-grid .card .big {
  font-size: 20px;
}

.cab .ig-st-grid .card .sub {
  font-size: 11px;
}

.cab .ig-st-chart {
  margin-bottom: 6px;
}

.cab .ig-st-bars {
  width: 100%;
  height: 52px;
  margin-top: 4px;
}

.cab .ig-st-post {
  color: var(--ink);
  text-decoration: none;
  display: block;
}

.cab .ig-st-post-m {
  color: var(--mut);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 4px;
  font-size: 12px;
  display: block;
  overflow: hidden;
}

.cab .ig-st-fail-act {
  padding: 0 16px;
}

.cab .pane-head {
  justify-content: space-between;
  gap: 12px;
}

.cab .pane-head .pane-head-t {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.cab .pane-head .pane-head-act {
  flex: none;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

.cab .pane-head .pane-head-act:empty {
  display: none;
}

.cab .flt-hidden {
  visibility: hidden;
  border: 0;
  width: 0;
  height: 0;
  padding: 0;
  overflow: visible;
}

.cab .tpl-flt:not(:has( > :not(.flt-hidden))) {
  height: 0;
  margin: 0;
}

html.native-tabs .cab .page-add {
  display: none;
}

.cab .pane-t-row {
  align-items: center;
  gap: 12px;
  display: flex;
}

.cab .pane-t-bare {
  margin-bottom: 10px;
}

.cab .pane-x-narrow {
  display: none;
}

@media (max-width: 1023px) {
  .cab .pane-x-narrow {
    display: grid;
  }

  .cab .pane-t-bare:has(.pane-x-narrow) {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .cab .pane-head ~ .pane-body {
    width: 100%;
  }
}

.cab .acc-hero {
  position: relative;
}

.cab .acc-hero-l, .cab .acc-hero-r {
  position: absolute;
  top: 6px;
}

.cab .acc-hero-l {
  left: 0;
}

.cab .acc-hero-r {
  right: 0;
}

.cab .d-empty {
  background: var(--surf);
  border-radius: var(--bub-r);
  box-shadow: var(--bub-sh);
  color: var(--mut);
  text-align: center;
  overflow-wrap: anywhere;
  padding: 14px 16px 16px;
  font-size: 13px;
  line-height: 1.45;
}

.cab .rows .d-empty, .cab .ai-vgroup .d-empty, .cab .dr-body .rows .d-empty {
  box-shadow: none;
  background: none;
  border-radius: 0;
}

.cab .acc-logout {
  justify-content: center;
  margin-top: 8px;
  display: flex;
}

.cab .acc-danger {
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.cab .nav-ava {
  flex: none;
  display: flex;
}

.cab .nav-ava .av {
  font-weight: 700;
}

.cab .flt-pop [role="menu"] {
  min-width: 168px;
  padding: 5px;
}

.cab .flt-pop [role="menu"] button {
  gap: 8px;
  padding: 6.5px 10px;
  font-size: 13.5px;
}

.cab .flt-pop [role="menu"] p {
  margin: 2px 0 0;
  padding: 3px 10px 1px;
  font-size: 11px;
}

.cab .flt-pop .flt-sheet-sub {
  font-size: 11.5px;
}

.cab .acct-bell {
  position: relative;
}

.cab .acct-bell svg {
  width: var(--ctl-ico);
  height: var(--ctl-ico);
}

.cab .acct-bell-badge {
  background: var(--accent-soft);
  min-width: 17px;
  height: 17px;
  color: var(--accent-stroke);
  text-align: center;
  pointer-events: none;
  border-radius: 999px;
  padding: 0 4px;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 17px;
  position: absolute;
  top: 2px;
  right: 0;
}

.cab .scn-flabel {
  color: var(--mut);
  background: var(--surf);
  border-radius: var(--r-2xs);
  pointer-events: none;
  padding: 0 3px;
  font-size: 11px;
}

.cab .scn-att-prev {
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: var(--r-xs);
  width: 100%;
  max-height: 220px;
}

.cab .mac-prev {
  border: 1px solid var(--line);
  border-radius: var(--r);
  overflow: hidden;
}

.cab .mac-prev.scroll {
  max-height: 460px;
  overflow-y: auto;
}

.cab .mac-qr {
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  background: #fff;
}

.cab .mac-preset {
  border: 1px solid var(--line);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  display: inline-flex;
}

.cab .mac-preset[aria-pressed="true"] {
  border: 2px solid var(--accent);
}

.cab .mac-preset-dot {
  border-radius: 50%;
  width: 14px;
  height: 14px;
  display: block;
}

.cab .mac-color {
  border: 1px solid var(--line);
  border-radius: var(--r-xs);
  width: 44px;
  height: 32px;
  padding: 2px;
}

.cab .ntf-dot {
  background: #e23570;
  border-radius: 50%;
  flex: none;
  align-self: flex-start;
  width: 8px;
  height: 8px;
  margin-top: 6px;
}

.cab .av-crop {
  border: 1px solid var(--line2);
  cursor: grab;
  touch-action: none;
  border-radius: 50%;
}

.cab .ai-brand-letter {
  border-radius: var(--r-2xs);
  background: var(--panel-2);
  color: var(--ink);
}

.cab .vp-dbg {
  top: calc(60px + var(--safe-top));
  z-index: 2147483647;
  pointer-events: none;
  color: #9f9;
  border-radius: var(--r-xs);
  white-space: pre-wrap;
  word-break: break-all;
  background: rgba(0, 0, 0, .78);
  padding: 6px 8px;
  font: 10.5px / 1.45 ui-monospace, monospace;
  position: fixed;
  left: 4px;
  right: 4px;
}

.cab .acctbtn:active, .cab .ai-chip:active, .cab .ai-vgroup > .ai-mcard:active, .cab .ai-vgroup > .row:active, .cab .btn:active, .cab .btn.danger:active, .cab .btn.logout:active, .cab .chat-resume:active, .cab .dr-act:active, .cab .dr-act.quiet:active, .cab .dr-act.wiz-sec:active, .cab .dr-close:active, .cab .nav:active, .cab .ov-merged > .ov-scn-grid > .ov-scn:active, .cab .row.pick:active, .cab .row.rowlink:active, .cab .row.tap:active, .cab .rows.scn-cat-rows > .row.pick:active, .cab .scn-canvas .react-flow__controls-button:active, .cab .scn-card-dots:active, .cab .scn-chip-add:active, .cab .scn-grid .scn-card:active, .cab .scn-txt-bar button:active, .cab .scn-txt-emoji button:active, .cab .scn-txt-slot:active, .cab .scn-vai-add:active, .cab .scn-vai-chip:active, .cab .scn-vgoto-chip:active, .cab .scn-vmenu-btn:active, .cab .scn-vsat-add:active, .cab .scn-vsat-card:active, .cab .side2-fold:active, .cab .tpl-chip:active, .cab a.ai-card:active, .cab button.ai-card:active, .cab button.runs-row:active {
  background: var(--press);
}

.cab .btn.primary:active, .cab .confirm2 .btn.sm.primary:active {
  background: var(--press-accent);
}

@media (hover: hover) and (pointer: fine) {
  .cab .pick-tile:hover, .cab .ai-kind-chip:hover, .cab .cfa-btn:hover, .cab .dr-btn:hover {
    background: var(--hover);
  }
}

.cab .scn-schema-wrap.scn-view-only .scn-cadd, .cab .scn-schema-wrap.scn-view-only .scn-cmedia:not(.filled), .cab .scn-schema-wrap.scn-view-only .scn-vai-add, .cab .scn-schema-wrap.scn-view-only .scn-vsat-add, .cab .scn-schema-wrap.scn-view-only .scn-etools, .cab .scn-schema-wrap.scn-view-only .scn-vline-menu, .cab .scn-schema-wrap.scn-view-only .scn-fplus {
  display: none;
}

.cab .scn-schema-wrap.scn-view-only .scn-fnode.sel .scn-cadd, .cab .scn-schema-wrap.scn-view-only .scn-fnode.sel .scn-cmedia:not(.filled) {
  display: block;
}

.cab .scn-schema-wrap.scn-view-only .scn-etools.sel, .cab .scn-schema-wrap.scn-view-only .scn-vline-menu.sel {
  display: flex;
}

.cab .scn-schema-wrap.scn-view-only .scn-vlink-tap {
  z-index: 0;
  display: block;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0;
  right: 0;
}

.cab .scn-fnode.ck-condition {
  --hover-k: color-mix(in srgb, var(--k, var(--wire-1)) 16%, var(--surf));
  --press-k: color-mix(in srgb, var(--k, var(--wire-1)) 26%, var(--surf));
}

@media (hover: hover) {
  .cab .scn-fnode.ck-condition .scn-ctap:hover, .cab .scn-fnode.ck-condition .scn-crow-tap:hover, .cab .scn-fnode.ck-condition .scn-cpill-row:hover, .cab .scn-fnode.ck-condition .scn-csub-row:hover {
    background-color: var(--hover-k);
  }
}

.cab .scn-fnode.ck-condition .scn-ctap:active, .cab .scn-fnode.ck-condition .scn-crow-tap:active, .cab .scn-fnode.ck-condition .scn-cpill-row:active, .cab .scn-fnode.ck-condition .scn-csub-row:active {
  background-color: var(--press-k);
}

@media (hover: hover) and (pointer: fine) {
  .cab .scn-canvas.editable .scn-fnode:hover:not(.sel):not(.run-error):not(.run-running):not(.err-branch), .cab .scn-vcard:hover:not(.sel):not(.run-error):not(.run-running):not(.err-branch) {
    --ring-c: color-mix(in srgb, var(--k, var(--line2)) 55%, transparent);
    box-shadow: var(--scn-card-sh), var(--ring-w) var(--ring-c);
  }
}

.cab .bcast-empty {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 26px 0 34px;
  display: flex;
}

.cab .bcast-empty .set-hero {
  gap: 8px;
  padding: 18px 16px 10px;
}

.cab .bcast-empty .set-hero-ic {
  width: 56px;
  height: 56px;
  color: var(--mut);
}

.cab .bcast-empty .set-hero-ic svg {
  filter: none;
  width: 56px;
  height: 56px;
}

:root[data-theme="dark"] .cab .bcast-empty .set-hero-ic svg {
  filter: none;
}

.cab .bcast-empty .set-hero-name {
  font-size: 22px;
  font-weight: 600;
}

.cab .bcast-empty .set-hero-meta {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 340px;
  display: -webkit-box;
  overflow: hidden;
}

.cab .bcast-empty .bc-hero-cta {
  border-radius: 999px;
  width: min(320px, 100%);
  margin-top: 2px;
  padding: 13px 18px;
  font-size: 15.5px;
  font-weight: 600;
}

.cab .bcast-arch-t {
  margin-top: 6px;
}

.cab .scn-card-arch {
  opacity: .72;
  cursor: default;
}

.cab .scn-stchip-wait {
  color: var(--tg-blue);
}

.cab .bcast-reasons {
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
  display: flex;
}

.cab .bcast-reason {
  color: var(--mut);
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
  display: flex;
}

.cab .bcast-reason b {
  color: var(--ink);
  font-weight: 680;
}

.cab .bcast-acts {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.cab .drawer:has(.wiz-apply-off) .dr-head .dr-act:not(.hidden) {
  display: none;
}

html.snap-calm .cab *, html.snap-calm .cab :before, html.snap-calm .cab :after {
  transition: none !important;
}

.cab .set-diag {
  text-align: center;
  color: var(--mut);
  margin: 18px 0 6px;
  font-size: 12px;
}

.cab .set-diag-link {
  color: var(--accent-stroke);
  font: inherit;
  text-decoration: none;
}

.cab .tz-row {
  border-radius: var(--r-sm);
  background: var(--bg);
  width: 100%;
  min-height: 44px;
  color: var(--ink);
  text-align: left;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: 15px;
  display: flex;
}

.cab .tz-row__v {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cab .tz-row__v--empty {
  color: var(--mut);
}

.cab .tz-row svg {
  color: var(--mut);
  flex: none;
}

.cab .tz-sheet {
  gap: 10px;
  display: grid;
}

.cab .mc-pane {
  flex-direction: column;
  min-height: 100%;
  display: flex;
}

.cab .mc-chat {
  margin: calc(-1 * var(--dr-top, 0px)) calc(-1 * var(--cab-pad, 18px)) 0;
  padding: calc(var(--dr-top, 0px)  + 12px) 8px 16px;
  background: var(--tg-chat-bg);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.cab .mc-date {
  justify-content: center;
  margin-bottom: 12px;
  display: flex;
}

.cab .mc-date span {
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--ink) 20%, transparent);
  height: 24px;
  color: var(--surf);
  align-items: center;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
}

.cab .mc-row {
  justify-content: flex-end;
  align-self: flex-end;
  max-width: 75%;
  display: flex;
}

.cab .mc-col {
  flex-direction: column;
  gap: 3px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.cab .mc-bub {
  border-radius: var(--msg-r);
  border-bottom-right-radius: var(--r-xs);
  background: var(--tg-bubble-in);
  border: 1px solid var(--line);
  min-width: 200px;
  box-shadow: var(--bub-sh);
  color: var(--ink);
  overflow-wrap: anywhere;
  flex-direction: column;
  gap: 6px;
  padding: 6px 12px 8px;
  font-size: 17px;
  line-height: 22px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cab .mc-corner {
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  display: flex;
  position: absolute;
  bottom: 8px;
  right: 12px;
}

.cab .mc-aa {
  border-radius: var(--r-xs);
  width: 24px;
  height: 24px;
  color: var(--mut);
  place-items: center;
  font-size: 13px;
  font-weight: 600;
  display: grid;
}

.cab .mc-aa.on {
  color: var(--accent-stroke);
}

.cab .mc-time {
  color: var(--mut);
  font-variant-numeric: tabular-nums;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  display: inline-flex;
}

.cab .mc-time svg {
  color: var(--tg-blue);
}

.cab .mc-count {
  text-align: right;
  color: var(--mut);
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-size: 11px;
}

.cab .mc-pinned {
  flex-direction: column;
  gap: 6px;
  padding: 6px 0;
  display: flex;
}

.cab .mc-slot-media, .cab .mc-slot-text, .cab .mc-slot-more {
  text-align: left;
  width: 100%;
  color: inherit;
  font: inherit;
  display: block;
}

.cab .mc-slot-media.empty {
  border: 1.5px dashed var(--mut);
  border-radius: var(--r-sm);
  min-height: 96px;
  color: var(--mut);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  display: flex;
}

.cab .mc-slot-media.empty:active {
  border-color: var(--accent-stroke);
  color: var(--accent-stroke);
}

.cab .mc-slot-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  min-height: 22px;
  caret-color: var(--accent-stroke);
  outline: none;
}

.cab .mc-slot-text:after {
  content: "";
  vertical-align: bottom;
  width: 68px;
  height: 1px;
  display: inline-block;
}

.cab .mc-slot-text:empty:before {
  content: attr(data-ph);
  color: var(--mut);
}

.cab .mc-slot-text blockquote {
  opacity: .85;
  border-left: 2px solid;
  margin: 2px 0;
  padding-left: 8px;
}

.cab .mc-slot-text code {
  border-radius: var(--r-2xs);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  padding: 0 2px;
  font-family: Menlo, ui-monospace, SFMono-Regular, monospace;
  font-size: 15px;
}

.cab .mc-slot-text .tg-spoiler {
  border-radius: var(--r-2xs);
  color: rgba(0, 0, 0, 0);
  opacity: .25;
  background: currentColor;
}

.cab .mc-link-txt {
  color: var(--tg-blue);
}

.cab .mc-slot-note {
  color: var(--mut);
  margin: 0;
  font-size: 12.5px;
  line-height: 1.35;
}

.cab .mc-slot-more {
  color: var(--mut);
  font-size: 13px;
}

.cab .mc-slot-more:active {
  color: var(--accent-stroke);
}

.cab .mc-slot-media.edge {
  width: calc(100% + 24px);
  margin: -6px -12px 0;
}

.cab .mc-pic, .cab .mc-round-i, .cab .mc-album-i {
  border-radius: var(--r-sm);
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  display: block;
}

.cab .mc-slot-media.edge .mc-pic {
  border-radius: 0 0 var(--r-2xs) var(--r-2xs);
  min-height: 120px;
  max-height: 300px;
}

.cab .mc-slot-media.edge .mc-album-i {
  border-radius: 0;
}

.cab .mc-shot-file {
  aspect-ratio: 4 / 3;
  background: color-mix(in srgb, var(--ink) 8%, transparent);
  color: var(--mut);
  place-items: center;
  display: grid;
}

.cab .mc-shot-video {
  position: relative;
  overflow: hidden;
}

.cab .mc-shot-video > img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.cab .mc-gif > video, .cab .mc-gif > img, .cab .mc-gif > .mc-shot-file {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  min-height: 120px;
  max-height: 300px;
  display: block;
}

.cab .mc-shot-play {
  color: #fff;
  place-items: center;
  display: grid;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .mc-shot-play > svg {
  background: color-mix(in srgb, var(--ink) 45%, transparent);
  box-sizing: content-box;
  border-radius: 50%;
  padding: 13px;
}

.cab .mc-shot-time {
  color: #fff;
  background: color-mix(in srgb, var(--ink) 45%, transparent);
  border-radius: 999px;
  padding: 1px 6px;
  font-size: 11px;
  line-height: 16px;
  position: absolute;
  top: 6px;
  left: 6px;
}

.cab .mc-spoil {
  border-radius: var(--r-sm);
  line-height: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.cab .mc-slot-media.edge .mc-spoil {
  border-radius: 0 0 var(--r-2xs) var(--r-2xs);
}

.cab .mc-album-cell .mc-spoil {
  border-radius: 0;
}

.cab .mc-bub.cap-above .mc-slot-text {
  order: -1;
}

.cab .mc-bub.cap-above .mc-slot-text:after {
  display: none;
}

.cab .mc-bub.cap-above .mc-slot-media.edge {
  margin: 0 -12px -8px;
}

.cab .mc-bub.cap-above .mc-slot-media.edge .mc-pic, .cab .mc-bub.cap-above .mc-slot-media.edge .mc-spoil {
  border-radius: 0;
}

.cab .mc-album {
  border-radius: var(--r-sm);
  gap: 2px;
  display: grid;
  overflow: hidden;
}

.cab .mc-album-2 {
  grid-template-columns: repeat(2, 1fr);
}

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

.cab .mc-album-cell {
  min-width: 0;
  display: block;
}

.cab .mc-album-2 .mc-album-cell:last-child:nth-child(odd) {
  grid-column: span 2;
}

.cab .mc-album-i {
  aspect-ratio: 1;
  border-radius: 0;
}

.cab .mc-stack {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.cab .mc-stack-i {
  display: block;
}

.cab .mc-round {
  background: color-mix(in srgb, var(--ink) 8%, transparent);
  border-radius: 50%;
  place-items: center;
  width: 148px;
  height: 148px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.cab .mc-round-i {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.cab .mc-round-time {
  background: color-mix(in srgb, var(--ink) 55%, transparent);
  color: var(--surf);
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 11px;
  position: absolute;
  bottom: 10px;
}

.cab .mc-voice {
  align-items: center;
  gap: 10px;
  min-width: 190px;
  display: flex;
}

.cab .mc-voice-play {
  background: var(--tg-blue);
  width: 40px;
  height: 40px;
  color: var(--surf);
  border-radius: 999px;
  flex: none;
  place-items: center;
  display: grid;
}

.cab .mc-wave {
  flex: 1;
  align-items: center;
  gap: 2px;
  min-width: 0;
  height: 24px;
  display: flex;
}

.cab .mc-wave i {
  background: var(--tg-blue);
  opacity: .7;
  border-radius: 999px;
  flex: 1;
  min-width: 2px;
}

.cab .mc-voice-time {
  font-variant-numeric: tabular-nums;
  color: var(--mut);
  flex: none;
  font-size: 13px;
}

.cab .mc-file {
  align-items: center;
  gap: 10px;
  min-width: 180px;
  display: flex;
}

html:not(.app) .cab .mc-file {
  gap: var(--pad-gap);
}

.cab .mc-file-ic {
  background: var(--tg-blue);
  width: 40px;
  height: 40px;
  color: var(--surf);
  border-radius: 999px;
  flex: none;
  place-items: center;
  display: grid;
}

.cab .mc-file-txt {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.cab .mc-file-txt b {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 600;
  overflow: hidden;
}

.cab .mc-file-txt i {
  color: var(--mut);
  font-size: 13px;
  font-style: normal;
}

.cab .drawer:has( > .dr-body > .mcv.dark) {
  background: var(--msg-viewer-bg);
}

.cab .dr-body:has( > .mcv) {
  --dr-top: 0px;
  scrollbar-gutter: auto;
  flex-direction: column;
  max-width: none;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.cab .drawer:has( > .dr-body > .mcv.dark) {
  --mcv-glass: color-mix(in srgb, color-mix(in srgb, var(--msg-viewer-bg) 72%, var(--msg-viewer-ink)) 60%, transparent);
}

.cab .drawer:has( > .dr-body > .mcv.dark) .dr-head :-webkit-any(.dr-close, .dr-act) {
  background: var(--mcv-glass);
  color: var(--msg-viewer-ink);
}

.cab .drawer:has( > .dr-body > .mcv.dark) .dr-head :-moz-any(.dr-close, .dr-act) {
  background: var(--mcv-glass);
  color: var(--msg-viewer-ink);
}

.cab .drawer:has( > .dr-body > .mcv.dark) .dr-head :is(.dr-close, .dr-act) {
  background: var(--mcv-glass);
  color: var(--msg-viewer-ink);
}

.cab .drawer:has( > .dr-body > .mcv.dark) .dr-head h3 {
  padding: 0 var(--row-gap);
  height: var(--ctl-sm);
  line-height: var(--ctl-sm);
  background: var(--mcv-glass);
  -webkit-backdrop-filter: var(--glass);
  backdrop-filter: var(--glass);
  color: var(--msg-viewer-ink);
  border-radius: 999px;
  flex: 0 auto;
  margin: 0 auto;
}

.cab .drawer:has( > .dr-body > .mcv.dark) .dr-head h3:empty {
  visibility: hidden;
}

.cab .mcv {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 0;
  display: flex;
  position: relative;
  container-type: size;
}

.cab .mcv.dark {
  background: var(--msg-viewer-bg);
}

.cab .mcv-media {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.cab .mcv-zoom {
  touch-action: none;
  cursor: zoom-in;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cab .mcv-zoom.is-zoomed {
  cursor: grab;
}

.cab .mcv-zoom .mcv-media {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.cab .mcv-round {
  aspect-ratio: 1;
  border-radius: 50%;
  width: min(100cqw, 100cqh);
  overflow: hidden;
}

.cab .mcv-round .mcv-media {
  -o-object-fit: cover;
  object-fit: cover;
}

.cab .mcv-pdf, .cab .mcv-file {
  padding-top: var(--dr-head-h);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.cab .mcv-doc {
  background: var(--surf);
  border: none;
  flex: 1;
  width: 100%;
  min-height: 0;
}

.cab .mcv-filebox {
  gap: var(--voice-big-gap);
  padding: var(--voice-big-gap) var(--page-x-m);
  flex-direction: column;
  display: flex;
}

@media (max-width: 820px) {
  .cab .drawer.sheet:has( > .dr-body > .mcv.wide) {
    height: min(calc(100vw / var(--mcv-ar, 1)), calc(100dvh - var(--safe-top)  - 12px));
    top: auto;
  }

  .cab .mcv.fill .mcv-media {
    -o-object-fit: cover;
    object-fit: cover;
  }

  html:not(.app) .cab .drawer.sheet:has( > .dr-body > .mcv.wide) {
    width: auto;
    height: min(calc((100vw - 16px) / var(--mcv-ar, 1)), calc(100dvh - var(--safe-top)  - 20px));
    border-radius: 32px;
    bottom: 8px;
    left: 8px;
    right: 8px;
    overflow: hidden;
  }
}

@container cab (width <= 820px) {
  .cab .drawer.sheet:has( > .dr-body > .mcv.wide) {
    height: min(calc(100vw / var(--mcv-ar, 1)), calc(100dvh - var(--safe-top)  - 12px));
    top: auto;
  }

  .cab .mcv.fill .mcv-media {
    -o-object-fit: cover;
    object-fit: cover;
  }

  html:not(.app) .cab .drawer.sheet:has( > .dr-body > .mcv.wide) {
    width: auto;
    height: min(calc((100vw - 16px) / var(--mcv-ar, 1)), calc(100dvh - var(--safe-top)  - 20px));
    border-radius: 32px;
    bottom: 8px;
    left: 8px;
    right: 8px;
    overflow: hidden;
  }
}

.cab .mcv.mcv-audio {
  padding-top: var(--dr-head-h);
  align-items: stretch;
}

.cab .mcv-aud {
  flex-direction: column;
  flex: 1;
  align-items: center;
  min-height: 0;
  padding: 0 37px 54px;
  display: flex;
}

.cab .mcv-aud-stage {
  flex: 1;
  place-items: center;
  width: 100%;
  min-height: 0;
  display: grid;
  position: relative;
}

.cab .mcv-aud-wave {
  width: 240px;
  height: 220px;
  color: var(--mut);
  grid-area: 1 / 1;
}

.cab .mcv-aud-play {
  width: 68px;
  height: 68px;
  color: var(--mut);
  border-radius: 50%;
  grid-area: 1 / 1;
  place-items: center;
  display: grid;
}

.cab .mcv-aud-play svg {
  width: 30px;
  height: 30px;
  margin-left: 3px;
}

.cab .mcv-aud-bar {
  background: var(--surf);
  border-radius: 999px;
  flex: none;
  width: 100%;
  height: 49px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .1);
}

.cab .mcv-aud-ticks {
  top: 14px;
  bottom: 14px;
  left: calc(50% - var(--p, 0) * 50%);
  background: repeating-linear-gradient(90deg, var(--mut) 0 1.5px, transparent 1.5px 4px);
  opacity: .7;
  width: 50%;
  position: absolute;
}

.cab .mcv-aud-mark {
  background: var(--surf);
  width: 4px;
  box-shadow: 0 0 0 1px var(--mut);
  border-radius: 2px;
  position: absolute;
  top: 9px;
  bottom: 9px;
  left: calc(50% - 2px);
}

.cab .dr-body:has( > .mcv-voice) {
  padding: calc(var(--dr-head-h)  + var(--voice-big-gap)) var(--page-x-m) var(--voice-big-gap);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.cab .mcv-voice {
  align-items: center;
  gap: var(--voice-big-gap);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.cab .mcv-voice-play {
  width: var(--voice-big-play);
  height: var(--voice-big-play);
  background: var(--accent-stroke);
  color: var(--voice-big-ink);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.cab .mcv-voice-play svg {
  width: var(--voice-big-glyph);
  height: var(--voice-big-glyph);
}

.cab .mcv-voice-wave {
  width: 100%;
  height: var(--voice-big-wave);
  background: none;
  align-items: center;
  gap: 2px;
  padding: 0;
  display: flex;
}

.cab .mcv-voice-wave i {
  background: var(--ink);
  opacity: .25;
  border-radius: 999px;
  flex: 1;
  min-width: 2px;
}

.cab .mcv-voice-wave i.on {
  opacity: 1;
}

.cab .mcv-voice-time {
  font-size: var(--voice-big-time);
  font-variant-numeric: tabular-nums;
  color: var(--mut);
}

.cab .mc-work {
  color: var(--mut);
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: inline-flex;
}

.cab .mc-ring {
  border: 2px solid color-mix(in srgb, var(--accent-stroke) 25%, transparent);
  border-top-color: var(--accent-stroke);
  border-radius: 999px;
  width: 24px;
  height: 24px;
  animation: .9s linear infinite mc-spin;
}

@keyframes mc-spin {
  to {
    transform: rotate(360deg);
  }
}

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

.cab .mc-limit {
  flex-direction: column;
  gap: 6px;
  padding: 0 4px;
  display: flex;
}

.cab .mc-limit-t {
  color: var(--step-error);
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
}

.cab .mc-limit-t.calm {
  color: var(--mut);
}

.cab .mc-fixes {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.cab .mc-fix {
  background: var(--accent-soft);
  height: 32px;
  color: var(--accent-stroke);
  border-radius: 999px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 550;
}

.cab .mc-note {
  color: var(--mut);
  margin: 0;
  padding: 0 4px;
  font-size: 12.5px;
  line-height: 1.35;
}

.cab .mc-keys {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.cab .mc-keys-row {
  gap: 4px;
  display: flex;
}

.cab .mc-keys-row.free {
  touch-action: pan-y;
}

.cab .mc-keys-row.lift {
  opacity: .6;
  transform: scale(1.02);
}

.cab .mc-keys-row.over {
  outline: 1.5px dashed var(--accent-stroke);
  outline-offset: 2px;
  border-radius: var(--r-sm);
}

.cab .mc-key {
  border-radius: var(--r-sm);
  background: var(--surf);
  min-height: 40px;
  color: var(--tg-blue);
  text-align: center;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  display: inline-flex;
  position: relative;
}

.cab .mc-key-link {
  position: absolute;
  top: 4px;
  right: 5px;
}

.cab .mc-key.empty {
  color: var(--mut);
}

.cab .mc-key.st-primary {
  background: var(--tg-blue);
  color: var(--mark-ink);
}

.cab .mc-key.st-success {
  background: var(--tg-green);
  color: var(--mark-ink);
}

.cab .mc-key.st-danger {
  background: var(--tg-red);
  color: var(--mark-ink);
}

.cab .mc-key.empty.st-primary, .cab .mc-key.empty.st-success, .cab .mc-key.empty.st-danger {
  background: var(--surf);
  color: var(--mut);
}

.cab .mc-key-add {
  border: 1.5px dashed var(--mut);
  color: var(--mut);
  background: none;
  font-weight: 500;
}

.cab .mc-key-add:active {
  border-color: var(--accent-stroke);
  color: var(--accent-stroke);
}

.cab .mbp-dot {
  box-sizing: border-box;
  vertical-align: -4px;
  border: 1px solid var(--line);
  background: var(--surf);
  border-radius: 999px;
  flex: none;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  display: inline-block;
}

.cab .mbp-dot-primary {
  border-color: var(--tg-blue);
  background: var(--tg-blue);
}

.cab .mbp-dot-success {
  border-color: var(--tg-green);
  background: var(--tg-green);
}

.cab .mbp-dot-danger {
  border-color: var(--step-error);
  background: var(--step-error);
}

.cab .mc-legacy {
  color: var(--step-error);
  text-align: center;
  align-self: center;
  margin: 4px 0 0;
  font-size: 12.5px;
}

.cab .mc-status {
  text-align: center;
  color: var(--mut);
  margin: 0;
  padding: 10px 12px 0;
  font-size: 13px;
  position: relative;
}

.cab .mc-slot-prev {
  border-left: 3px solid var(--tg-blue);
  padding: 2px 0 2px 8px;
}

.cab .mc-prev {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.cab .mc-prev-txt {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.cab .mc-prev-txt em {
  color: var(--tg-blue);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 17px;
}

.cab .mc-prev-txt b {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  display: -webkit-box;
  overflow: hidden;
}

.cab .mc-prev-txt i {
  color: var(--mut);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px;
  font-style: normal;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.cab .mc-prev-img {
  border-radius: var(--r-xs);
  -o-object-fit: cover;
  object-fit: cover;
  flex: none;
  width: 56px;
  height: 56px;
}

.cab .mc-count {
  color: var(--mut);
  font-variant-numeric: tabular-nums;
  font-size: 11px;
}

.cab .mc-count.over {
  color: var(--step-error);
}

.cab .mc-pop {
  z-index: 30;
  flex-direction: column;
  gap: 6px;
  padding: 6px;
  display: flex;
  position: fixed;
  translate: -50%;
}

.cab .mc-strip {
  align-items: center;
  gap: 4px;
  height: 32px;
  display: flex;
}

.cab .mc-fmt {
  width: 32px;
  height: 32px;
  color: var(--ink);
  border-radius: 999px;
  flex: none;
  place-items: center;
  display: grid;
}

.cab .mc-fmt.on {
  background: var(--accent-soft);
  color: var(--accent-stroke);
}

.cab .mc-link {
  align-items: center;
  gap: 8px;
  display: flex;
}

.cab .mc-link .k-inp {
  flex: 1;
  min-width: 0;
}

.cab .mc-attach {
  min-height: 100%;
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

.cab .mc-attach-g {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.cab .mc-attach-cap {
  color: var(--mut);
  font-size: 13px;
  font-weight: 600;
}

.cab .mc-attach-rows {
  border-radius: var(--r-md);
  background: var(--surf);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.cab .mc-attach-row {
  text-align: left;
  border-bottom: 1px solid var(--line);
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 8px 14px;
  display: flex;
}

.cab .mc-attach-row:last-child {
  border-bottom: 0;
}

.cab .mc-attach-row.off {
  opacity: .55;
  cursor: default;
}

.cab .mc-attach-row.is-now {
  width: 100%;
}

.cab .mc-attach-edit {
  text-align: left;
  min-width: 0;
  color: inherit;
  font: inherit;
  flex: auto;
  align-items: center;
  gap: 12px;
  display: flex;
}

.cab .mc-attach-edit:disabled {
  cursor: default;
}

.cab .mc-attach-edit:not(:disabled):active .mc-attach-txt b {
  color: var(--accent-stroke);
}

.cab .mc-attach-thumb {
  border-radius: var(--r-xs);
  -o-object-fit: cover;
  object-fit: cover;
  flex: none;
  width: 32px;
  height: 32px;
}

.cab .mc-attach-x {
  width: 28px;
  height: 28px;
  color: var(--mut);
  border-radius: 999px;
  flex: none;
  place-items: center;
  margin-left: auto;
  display: grid;
}

.cab .mc-attach-x:active {
  color: var(--accent-stroke);
}

.cab .mc-attach-ic {
  border-radius: var(--r-xs);
  background: var(--accent-soft);
  width: 32px;
  height: 32px;
  color: var(--accent-stroke);
  flex: none;
  place-items: center;
  display: grid;
}

.cab .mc-attach-txt {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.cab .mc-attach-txt b {
  font-size: 16px;
  font-weight: 550;
}

.cab .mc-attach-txt i, .cab .mc-attach-foot {
  color: var(--mut);
  font-size: 13px;
  font-style: normal;
  line-height: 1.3;
}

.cab .mc-attach-done {
  margin-top: auto;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.cab .mc-ask {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

html:not(.app) .cab .mc-ask.is-hero {
  gap: 0;
  min-height: 100%;
  position: relative;
}

html:not(.app) .cab .mc-ask-x {
  width: var(--ctl-sm);
  height: var(--ctl-sm);
  background: color-mix(in srgb, var(--ink) 7%, transparent);
  color: var(--ink);
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  top: 6px;
  left: 0;
}

html:not(.app) .cab .mc-ask-hero {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 74px 8px 0;
  display: flex;
}

html:not(.app) .cab .mc-ask-mark {
  height: 72px;
  color: var(--mut);
  place-items: center;
  margin-bottom: 8px;
  display: grid;
}

html:not(.app) .cab .mc-ask-mark svg {
  stroke-width: 1px;
}

html:not(.app) .cab .mc-ask-t {
  color: var(--ink);
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 27px;
}

html:not(.app) .cab .mc-ask-s {
  color: var(--mut);
  margin: 8px 0 0;
  font-size: 15px;
  line-height: 18px;
}

html:not(.app) .cab .mc-ask-acts {
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
  padding: 24px 0 22px;
  display: flex;
}

html:not(.app) .cab .mc-ask-acts > .k-btn {
  min-height: 52px;
  font-size: 17px;
  font-weight: 500;
}

.cab .mc-slider {
  width: 100%;
  accent-color: var(--accent-stroke);
  background: none;
  border: 0;
  padding: 0;
}

.cab .mc-clip {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.cab .mc-clip-track {
  background: var(--surf-2);
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 12px;
  height: 76px;
  position: relative;
  overflow: hidden;
}

.cab .mc-clip-wave {
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cab .mc-clip-sel {
  background: color-mix(in srgb, var(--accent-soft) 60%, transparent);
  border-top: 2px solid var(--accent-stroke);
  border-bottom: 2px solid var(--accent-stroke);
  cursor: grab;
  position: absolute;
  top: 0;
  bottom: 0;
}

.cab .mc-clip-sel:active {
  cursor: grabbing;
}

.cab .mc-clip-h {
  cursor: ew-resize;
  width: 28px;
  margin-left: -14px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.cab .mc-clip-h:before {
  content: "";
  background: var(--accent-stroke);
  border-radius: 3px;
  width: 6px;
  margin-left: -3px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}

.cab .mc-clip-h:after {
  content: "";
  background: var(--surf);
  border-radius: 1px;
  width: 2px;
  height: 14px;
  margin: -7px 0 0 -1px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.cab .mc-clip-cursor {
  background: var(--ink);
  opacity: .7;
  pointer-events: none;
  width: 2px;
  margin-left: -1px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.cab .mc-clip-row {
  align-items: center;
  gap: 12px;
  display: flex;
}

.cab .mc-clip-play {
  background: var(--accent-soft);
  width: 44px;
  height: 44px;
  color: var(--accent-stroke);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.cab .mc-clip-play:disabled {
  opacity: .45;
}

.cab .mc-clip-time {
  font-variant-numeric: tabular-nums;
  color: var(--ink);
  font-size: 15px;
}

html:not(.app) .cab .drawer:has( > .dr-body .mc-attach) > .dr-head h3 {
  visibility: hidden;
}

.cab .mc-attach-title {
  font-size: var(--head-size);
  font-weight: var(--head-weight);
  letter-spacing: var(--head-kern);
  line-height: var(--head-lh);
  color: var(--ink);
  margin: 0 0 10px;
}

html:not(.app) .cab .mc-attach {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

html:not(.app) .cab .mc-attach-g {
  gap: var(--cap-gap);
}

html:not(.app) .cab .mc-attach-cap {
  font-weight: 400;
  line-height: 16px;
}

html:not(.app) .cab .mc-attach-rows {
  border-radius: var(--bub-r);
}

html:not(.app) .cab .mc-attach-row {
  min-height: var(--h-row-m);
  padding: 12px 16px;
}

html:not(.app) .cab .mc-attach-txt {
  gap: 3px;
}

html:not(.app) .cab .mc-attach-txt b {
  font-weight: 400;
}

html:not(.app) .cab .mc-attach-x {
  width: var(--ctl);
  height: var(--ctl);
  margin-top: -8px;
  margin-bottom: -8px;
}

html:not(.app) .cab .mc-attach-row.is-now > .mc-attach-x:last-child {
  color: var(--mut-2);
}

.cab .mc-attach-xcut {
  stroke: var(--surf);
}

html:not(.app) .cab .mc-attach-row.is-now {
  max-height: 120px;
  transition: opacity var(--m-dur-row) var(--m-ease), max-height var(--m-dur-row) var(--m-ease), min-height var(--m-dur-row) var(--m-ease), padding var(--m-dur-row) var(--m-ease);
  overflow: hidden;
}

html:not(.app) .cab .mc-attach-row.is-now.is-going {
  opacity: 0;
  border-bottom-width: 0;
  min-height: 0;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.cab .mc-attach-row[draggable="true"] {
  cursor: grab;
}

.cab .mc-attach-row.is-drag {
  opacity: .5;
}

.cab .mc-attach-row.is-over {
  outline: 1px dashed var(--accent-stroke);
  outline-offset: -3px;
}

.cab .mc-attach-opts .k-row--sw {
  padding: 12px 16px;
}

.cab .mc-attach-opts .k-row__top {
  min-height: var(--h-row-m);
}

html:not(.app) .cab .mc-key {
  border-radius: var(--msg-r);
}

html:not(.app) .cab .mc-key-add {
  border-width: 1px;
}

.cab .mbp-tag {
  gap: var(--note-gap);
  margin-bottom: var(--group-gap);
  flex-direction: column;
  display: flex;
}

.cab .fk-pane .mbp-tag > .kf-blk {
  margin-bottom: 0;
}

.cab .mbp-tag > .meta {
  padding: 0 16px;
}

.cab .mc-pop--words {
  max-width: calc(100vw - 16px);
  animation: k-pop-in var(--m-dur-pop) var(--m-ease-pop);
  padding: 4px;
}

.cab .mc-pop--words[data-state="closed"] {
  animation: k-pop-out var(--m-dur-pop-out) var(--m-ease-pop-out) forwards;
  pointer-events: none;
}

.cab .mc-words {
  scrollbar-width: none;
  align-items: center;
  display: flex;
  overflow-x: auto;
}

.cab .mc-word-wrap {
  display: contents;
}

.cab .mc-words-head {
  display: none;
}

.cab .mc-word {
  height: 36px;
  color: var(--ink);
  white-space: nowrap;
  border-radius: 999px;
  flex: none;
  padding: 0 12px;
  font-size: 15px;
}

.cab .mc-word.on {
  background: var(--accent-soft);
  color: var(--accent-stroke);
}

@media (hover: hover) {
  .cab .mc-word:hover {
    background: var(--hover);
  }
}

.cab .mc-slot-text pre {
  white-space: pre-wrap;
  border-radius: var(--r-2xs);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  margin: 2px 0;
  padding: 4px 6px;
  font-family: Menlo, ui-monospace, SFMono-Regular, monospace;
  font-size: 15px;
}

html:not(.app) .cab .mc-bub {
  border-bottom-right-radius: var(--msg-tail);
}

html:not(.app) .cab .mc-voice {
  gap: 8px;
}

html:not(.app) .cab .mc-wave {
  height: 22px;
}

html:not(.app) .cab .mc-slot-media.empty {
  border-radius: var(--msg-r);
  border-width: 1px;
}

.cab .mc-bub.bare {
  background: none;
  border: 0;
  min-width: 0;
  padding: 0;
  overflow: visible;
}

.cab .mc-slot-round {
  flex-direction: column;
  gap: 6px;
  width: 200px;
  display: flex;
}

.cab .mc-round.is-bare {
  width: 200px;
  height: 200px;
}

.cab .mc-round-foot {
  color: var(--mut);
  font-variant-numeric: tabular-nums;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  display: flex;
}

.cab .mc-row:has(.mc-mosaic) {
  width: 75%;
}

.cab .mc-mosaic {
  border-radius: var(--msg-r);
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.cab .mc-slot-media.edge .mc-mosaic {
  border-radius: 0;
}

.cab .mc-mosaic-cell {
  display: block;
  position: absolute;
  overflow: hidden;
}

.cab .mc-mosaic-cell .mc-album-i, .cab .mc-mosaic-cell .mc-spoil, .cab .mc-mosaic-cell .mc-spoil-in {
  aspect-ratio: auto;
  width: 100%;
  height: 100%;
}

html:not(.app) .cab .mc-trim {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

html:not(.app) .cab .mc-trim-bar {
  height: var(--trim-h);
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
}

html:not(.app) .cab .mc-trim-strip {
  inset: 0 var(--trim-grip);
  border-radius: var(--r-xs);
  background: var(--surf-2);
  gap: 2px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

html:not(.app) .cab .mc-trim-cell {
  background-color: var(--surf-2);
  background-position: center;
  background-size: cover;
  flex: 1;
  min-width: 0;
}

html:not(.app) .cab .mc-trim-cell.is-wave {
  align-items: center;
  padding: 0 8px;
  display: flex;
}

html:not(.app) .cab .mc-trim-wave {
  width: 100%;
  height: calc(var(--trim-h)  - 16px);
  color: var(--accent-stroke);
  display: block;
}

html:not(.app) .cab .mc-trim-dim {
  background: var(--trim-dim);
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
}

html:not(.app) .cab .mc-trim-dim:first-of-type {
  border-radius: var(--r-xs) 0 0 var(--r-xs);
}

html:not(.app) .cab .mc-trim-dim:last-of-type {
  border-radius: 0 var(--r-xs) var(--r-xs) 0;
}

html:not(.app) .cab .mc-trim-frame {
  border: var(--trim-line) solid var(--accent-stroke);
  border-radius: var(--r-xs);
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
}

html:not(.app) .cab .mc-trim-body {
  cursor: grab;
  touch-action: none;
  position: absolute;
  top: 0;
  bottom: 0;
}

html:not(.app) .cab .mc-trim-body:active {
  cursor: grabbing;
}

html:not(.app) .cab .mc-trim-grip {
  width: var(--trim-grip);
  border-radius: var(--r-xs);
  background: var(--accent-stroke);
  color: var(--accent-ink);
  cursor: ew-resize;
  touch-action: none;
  place-items: center;
  display: grid;
  position: absolute;
  top: 0;
  bottom: 0;
}

html:not(.app) .cab .mc-trim-grip:before {
  content: "";
  inset: 0 calc(var(--trim-slop) * -1);
  position: absolute;
}

html:not(.app) .cab .mc-trim-grip:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}

html:not(.app) .cab .mc-trim-grip svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

html:not(.app) .cab .mc-trim-cap {
  font-variant-numeric: tabular-nums;
  text-align: center;
  color: var(--ink);
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
}

html:not(.app) .cab .mc-clipx {
  margin-top: calc(24px - var(--head-air));
  flex-direction: column;
  gap: 24px;
  display: flex;
}

html:not(.app) .cab .mc-clipx.is-audio {
  margin-top: calc(24px - var(--head-air)  - 3px);
}

html:not(.app) .cab .mc-clipx.is-audio .mc-trim-bar {
  height: 42px;
}

html:not(.app) .cab .mc-clipx.is-bare .mc-clipx-place {
  display: none;
}

html:not(.app) .cab .mc-clipx-stage {
  place-items: center;
  display: grid;
  position: relative;
}

html:not(.app) .cab .mc-clipx-frame {
  border-radius: var(--r-sm);
  background: var(--trim-dim);
  touch-action: none;
  display: block;
}

html:not(.app) .cab .mc-clipx-frame.is-round {
  border-radius: 50%;
}

html:not(.app) .cab .mc-clipx-frame.is-zoom {
  cursor: grab;
}

html:not(.app) .cab .mc-clipx-frame.is-zoom:active {
  cursor: grabbing;
}

html:not(.app) .cab .mc-clipx-src {
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  position: absolute;
}

html:not(.app) .cab .mc-clipx > .mc-clipx-ratios {
  flex: none;
  margin: 0;
  position: static;
}

html:not(.app) .cab .mc-clipx-ratios .msg-folder {
  color: var(--ink);
}

html:not(.app) .cab .mc-clipx-hint {
  text-align: center;
  color: var(--mut);
  margin: -12px 0 0;
  font-size: 13px;
  line-height: 1.35;
}

html:not(.app) .cab .mc-rec {
  margin-top: calc(24px - var(--head-air));
  min-height: calc(100% - 24px + var(--head-air));
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

html:not(.app) .cab .mc-rec-err {
  text-align: center;
  color: var(--red);
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
}

html:not(.app) .cab .mc-rec-wave {
  height: var(--rec-wave);
  align-items: center;
  gap: var(--rec-bar-gap);
  display: flex;
}

html:not(.app) .cab .mc-rec-wave > i {
  border-radius: var(--rec-bar-r);
  background: var(--accent-stroke);
  flex: 1;
  min-width: 0;
}

html:not(.app) .cab .mc-rec-clock {
  font-variant-numeric: tabular-nums;
  text-align: center;
  color: var(--ink);
  margin: 12px 0 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

html:not(.app) .cab .mc-rec-row {
  grid-template-columns: var(--ctl) var(--rec-big) var(--ctl);
  -moz-column-gap: 24px;
  justify-content: center;
  align-items: center;
  column-gap: 24px;
  margin-top: 24px;
  display: grid;
}

html:not(.app) .cab .mc-rec-side {
  width: var(--ctl);
  height: var(--ctl);
  place-items: center;
  display: grid;
}

html:not(.app) .cab .mc-rec-big {
  width: var(--rec-big);
  height: var(--rec-big);
  background: var(--red);
  color: var(--red-ink);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

html:not(.app) .cab .mc-rec-play {
  width: var(--ctl);
  height: var(--ctl);
  color: var(--accent-stroke);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

html:not(.app) .cab .mc-rec-again > svg {
  width: 15px;
  height: 15px;
}

html:not(.app) .cab .mc-rec-files {
  color: var(--ink);
  align-self: center;
  margin-top: auto;
  padding: 0 24px;
  font-size: 17px;
  font-weight: 600;
}

html:not(.app) .cab .mc-crop-grip {
  width: var(--ctl);
  height: var(--ctl);
  margin: calc(var(--ctl) / -2) 0 0 calc(var(--ctl) / -2);
  touch-action: none;
  position: absolute;
}

html:not(.app) .cab .mc-crop-grip:before {
  content: "";
  box-sizing: border-box;
  border: 0 solid var(--accent-stroke);
  position: absolute;
  top: 50%;
  left: 50%;
}

html:not(.app) .cab .mc-crop-grip[data-sy="0"]:before {
  width: 0;
  height: var(--crop-arm);
  margin-top: calc(var(--crop-arm) / -2);
  border-left-width: var(--trim-line);
}

html:not(.app) .cab .mc-crop-grip[data-sx="0"]:before {
  width: var(--crop-arm);
  height: 0;
  margin-left: calc(var(--crop-arm) / -2);
  border-top-width: var(--trim-line);
}

html:not(.app) .cab .mc-crop-grip[data-sx="-1"]:before {
  margin-left: calc(var(--trim-line) * -1);
}

html:not(.app) .cab .mc-crop-grip[data-sy="-1"]:before {
  margin-top: calc(var(--trim-line) * -1);
}

html:not(.app) .cab .mc-crop-grip[data-sx="-1"][data-sy="0"]:before {
  margin-top: calc(var(--crop-arm) / -2);
}

html:not(.app) .cab .mc-crop-grip[data-sy="-1"][data-sx="0"]:before {
  margin-left: calc(var(--crop-arm) / -2);
}

html:not(.app) .cab .mc-crop-grip.is-corner:before {
  width: var(--crop-arm);
  height: var(--crop-arm);
}

html:not(.app) .cab .mc-crop-grip.is-corner[data-sx="-1"][data-sy="-1"]:before {
  border-top-width: var(--trim-line);
  border-left-width: var(--trim-line);
}

html:not(.app) .cab .mc-crop-grip.is-corner[data-sx="1"][data-sy="-1"]:before {
  margin-left: calc(var(--crop-arm) * -1);
  border-top-width: var(--trim-line);
  border-right-width: var(--trim-line);
  transform: translateX(var(--trim-line));
}

html:not(.app) .cab .mc-crop-grip.is-corner[data-sx="1"][data-sy="1"]:before {
  margin: calc(var(--crop-arm) * -1) 0 0 calc(var(--crop-arm) * -1);
  border-right-width: var(--trim-line);
  border-bottom-width: var(--trim-line);
  transform: translate(var(--trim-line), var(--trim-line));
}

html:not(.app) .cab .mc-crop-grip.is-corner[data-sx="-1"][data-sy="1"]:before {
  margin-top: calc(var(--crop-arm) * -1);
  border-bottom-width: var(--trim-line);
  border-left-width: var(--trim-line);
  transform: translateY(var(--trim-line));
}

html:not(.app) .cab .dr-body:has( > .mc-tabs) {
  padding-bottom: 0;
}

html:not(.app) .cab .mc-tabs {
  min-height: 100%;
  margin-inline: calc(var(--ctl-edge)  - var(--cab-pad, 18px));
  flex-direction: column;
  gap: 12px;
  display: flex;
}

html:not(.app) .cab .mc-tabs-page {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

html:not(.app) .cab .mc-tabs-page[hidden] {
  display: none;
}

html:not(.app) .cab .mc-tabs-page > .mc-rec {
  flex: 1;
  min-height: 0;
}

html:not(.app) .cab .mc-tabs-stub {
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  padding: 24px 0;
  display: flex;
}

html:not(.app) .cab .mc-tabs-ic {
  width: 72px;
  height: 72px;
  color: var(--mut);
  align-self: center;
  place-items: center;
  display: grid;
}

html:not(.app) .cab .mc-tabs-hint {
  text-align: center;
  color: var(--mut);
  margin: -16px 0 0;
  font-size: 15px;
  line-height: 1.35;
}

html:not(.app) .cab .mc-tabs-acts {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

html:not(.app) .cab .mc-tabs-act {
  gap: var(--note-gap);
  flex-direction: column;
  display: flex;
}

html:not(.app) .cab .mc-tabs-why {
  text-align: center;
  color: var(--mut);
  margin: 0;
  font-size: 13px;
  line-height: 1.3;
}

html:not(.app) .cab .mc-tabs-bar {
  z-index: 2;
  padding-bottom: calc(var(--ctl-edge)  + env(safe-area-inset-bottom, 0px));
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

html:not(.app) .cab .mc-tabs-strip {
  margin-inline: calc(var(--ctl-edge) * -1);
  padding-inline: var(--ctl-edge);
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  display: flex;
  overflow-x: auto;
}

html:not(.app) .cab .mc-tabs-strip::-webkit-scrollbar {
  display: none;
}

html:not(.app) .cab .mc-tabs-strip > .kf-seg {
  flex: none;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

html:not(.app) .cab .mc-tabs-note {
  left: 50%;
  bottom: calc(100% + var(--tab-note-gap));
  box-sizing: border-box;
  max-width: 100%;
  height: var(--tab-note-h);
  padding: 0 var(--tab-note-pad);
  font-size: 13px;
  font-weight: 500;
  line-height: var(--tab-note-h);
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--ink);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--m-dur-note) var(--m-ease);
  border-radius: 999px;
  margin: 0;
  position: absolute;
  overflow: hidden;
  transform: translateX(-50%);
}

html:not(.app) .cab .mc-tabs-note.is-on {
  opacity: 1;
}

html:not(.app) .cab .mc-bubbox {
  min-width: 0;
  position: relative;
}

html:not(.app) .cab .mc-clip-at {
  right: calc(100% + var(--inbar-gap));
  color: var(--mut);
  position: absolute;
  bottom: 0;
}

html:not(.app) .cab .mc-inbar {
  left: 0;
  right: 0;
  bottom: var(--mc-inbar-b, 0px);
  z-index: 20;
  align-items: flex-end;
  gap: var(--inbar-gap);
  padding: var(--inbar-gap) calc(var(--inbar-edge)  + env(safe-area-inset-right, 0px)) calc(var(--inbar-gap)  + env(safe-area-inset-bottom, 0px)) calc(var(--inbar-edge)  + env(safe-area-inset-left, 0px));
  background: var(--bg);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--m-dur-fast);
  display: flex;
  position: fixed;
}

html:not(.app) .cab .mc-inbar.is-on {
  opacity: 1;
  pointer-events: auto;
}

html:not(.app) .cab .mc-inbar.is-kb {
  padding-bottom: var(--inbar-gap);
}

html:not(.app) .cab .mc-inbar-clip {
  color: var(--mut);
}

html:not(.app) .cab .mc-inbar-ok, html:not(.app) .cab .mc-inbar-ok:hover, html:not(.app) .cab .mc-inbar-ok:active {
  background: var(--accent-stroke);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: var(--mark-ink);
}

html:not(.app) .cab .mc-inbar-ok:disabled {
  opacity: .4;
}

html:not(.app) .cab .mc-inbar-mid {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

html:not(.app) .cab .mc-inbar-lens {
  box-sizing: border-box;
  min-height: var(--ctl);
  padding: 0 var(--inbar-pad-x);
  border-radius: var(--inbar-r);
  cursor: text;
  align-items: center;
  display: flex;
}

html:not(.app) .cab .mc-inbar-scroll {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

html:not(.app) .cab .mc-inbar-scroll.is-scroll {
  overscroll-behavior: contain;
  scrollbar-width: none;
  overflow-y: auto;
}

html:not(.app) .cab .mc-inbar-scroll.is-scroll::-webkit-scrollbar {
  display: none;
}

html:not(.app) .cab .mc-inbar .mc-slot-text {
  color: var(--ink);
  font-size: 17px;
  line-height: 22px;
}

html:not(.app) .cab .mc-inbar .mc-slot-text:after {
  content: none;
}

html:not(.app) .cab .mc-inbar-count {
  padding-right: var(--inbar-pad-x);
  text-align: right;
  font-variant-numeric: tabular-nums;
  color: var(--mut);
  margin: 0;
  font-size: 11px;
  line-height: 14px;
}

html:not(.app) .cab .mc-inbar-count.over {
  color: var(--red);
}

html:not(.app) .cab .mc-slot-show {
  cursor: text;
}

html:not(.app) .cab .mc-slot-show a {
  pointer-events: none;
}

html:not(.app) .mc-tmenu {
  z-index: 120;
  visibility: hidden;
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  height: 43px;
  padding: 0 4px;
  display: flex;
  position: absolute;
}

html:not(.app) .mc-tmenu-i {
  height: 100%;
  color: var(--ink);
  padding: 0 17px;
  font-size: 15px;
  line-height: 20px;
  position: relative;
}

html:not(.app) .mc-tmenu-i + .mc-tmenu-i:before {
  content: "";
  background: var(--line);
  width: 1px;
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 0;
}

html:not(.app) .cab .mc-chat {
  padding-bottom: calc(16px + var(--mc-inbar-space, 0px));
}

@media (max-width: 820px) {
  html:not(.app) .cab .mc-chat:not(:has( > .mc-date)) {
    padding-top: calc(var(--dr-top, 0px)  + 12px - 33px);
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .mc-chat:not(:has( > .mc-date)) {
    padding-top: calc(var(--dr-top, 0px)  + 12px - 33px);
  }
}

html:not(.app) .cab .mc-dock {
  z-index: 2;
  margin: 0 calc(-1 * var(--cab-pad, 18px));
  padding: 12px 16px calc(22px + env(safe-area-inset-bottom, 0px));
  background: var(--tg-chat-bg);
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

html:not(.app) .cab .mc-pane:has(.mc-inbar.is-on) .mc-dock {
  display: none;
}

@media (max-width: 820px) {
  .cab .drawer.sheet .dr-head {
    --dr-head-h: calc(26px + var(--ctl));
    grid-template-columns: var(--ctl) minmax(0, 1fr) var(--ctl);
    -moz-column-gap: 8px;
    padding: 26px var(--ctl-edge) 0;
    grid-auto-rows: auto;
    align-items: center;
    column-gap: 8px;
    display: grid;
  }

  .cab .drawer.sheet .dr-head > .dr-close, .cab .drawer.sheet .dr-head > .dr-act, .cab .drawer.sheet .dr-head > [class*="dr-act"] {
    width: var(--ctl);
    height: var(--ctl);
    grid-row: 1;
  }

  .cab .drawer.sheet .dr-head > .dr-close {
    grid-column: 1;
  }

  .cab .drawer.sheet .dr-head > .dr-act, .cab .drawer.sheet .dr-head > [class*="dr-act"] {
    grid-column: 3;
  }

  .cab .drawer.sheet .dr-head > .k-pill {
    grid-area: 1 / 3;
    justify-self: end;
  }

  .cab .drawer.sheet .dr-head > .k-pill:first-child {
    grid-column: 1 / span 2;
    justify-self: start;
  }

  .cab .drawer.sheet .dr-head > h3 {
    letter-spacing: 0;
    color: var(--ink);
    grid-area: 1 / 2;
    font-size: 15px;
    font-weight: 500;
  }

  .cab .drawer.sheet .dr-head-t {
    display: contents;
  }

  .cab .drawer.sheet .dr-head-t p {
    opacity: calc(1 - var(--dr-p, 0));
    transform: translateY(calc(-8px * var(--dr-p, 0)));
    color: var(--mut);
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    grid-area: 1 / 2;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    overflow: hidden;
  }

  .cab .drawer.sheet .dr-head-t h3 {
    text-align: left;
    font-size: var(--head-size);
    font-weight: var(--head-weight);
    letter-spacing: var(--head-kern);
    line-height: var(--head-lh);
    white-space: normal;
    grid-area: 2 / 1 / auto / -1;
    margin-top: 24px;
    overflow: visible;
  }

  .cab .drawer.sheet:has(.dr-head-t) .dr-body {
    --dr-head-h: calc(26px + var(--ctl)  + 24px + var(--head-size) * var(--head-lh));
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) .dr-head-t h3 {
    display: none;
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) .dr-body {
    --dr-head-h: calc(26px + var(--ctl));
  }
}

@container cab (width <= 820px) {
  .cab .drawer.sheet .dr-head {
    --dr-head-h: calc(26px + var(--ctl));
    grid-template-columns: var(--ctl) minmax(0, 1fr) var(--ctl);
    -moz-column-gap: 8px;
    padding: 26px var(--ctl-edge) 0;
    grid-auto-rows: auto;
    align-items: center;
    column-gap: 8px;
    display: grid;
  }

  .cab .drawer.sheet .dr-head > .dr-close, .cab .drawer.sheet .dr-head > .dr-act, .cab .drawer.sheet .dr-head > [class*="dr-act"] {
    width: var(--ctl);
    height: var(--ctl);
    grid-row: 1;
  }

  .cab .drawer.sheet .dr-head > .dr-close {
    grid-column: 1;
  }

  .cab .drawer.sheet .dr-head > .dr-act, .cab .drawer.sheet .dr-head > [class*="dr-act"] {
    grid-column: 3;
  }

  .cab .drawer.sheet .dr-head > .k-pill {
    grid-area: 1 / 3;
    justify-self: end;
  }

  .cab .drawer.sheet .dr-head > .k-pill:first-child {
    grid-column: 1 / span 2;
    justify-self: start;
  }

  .cab .drawer.sheet .dr-head > h3 {
    letter-spacing: 0;
    color: var(--ink);
    grid-area: 1 / 2;
    font-size: 15px;
    font-weight: 500;
  }

  .cab .drawer.sheet .dr-head-t {
    display: contents;
  }

  .cab .drawer.sheet .dr-head-t p {
    opacity: calc(1 - var(--dr-p, 0));
    transform: translateY(calc(-8px * var(--dr-p, 0)));
    color: var(--mut);
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    grid-area: 1 / 2;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    overflow: hidden;
  }

  .cab .drawer.sheet .dr-head-t h3 {
    text-align: left;
    font-size: var(--head-size);
    font-weight: var(--head-weight);
    letter-spacing: var(--head-kern);
    line-height: var(--head-lh);
    white-space: normal;
    grid-area: 2 / 1 / auto / -1;
    margin-top: 24px;
    overflow: visible;
  }

  .cab .drawer.sheet:has(.dr-head-t) .dr-body {
    --dr-head-h: calc(26px + var(--ctl)  + 24px + var(--head-size) * var(--head-lh));
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) .dr-head-t h3 {
    display: none;
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) .dr-body {
    --dr-head-h: calc(26px + var(--ctl));
  }
}

@media (max-width: 820px) {
  .cab .drawer:not(.sheet) .dr-head > .dr-close, .cab .drawer:not(.sheet) .dr-head > .dr-info, .cab .drawer:not(.sheet) .dr-head > .dr-act {
    width: var(--ctl);
    height: var(--ctl);
  }

  .cab .drawer:not(.sheet) .dr-head, .cab .drawer:not(.sheet) .dr-body {
    --dr-head-h: calc(var(--ctl)  + 2 * var(--ctl-edge));
  }

  .cab .drawer:not(.sheet) .dr-head h3 {
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 600;
  }

  .cab .drawer:not(.sheet) .dr-head-t p {
    color: var(--mut);
    font-size: 12px;
    font-weight: 400;
  }
}

@container cab (width <= 820px) {
  .cab .drawer:not(.sheet) .dr-head > .dr-close, .cab .drawer:not(.sheet) .dr-head > .dr-info, .cab .drawer:not(.sheet) .dr-head > .dr-act {
    width: var(--ctl);
    height: var(--ctl);
  }

  .cab .drawer:not(.sheet) .dr-head, .cab .drawer:not(.sheet) .dr-body {
    --dr-head-h: calc(var(--ctl)  + 2 * var(--ctl-edge));
  }

  .cab .drawer:not(.sheet) .dr-head h3 {
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 600;
  }

  .cab .drawer:not(.sheet) .dr-head-t p {
    color: var(--mut);
    font-size: 12px;
    font-weight: 400;
  }
}

.cab .msg-dlg-ava {
  padding: 0;
  overflow: hidden;
}

.cab .msg-dlg-ava .msg-av, .cab .msg-dlg-ava .msg-avph {
  width: 38px;
  height: 38px;
  font-size: 17px;
}

.cab .dr-close > .dr-glyph-back {
  display: none;
}

@media (max-width: 820px) {
  .cab .drawer:not(.sheet) .dr-head > .dr-close > .dr-glyph-x {
    display: none;
  }

  .cab .drawer:not(.sheet) .dr-head > .dr-close > .dr-glyph-back {
    display: block;
  }
}

@container cab (width <= 820px) {
  .cab .drawer:not(.sheet) .dr-head > .dr-close > .dr-glyph-x {
    display: none;
  }

  .cab .drawer:not(.sheet) .dr-head > .dr-close > .dr-glyph-back {
    display: block;
  }
}

.cab :-webkit-any(.wiz-pane, .wiz-entry) .card.fld-card {
  box-shadow: none;
  gap: var(--group-gap);
  background: none;
  border: 0;
  padding: 0;
}

.cab :-moz-any(.wiz-pane, .wiz-entry) .card.fld-card {
  box-shadow: none;
  gap: var(--group-gap);
  background: none;
  border: 0;
  padding: 0;
}

.cab :is(.wiz-pane, .wiz-entry) .card.fld-card {
  box-shadow: none;
  gap: var(--group-gap);
  background: none;
  border: 0;
  padding: 0;
}

.cab :-webkit-any(.wiz-pane, .wiz-entry) .fld-card > :has( > [class*="pfField"]) {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.cab :-moz-any(.wiz-pane, .wiz-entry) .fld-card > :has( > [class*="pfField"]) {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.cab :is(.wiz-pane, .wiz-entry) .fld-card > :has( > [class*="pfField"]) {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.cab :-webkit-any(.wiz-pane, .wiz-entry) .fld-card > :has( > * > [class*="pfField"]) {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.cab :-moz-any(.wiz-pane, .wiz-entry) .fld-card > :has( > * > [class*="pfField"]) {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.cab :is(.wiz-pane, .wiz-entry) .fld-card > :has( > * > [class*="pfField"]) {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.cab :-webkit-any(.wiz-pane, .wiz-entry) .fld-card > div:has( > [class*="pfField"]) {
  gap: var(--group-gap);
}

.cab :-moz-any(.wiz-pane, .wiz-entry) .fld-card > div:has( > [class*="pfField"]) {
  gap: var(--group-gap);
}

.cab :is(.wiz-pane, .wiz-entry) .fld-card > div:has( > [class*="pfField"]) {
  gap: var(--group-gap);
}

.cab :-webkit-any(.wiz-pane, .wiz-entry) .fld-card > .wiz-sub {
  gap: var(--group-gap);
}

.cab :-moz-any(.wiz-pane, .wiz-entry) .fld-card > .wiz-sub {
  gap: var(--group-gap);
}

.cab :is(.wiz-pane, .wiz-entry) .fld-card > .wiz-sub {
  gap: var(--group-gap);
}

.cab :-webkit-any(.wiz-pane, .wiz-entry) .fld-card > .wiz-sub > div:has( > [class*="pfField"]) {
  gap: var(--group-gap);
}

.cab :-moz-any(.wiz-pane, .wiz-entry) .fld-card > .wiz-sub > div:has( > [class*="pfField"]) {
  gap: var(--group-gap);
}

.cab :is(.wiz-pane, .wiz-entry) .fld-card > .wiz-sub > div:has( > [class*="pfField"]) {
  gap: var(--group-gap);
}

.cab :-webkit-any(.wiz-pane, .wiz-entry) .fld-card > div + div {
  padding-top: 0;
}

.cab :-moz-any(.wiz-pane, .wiz-entry) .fld-card > div + div {
  padding-top: 0;
}

.cab :is(.wiz-pane, .wiz-entry) .fld-card > div + div {
  padding-top: 0;
}

.cab :-webkit-any(.wiz-pane, .wiz-entry) .fld-card > .wiz-sub > div + div {
  padding-top: 0;
}

.cab :-moz-any(.wiz-pane, .wiz-entry) .fld-card > .wiz-sub > div + div {
  padding-top: 0;
}

.cab :is(.wiz-pane, .wiz-entry) .fld-card > .wiz-sub > div + div {
  padding-top: 0;
}

.cab :-webkit-any(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] ~ [class*="pfField"] {
  padding-top: 0;
}

.cab :-moz-any(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] ~ [class*="pfField"] {
  padding-top: 0;
}

.cab :is(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] ~ [class*="pfField"] {
  padding-top: 0;
}

.cab :-webkit-any(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] {
  gap: 0;
}

.cab :-moz-any(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] {
  gap: 0;
}

.cab :is(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] {
  gap: 0;
}

.cab :-webkit-any(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] > [class*="pfLabel"] {
  margin: 0 4px var(--cap-gap);
  color: var(--mut);
  font-size: 13px;
  font-weight: 400;
}

.cab :-moz-any(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] > [class*="pfLabel"] {
  margin: 0 4px var(--cap-gap);
  color: var(--mut);
  font-size: 13px;
  font-weight: 400;
}

.cab :is(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] > [class*="pfLabel"] {
  margin: 0 4px var(--cap-gap);
  color: var(--mut);
  font-size: 13px;
  font-weight: 400;
}

.cab :-webkit-any(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] > .kf-blk__cap {
  margin: 0 4px var(--cap-gap);
  color: var(--mut);
  font-size: 13px;
  font-weight: 400;
}

.cab :-moz-any(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] > .kf-blk__cap {
  margin: 0 4px var(--cap-gap);
  color: var(--mut);
  font-size: 13px;
  font-weight: 400;
}

.cab :is(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] > .kf-blk__cap {
  margin: 0 4px var(--cap-gap);
  color: var(--mut);
  font-size: 13px;
  font-weight: 400;
}

.cab :-webkit-any(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] > .kf-blk__body {
  box-sizing: border-box;
  min-height: var(--h-field-m);
  background: var(--surf);
  border-radius: var(--bub-r);
  box-shadow: var(--bub-sh);
  border: 1px solid rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 16px 20px;
  display: flex;
}

.cab :-moz-any(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] > .kf-blk__body {
  box-sizing: border-box;
  min-height: var(--h-field-m);
  background: var(--surf);
  border-radius: var(--bub-r);
  box-shadow: var(--bub-sh);
  border: 1px solid rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 16px 20px;
  display: flex;
}

.cab :is(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] > .kf-blk__body {
  box-sizing: border-box;
  min-height: var(--h-field-m);
  background: var(--surf);
  border-radius: var(--bub-r);
  box-shadow: var(--bub-sh);
  border: 1px solid rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 16px 20px;
  display: flex;
}

.cab :-webkit-any(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] [class*="pfDesc"] {
  margin: var(--note-gap) 4px 0;
  color: var(--mut);
  font-size: 13px;
  line-height: 1.35;
}

.cab :-moz-any(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] [class*="pfDesc"] {
  margin: var(--note-gap) 4px 0;
  color: var(--mut);
  font-size: 13px;
  line-height: 1.35;
}

.cab :is(.wiz-pane, .wiz-entry) .fld-card [class*="pfField"] [class*="pfDesc"] {
  margin: var(--note-gap) 4px 0;
  color: var(--mut);
  font-size: 13px;
  line-height: 1.35;
}

@media (max-width: 820px) {
  .cab .top.lh .lh-lead, .cab .top.lh > .topact, .cab[data-section="account"] .top > .top-lead > .acctbtn, .cab[data-section="account"] .top > .topact {
    top: calc(var(--safe-top)  + 12px);
    z-index: 56;
    position: fixed;
  }

  .cab .top.lh .lh-lead, .cab[data-section="account"] .top > .top-lead > .acctbtn {
    left: calc(var(--ctl-edge)  + env(safe-area-inset-left, 0px));
  }

  .cab .top.lh > .topact, .cab[data-section="account"] .top > .topact {
    right: calc(var(--ctl-edge)  + env(safe-area-inset-right, 0px));
  }

  .cab .top .top-lens {
    opacity: var(--th-lens, 0);
    pointer-events: none;
    transition: opacity var(--m-dur-fast);
  }

  html[style*="--th-lens: 1"] .cab .top .top-lens {
    pointer-events: auto;
  }
}

@media (min-width: 821px) {
  .cab .top .top-lens {
    display: none;
  }

  .cab .top .top-h1wrap {
    opacity: 1;
  }
}

.cab .list-empty {
  color: var(--mut);
  margin: 40px 0 26px;
  font-size: 15px;
  line-height: 1.4;
}

.cab .cat-bots {
  flex-direction: column;
  gap: 10px;
  max-height: 320px;
  display: flex;
  overflow-y: auto;
}

.cab .scn-card-legend__days {
  color: var(--mut);
  white-space: nowrap;
  margin-left: auto;
  font-size: 11px;
}

.cab .scn-name-off {
  color: var(--mut);
  align-items: center;
  margin-left: 6px;
  display: inline-flex;
}

.cab .side2 .k-inp {
  min-height: var(--h-search, 40px);
}

html:not(.app) .cab .bw-page {
  padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  flex-direction: column;
  display: flex;
}

html:not(.app) .cab .bw-page > .k-lgroup + .k-lgroup {
  margin-top: var(--group-gap);
}

html:not(.app) .cab .bw-skel-box {
  margin-bottom: 24px;
}

html:not(.app) .cab .bw-skel-box > .sk {
  display: block;
}

html:not(.app) .cab .bw-chart {
  border-radius: var(--bub-r);
  background: var(--surf);
  margin-bottom: 16px;
  padding: 14px 16px 10px;
}

html:not(.app) .cab .bw-chart svg {
  width: 100%;
  height: 96px;
  display: block;
}

html:not(.app) .cab .bw-chart path {
  fill: none;
  stroke-width: 2px;
  stroke-linejoin: round;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

html:not(.app) .cab .bw-l1 {
  stroke: var(--ov-bar);
}

html:not(.app) .cab .bw-l2, html:not(.app) .cab .bw-l3 {
  stroke: var(--green);
}

html:not(.app) .cab .bw-legend, html:not(.app) .cab .bw-scale {
  color: var(--mut);
  gap: 14px;
  font-size: 13px;
  line-height: 18px;
  display: flex;
}

html:not(.app) .cab .bw-legend {
  margin-bottom: 8px;
}

html:not(.app) .cab .bw-scale {
  justify-content: space-between;
  margin-top: 6px;
}

html:not(.app) .cab .bw-legend i {
  background: var(--ov-bar);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  display: inline-block;
}

html:not(.app) .cab .bw-legend i.l2, html:not(.app) .cab .bw-legend i.l3 {
  background: var(--green);
}

html:not(.app) .cab .bw-ev .k-lrow__ico {
  background: none;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  overflow: hidden;
}

html:not(.app) .cab .bw-ev .k-lrow__ico img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

html:not(.app) .cab .bw-ev-i {
  width: 100%;
  height: 100%;
  color: var(--surf);
  place-items: center;
  font-size: 17px;
  font-weight: 600;
  display: grid;
}

html:not(.app) .cab .bw-ev .k-lrow__val {
  font-size: 13px;
}

html:not(.app) .cab .bw-run-t {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

html:not(.app) .cab .bw-run-t em {
  color: var(--mut);
  font-size: 13px;
  font-style: normal;
}

html:not(.app) .cab .bw-dot {
  background: var(--red);
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

html:not(.app) .cab .bw-facts {
  margin-bottom: 16px;
}

html:not(.app) .cab .bw-facts-t {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}

html:not(.app) .cab .bw-tags {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

html:not(.app) .cab .bw-tag {
  background: var(--hover);
  color: var(--mut);
  border-radius: 100px;
  padding: 4px 10px;
  font-size: 13px;
}

html:not(.app) .cab .bw-tag--ok {
  color: var(--green);
}

html:not(.app) .cab .bw-tag--err {
  color: var(--red);
}

html:not(.app) .cab .bw-tag--warn {
  color: var(--tg-blue);
}

html:not(.app) .cab .dr-more {
  color: var(--ink);
}

@media (max-width: 820px) {
  html:not(.app) .cab .drawer.sheet:has(.wiz-pane):not(:has(.wiz-intro)) {
    --v3-sheet: var(--bg);
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) .wiz-pane .wiz-stage {
    background: none;
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) .wiz-stage .onb-scene {
    --mk-h: 100%;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .drawer.sheet:has(.wiz-pane):not(:has(.wiz-intro)) {
    --v3-sheet: var(--bg);
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) .wiz-pane .wiz-stage {
    background: none;
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) .wiz-stage .onb-scene {
    --mk-h: 100%;
  }
}

@media (min-width: 821px) and (min-height: 0) {
  html:not(.app) .cab .drawer.sheet:has(.wiz-pane):not(:has(.wiz-intro)) {
    --v3-sheet: var(--bg);
  }
}

@media (min-width: 821px) {
  html:not(.app) .cab .drawer.sheet:has(.bw-page) {
    background: radial-gradient(211.6px 352.8px at 88% 74.1px, color-mix(in srgb, var(--accent-soft) 96%, transparent), transparent), radial-gradient(184px 315.6px at 6% 575px, color-mix(in srgb, var(--green-soft) 84%, transparent), transparent), var(--bg);
  }

  html:not(.app) .cab .drawer.sheet:has(.tpl-rows) {
    background: radial-gradient(211.6px 352.8px at 88% 74.1px, color-mix(in srgb, var(--accent-soft) 96%, transparent), transparent), radial-gradient(184px 315.6px at 6% 575px, color-mix(in srgb, var(--green-soft) 84%, transparent), transparent), var(--bg);
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) {
    background: radial-gradient(211.6px 352.8px at 88% 74.1px, color-mix(in srgb, var(--accent-soft) 96%, transparent), transparent), radial-gradient(184px 315.6px at 6% 575px, color-mix(in srgb, var(--green-soft) 84%, transparent), transparent), var(--v3-sheet, var(--bg));
  }
}

html:not(.app) .cab .drawer.sheet :not(.bcast-empty) > .set-hero {
  text-align: center;
  gap: 0;
  margin-bottom: 18px;
  padding: 18px 16px 0;
}

html:not(.app) .cab .drawer.sheet :not(.bcast-empty) > .set-hero > .set-hero-name {
  letter-spacing: 0;
  margin-top: 8px;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

html:not(.app) .cab .drawer.sheet :not(.bcast-empty) > .set-hero > .set-hero-meta {
  max-width: 280px;
  margin-top: 9px;
  font-size: 15px;
  line-height: 19px;
}

@media (max-width: 820px) {
  html:not(.app) .cab .drawer.sheet, html:not(.app) .bsh, html:not(.app) .k-pick, html:not(.app) .k-dlg.bub-layer.k-dlg--wheel-sheet {
    border-radius: var(--m-sheet-r) var(--m-sheet-r) 0 0;
  }

  html:not(.app) .cab .drawer.sheet .dr-head {
    --dr-head-h: calc(16px + var(--ctl));
    padding-top: 16px;
  }

  html:not(.app) .cab .drawer.sheet:has(.dr-head-t) .dr-body {
    --dr-head-h: calc(16px + var(--ctl)  + 24px + var(--head-size) * var(--head-lh));
  }

  html:not(.app) .cab .drawer.sheet .dr-head > h3 {
    font-size: 17px;
    font-weight: 600;
  }

  html:not(.app) .cab .drawer.sheet:before {
    background: color-mix(in srgb, var(--ink) 28%, transparent);
    top: 5px;
  }

  html:not(.app) .bsh-grab, html:not(.app) .k-pick__grab, html:not(.app) .k-dlg__grab {
    background: color-mix(in srgb, var(--ink) 28%, transparent);
  }

  html:not(.app) .cab .drawer.sheet .dr-head > .dr-close, html:not(.app) .cab .drawer.sheet .dr-head > .dr-act:not(.hidden), html:not(.app) .cab .drawer.sheet .dr-head > .dr-info, html:not(.app) .cab .drawer.sheet .dr-head .dr-more {
    width: var(--ctl);
    height: var(--ctl);
  }

  html:not(.app) .cab .drawer .dr-head > .dr-act:not(:-webkit-any(:disabled, .hidden)) {
    color: var(--ink);
  }

  html:not(.app) .cab .drawer .dr-head > .dr-act:not(:-moz-any(:disabled, .hidden)) {
    color: var(--ink);
  }

  html:not(.app) .cab .drawer .dr-head > .dr-act:not(:is(:disabled, .hidden)) {
    color: var(--ink);
  }

  html:not(.app) .cab .drawer.sheet .dr-head > span:has( > .dr-more) {
    grid-area: 1 / 3;
    display: flex;
  }

  html:not(.app) .cab .drawer.sheet .dr-close > .dr-glyph-x, html:not(.app) .cab .drawer.sheet .dr-close > .dr-glyph-back {
    width: 20px;
    height: 20px;
  }

  html:not(.app) .cab .drawer.sheet .dr-close > .dr-glyph-x {
    stroke-width: 2.3px;
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) .dr-head > .dr-close > .dr-glyph-x {
    stroke-width: 1.7px;
    width: 28px;
    height: 28px;
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) .dr-head .wiz-sec > svg {
    stroke-width: 1.6px;
    width: 26px;
    height: 26px;
  }

  html:not(.app) .cab .drawer:has(.wiz-pane) .wiz-foot .dr-act.wiz-sec > svg {
    stroke-width: 1.7px;
    width: 31px;
    height: 31px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .drawer.sheet .dr-head {
    --dr-head-h: calc(16px + var(--ctl));
    padding-top: 16px;
  }

  html:not(.app) .cab .drawer:not(:has(.msg-dlg)) > .dr-head:before {
    content: "";
    z-index: -1;
    --glass-head-tint: var(--bg);
    pointer-events: none;
    display: block;
    position: absolute;
    top: 0;
    bottom: -24px;
    left: 0;
    right: 0;
  }

  html:not(.app) .cab .drawer.sheet:has(.dr-head-t) .dr-body {
    --dr-head-h: calc(16px + var(--ctl)  + 24px + var(--head-size) * var(--head-lh));
  }

  html:not(.app) .cab .drawer.sheet .dr-head > h3 {
    font-size: 17px;
    font-weight: 600;
  }

  html:not(.app) .cab .drawer.sheet:before {
    background: color-mix(in srgb, var(--ink) 28%, transparent);
    top: 5px;
  }

  html:not(.app) .cab .drawer.sheet .dr-head > .dr-close, html:not(.app) .cab .drawer.sheet .dr-head > .dr-act:not(.hidden), html:not(.app) .cab .drawer.sheet .dr-head > .dr-info, html:not(.app) .cab .drawer.sheet .dr-head .dr-more {
    width: var(--ctl);
    height: var(--ctl);
  }

  html:not(.app) .cab .drawer .dr-head > .dr-act:not(:-webkit-any(:disabled, .hidden)) {
    color: var(--ink);
  }

  html:not(.app) .cab .drawer .dr-head > .dr-act:not(:-moz-any(:disabled, .hidden)) {
    color: var(--ink);
  }

  html:not(.app) .cab .drawer .dr-head > .dr-act:not(:is(:disabled, .hidden)) {
    color: var(--ink);
  }

  html:not(.app) .cab .drawer.sheet .dr-head > span:has( > .dr-more) {
    grid-area: 1 / 3;
    display: flex;
  }

  html:not(.app) .cab .drawer.sheet .dr-close > .dr-glyph-x, html:not(.app) .cab .drawer.sheet .dr-close > .dr-glyph-back {
    width: 20px;
    height: 20px;
  }

  html:not(.app) .cab .drawer.sheet .dr-close > .dr-glyph-x {
    stroke-width: 2.3px;
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) .dr-head > .dr-close > .dr-glyph-x {
    stroke-width: 1.7px;
    width: 28px;
    height: 28px;
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) .dr-head .wiz-sec > svg {
    stroke-width: 1.6px;
    width: 26px;
    height: 26px;
  }

  html:not(.app) .cab .drawer:has(.wiz-pane) .wiz-foot .dr-act.wiz-sec > svg {
    stroke-width: 1.7px;
    width: 31px;
    height: 31px;
  }
}

html:not(.app) .cab .drawer.sheet:before {
  z-index: 4;
}

@media (max-width: 820px) {
  html:not(.app) .cab .tabbar {
    padding: 4px 7.5px;
  }

  html:not(.app) .cab .island {
    box-sizing: content-box;
    height: calc(100% - 8px);
    margin-left: -3.5px;
    padding: 0 3.5px;
    top: 4px;
  }

  html:not(.app) .cab .island:not([style*="transform"]) {
    visibility: hidden;
  }

  html:not(.app) .cab .isl-copy {
    height: calc(100% + 8px);
    padding: 4px 7.5px;
    top: -4px;
    left: 3.5px;
  }

  html:not(.app) .cab .tb {
    box-sizing: border-box;
    width: min(86px, 25vw - 9.75px);
    height: 53px;
    color: var(--ink);
    gap: 2px;
    padding: 6px 0;
  }

  html:not(.app) .cab .tb span:not(.tbi) {
    font-size: 10px;
    font-weight: 550;
    line-height: 12px;
  }

  html:not(.app) .cab .tbi {
    height: 26px;
    color: color-mix(in srgb, var(--ink) 62%, transparent);
  }

  html:not(.app) .cab .tbi svg {
    width: 26px;
    height: 26px;
  }

  html:not(.app) .cab .tb.on, html:not(.app) .cab .tb.on .tbi, html:not(.app) .cab .isl-copy .tb, html:not(.app) .cab .isl-copy .tb .tbi {
    color: var(--accent-stroke, var(--accent));
  }

  html:not(.app) .cab .island {
    width: min(86px, 25vw - 9.75px);
  }

  html:not(.app) .cab .island.lift {
    z-index: 1;
  }

  html:not(.app) .cab .isl-copy {
    display: none;
  }

  html:not(.app) .cab .tbi {
    transition: color var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .tb:active .tbi {
    transform: none;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .tabbar {
    padding: 4px 7.5px;
  }

  html:not(.app) .cab .island {
    box-sizing: content-box;
    height: calc(100% - 8px);
    margin-left: -3.5px;
    padding: 0 3.5px;
    top: 4px;
  }

  html:not(.app) .cab .island:not([style*="transform"]) {
    visibility: hidden;
  }

  html:not(.app) .cab .isl-copy {
    height: calc(100% + 8px);
    padding: 4px 7.5px;
    top: -4px;
    left: 3.5px;
  }

  html:not(.app) .cab .tb {
    box-sizing: border-box;
    width: min(86px, 25vw - 9.75px);
    height: 53px;
    color: var(--ink);
    gap: 2px;
    padding: 6px 0;
  }

  html:not(.app) .cab .tb span:not(.tbi) {
    font-size: 10px;
    font-weight: 550;
    line-height: 12px;
  }

  html:not(.app) .cab .tbi {
    height: 26px;
    color: color-mix(in srgb, var(--ink) 62%, transparent);
  }

  html:not(.app) .cab .tbi svg {
    width: 26px;
    height: 26px;
  }

  html:not(.app) .cab .tb.on, html:not(.app) .cab .tb.on .tbi, html:not(.app) .cab .isl-copy .tb, html:not(.app) .cab .isl-copy .tb .tbi {
    color: var(--accent-stroke, var(--accent));
  }

  html:not(.app) .cab .island {
    width: min(86px, 25vw - 9.75px);
  }

  html:not(.app) .cab .island.lift {
    z-index: 1;
  }

  html:not(.app) .cab .isl-copy {
    display: none;
  }

  html:not(.app) .cab .tbi {
    transition: color var(--m-dur) var(--m-ease);
  }

  html:not(.app) .cab .tb:active .tbi {
    transform: none;
  }
}

html:not(.app)[data-theme^="dark"] .cab .tabbar {
  background: var(--tabbar-bg, var(--glass-ctl-bg));
}

html:not(.app)[data-theme^="dark"] .cab .island {
  background: var(--tabbar-pill, rgba(255, 255, 255, .07));
}

.cab .lh-glass {
  display: none;
}

@media (max-width: 820px) {
  html:not(.app) .cab .main > .top.lh {
    min-height: calc(var(--top-strip-h)  - var(--safe-top));
    padding: 0;
    position: relative;
  }

  html:not(.app) .cab .top.lh .lh-lead {
    min-width: var(--ctl);
    height: var(--ctl);
    place-items: center start;
    display: grid;
  }

  html:not(.app) .cab .top.lh .lh-lead > * {
    grid-area: 1 / 1;
  }

  html:not(.app) .cab .top.lh .top-h1wrap {
    left: 50%;
    top: calc(var(--safe-top)  + 12px + var(--ctl) / 2);
    z-index: 56;
    pointer-events: none;
    align-items: center;
    width: max-content;
    max-width: 55%;
    position: fixed;
    transform: translate(-50%, -50%);
  }

  html:not(.app) .cab .top.lh h1 {
    letter-spacing: 0;
    max-width: 100%;
    font-size: 17px;
    font-weight: 600;
    position: static;
    transform: none;
  }

  html:not(.app) .cab .top.lh .lh-lead > .top-pill {
    opacity: calc(1 - var(--th-lens, 0));
    transition: opacity var(--m-dur-fast);
  }

  html[style*="--th-lens: 1"]:not(.app) .cab .top.lh .lh-lead > .top-pill {
    pointer-events: none;
  }

  html:not(.app) .cab .main > .lh-slot-search {
    display: contents;
  }

  html:not(.app) .cab .main .ai-bar-shell.lh-search {
    z-index: 43;
    position: relative;
  }

  html:not(.app) .cab:has(.qt-zone[aria-hidden="false"]) .main .ai-bar-shell.lh-search {
    z-index: auto;
  }

  html:not(.app) .cab .main > .lh-folders {
    top: var(--top-strip-h);
    z-index: 42;
    margin: 18px var(--cab-pad, 16px) 0;
    position: -webkit-sticky;
    position: sticky;
  }

  html:not(.app) .cab .main > .lh-folders:empty {
    display: none;
  }

  html:not(.app) .cab .main:has( > .lh-folders:not(:empty)):not(:has(.lh-searching)) > .content {
    padding-top: 0;
  }

  html:not(.app) .cab .main > .lh-folders .msg-folders {
    position: static;
  }

  html:not(.app) .cab[data-section="bots"] .main > .lh-folders {
    translate: 0 var(--qt-push, 0px);
  }

  html:not(.app) .cab .main .content .msg-folders {
    top: var(--top-strip-h);
    z-index: 42;
    position: -webkit-sticky;
    position: sticky;
  }

  html:not(.app) .cab .lh-glass {
    --lh-glass-solid: var(--top-strip-h);
    --lh-glass-under: 0px;
    --head-mid: calc(var(--safe-top)  + 12px + var(--ctl) / 2);
    height: calc(var(--lh-glass-solid)  + var(--lh-glass-under)  + 24px);
    z-index: 41;
    pointer-events: none;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  html:not(.app) .cab .lh-glass[data-folds="1"] {
    --lh-glass-under: 40px;
  }

  html.lh-srch:not(.app) .cab .lh-glass {
    --lh-glass-solid: calc(var(--safe-top)  + 1px + var(--ctl));
    --lh-glass-under: 0px;
    --head-mid: calc(var(--safe-top)  + 1px + var(--ctl) / 2);
  }

  html.qt-on:not(.app) .cab .lh-glass {
    height: min(calc(var(--lh-glass-solid)  + var(--lh-glass-under)  + 24px), calc(var(--qt-line, 0px)  - var(--qt-rise, 0px)));
  }

  html:not(.app) .cab.has-sheet .lh-glass, html:not(.app) .cab.deck-closing .lh-glass {
    visibility: hidden;
    opacity: 0;
  }

  html:not(.app) .cab .lh-search .k-search {
    min-height: var(--ctl);
    height: var(--ctl);
    box-shadow: none;
    outline: none;
  }

  html:not(.app) .cab .lh-search .k-search__ico {
    display: none;
  }

  html:not(.app) .cab .lh-search .k-search__inp {
    font-size: 14px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .lh-search .k-search {
    min-height: var(--ctl);
    height: var(--ctl);
    box-shadow: none;
    outline: none;
  }

  html:not(.app) .cab .lh-search .k-search__ico {
    display: none;
  }

  html:not(.app) .cab .lh-search .k-search__inp {
    font-size: 14px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab[data-section="bots"] .scn-vgroups {
    gap: 12px;
    margin-top: 0;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card {
    min-height: 84px;
    padding: 13px;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-card-ava {
    margin-top: 0;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-card-wide {
    margin-top: -3px;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-card-wide > :first-child:not(.scn-card-row2) {
    margin-top: 6px;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-ava-tile.scn-ava-other {
    background: color-mix(in srgb, var(--app-tile) 12%, transparent);
    color: var(--app-tile);
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-ava-tile.scn-ava-other > :not(.scn-ava-cat) {
    display: none;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-ava-tile.scn-ava-other > .scn-ava-cat {
    display: block;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-card-dots {
    color: var(--mut);
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-name-off, html:not(.app) .cab[data-section="bots"] .scn-card .scn-name-chan {
    margin-left: 8px;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-name-off {
    color: color-mix(in srgb, var(--ink) 50%, transparent);
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-name-off svg {
    width: 18px;
    height: 18px;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-name-chan {
    color: var(--chan-c, currentColor);
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-name-chan svg, html:not(.app) .cab[data-section="bots"] .scn-card .scn-name-chan img {
    width: 15px;
    height: 15px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab[data-section="bots"] .scn-vgroups {
    gap: 12px;
    margin-top: 0;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card {
    min-height: 84px;
    padding: 13px;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-card-ava {
    margin-top: 0;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-card-wide {
    margin-top: -3px;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-card-wide > :first-child:not(.scn-card-row2) {
    margin-top: 6px;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-ava-tile.scn-ava-other {
    background: color-mix(in srgb, var(--app-tile) 12%, transparent);
    color: var(--app-tile);
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-ava-tile.scn-ava-other > :not(.scn-ava-cat) {
    display: none;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-ava-tile.scn-ava-other > .scn-ava-cat {
    display: block;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-card-dots {
    color: var(--mut);
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-name-off, html:not(.app) .cab[data-section="bots"] .scn-card .scn-name-chan {
    margin-left: 8px;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-name-off {
    color: color-mix(in srgb, var(--ink) 50%, transparent);
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-name-off svg {
    width: 18px;
    height: 18px;
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-name-chan {
    color: var(--chan-c, currentColor);
  }

  html:not(.app) .cab[data-section="bots"] .scn-card .scn-name-chan svg, html:not(.app) .cab[data-section="bots"] .scn-card .scn-name-chan img {
    width: 15px;
    height: 15px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab:before {
    background-color: var(--bg);
    background-image: var(--page-spots);
    -webkit-mask-image: none;
    mask-image: none;
  }

  html:not(.app):has(body .cab) {
    background: var(--top-strip);
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab:before {
    background-color: var(--bg);
    background-image: var(--page-spots);
    -webkit-mask-image: none;
    mask-image: none;
  }

  html:not(.app):has(body .cab) {
    background: var(--top-strip);
  }
}

.cab .bcast-sheet {
  display: contents;
}

@media screen and (max-width: 820px) {
  html:not(.app) .cab .drawer:not(.sheet) {
    background-color: var(--bg);
    background-image: var(--page-spots);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  html:not(.app) .cab .drawer:not(.sheet) > .dr-body {
    background: none;
  }

  html:not(.app) .cab .drawer.sheet {
    --sheet-y: var(--m-sheet-top);
    --sheet-veil: 60px;
    background-color: var(--v3-sheet);
    background-image: linear-gradient(var(--v3-sheet) var(--sheet-veil), transparent calc(var(--sheet-veil)  + 44px)), var(--page-spots);
    background-size: 100% 100%, 100% 100dvh, 100% 100dvh;
    background-position: 0 0, 0 calc(-1 * var(--sheet-y)), 0 calc(-1 * var(--sheet-y));
    background-repeat: no-repeat;
  }

  html:not(.app) .cab .drawer.sheet.short {
    --sheet-y: max(var(--m-sheet-top), var(--sheet-top, 60dvh));
  }

  html:not(.app) .cab .drawer.sheet:not(:has(.wiz-pane.wiz-intro)) {
    --v3-sheet: var(--bg);
  }
}

.cab .wiz-pane .wiz-notice {
  margin: 0 4px 12px;
}

.cab .wiz-pane .wiz-item-empty {
  color: color-mix(in srgb, var(--mut) 72%, transparent);
  margin: 0 4px 16px;
  font-size: 15px;
}

.cab .wiz-kinds .k-lrow {
  padding-top: 11px;
  padding-bottom: 11px;
}

.cab .wiz-kinds .k-lrow__hint {
  white-space: normal;
  overflow: visible;
}

.cab .wiz-kinds .k-lrow:disabled, .cab .wiz-kinds .k-lrow[aria-disabled="true"] {
  opacity: 1;
}

.cab .wiz-kinds .k-lrow[aria-disabled="true"] .k-lrow__t {
  color: var(--mut);
}

.cab .wiz-kind-taken {
  color: var(--mut);
  display: inline-flex;
}

.cab .wiz-kind-taken .k-lrow__check, .cab .wiz-kind-taken svg {
  color: inherit;
}

@container cab (width <= 820px) {
  html:not(.app) .cab .fk-pane:has( > .wiz-kinds) {
    padding-top: 14px;
  }

  html:not(.app) .cab .wiz-kinds .k-lrow {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
  }

  html:not(.app) .cab .wiz-kinds .k-lrow__t {
    white-space: normal;
  }

  html:not(.app) .cab .wiz-kinds .k-lrow__hint {
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab .wiz-kinds .k-lrow .k-lrow__main {
    margin-right: 38px;
  }

  html:not(.app) .cab .wiz-kinds .k-lrow > .k-lrow__val:has( > .wiz-kind-taken) {
    justify-content: center;
    width: 28px;
    max-width: none;
    display: flex;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }

  html:not(.app) .cab .wiz-kinds .wiz-kind-taken {
    justify-content: center;
    width: 28px;
  }

  html:not(.app) .cab .wiz-kinds .k-lrow + .k-lrow:before {
    left: 20px;
    right: 20px;
  }

  html:not(.app) .cab .wiz-kinds .wiz-kind-taken {
    color: var(--mut-2);
  }

  html:not(.app) .cab .wiz-kinds .k-lrow[aria-disabled="true"] :-webkit-any(.k-lrow__t, .k-lrow__hint) {
    color: var(--mut-2);
  }

  html:not(.app) .cab .wiz-kinds .k-lrow[aria-disabled="true"] :-moz-any(.k-lrow__t, .k-lrow__hint) {
    color: var(--mut-2);
  }

  html:not(.app) .cab .wiz-kinds .k-lrow[aria-disabled="true"] :is(.k-lrow__t, .k-lrow__hint) {
    color: var(--mut-2);
  }

  html:not(.app) .cab .wiz-kinds .k-lrow:disabled :-webkit-any(.k-lrow__t, .k-lrow__hint) {
    color: var(--mut-2);
  }

  html:not(.app) .cab .wiz-kinds .k-lrow:disabled :-moz-any(.k-lrow__t, .k-lrow__hint) {
    color: var(--mut-2);
  }

  html:not(.app) .cab .wiz-kinds .k-lrow:disabled :is(.k-lrow__t, .k-lrow__hint) {
    color: var(--mut-2);
  }
}

.cab :-webkit-any(.wiz-chan-field, .cf-field-row) .k-lrow__main {
  flex: none;
}

.cab :-moz-any(.wiz-chan-field, .cf-field-row) .k-lrow__main {
  flex: none;
}

.cab :is(.wiz-chan-field, .cf-field-row) .k-lrow__main {
  flex: none;
}

.cab :-webkit-any(.wiz-chan-field, .cf-field-row) .k-lrow__val {
  flex: auto;
  justify-content: flex-end;
  display: flex;
}

.cab :-moz-any(.wiz-chan-field, .cf-field-row) .k-lrow__val {
  flex: auto;
  justify-content: flex-end;
  display: flex;
}

.cab :is(.wiz-chan-field, .cf-field-row) .k-lrow__val {
  flex: auto;
  justify-content: flex-end;
  display: flex;
}

.cab :-webkit-any(.wiz-chan-field, .cf-field-row) .k-lrow__val input {
  width: 100%;
  min-width: 0;
  box-shadow: none;
  text-align: right;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  font-size: 17px;
}

.cab :-moz-any(.wiz-chan-field, .cf-field-row) .k-lrow__val input {
  width: 100%;
  min-width: 0;
  box-shadow: none;
  text-align: right;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  font-size: 17px;
}

.cab :is(.wiz-chan-field, .cf-field-row) .k-lrow__val input {
  width: 100%;
  min-width: 0;
  box-shadow: none;
  text-align: right;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  font-size: 17px;
}

.cab :-webkit-any(.wiz-chan-field, .cf-field-row) .k-lrow__val input:focus {
  box-shadow: none;
  outline: none;
}

.cab :-moz-any(.wiz-chan-field, .cf-field-row) .k-lrow__val input:focus {
  box-shadow: none;
  outline: none;
}

.cab :is(.wiz-chan-field, .cf-field-row) .k-lrow__val input:focus {
  box-shadow: none;
  outline: none;
}

.cab .cf-hero {
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 24px 0 28px;
  display: flex;
}

.cab .cf-hero .svc-circle {
  background: none;
}

.cab .cf-hero-t {
  text-align: center;
  color: var(--ink);
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.cab .cf-rows {
  margin-bottom: var(--group-gap);
}

.cab .fk-pane:has(.cf-hero) .cf-acts {
  margin-top: 24px;
}

.cab .k-lgroup > .cf-field-sheet {
  padding: 0;
}

.cab .cf-field-sheet input {
  width: 100%;
  min-height: 52px;
  box-shadow: none;
  background: none;
  border: 0;
  font-size: 17px;
}

.cab .cf-field-save {
  margin-top: 24px;
}

@media (max-width: 820px) {
  html:not(.app) .cab .drawer.sheet:has(.cf-hero) .dr-head > h3 {
    visibility: hidden;
  }

  html:not(.app) .cab .drawer.sheet:has(.cf-hero) .dr-head-t {
    visibility: hidden;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .drawer.sheet:has(.cf-hero) .dr-head > h3 {
    visibility: hidden;
  }

  html:not(.app) .cab .drawer.sheet:has(.cf-hero) .dr-head-t {
    visibility: hidden;
  }
}

.cab .wiz-chan-go {
  margin-top: 16px;
}

.cab .wiz-page-foot {
  margin-top: 24px;
}

@media (max-width: 820px) {
  html:not(.app) .cab .drawer.sheet .dr-head .dr-act.wiz-sec {
    color: var(--accent-stroke);
  }

  html:not(.app) .cab .drawer.sheet .dr-head-t p {
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: inline-flex;
  }

  html:not(.app) .cab .dr-ring {
    background: conic-gradient(var(--accent-stroke) calc(var(--p, 0) * 360deg), color-mix(in srgb, var(--accent-stroke) 18%, transparent) 0);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 3.5px), #000 calc(100% - 3px));
    mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 3.5px), #000 calc(100% - 3px));
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) .dr-head {
    transition: opacity var(--m-dur-fast) var(--m-ease), visibility var(--m-dur-fast);
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane.wiz-intro) .dr-head {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane.wiz-intro) .dr-body {
    --dr-head-h: 44px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .fk-pane) .kf-blk__body:has( > [class*="ssSheetBtn"]) {
    box-shadow: none;
    background: none;
    border: 0;
    padding: 0;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .fk-pane) .kf-blk__body:has( > [class*="ssSheetBtn"]) {
    box-shadow: none;
    background: none;
    border: 0;
    padding: 0;
  }

  html:not(.app) .cab :is(.wiz-pane, .fk-pane) .kf-blk__body:has( > [class*="ssSheetBtn"]) {
    box-shadow: none;
    background: none;
    border: 0;
    padding: 0;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .fk-pane) .kf-blk__body > [class*="ssSheetBtn"] {
    min-height: var(--h-row-m);
    border-radius: var(--bub-r);
    background: var(--surf);
    color: var(--ink);
    border: 0;
    padding: 0 16px 0 20px;
    font-size: 17px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .fk-pane) .kf-blk__body > [class*="ssSheetBtn"] {
    min-height: var(--h-row-m);
    border-radius: var(--bub-r);
    background: var(--surf);
    color: var(--ink);
    border: 0;
    padding: 0 16px 0 20px;
    font-size: 17px;
  }

  html:not(.app) .cab :is(.wiz-pane, .fk-pane) .kf-blk__body > [class*="ssSheetBtn"] {
    min-height: var(--h-row-m);
    border-radius: var(--bub-r);
    background: var(--surf);
    color: var(--ink);
    border: 0;
    padding: 0 16px 0 20px;
    font-size: 17px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .fk-pane) .kf-blk__body textarea[style*="--ta-rows"] {
    min-height: 51px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .fk-pane) .kf-blk__body textarea[style*="--ta-rows"] {
    min-height: 51px;
  }

  html:not(.app) .cab :is(.wiz-pane, .fk-pane) .kf-blk__body textarea[style*="--ta-rows"] {
    min-height: 51px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body textarea {
    resize: none;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body textarea {
    resize: none;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body textarea {
    resize: none;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body textarea[style*="--ta-rows"] {
    min-height: 60px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body textarea[style*="--ta-rows"] {
    min-height: 60px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body textarea[style*="--ta-rows"] {
    min-height: 60px;
  }

  html:not(.app) .cab .scn-err-form {
    padding: 0 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
  }

  html:not(.app) .cab .wiz-pane .scn-err-form:not(.flush) {
    margin-bottom: 22px;
  }

  html:not(.app) .cab .drawer .wiz-pane {
    padding-bottom: calc(86px + var(--wiz-foot-b));
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body :-webkit-any(input:not([type="checkbox"]):not([class*="pfCode"]), textarea:not([class*="pfCode"])) {
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body :-moz-any(input:not([type="checkbox"]):not([class*="pfCode"]), textarea:not([class*="pfCode"])) {
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body :is(input:not([type="checkbox"]):not([class*="pfCode"]), textarea:not([class*="pfCode"])) {
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body textarea:not([class*="pfCode"]):not([type="checkbox"]) {
    padding-top: 0;
    line-height: 21px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body textarea:not([class*="pfCode"]):not([type="checkbox"]) {
    padding-top: 0;
    line-height: 21px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body textarea:not([class*="pfCode"]):not([type="checkbox"]) {
    padding-top: 0;
    line-height: 21px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .fk-pane) .scn-chips input {
    flex: 100%;
    order: -1;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .fk-pane) .scn-chips input {
    flex: 100%;
    order: -1;
  }

  html:not(.app) .cab :is(.wiz-pane, .fk-pane) .scn-chips input {
    flex: 100%;
    order: -1;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .fk-pane) .scn-chip-add {
    display: none;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .fk-pane) .scn-chip-add {
    display: none;
  }

  html:not(.app) .cab :is(.wiz-pane, .fk-pane) .scn-chip-add {
    display: none;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__cap {
    margin: 0 4px 8px;
    font-size: 13px;
    line-height: 17px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__cap {
    margin: 0 4px 8px;
    font-size: 13px;
    line-height: 17px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__cap {
    margin: 0 4px 8px;
    font-size: 13px;
    line-height: 17px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-card {
    gap: 22px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-card {
    gap: 22px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-card {
    gap: 22px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-card .fk-pf {
    gap: 22px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-card .fk-pf {
    gap: 22px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-card .fk-pf {
    gap: 22px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-card > .fld.kf-blk {
    margin-bottom: 0;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-card > .fld.kf-blk {
    margin-bottom: 0;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-card > .fld.kf-blk {
    margin-bottom: 0;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .kf-ch) {
    padding: 0 20px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .kf-ch) {
    padding: 0 20px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .kf-ch) {
    padding: 0 20px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-ch > .kf-ch__row {
    min-height: var(--h-row-m);
    gap: 10px;
    padding: 10px 0;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-ch > .kf-ch__row {
    min-height: var(--h-row-m);
    gap: 10px;
    padding: 10px 0;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-ch > .kf-ch__row {
    min-height: var(--h-row-m);
    gap: 10px;
    padding: 10px 0;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__t b {
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__t b {
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__t b {
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__t s {
    padding-top: 3px;
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__t s {
    padding-top: 3px;
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__t s {
    padding-top: 3px;
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__tick {
    width: 28px;
    height: 20px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__tick {
    width: 28px;
    height: 20px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__tick {
    width: 28px;
    height: 20px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .scn-chips) {
    padding: 16px 20px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .scn-chips) {
    padding: 16px 20px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .scn-chips) {
    padding: 16px 20px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body > .scn-chips {
    gap: 10px 8px;
    min-height: 22px;
    padding: 0;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body > .scn-chips {
    gap: 10px 8px;
    min-height: 22px;
    padding: 0;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body > .scn-chips {
    gap: 10px 8px;
    min-height: 22px;
    padding: 0;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body > .scn-chips input {
    height: 22px;
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body > .scn-chips input {
    height: 22px;
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body > .scn-chips input {
    height: 22px;
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .scn-chip {
    background: var(--surf);
    height: 34px;
    box-shadow: var(--chip-sh);
    color: var(--ink);
    border-radius: 17px;
    gap: 0;
    padding: 0 2px 0 13px;
    font-size: 15px;
    font-weight: 500;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .scn-chip {
    background: var(--surf);
    height: 34px;
    box-shadow: var(--chip-sh);
    color: var(--ink);
    border-radius: 17px;
    gap: 0;
    padding: 0 2px 0 13px;
    font-size: 15px;
    font-weight: 500;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .scn-chip {
    background: var(--surf);
    height: 34px;
    box-shadow: var(--chip-sh);
    color: var(--ink);
    border-radius: 17px;
    gap: 0;
    padding: 0 2px 0 13px;
    font-size: 15px;
    font-weight: 500;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .scn-chip button {
    width: 28px;
    height: 34px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .scn-chip button {
    width: 28px;
    height: 34px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .scn-chip button {
    width: 28px;
    height: 34px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .k-row--sw) {
    padding: 13px 20px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .k-row--sw) {
    padding: 13px 20px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .k-row--sw) {
    padding: 13px 20px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .k-row--sw .k-row__hint {
    padding-top: 3px;
    line-height: 16px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .k-row--sw .k-row__hint {
    padding-top: 3px;
    line-height: 16px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .k-row--sw .k-row__hint {
    padding-top: 3px;
    line-height: 16px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-img .kf-blk__body {
    padding: 12px 20px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-img .kf-blk__body {
    padding: 12px 20px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-img .kf-blk__body {
    padding: 12px 20px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-img-row {
    gap: 13px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-img-row {
    gap: 13px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-img-row {
    gap: 13px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) :-webkit-any(.wiz-img-add, .wiz-img-prev, .fk-thumb__pic, .fk-thumb__pic > img) {
    border-radius: 14px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) :-moz-any(.wiz-img-add, .wiz-img-prev, .fk-thumb__pic, .fk-thumb__pic > img) {
    border-radius: 14px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) :is(.wiz-img-add, .wiz-img-prev, .fk-thumb__pic, .fk-thumb__pic > img) {
    border-radius: 14px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-img-add {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--surf) 55%, transparent);
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-img-add {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--surf) 55%, transparent);
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-img-add {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--surf) 55%, transparent);
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-img-add > svg {
    stroke-width: 1.7px;
    width: 24px;
    height: 24px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-img-add > svg {
    stroke-width: 1.7px;
    width: 24px;
    height: 24px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-img-add > svg {
    stroke-width: 1.7px;
    width: 24px;
    height: 24px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-img--file .kf-blk__body {
    padding: 15px 20px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-img--file .kf-blk__body {
    padding: 15px 20px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-img--file .kf-blk__body {
    padding: 15px 20px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-img-word {
    font-size: 15px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-img-word {
    font-size: 15px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-img-word {
    font-size: 15px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-reps--ios > .kf-blk__body {
    border: 0;
    gap: 0;
    padding: 0;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-reps--ios > .kf-blk__body {
    border: 0;
    gap: 0;
    padding: 0;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-reps--ios > .kf-blk__body {
    border: 0;
    gap: 0;
    padding: 0;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-in {
    padding: 10px 20px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-in {
    padding: 10px 20px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-in {
    padding: 10px 20px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep + .wiz-rep .wiz-rep-in:before {
    left: 20px;
    right: 20px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep + .wiz-rep .wiz-rep-in:before {
    left: 20px;
    right: 20px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep + .wiz-rep .wiz-rep-in:before {
    left: 20px;
    right: 20px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep textarea {
    padding: 0;
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep textarea {
    padding: 0;
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep textarea {
    padding: 0;
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-add-row {
    border-top: 0;
    gap: 12px;
    padding: 10px 20px;
    position: relative;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-add-row {
    border-top: 0;
    gap: 12px;
    padding: 10px 20px;
    position: relative;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-add-row {
    border-top: 0;
    gap: 12px;
    padding: 10px 20px;
    position: relative;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep + .wiz-rep-add-row:before {
    content: "";
    background: color-mix(in srgb, var(--ink) 8%, transparent);
    transform-origin: 0 0;
    height: 1px;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    transform: scaleY(.5);
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep + .wiz-rep-add-row:before {
    content: "";
    background: color-mix(in srgb, var(--ink) 8%, transparent);
    transform-origin: 0 0;
    height: 1px;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    transform: scaleY(.5);
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep + .wiz-rep-add-row:before {
    content: "";
    background: color-mix(in srgb, var(--ink) 8%, transparent);
    transform-origin: 0 0;
    height: 1px;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    transform: scaleY(.5);
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-add-ic {
    width: 28px;
    height: 28px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-add-ic {
    width: 28px;
    height: 28px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-add-ic {
    width: 28px;
    height: 28px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body > [class*="ssSheetBtn"] {
    min-height: 56px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body > [class*="ssSheetBtn"] {
    min-height: 56px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body > [class*="ssSheetBtn"] {
    min-height: 56px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] {
    width: 24px;
    height: 24px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] {
    width: 24px;
    height: 24px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] {
    width: 24px;
    height: 24px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) :-webkit-any(.kf-blk__foot, .kf-blk__note) {
    line-height: 16.5px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) :-moz-any(.kf-blk__foot, .kf-blk__note) {
    line-height: 16.5px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) :is(.kf-blk__foot, .kf-blk__note) {
    line-height: 16.5px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .scn-chip button svg {
    width: 15px;
    height: 15px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .scn-chip button svg {
    width: 15px;
    height: 15px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .scn-chip button svg {
    width: 15px;
    height: 15px;
  }

  html:not(.app) .cab .drawer .wiz-page-foot {
    padding: 10px 16px calc(24px + min(env(safe-area-inset-bottom, 0px), 34px));
    background: var(--v3-sheet, var(--bg));
    margin: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  html:not(.app) .cab .drawer .fk-pane:has( > .wiz-page-foot) {
    padding-bottom: calc(110px + min(env(safe-area-inset-bottom, 0px), 34px));
  }

  html:not(.app) .cab .wiz-pane .kf-blk:has( > .kf-blk__body.fk-nlist) {
    margin-bottom: 12px;
  }

  html:not(.app) .cab .wiz-pane .fk-nlist-row.has-sub {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  html:not(.app) .cab .wiz-pane .fk-nrow-main {
    min-width: 0;
  }

  html:not(.app) .cab .wiz-pane .fk-nrow-t {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .drawer.sheet .dr-head .dr-act.wiz-sec {
    color: var(--accent-stroke);
  }

  html:not(.app) .cab .drawer.sheet .dr-head-t p {
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: inline-flex;
  }

  html:not(.app) .cab .dr-ring {
    background: conic-gradient(var(--accent-stroke) calc(var(--p, 0) * 360deg), color-mix(in srgb, var(--accent-stroke) 18%, transparent) 0);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 3.5px), #000 calc(100% - 3px));
    mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 3.5px), #000 calc(100% - 3px));
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) .dr-head {
    transition: opacity var(--m-dur-fast) var(--m-ease), visibility var(--m-dur-fast);
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane.wiz-intro) .dr-head {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane.wiz-intro) .dr-body {
    --dr-head-h: 44px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .fk-pane) .kf-blk__body:has( > [class*="ssSheetBtn"]) {
    box-shadow: none;
    background: none;
    border: 0;
    padding: 0;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .fk-pane) .kf-blk__body:has( > [class*="ssSheetBtn"]) {
    box-shadow: none;
    background: none;
    border: 0;
    padding: 0;
  }

  html:not(.app) .cab :is(.wiz-pane, .fk-pane) .kf-blk__body:has( > [class*="ssSheetBtn"]) {
    box-shadow: none;
    background: none;
    border: 0;
    padding: 0;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .fk-pane) .kf-blk__body > [class*="ssSheetBtn"] {
    min-height: var(--h-row-m);
    border-radius: var(--bub-r);
    background: var(--surf);
    color: var(--ink);
    border: 0;
    padding: 0 16px 0 20px;
    font-size: 17px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .fk-pane) .kf-blk__body > [class*="ssSheetBtn"] {
    min-height: var(--h-row-m);
    border-radius: var(--bub-r);
    background: var(--surf);
    color: var(--ink);
    border: 0;
    padding: 0 16px 0 20px;
    font-size: 17px;
  }

  html:not(.app) .cab :is(.wiz-pane, .fk-pane) .kf-blk__body > [class*="ssSheetBtn"] {
    min-height: var(--h-row-m);
    border-radius: var(--bub-r);
    background: var(--surf);
    color: var(--ink);
    border: 0;
    padding: 0 16px 0 20px;
    font-size: 17px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .fk-pane) .kf-blk__body textarea[style*="--ta-rows"] {
    min-height: 51px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .fk-pane) .kf-blk__body textarea[style*="--ta-rows"] {
    min-height: 51px;
  }

  html:not(.app) .cab :is(.wiz-pane, .fk-pane) .kf-blk__body textarea[style*="--ta-rows"] {
    min-height: 51px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body textarea {
    resize: none;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body textarea {
    resize: none;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body textarea {
    resize: none;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body textarea[style*="--ta-rows"] {
    min-height: 60px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body textarea[style*="--ta-rows"] {
    min-height: 60px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body textarea[style*="--ta-rows"] {
    min-height: 60px;
  }

  html:not(.app) .cab .scn-err-form {
    padding: 0 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
  }

  html:not(.app) .cab .wiz-pane .scn-err-form:not(.flush) {
    margin-bottom: 22px;
  }

  html:not(.app) .cab .drawer .wiz-pane {
    padding-bottom: calc(86px + var(--wiz-foot-b));
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body :-webkit-any(input:not([type="checkbox"]):not([class*="pfCode"]), textarea:not([class*="pfCode"])) {
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body :-moz-any(input:not([type="checkbox"]):not([class*="pfCode"]), textarea:not([class*="pfCode"])) {
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body :is(input:not([type="checkbox"]):not([class*="pfCode"]), textarea:not([class*="pfCode"])) {
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body textarea:not([class*="pfCode"]):not([type="checkbox"]) {
    padding-top: 0;
    line-height: 21px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body textarea:not([class*="pfCode"]):not([type="checkbox"]) {
    padding-top: 0;
    line-height: 21px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body textarea:not([class*="pfCode"]):not([type="checkbox"]) {
    padding-top: 0;
    line-height: 21px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .fk-pane) .scn-chips input {
    flex: 100%;
    order: -1;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .fk-pane) .scn-chips input {
    flex: 100%;
    order: -1;
  }

  html:not(.app) .cab :is(.wiz-pane, .fk-pane) .scn-chips input {
    flex: 100%;
    order: -1;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .fk-pane) .scn-chip-add {
    display: none;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .fk-pane) .scn-chip-add {
    display: none;
  }

  html:not(.app) .cab :is(.wiz-pane, .fk-pane) .scn-chip-add {
    display: none;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__cap {
    margin: 0 4px 8px;
    font-size: 13px;
    line-height: 17px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__cap {
    margin: 0 4px 8px;
    font-size: 13px;
    line-height: 17px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__cap {
    margin: 0 4px 8px;
    font-size: 13px;
    line-height: 17px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-card {
    gap: 22px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-card {
    gap: 22px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-card {
    gap: 22px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-card .fk-pf {
    gap: 22px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-card .fk-pf {
    gap: 22px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-card .fk-pf {
    gap: 22px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-card > .fld.kf-blk {
    margin-bottom: 0;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-card > .fld.kf-blk {
    margin-bottom: 0;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-card > .fld.kf-blk {
    margin-bottom: 0;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .kf-ch) {
    padding: 0 20px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .kf-ch) {
    padding: 0 20px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .kf-ch) {
    padding: 0 20px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-ch > .kf-ch__row {
    min-height: var(--h-row-m);
    gap: 10px;
    padding: 10px 0;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-ch > .kf-ch__row {
    min-height: var(--h-row-m);
    gap: 10px;
    padding: 10px 0;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-ch > .kf-ch__row {
    min-height: var(--h-row-m);
    gap: 10px;
    padding: 10px 0;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__t b {
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__t b {
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__t b {
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__t s {
    padding-top: 3px;
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__t s {
    padding-top: 3px;
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__t s {
    padding-top: 3px;
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__tick {
    width: 28px;
    height: 20px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__tick {
    width: 28px;
    height: 20px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-ch .kf-ch__tick {
    width: 28px;
    height: 20px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .scn-chips) {
    padding: 16px 20px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .scn-chips) {
    padding: 16px 20px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .scn-chips) {
    padding: 16px 20px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body > .scn-chips {
    gap: 10px 8px;
    min-height: 22px;
    padding: 0;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body > .scn-chips {
    gap: 10px 8px;
    min-height: 22px;
    padding: 0;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body > .scn-chips {
    gap: 10px 8px;
    min-height: 22px;
    padding: 0;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body > .scn-chips input {
    height: 22px;
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body > .scn-chips input {
    height: 22px;
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body > .scn-chips input {
    height: 22px;
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .scn-chip {
    background: var(--surf);
    height: 34px;
    box-shadow: var(--chip-sh);
    color: var(--ink);
    border-radius: 17px;
    gap: 0;
    padding: 0 2px 0 13px;
    font-size: 15px;
    font-weight: 500;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .scn-chip {
    background: var(--surf);
    height: 34px;
    box-shadow: var(--chip-sh);
    color: var(--ink);
    border-radius: 17px;
    gap: 0;
    padding: 0 2px 0 13px;
    font-size: 15px;
    font-weight: 500;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .scn-chip {
    background: var(--surf);
    height: 34px;
    box-shadow: var(--chip-sh);
    color: var(--ink);
    border-radius: 17px;
    gap: 0;
    padding: 0 2px 0 13px;
    font-size: 15px;
    font-weight: 500;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .scn-chip button {
    width: 28px;
    height: 34px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .scn-chip button {
    width: 28px;
    height: 34px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .scn-chip button {
    width: 28px;
    height: 34px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .k-row--sw) {
    padding: 13px 20px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .k-row--sw) {
    padding: 13px 20px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body:has( > .k-row--sw) {
    padding: 13px 20px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .k-row--sw .k-row__hint {
    padding-top: 3px;
    line-height: 16px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .k-row--sw .k-row__hint {
    padding-top: 3px;
    line-height: 16px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .k-row--sw .k-row__hint {
    padding-top: 3px;
    line-height: 16px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-img .kf-blk__body {
    padding: 12px 20px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-img .kf-blk__body {
    padding: 12px 20px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-img .kf-blk__body {
    padding: 12px 20px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-img-row {
    gap: 13px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-img-row {
    gap: 13px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-img-row {
    gap: 13px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) :-webkit-any(.wiz-img-add, .wiz-img-prev, .fk-thumb__pic, .fk-thumb__pic > img) {
    border-radius: 14px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) :-moz-any(.wiz-img-add, .wiz-img-prev, .fk-thumb__pic, .fk-thumb__pic > img) {
    border-radius: 14px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) :is(.wiz-img-add, .wiz-img-prev, .fk-thumb__pic, .fk-thumb__pic > img) {
    border-radius: 14px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-img-add {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--surf) 55%, transparent);
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-img-add {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--surf) 55%, transparent);
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-img-add {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--surf) 55%, transparent);
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-img-add > svg {
    stroke-width: 1.7px;
    width: 24px;
    height: 24px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-img-add > svg {
    stroke-width: 1.7px;
    width: 24px;
    height: 24px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-img-add > svg {
    stroke-width: 1.7px;
    width: 24px;
    height: 24px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-img--file .kf-blk__body {
    padding: 15px 20px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-img--file .kf-blk__body {
    padding: 15px 20px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-img--file .kf-blk__body {
    padding: 15px 20px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-img-word {
    font-size: 15px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-img-word {
    font-size: 15px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-img-word {
    font-size: 15px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-reps--ios > .kf-blk__body {
    border: 0;
    gap: 0;
    padding: 0;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-reps--ios > .kf-blk__body {
    border: 0;
    gap: 0;
    padding: 0;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-reps--ios > .kf-blk__body {
    border: 0;
    gap: 0;
    padding: 0;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-in {
    padding: 10px 20px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-in {
    padding: 10px 20px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-in {
    padding: 10px 20px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep + .wiz-rep .wiz-rep-in:before {
    left: 20px;
    right: 20px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep + .wiz-rep .wiz-rep-in:before {
    left: 20px;
    right: 20px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep + .wiz-rep .wiz-rep-in:before {
    left: 20px;
    right: 20px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep textarea {
    padding: 0;
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep textarea {
    padding: 0;
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep textarea {
    padding: 0;
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-add-row {
    border-top: 0;
    gap: 12px;
    padding: 10px 20px;
    position: relative;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-add-row {
    border-top: 0;
    gap: 12px;
    padding: 10px 20px;
    position: relative;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-add-row {
    border-top: 0;
    gap: 12px;
    padding: 10px 20px;
    position: relative;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep + .wiz-rep-add-row:before {
    content: "";
    background: color-mix(in srgb, var(--ink) 8%, transparent);
    transform-origin: 0 0;
    height: 1px;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    transform: scaleY(.5);
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep + .wiz-rep-add-row:before {
    content: "";
    background: color-mix(in srgb, var(--ink) 8%, transparent);
    transform-origin: 0 0;
    height: 1px;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    transform: scaleY(.5);
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep + .wiz-rep-add-row:before {
    content: "";
    background: color-mix(in srgb, var(--ink) 8%, transparent);
    transform-origin: 0 0;
    height: 1px;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    transform: scaleY(.5);
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-add-ic {
    width: 28px;
    height: 28px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-add-ic {
    width: 28px;
    height: 28px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-reps--ios .wiz-rep-add-ic {
    width: 28px;
    height: 28px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__body > [class*="ssSheetBtn"] {
    min-height: 56px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__body > [class*="ssSheetBtn"] {
    min-height: 56px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__body > [class*="ssSheetBtn"] {
    min-height: 56px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] {
    width: 24px;
    height: 24px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] {
    width: 24px;
    height: 24px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] {
    width: 24px;
    height: 24px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) :-webkit-any(.kf-blk__foot, .kf-blk__note) {
    line-height: 16.5px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) :-moz-any(.kf-blk__foot, .kf-blk__note) {
    line-height: 16.5px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) :is(.kf-blk__foot, .kf-blk__note) {
    line-height: 16.5px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .scn-chip button svg {
    width: 15px;
    height: 15px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .scn-chip button svg {
    width: 15px;
    height: 15px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .scn-chip button svg {
    width: 15px;
    height: 15px;
  }

  html:not(.app) .cab .drawer .wiz-page-foot {
    padding: 10px 16px calc(24px + min(env(safe-area-inset-bottom, 0px), 34px));
    background: var(--v3-sheet, var(--bg));
    margin: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  html:not(.app) .cab .drawer .fk-pane:has( > .wiz-page-foot) {
    padding-bottom: calc(110px + min(env(safe-area-inset-bottom, 0px), 34px));
  }

  html:not(.app) .cab .wiz-pane .kf-blk:has( > .kf-blk__body.fk-nlist) {
    margin-bottom: 12px;
  }

  html:not(.app) .cab .wiz-pane .fk-nlist-row.has-sub {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  html:not(.app) .cab .wiz-pane .fk-nrow-main {
    min-width: 0;
  }

  html:not(.app) .cab .wiz-pane .fk-nrow-t {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .wiz-pane .wiz-item-empty.meta {
    color: var(--mut);
    margin: 0 4px 9px;
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab .wiz-pane.iosf:not(.set-rows) .kf-blk:has( > .kf-blk__body.fk-nlist) {
    margin-bottom: 8px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-page) .fk-nlist-row.has-sub {
    padding: 9.5px 18px 9.5px 19px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-page) .fk-nlist-row.has-sub {
    padding: 9.5px 18px 9.5px 19px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-page) .fk-nlist-row.has-sub {
    padding: 9.5px 18px 9.5px 19px;
  }

  html:not(.app) .cab .wiz-page .fk-nlist-row.has-sub {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-page) .fk-nrow-t {
    line-height: 22px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-page) .fk-nrow-t {
    line-height: 22px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-page) .fk-nrow-t {
    line-height: 22px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-page) .fk-nrow-sub {
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-page) .fk-nrow-sub {
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-page) .fk-nrow-sub {
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-page) .fk-nlist-chev {
    stroke-width: 2px;
    width: 21px;
    height: 21px;
    color: var(--mut);
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-page) .fk-nlist-chev {
    stroke-width: 2px;
    width: 21px;
    height: 21px;
    color: var(--mut);
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-page) .fk-nlist-chev {
    stroke-width: 2px;
    width: 21px;
    height: 21px;
    color: var(--mut);
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-page) .fk-nlist-row + .fk-nlist-row:after {
    left: 19px;
    right: 19px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-page) .fk-nlist-row + .fk-nlist-row:after {
    left: 19px;
    right: 19px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-page) .fk-nlist-row + .fk-nlist-row:after {
    left: 19px;
    right: 19px;
  }

  html:not(.app) .cab .wiz-page .wiz-item-h1 {
    margin: 9px 0 48px;
  }

  html:not(.app) .cab .fk-pane:has( > .wiz-entry) {
    padding-top: 3px;
  }

  html:not(.app) .cab .wiz-entry > .wiz-card {
    padding: 0;
  }

  html:not(.app) .cab .wiz-entry .kf-blk__foot {
    font-size: 13px;
    line-height: 17px;
  }

  html:not(.app) .cab .fk-pane:has( > .wiz-entry--nocap) {
    padding-top: 0;
  }

  html:not(.app) .cab .wiz-entry--nocap {
    margin-top: -2px;
  }

  html:not(.app) .cab .wiz-entry--nocap .kf-blk__body {
    flex-direction: column;
    justify-content: center;
    min-height: 58px;
    padding: 0 20px;
    display: flex;
  }

  html:not(.app) .cab .drawer.sheet.short .fk-pane.aud-cond {
    padding-top: 0;
  }

  html:not(.app) .cab .wiz-entry--nocap .kf-blk__body input {
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab .fk-pane.wiz-pick {
    padding-top: 0;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .wiz-pane .wiz-item-empty.meta {
    color: var(--mut);
    margin: 0 4px 9px;
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab .wiz-pane.iosf:not(.set-rows) .kf-blk:has( > .kf-blk__body.fk-nlist) {
    margin-bottom: 8px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-page) .fk-nlist-row.has-sub {
    padding: 9.5px 18px 9.5px 19px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-page) .fk-nlist-row.has-sub {
    padding: 9.5px 18px 9.5px 19px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-page) .fk-nlist-row.has-sub {
    padding: 9.5px 18px 9.5px 19px;
  }

  html:not(.app) .cab .wiz-page .fk-nlist-row.has-sub {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-page) .fk-nrow-t {
    line-height: 22px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-page) .fk-nrow-t {
    line-height: 22px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-page) .fk-nrow-t {
    line-height: 22px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-page) .fk-nrow-sub {
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-page) .fk-nrow-sub {
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-page) .fk-nrow-sub {
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-page) .fk-nlist-chev {
    stroke-width: 2px;
    width: 21px;
    height: 21px;
    color: var(--mut);
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-page) .fk-nlist-chev {
    stroke-width: 2px;
    width: 21px;
    height: 21px;
    color: var(--mut);
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-page) .fk-nlist-chev {
    stroke-width: 2px;
    width: 21px;
    height: 21px;
    color: var(--mut);
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-page) .fk-nlist-row + .fk-nlist-row:after {
    left: 19px;
    right: 19px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-page) .fk-nlist-row + .fk-nlist-row:after {
    left: 19px;
    right: 19px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-page) .fk-nlist-row + .fk-nlist-row:after {
    left: 19px;
    right: 19px;
  }

  html:not(.app) .cab .wiz-page .wiz-item-h1 {
    margin: 9px 0 48px;
  }

  html:not(.app) .cab .fk-pane:has( > .wiz-entry) {
    padding-top: 3px;
  }

  html:not(.app) .cab .wiz-entry > .wiz-card {
    padding: 0;
  }

  html:not(.app) .cab .wiz-entry .kf-blk__foot {
    font-size: 13px;
    line-height: 17px;
  }

  html:not(.app) .cab .fk-pane:has( > .wiz-entry--nocap) {
    padding-top: 0;
  }

  html:not(.app) .cab .wiz-entry--nocap {
    margin-top: -2px;
  }

  html:not(.app) .cab .wiz-entry--nocap .kf-blk__body {
    flex-direction: column;
    justify-content: center;
    min-height: 58px;
    padding: 0 20px;
    display: flex;
  }

  html:not(.app) .cab .drawer.sheet.short .fk-pane.aud-cond {
    padding-top: 0;
  }

  html:not(.app) .cab .wiz-entry--nocap .kf-blk__body input {
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab .fk-pane.wiz-pick {
    padding-top: 0;
  }
}

.cab .scn-link-blk .kf-blk__body {
  min-height: var(--h-row-m);
  justify-content: center;
}

.cab .scn-link-blk .scn-link-ready {
  gap: 12px;
}

.cab .scn-link-blk .scn-link-cut {
  padding: 0;
  font-size: 17px;
}

.cab .scn-link-blk .copy-ico {
  border-radius: var(--r-sm);
  background: var(--accent-soft);
  width: 44px;
  height: 44px;
  color: var(--accent-stroke);
}

.cab .scn-link-blk .copy-ico svg {
  width: 20px;
  height: 20px;
}

.cab .copy-ico:disabled {
  opacity: .45;
  cursor: default;
}

.cab .ig-pick-sheet--ios {
  padding: 0 0 96px;
}

.cab .ig-pick-sheet--ios .ig-pick-title {
  margin: 25px 0 11px;
}

.cab .igm-wrap--plain .igm-grid {
  gap: 8px;
  margin: 0;
  padding: 0 4px;
}

.cab .igm-wrap--plain .igm-thumb {
  border-radius: 14px;
}

.cab .igm-wrap--plain .igm-mark {
  display: none;
}

.cab .igm-wrap--plain .igm-mark.on {
  border: 1.5px solid var(--surf);
  background: var(--accent-stroke);
  width: 22px;
  height: 22px;
  box-shadow: none;
  display: block;
  top: 6px;
  right: 6px;
}

.cab .igm-wrap--plain .igm-mark.on:after {
  border-color: var(--surf);
  width: 5px;
  height: 10px;
  top: 3px;
  left: 6.5px;
}

.cab .igm-wrap--plain .igm-card.on .igm-thumb {
  outline: 3px solid var(--accent-stroke);
  outline-offset: -3px;
}

.cab .fk-pf:has( + .igm-pick-row) > :last-child .kf-blk__body:has( > .kf-ch) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .wiz-card.fld-card > .k-lgroup.igm-pick-row {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: -22px 0 0;
  padding: 0;
  position: relative;
}

html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .wiz-card.fld-card > .k-lgroup.igm-pick-row {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: -22px 0 0;
  padding: 0;
  position: relative;
}

html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .wiz-card.fld-card > .k-lgroup.igm-pick-row {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: -22px 0 0;
  padding: 0;
  position: relative;
}

.cab .fk-pf + .igm-pick-row:before {
  content: "";
  border-top: 1px solid color-mix(in srgb, var(--ink) 7%, transparent);
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
}

.cab .igm-pick-row .k-lrow {
  padding: 13px 20px;
}

.cab .igm-strip {
  gap: 8px;
  display: flex;
}

.cab .igm-pick-row .igm-mini--row {
  border-radius: var(--r);
  border: 1px solid var(--line);
  width: 46px;
  height: 46px;
  display: block;
  overflow: hidden;
}

.cab .igm-pick-row .igm-mini--row img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.cab .wiz-reps--ios > .kf-blk__body {
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.cab .wiz-reps--ios .wiz-rep {
  padding: 0;
  display: block;
  position: relative;
}

.cab .wiz-reps--ios .wiz-rep + .wiz-rep {
  border-top: 0;
  padding-top: 0;
}

.cab .wiz-reps--ios .wiz-rep + .wiz-rep .wiz-rep-in:before {
  content: "";
  background: color-mix(in srgb, var(--ink) 8%, transparent);
  transform-origin: 0 0;
  height: 1px;
  position: absolute;
  top: 0;
  left: 16px;
  right: 0;
  transform: scaleY(.5);
}

.cab .wiz-reps--ios .wiz-rep-in {
  min-height: var(--h-row-m);
  background: var(--surf);
  transition: transform var(--m-dur-fast);
  align-items: center;
  padding: 8px 16px;
  display: flex;
  position: relative;
}

.cab .wiz-reps--ios .wiz-rep.is-swiped .wiz-rep-in {
  transform: translateX(-88px);
}

.cab .wiz-reps--ios .wiz-rep textarea {
  box-shadow: none;
  background: none;
  border: 0;
  padding: 0;
  font-size: 17px;
}

.cab .wiz-reps--ios .wiz-rep-swipe {
  background: var(--red);
  color: #fff;
  width: 88px;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.cab .wiz-reps--ios .wiz-rep-add-row {
  width: 100%;
  min-height: var(--h-row-m);
  text-align: left;
  color: var(--ink);
  background: var(--surf);
  align-items: center;
  gap: 16px;
  padding: 8px 16px;
  font-size: 17px;
  display: flex;
}

.cab .wiz-reps--ios .wiz-rep + .wiz-rep-add-row {
  border-top: .5px solid color-mix(in srgb, var(--ink) 8%, transparent);
}

.cab .wiz-reps--ios .wiz-rep-add-ic {
  background: var(--green);
  color: #fff;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  display: inline-grid;
}

.cab .wiz-item-h1 {
  margin: 4px 0 20px;
}

.cab .wiz-item-del {
  text-align: center;
  width: 100%;
  color: var(--red);
  padding: 16px;
  font-size: 17px;
  display: block;
}

.cab .wiz-entry--nocap .kf-blk__cap {
  display: none;
}

@media (max-width: 820px) {
  html:not(.app) .cab .drawer.sheet.dr-substack .dr-head-t {
    flex-direction: column;
    grid-area: 1 / 2;
    justify-content: center;
    align-items: center;
    gap: 1px;
    display: flex;
  }

  html:not(.app) .cab .drawer.sheet.dr-substack .dr-head-t h3 {
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    grid-area: auto;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    overflow: hidden;
  }

  html:not(.app) .cab .drawer.sheet.dr-substack .dr-head-t p {
    opacity: 1;
    grid-area: auto;
    font-size: 13px;
    font-weight: 400;
    transform: none;
  }

  html:not(.app) .cab .drawer.sheet.dr-substack .dr-body {
    --dr-head-h: calc(26px + var(--ctl));
  }

  html:not(.app) .cab .mc-row {
    width: 254px;
    max-width: none;
  }

  html:not(.app) .cab .mc-bub {
    padding-bottom: 6px;
  }

  html:not(.app) .cab .mc-slot-text:after {
    display: none;
  }

  html:not(.app) .cab .mc-corner {
    flex-direction: row;
    align-self: flex-end;
    gap: 6px;
    position: static;
  }

  html:not(.app) .cab .mc-slot-media.empty {
    letter-spacing: -.01em;
    white-space: nowrap;
    gap: 6px;
    min-height: 96px;
    padding: 16px 6px;
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab .mc-slot-media.empty > svg {
    stroke-width: 1.1px;
    width: 53px;
    height: 53px;
    margin: -9px 0;
  }

  html:not(.app) .cab .mc-slot-text::-moz-selection {
    background: color-mix(in srgb, var(--accent) 55%, transparent);
  }

  html:not(.app) .cab .mc-slot-text ::-moz-selection {
    background: color-mix(in srgb, var(--accent) 55%, transparent);
  }

  html:not(.app) .cab .mc-slot-text::selection, html:not(.app) .cab .mc-slot-text ::selection {
    background: color-mix(in srgb, var(--accent) 55%, transparent);
  }

  html:not(.app) .cab .mc-slot-text .tg-spoiler {
    border-radius: var(--r-2xs);
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    background-image: radial-gradient(circle, color-mix(in srgb, var(--ink) 55%, transparent) .7px, transparent 1px), radial-gradient(circle, color-mix(in srgb, var(--ink) 40%, transparent) .6px, transparent 1px), radial-gradient(circle, color-mix(in srgb, var(--ink) 30%, transparent) .5px, transparent .9px);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-position: 0 0, 1px 2px, 2px 1px;
    background-size: 3px 4px, 5px 3px, 4px 5px;
  }

  html:not(.app) .cab .mc-slot-text blockquote {
    box-sizing: border-box;
    border-left: 3px solid var(--tg-blue);
    background: color-mix(in srgb, var(--tg-blue) 10%, transparent);
    opacity: 1;
    border-radius: 4px;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin: 6px 0 8px;
    padding: 3px 16px 2px 9px;
    font-size: 14px;
    line-height: 18px;
    position: relative;
  }

  html:not(.app) .cab .mc-slot-text blockquote:after {
    content: "";
    background: var(--tg-blue);
    width: 9px;
    height: 7px;
    position: absolute;
    top: 4px;
    right: 4px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 7'%3E%3Cpath d='M1.9 0a1.9 1.9 0 0 1 1.9 1.9c0 2.1-1.2 3.9-3 5.1l-.4-.5c.8-.7 1.3-1.4 1.4-2.3H1.9A1.9 1.9 0 0 1 1.9 0Zm5.2 0A1.9 1.9 0 0 1 9 1.9c0 2.1-1.2 3.9-3 5.1l-.4-.5c.8-.7 1.3-1.4 1.4-2.3h-.1a1.9 1.9 0 0 1 0-4.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 7'%3E%3Cpath d='M1.9 0a1.9 1.9 0 0 1 1.9 1.9c0 2.1-1.2 3.9-3 5.1l-.4-.5c.8-.7 1.3-1.4 1.4-2.3H1.9A1.9 1.9 0 0 1 1.9 0Zm5.2 0A1.9 1.9 0 0 1 9 1.9c0 2.1-1.2 3.9-3 5.1l-.4-.5c.8-.7 1.3-1.4 1.4-2.3h-.1a1.9 1.9 0 0 1 0-4.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  html:not(.app) .cab .mc-slot-text code {
    background: none;
    border-radius: 0;
    padding: 0;
    font-size: 16px;
  }

  html:not(.app) .cab .mc-slot-text a, html:not(.app) .cab .mc-slot-text .mc-link-txt {
    color: var(--tg-blue);
    text-decoration: none;
  }

  html:not(.app) .cab .mc-pop--words {
    border-radius: 28px;
    width: 249px;
    padding: 0 0 12px;
  }

  html:not(.app) .cab .mc-words-head {
    border-bottom: .5px solid color-mix(in srgb, var(--ink) 14%, transparent);
    height: 52px;
    font-size: var(--menu-fs);
    color: var(--ink);
    justify-content: space-between;
    align-items: center;
    margin: 0 24px;
    padding: 0 4px 2px;
    font-weight: 600;
    display: flex;
  }

  html:not(.app) .cab .mc-words-head > svg {
    width: 14px;
    height: 14px;
    margin-right: 1px;
  }

  html:not(.app) .cab .mc-words {
    flex-direction: column;
    align-items: stretch;
    padding-top: 8px;
    overflow: visible;
  }

  html:not(.app) .cab .mc-word {
    height: var(--menu-row);
    text-align: left;
    font-size: var(--menu-fs);
    border-radius: 0;
    padding: 0 28px;
  }

  html:not(.app) .cab .mc-attach-row {
    border-bottom: 0;
  }

  html:not(.app) .cab .mc-attach-row.is-now {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  html:not(.app) .cab .mc-attach-txt b {
    line-height: 1.3;
  }

  html:not(.app) .cab .mc-attach-txt i {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  html:not(.app) .cab .mc-attach-title {
    margin-top: 25px;
  }

  html:not(.app) .cab .mc-attach-done {
    margin-bottom: 22px;
  }

  html:not(.app) .cab .mbp-text-in {
    width: 100%;
    min-width: 0;
    box-shadow: none;
    text-align: right;
    color: var(--mut);
    background: none;
    border: 0;
    padding: 0;
    font-size: 17px;
  }

  html:not(.app) .cab .mbp-text-in:focus {
    box-shadow: none;
    color: var(--ink);
    outline: none;
  }

  html:not(.app) .cab .fk-nrow-val:has( > .mbp-text-in,  > .f-clear-edit > .mbp-text-in) {
    flex: auto;
    max-width: none;
  }

  html:not(.app) .cab .fk-nlist-row:has(.mbp-text-in) .fk-nrow-main {
    flex: none;
  }

  html:not(.app) .cab .k-btn.mbp-del {
    background: var(--surf);
    color: var(--red);
    box-shadow: none;
    font-weight: 400;
  }

  html:not(.app) .cab .mbp .fk-nlist-row:not(.has-ic) {
    padding-left: 19px;
  }

  html:not(.app) .cab .mbp .fk-nlist-row + .fk-nlist-row:not(.has-ic):after {
    left: 19px;
    right: 19px;
  }

  html:not(.app) .cab .mbp .mbp-text-in {
    color: var(--ink);
  }

  html:not(.app) .cab .mbp .mbp-text-in::-moz-placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab .mbp .mbp-text-in::placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab .mbp .fk-nrow-val .mbp-dot {
    vertical-align: 0;
    width: 12px;
    height: 12px;
    margin-right: 8px;
  }

  html:not(.app) .cab .mbp .mbp-dot-none {
    border-color: var(--mut);
    background: var(--mut);
  }

  html:not(.app) .cab .mbp .kf-ch .mbp-dot {
    vertical-align: -4px;
    width: 20px;
    height: 20px;
    margin: 0 12px 0 -4px;
  }

  html:not(.app) .cab .mbp .kf-blk__body:has( > input.k-inp,  > .f-clear-edit > input.k-inp) {
    padding: 13px 16px 13px 29px;
  }

  html:not(.app) .cab .mbp .kf-blk__body > input.k-inp, html:not(.app) .cab .mbp .kf-blk__body > .f-clear-edit > input.k-inp {
    font-size: 17px;
    line-height: 24px;
  }

  html:not(.app) .cab .mbp .kf-blk__body > :is(input, textarea).k-inp::-moz-placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab .mbp .kf-blk__body > .f-clear-edit > input.k-inp::-moz-placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab .mbp .kf-blk__body > .f-clear-edit > input.k-inp::placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab .mbp .kf-blk__body > :-webkit-any(input, textarea).k-inp::placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab .mbp .kf-blk__body > :-moz-any(input, textarea).k-inp::placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab .mbp .kf-blk__body > :is(input, textarea).k-inp::placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab .mbp .kf-blk__body:has( > textarea.k-area) {
    padding: 20px 16px 16px 19px;
  }

  html:not(.app) .cab .mbp .kf-blk__body > textarea.k-area {
    resize: none;
    min-height: 66px;
    padding: 0;
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab .mbp:not(.set-rows) .mbp-tag > .kf-blk:has( > .kf-blk__body.fk-nlist) {
    margin-bottom: 0;
  }

  html:not(.app) .cab .mbp .mbp-tag > .meta {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    padding: 0 4px;
    font-size: 13px;
    line-height: 17px !important;
  }

  html:not(.app) .cab .mbp-tags .fk-nlist-row.is-accent {
    justify-content: flex-start;
  }

  html:not(.app) .cab .mbp-tags .fk-nlist-row.is-accent .fk-nrow-main {
    text-align: left;
    flex: auto;
    align-items: flex-start;
  }

  html:not(.app) .cab .mbp-tags > .kf-blk:not(:last-child) {
    margin-bottom: 35px;
  }

  html:not(.app) .cab .mbp .fk-nrow-val .kf-ch__tick {
    width: 22px;
    height: 22px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .drawer.sheet.dr-substack .dr-head-t {
    flex-direction: column;
    grid-area: 1 / 2;
    justify-content: center;
    align-items: center;
    gap: 1px;
    display: flex;
  }

  html:not(.app) .cab .drawer.sheet.dr-substack .dr-head-t h3 {
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    grid-area: auto;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    overflow: hidden;
  }

  html:not(.app) .cab .drawer.sheet.dr-substack .dr-head-t p {
    opacity: 1;
    grid-area: auto;
    font-size: 13px;
    font-weight: 400;
    transform: none;
  }

  html:not(.app) .cab .drawer.sheet.dr-substack .dr-body {
    --dr-head-h: calc(26px + var(--ctl));
  }

  html:not(.app) .cab .mc-row {
    width: 254px;
    max-width: none;
  }

  html:not(.app) .cab .mc-bub {
    padding-bottom: 6px;
  }

  html:not(.app) .cab .mc-slot-text:after {
    display: none;
  }

  html:not(.app) .cab .mc-corner {
    flex-direction: row;
    align-self: flex-end;
    gap: 6px;
    position: static;
  }

  html:not(.app) .cab .mc-slot-media.empty {
    letter-spacing: -.01em;
    white-space: nowrap;
    gap: 6px;
    min-height: 96px;
    padding: 16px 6px;
    font-size: 13px;
    line-height: 16px;
  }

  html:not(.app) .cab .mc-slot-media.empty > svg {
    stroke-width: 1.1px;
    width: 53px;
    height: 53px;
    margin: -9px 0;
  }

  html:not(.app) .cab .mc-slot-text::-moz-selection {
    background: color-mix(in srgb, var(--accent) 55%, transparent);
  }

  html:not(.app) .cab .mc-slot-text ::-moz-selection {
    background: color-mix(in srgb, var(--accent) 55%, transparent);
  }

  html:not(.app) .cab .mc-slot-text::selection, html:not(.app) .cab .mc-slot-text ::selection {
    background: color-mix(in srgb, var(--accent) 55%, transparent);
  }

  html:not(.app) .cab .mc-slot-text .tg-spoiler {
    border-radius: var(--r-2xs);
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    background-image: radial-gradient(circle, color-mix(in srgb, var(--ink) 55%, transparent) .7px, transparent 1px), radial-gradient(circle, color-mix(in srgb, var(--ink) 40%, transparent) .6px, transparent 1px), radial-gradient(circle, color-mix(in srgb, var(--ink) 30%, transparent) .5px, transparent .9px);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-position: 0 0, 1px 2px, 2px 1px;
    background-size: 3px 4px, 5px 3px, 4px 5px;
  }

  html:not(.app) .cab .mc-slot-text blockquote {
    box-sizing: border-box;
    border-left: 3px solid var(--tg-blue);
    background: color-mix(in srgb, var(--tg-blue) 10%, transparent);
    opacity: 1;
    border-radius: 4px;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin: 6px 0 8px;
    padding: 3px 16px 2px 9px;
    font-size: 14px;
    line-height: 18px;
    position: relative;
  }

  html:not(.app) .cab .mc-slot-text blockquote:after {
    content: "";
    background: var(--tg-blue);
    width: 9px;
    height: 7px;
    position: absolute;
    top: 4px;
    right: 4px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 7'%3E%3Cpath d='M1.9 0a1.9 1.9 0 0 1 1.9 1.9c0 2.1-1.2 3.9-3 5.1l-.4-.5c.8-.7 1.3-1.4 1.4-2.3H1.9A1.9 1.9 0 0 1 1.9 0Zm5.2 0A1.9 1.9 0 0 1 9 1.9c0 2.1-1.2 3.9-3 5.1l-.4-.5c.8-.7 1.3-1.4 1.4-2.3h-.1a1.9 1.9 0 0 1 0-4.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 7'%3E%3Cpath d='M1.9 0a1.9 1.9 0 0 1 1.9 1.9c0 2.1-1.2 3.9-3 5.1l-.4-.5c.8-.7 1.3-1.4 1.4-2.3H1.9A1.9 1.9 0 0 1 1.9 0Zm5.2 0A1.9 1.9 0 0 1 9 1.9c0 2.1-1.2 3.9-3 5.1l-.4-.5c.8-.7 1.3-1.4 1.4-2.3h-.1a1.9 1.9 0 0 1 0-4.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  html:not(.app) .cab .mc-slot-text code {
    background: none;
    border-radius: 0;
    padding: 0;
    font-size: 16px;
  }

  html:not(.app) .cab .mc-slot-text a, html:not(.app) .cab .mc-slot-text .mc-link-txt {
    color: var(--tg-blue);
    text-decoration: none;
  }

  html:not(.app) .cab .mc-pop--words {
    border-radius: 28px;
    width: 249px;
    padding: 0 0 12px;
  }

  html:not(.app) .cab .mc-words-head {
    border-bottom: .5px solid color-mix(in srgb, var(--ink) 14%, transparent);
    height: 52px;
    font-size: var(--menu-fs);
    color: var(--ink);
    justify-content: space-between;
    align-items: center;
    margin: 0 24px;
    padding: 0 4px 2px;
    font-weight: 600;
    display: flex;
  }

  html:not(.app) .cab .mc-words-head > svg {
    width: 14px;
    height: 14px;
    margin-right: 1px;
  }

  html:not(.app) .cab .mc-words {
    flex-direction: column;
    align-items: stretch;
    padding-top: 8px;
    overflow: visible;
  }

  html:not(.app) .cab .mc-word {
    height: var(--menu-row);
    text-align: left;
    font-size: var(--menu-fs);
    border-radius: 0;
    padding: 0 28px;
  }

  html:not(.app) .cab .mc-attach-row {
    border-bottom: 0;
  }

  html:not(.app) .cab .mc-attach-row.is-now {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  html:not(.app) .cab .mc-attach-txt b {
    line-height: 1.3;
  }

  html:not(.app) .cab .mc-attach-txt i {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  html:not(.app) .cab .mc-attach-title {
    margin-top: 25px;
  }

  html:not(.app) .cab .mc-attach-done {
    margin-bottom: 22px;
  }

  html:not(.app) .cab .mbp-text-in {
    width: 100%;
    min-width: 0;
    box-shadow: none;
    text-align: right;
    color: var(--mut);
    background: none;
    border: 0;
    padding: 0;
    font-size: 17px;
  }

  html:not(.app) .cab .mbp-text-in:focus {
    box-shadow: none;
    color: var(--ink);
    outline: none;
  }

  html:not(.app) .cab .fk-nrow-val:has( > .mbp-text-in,  > .f-clear-edit > .mbp-text-in) {
    flex: auto;
    max-width: none;
  }

  html:not(.app) .cab .fk-nlist-row:has(.mbp-text-in) .fk-nrow-main {
    flex: none;
  }

  html:not(.app) .cab .k-btn.mbp-del {
    background: var(--surf);
    color: var(--red);
    box-shadow: none;
    font-weight: 400;
  }

  html:not(.app) .cab .mbp .fk-nlist-row:not(.has-ic) {
    padding-left: 19px;
  }

  html:not(.app) .cab .mbp .fk-nlist-row + .fk-nlist-row:not(.has-ic):after {
    left: 19px;
    right: 19px;
  }

  html:not(.app) .cab .mbp .mbp-text-in {
    color: var(--ink);
  }

  html:not(.app) .cab .mbp .mbp-text-in::-moz-placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab .mbp .mbp-text-in::placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab .mbp .fk-nrow-val .mbp-dot {
    vertical-align: 0;
    width: 12px;
    height: 12px;
    margin-right: 8px;
  }

  html:not(.app) .cab .mbp .mbp-dot-none {
    border-color: var(--mut);
    background: var(--mut);
  }

  html:not(.app) .cab .mbp .kf-ch .mbp-dot {
    vertical-align: -4px;
    width: 20px;
    height: 20px;
    margin: 0 12px 0 -4px;
  }

  html:not(.app) .cab .mbp .kf-blk__body:has( > input.k-inp,  > .f-clear-edit > input.k-inp) {
    padding: 13px 16px 13px 29px;
  }

  html:not(.app) .cab .mbp .kf-blk__body > input.k-inp, html:not(.app) .cab .mbp .kf-blk__body > .f-clear-edit > input.k-inp {
    font-size: 17px;
    line-height: 24px;
  }

  html:not(.app) .cab .mbp .kf-blk__body > :is(input, textarea).k-inp::-moz-placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab .mbp .kf-blk__body > .f-clear-edit > input.k-inp::-moz-placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab .mbp .kf-blk__body > .f-clear-edit > input.k-inp::placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab .mbp .kf-blk__body > :-webkit-any(input, textarea).k-inp::placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab .mbp .kf-blk__body > :-moz-any(input, textarea).k-inp::placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab .mbp .kf-blk__body > :is(input, textarea).k-inp::placeholder {
    color: var(--mut-2);
  }

  html:not(.app) .cab .mbp .kf-blk__body:has( > textarea.k-area) {
    padding: 20px 16px 16px 19px;
  }

  html:not(.app) .cab .mbp .kf-blk__body > textarea.k-area {
    resize: none;
    min-height: 66px;
    padding: 0;
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .cab .mbp:not(.set-rows) .mbp-tag > .kf-blk:has( > .kf-blk__body.fk-nlist) {
    margin-bottom: 0;
  }

  html:not(.app) .cab .mbp .mbp-tag > .meta {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    padding: 0 4px;
    font-size: 13px;
    line-height: 17px !important;
  }

  html:not(.app) .cab .mbp-tags .fk-nlist-row.is-accent {
    justify-content: flex-start;
  }

  html:not(.app) .cab .mbp-tags .fk-nlist-row.is-accent .fk-nrow-main {
    text-align: left;
    flex: auto;
    align-items: flex-start;
  }

  html:not(.app) .cab .mbp-tags > .kf-blk:not(:last-child) {
    margin-bottom: 35px;
  }

  html:not(.app) .cab .mbp .fk-nrow-val .kf-ch__tick {
    width: 22px;
    height: 22px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab:has(.msg-readbar) .tabbar {
    visibility: hidden;
    opacity: 0;
  }

  html:not(.app) .cab .msg-readbar .kf-bar {
    left: 50%;
    right: auto;
    bottom: calc(max(24px, calc(env(safe-area-inset-bottom, 0px)  + 6px))  + 8.5px);
    border-radius: 999px;
    width: auto;
    margin: 0;
    padding: 0;
    position: fixed;
    transform: translateX(-50%);
  }

  html:not(.app) .cab .msg-readbar .k-btn {
    min-height: var(--ctl);
    height: var(--ctl);
    color: var(--ink);
    box-shadow: none;
    white-space: nowrap;
    background: none;
    padding: 0 16px;
    font-size: 17px;
    font-weight: 400;
  }

  html:not(.app) .cab .ai-vgroup > .msg-trow.is-pick {
    grid-template-columns: 24px var(--msg-av-row) minmax(0, 1fr);
  }

  html:not(.app) .cab .msg-pick .k-check {
    border: 1.5px solid color-mix(in srgb, var(--ink) 18%, transparent);
    width: 24px;
    height: 24px;
    color: var(--accent-stroke);
    background: none;
    border-radius: 50%;
    margin: 0;
  }

  html:not(.app) .cab .msg-pick .k-check[data-state="checked"] {
    background: none;
    border-color: rgba(0, 0, 0, 0);
  }

  html:not(.app) .cab .msg-pick .k-check svg {
    width: 18px;
    height: 18px;
  }

  html:not(.app) .cab .ai-vgroup:has( > .msg-trow) {
    gap: 0;
  }

  html:not(.app) .cab .ai-vgroup > .msg-trow .msg-name {
    line-height: 1.275;
  }

  html:not(.app) .cab .ai-vgroup > .msg-trow .msg-prev {
    --msg-prev-lh: 1.3;
  }

  html:not(.app) .cab .ai-vgroup > .msg-trow + .msg-trow:after {
    top: 0;
    left: 65px;
    right: -7px;
  }

  html:not(.app) .cab .ai-vgroup > .msg-trow.is-pick + .msg-trow.is-pick:after {
    left: 101px;
  }

  html:not(.app) .cab .fld-name-row .k-lrow__main {
    flex: none;
  }

  html:not(.app) .cab .fld-name-row .k-lrow__val {
    flex: auto;
    justify-content: flex-end;
    max-width: none;
    display: flex;
  }

  html:not(.app) .cab .fld-name-row .k-lrow__val input {
    width: 100%;
    min-width: 0;
    box-shadow: none;
    text-align: right;
    background: none;
    border: 0;
    padding: 0;
    font-size: 17px;
  }

  html:not(.app) .cab .fld-name-row .k-lrow__val input:focus {
    box-shadow: none;
    outline: none;
  }

  html:not(.app) .cab .drawer.sheet .dr-head > .bw-headr {
    width: auto;
    height: var(--ctl);
    grid-row: 1;
    justify-self: end;
    align-items: center;
    gap: 10px;
    display: flex;
  }

  html:not(.app) .cab .dr-head .bw-headr .bw-headsw, html:not(.app) .cab .dr-head .bw-headr .bw-headsw .k-row__top {
    align-items: center;
    min-height: 0;
    margin: 0;
    padding: 0;
    display: flex;
  }

  html:not(.app) .cab .dr-head .bw-headr .bw-headsw {
    animation: bw-headsw-in var(--m-dur-fast) ease-out;
  }

  @keyframes bw-headsw-in {
    from {
      opacity: 0;
      transform: translateY(6px);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  html:not(.app) .cab .bw-onrow {
    display: contents;
  }

  html:not(.app) .cab .fk-pane .fk-pane {
    padding-top: 0;
  }

  html:not(.app) .cab .fld-count {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    font-size: 13px;
    margin: -18px 4px 0 !important;
    line-height: 17px !important;
  }

  html:not(.app) .cab .aud-pick-icrow {
    align-items: center;
    gap: 12px;
    display: inline-flex;
  }

  html:not(.app) .cab .fld-name-blk > .kf-blk__cap {
    padding: 0 4px;
  }

  html:not(.app) .cab .fld-name-blk + .fld-conds {
    margin-top: 24px;
  }

  html:not(.app) .cab .fk-pane.cfld-pane {
    padding-top: 0;
  }

  html:not(.app) .cab .cfld-pane .fld-count {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    font-size: 13px;
    margin: -16px 4px 0 !important;
    line-height: 17px !important;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab:has(.msg-readbar) .tabbar {
    visibility: hidden;
    opacity: 0;
  }

  html:not(.app) .cab .msg-readbar .kf-bar {
    left: 50%;
    right: auto;
    bottom: calc(max(24px, calc(env(safe-area-inset-bottom, 0px)  + 6px))  + 8.5px);
    border-radius: 999px;
    width: auto;
    margin: 0;
    padding: 0;
    position: fixed;
    transform: translateX(-50%);
  }

  html:not(.app) .cab .msg-readbar .k-btn {
    min-height: var(--ctl);
    height: var(--ctl);
    color: var(--ink);
    box-shadow: none;
    white-space: nowrap;
    background: none;
    padding: 0 16px;
    font-size: 17px;
    font-weight: 400;
  }

  html:not(.app) .cab .ai-vgroup > .msg-trow.is-pick {
    grid-template-columns: 24px var(--msg-av-row) minmax(0, 1fr);
  }

  html:not(.app) .cab .msg-pick .k-check {
    border: 1.5px solid color-mix(in srgb, var(--ink) 18%, transparent);
    width: 24px;
    height: 24px;
    color: var(--accent-stroke);
    background: none;
    border-radius: 50%;
    margin: 0;
  }

  html:not(.app) .cab .msg-pick .k-check[data-state="checked"] {
    background: none;
    border-color: rgba(0, 0, 0, 0);
  }

  html:not(.app) .cab .msg-pick .k-check svg {
    width: 18px;
    height: 18px;
  }

  html:not(.app) .cab .ai-vgroup:has( > .msg-trow) {
    gap: 0;
  }

  html:not(.app) .cab .ai-vgroup > .msg-trow .msg-name {
    line-height: 1.275;
  }

  html:not(.app) .cab .ai-vgroup > .msg-trow .msg-prev {
    --msg-prev-lh: 1.3;
  }

  html:not(.app) .cab .ai-vgroup > .msg-trow + .msg-trow:after {
    top: 0;
    left: 65px;
    right: -7px;
  }

  html:not(.app) .cab .ai-vgroup > .msg-trow.is-pick + .msg-trow.is-pick:after {
    left: 101px;
  }

  html:not(.app) .cab .fld-name-row .k-lrow__main {
    flex: none;
  }

  html:not(.app) .cab .fld-name-row .k-lrow__val {
    flex: auto;
    justify-content: flex-end;
    max-width: none;
    display: flex;
  }

  html:not(.app) .cab .fld-name-row .k-lrow__val input {
    width: 100%;
    min-width: 0;
    box-shadow: none;
    text-align: right;
    background: none;
    border: 0;
    padding: 0;
    font-size: 17px;
  }

  html:not(.app) .cab .fld-name-row .k-lrow__val input:focus {
    box-shadow: none;
    outline: none;
  }

  html:not(.app) .cab .drawer.sheet .dr-head > .bw-headr {
    width: auto;
    height: var(--ctl);
    grid-row: 1;
    justify-self: end;
    align-items: center;
    gap: 10px;
    display: flex;
  }

  html:not(.app) .cab .dr-head .bw-headr .bw-headsw, html:not(.app) .cab .dr-head .bw-headr .bw-headsw .k-row__top {
    align-items: center;
    min-height: 0;
    margin: 0;
    padding: 0;
    display: flex;
  }

  html:not(.app) .cab .dr-head .bw-headr .bw-headsw {
    animation: bw-headsw-in var(--m-dur-fast) ease-out;
  }

  html:not(.app) .cab .bw-onrow {
    display: contents;
  }

  html:not(.app) .cab .fk-pane .fk-pane {
    padding-top: 0;
  }

  html:not(.app) .cab .fld-count {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    font-size: 13px;
    margin: -18px 4px 0 !important;
    line-height: 17px !important;
  }

  html:not(.app) .cab .aud-pick-icrow {
    align-items: center;
    gap: 12px;
    display: inline-flex;
  }

  html:not(.app) .cab .fld-name-blk > .kf-blk__cap {
    padding: 0 4px;
  }

  html:not(.app) .cab .fld-name-blk + .fld-conds {
    margin-top: 24px;
  }

  html:not(.app) .cab .fk-pane.cfld-pane {
    padding-top: 0;
  }

  html:not(.app) .cab .cfld-pane .fld-count {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    font-size: 13px;
    margin: -16px 4px 0 !important;
    line-height: 17px !important;
  }
}

.cab .k-lrow--ctl .k-row--sw {
  grid-template-columns: none;
  align-items: center;
  width: auto;
  display: flex;
}

.cab .k-lrow--ctl .k-row--sw .k-row__top {
  min-height: 0;
  display: flex;
}

.cab .k-lrow--ctl .k-ctl.k-sw {
  border-radius: 100px;
  flex: none;
  width: 51px;
  min-width: 51px;
  height: 31px;
  min-height: 31px;
  padding: 0;
}

html:not(.app) .cab .msg-dlg-composer {
  margin-left: -6px;
  margin-right: -6px;
}

html:not(.app) .cab .msg-dlg-composer [class*="composerStack"] {
  border: 0;
  border-radius: 999px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .08);
}

html:not(.app) .cab .msg-dlg-composer [class*="promptStack"] {
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
  min-height: 46px;
  padding: 0 8px 0 9px;
}

html:not(.app) .cab .msg-dlg-composer [class*="promptStack"] textarea {
  flex: auto;
  min-width: 0;
  margin-left: 4px;
  padding: 12px 0;
  font-size: 16px;
  line-height: 22px;
}

html:not(.app) .cab .msg-dlg-composer [class*="promptStack"] [class*="iconBtn"] {
  border-radius: 50%;
  width: 44px;
  height: 44px;
  margin-left: 0;
}

html:not(.app) .cab .msg-dlg-composer [class*="promptStack"] [class*="iconBtn"]:not([class*="send"]) {
  color: var(--ink);
  background: none;
}

html:not(.app) .cab .msg-dlg-composer [class*="promptStack"] [class*="iconBtn"][class*="send"] {
  background: color-mix(in srgb, var(--ink) 8%, transparent);
  width: 30px;
  height: 30px;
  color: var(--mut);
  margin-left: 5px;
}

html:not(.app) .cab .msg-dlg-composer .msg-clip {
  flex: none;
  order: -1;
  width: 36px;
  height: 36px;
}

html:not(.app) .cab .msg-dlg-composer .msg-clip > svg {
  width: 24px;
  height: 24px;
}

html:not(.app) .cab .msg-dlg-composer [class*="promptStack"] [class*="iconBtn"]:not([class*="send"]) svg {
  width: 22px;
  height: 22px;
}

@media (max-width: 820px) {
  html:not(.app) .cab .k-lrow--ctl .k-ctl.k-sw {
    width: 63px;
    min-width: 63px;
    height: 27px;
    min-height: 27px;
  }

  html:not(.app) .k-dlg--ask.k-dlg--stack.k-dlg--attach {
    width: 240px;
    padding: 20px 16px 16px;
    animation: none;
    top: auto;
    bottom: 44px;
    transform: translateX(-50%);
  }

  html:not(.app) .k-dlg--attach .k-dlg__title {
    text-align: center;
    padding: 0;
  }

  html:not(.app) .k-dlg--attach .k-dlg__body {
    display: none;
  }

  html:not(.app) .k-dlg--attach .k-dlg__foot {
    gap: 10px;
    padding-top: 16px;
  }

  html:not(.app) .k-ovl:has( + .k-dlg--attach) {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: none;
  }

  html:not(.app) .k-dlg--attach .k-dlg__foot > .k-btn {
    min-height: 46px;
    color: var(--ink);
    font-weight: 600;
  }

  html:not(.app) .cab .msg-feed .chat-date span, html:not(.app) .cab .msg-dlg .chat-date span {
    color: var(--mut);
    background: none;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
  }

  html:not(.app) .cab .msg-feed .chat-msg {
    max-width: min(100%, 78vw);
  }

  html:not(.app) .cab .drawer:has(.msg-dlg) > .dr-head {
    padding-top: 12px;
  }

  html:not(.app) .cab .drawer:has(.msg-dlg) > .dr-head .dr-head-t h3 {
    line-height: 20px;
  }

  html:not(.app) .cab .drawer:has(.msg-dlg) > .dr-head .dr-head-t p {
    margin: 0;
    font-size: 13px;
    line-height: 16px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .k-lrow--ctl .k-ctl.k-sw {
    width: 63px;
    min-width: 63px;
    height: 27px;
    min-height: 27px;
  }

  html:not(.app) .cab .msg-feed .chat-date span, html:not(.app) .cab .msg-dlg .chat-date span {
    color: var(--mut);
    background: none;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
  }

  html:not(.app) .cab .msg-feed .chat-msg {
    max-width: min(100%, 78vw);
  }

  html:not(.app) .cab .drawer:has(.msg-dlg) > .dr-head {
    padding-top: 12px;
  }

  html:not(.app) .cab .drawer:has(.msg-dlg) > .dr-head .dr-head-t h3 {
    line-height: 20px;
  }

  html:not(.app) .cab .drawer:has(.msg-dlg) > .dr-head .dr-head-t p {
    margin: 0;
    font-size: 13px;
    line-height: 16px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .profedit-pick--ios {
    margin-top: -11px;
  }

  html:not(.app) .cab .profedit-pick--ios .profedit-badge {
    background: color-mix(in srgb, var(--mut) 22%, var(--surf));
    border: 2px solid var(--surf);
    width: 36px;
    height: 36px;
    box-shadow: none;
    color: var(--ink);
    bottom: 2px;
    right: -2px;
  }

  html:not(.app) .cab .profedit-pick--ios .profedit-badge svg {
    width: 17px;
    height: 17px;
  }

  html:not(.app) .cab .profedit-pick--ios .profedit-badge svg path {
    fill: currentColor;
  }

  html:not(.app) .cab .profedit-pick--ios .profedit-badge svg circle {
    fill: currentColor;
    stroke: var(--surf);
  }

  html:not(.app) .cab .prof-hero-t {
    text-align: center;
    margin: 6px 0 0;
  }

  html:not(.app) .cab .prof-hero-h {
    letter-spacing: 0;
    color: var(--ink);
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }

  html:not(.app) .cab .prof-hero-m {
    color: var(--mut);
    margin: 4px 0 0;
    font-size: 15px;
    line-height: 19px;
  }

  html:not(.app) .cab .k-btn.prof-wide-btn, html:not(.app) .cab .k-bare.prof-wide-btn {
    background: var(--surf);
    color: var(--red);
    box-shadow: none;
    font-weight: 400;
  }

  html:not(.app) .cab .k-btn.prof-wide-btn--ink {
    color: var(--ink);
  }

  html:not(.app) .cab .acc-logout--wide, html:not(.app) .cab .acc-danger--wide {
    margin-top: 24px;
    display: block;
  }

  html:not(.app) .cab .k-lgroup.prof-name-field {
    margin-top: -16px;
  }

  html:not(.app) .cab .prof-rows.fk-pane {
    padding-top: 0;
  }

  html:not(.app) .cab .prof-rows.fk-pane .kf-blk.fld:has( > .kf-blk__body.fk-nlist) {
    margin-bottom: 0;
  }

  html:not(.app) .cab .profedit-pick--ios ~ .k-btn.prof-wide-btn {
    margin-top: 10px;
  }

  html:not(.app) .cab .fk-pane.quiet-pane {
    margin-top: -13px;
    padding-top: 0;
  }

  html:not(.app) .cab .fk-pane.ch-pane {
    padding-top: 0;
  }

  html:not(.app) .cab .fk-pane.quiet-pane > .k-lnote {
    margin-bottom: 3px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .profedit-pick--ios {
    margin-top: -11px;
  }

  html:not(.app) .cab .profedit-pick--ios .profedit-badge {
    background: color-mix(in srgb, var(--mut) 22%, var(--surf));
    border: 2px solid var(--surf);
    width: 36px;
    height: 36px;
    box-shadow: none;
    color: var(--ink);
    bottom: 2px;
    right: -2px;
  }

  html:not(.app) .cab .profedit-pick--ios .profedit-badge svg {
    width: 17px;
    height: 17px;
  }

  html:not(.app) .cab .profedit-pick--ios .profedit-badge svg path {
    fill: currentColor;
  }

  html:not(.app) .cab .profedit-pick--ios .profedit-badge svg circle {
    fill: currentColor;
    stroke: var(--surf);
  }

  html:not(.app) .cab .prof-hero-t {
    text-align: center;
    margin: 6px 0 0;
  }

  html:not(.app) .cab .prof-hero-h {
    letter-spacing: 0;
    color: var(--ink);
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }

  html:not(.app) .cab .prof-hero-m {
    color: var(--mut);
    margin: 4px 0 0;
    font-size: 15px;
    line-height: 19px;
  }

  html:not(.app) .cab .k-btn.prof-wide-btn, html:not(.app) .cab .k-bare.prof-wide-btn {
    background: var(--surf);
    color: var(--red);
    box-shadow: none;
    font-weight: 400;
  }

  html:not(.app) .cab .k-btn.prof-wide-btn--ink {
    color: var(--ink);
  }

  html:not(.app) .cab .acc-logout--wide, html:not(.app) .cab .acc-danger--wide {
    margin-top: 24px;
    display: block;
  }

  html:not(.app) .cab .k-lgroup.prof-name-field {
    margin-top: -16px;
  }

  html:not(.app) .cab .prof-rows.fk-pane {
    padding-top: 0;
  }

  html:not(.app) .cab .prof-rows.fk-pane .kf-blk.fld:has( > .kf-blk__body.fk-nlist) {
    margin-bottom: 0;
  }

  html:not(.app) .cab .profedit-pick--ios ~ .k-btn.prof-wide-btn {
    margin-top: 10px;
  }

  html:not(.app) .cab .fk-pane.quiet-pane {
    margin-top: -13px;
    padding-top: 0;
  }

  html:not(.app) .cab .fk-pane.ch-pane {
    padding-top: 0;
  }

  html:not(.app) .cab .fk-pane.quiet-pane > .k-lnote {
    margin-bottom: 3px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .conn-rows {
    margin-top: 8px;
  }

  html:not(.app) .cab .conn-rows .k-lrow__ico {
    background: none;
  }

  html:not(.app) .cab .conn-rows .k-lrow__ico .svc-circle {
    width: var(--tile);
    height: var(--tile);
    min-width: var(--tile);
    border-radius: var(--r-sm);
    background: color-mix(in srgb, currentColor 12%, transparent);
  }

  html:not(.app) .cab .conn-rows .k-lrow__ico .svc-circle :-webkit-any(svg, img, [role="img"]) {
    width: 20px;
    height: 20px;
  }

  html:not(.app) .cab .conn-rows .k-lrow__ico .svc-circle :-moz-any(svg, img, [role="img"]) {
    width: 20px;
    height: 20px;
  }

  html:not(.app) .cab .conn-rows .k-lrow__ico .svc-circle :is(svg, img, [role="img"]) {
    width: 20px;
    height: 20px;
  }

  html:not(.app) .cab .conn-rows .k-lrow--danger .k-lrow__hint {
    color: var(--red);
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .conn-rows {
    margin-top: 8px;
  }

  html:not(.app) .cab .conn-rows .k-lrow__ico {
    background: none;
  }

  html:not(.app) .cab .conn-rows .k-lrow__ico .svc-circle {
    width: var(--tile);
    height: var(--tile);
    min-width: var(--tile);
    border-radius: var(--r-sm);
    background: color-mix(in srgb, currentColor 12%, transparent);
  }

  html:not(.app) .cab .conn-rows .k-lrow__ico .svc-circle :-webkit-any(svg, img, [role="img"]) {
    width: 20px;
    height: 20px;
  }

  html:not(.app) .cab .conn-rows .k-lrow__ico .svc-circle :-moz-any(svg, img, [role="img"]) {
    width: 20px;
    height: 20px;
  }

  html:not(.app) .cab .conn-rows .k-lrow__ico .svc-circle :is(svg, img, [role="img"]) {
    width: 20px;
    height: 20px;
  }

  html:not(.app) .cab .conn-rows .k-lrow--danger .k-lrow__hint {
    color: var(--red);
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .wiz-pane.wiz-bo > p.meta {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    padding: 0 4px 12px;
    font-size: 13px;
    line-height: 17px !important;
  }

  html:not(.app) .cab .aud-ios .aud-title {
    font-size: var(--head-size);
    font-weight: var(--head-weight);
    letter-spacing: var(--head-kern);
    line-height: var(--head-lh);
    margin: 19px 0 22px;
  }

  html:not(.app) .cab .aud-ios .aud-list > p.meta {
    padding: 0 4px;
    font-size: 13px;
    line-height: 17px !important;
  }

  html:not(.app) .cab .aud-ios .aud-list > p.meta:not(:first-child) {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    margin-top: 12px !important;
  }

  html:not(.app) .cab .aud-ios .aud-bar {
    padding: 10px 16px calc(24px + min(env(safe-area-inset-bottom, 0px), 34px));
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: none;
    margin: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  html:not(.app) .cab .aud-ios .aud-bar .aud-flt, html:not(.app) .cab .aud-ios .aud-bar .aud-x {
    width: var(--ctl);
    height: var(--ctl);
  }

  html:not(.app) .cab .aud-ios .aud-bar {
    gap: 12px;
  }

  html:not(.app) .cab .aud-ios .aud-bar .k-search {
    flex: auto;
    min-width: 0;
  }

  html:not(.app) .cab .aud-ios .aud-bar .aud-flt svg {
    width: 24px;
    height: 24px;
  }

  html:not(.app) .cab .aud-ios .aud-list {
    padding-bottom: calc(var(--ctl)  + 48px);
  }

  html:not(.app) .cab .fk-pane .wiz-item-h1.aud-h1 {
    font-size: var(--head-size);
    font-weight: var(--head-weight);
    letter-spacing: var(--head-kern);
    line-height: var(--head-lh);
    color: var(--ink);
    margin: 0 0 22px;
  }

  html:not(.app) .cab .fk-pane.aud-flt-ios .wiz-item-h1.aud-h1 {
    margin-top: 21px;
  }

  html:not(.app) .cab .fk-pane.aud-pick-ios .wiz-item-h1.aud-h1 {
    margin-top: 20px;
  }

  html:not(.app) .cab .aud-pick-ios .kf-blk__body:has( > .kf-ch) {
    padding: 0;
  }

  html:not(.app) .cab .aud-pick-ios .kf-ch__row, html:not(.app) .cab .aud-pick-ios .fk-picknav {
    min-height: var(--h-row-m);
    position: relative;
  }

  html:not(.app) .cab .aud-pick-ios .kf-ch__row {
    border-top: 0;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 14px;
    padding: 10px 20px 10px 17px;
  }

  html:not(.app) .cab .aud-pick-ios .kf-ch__row + .kf-ch__row:before, html:not(.app) .cab .aud-pick-ios .fk-picknav + .fk-picknav:before {
    content: "";
    background: var(--line);
    pointer-events: none;
    height: 1px;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
  }

  html:not(.app) .cab .aud-pick-ios .kf-ch__t b {
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
  }

  html:not(.app) .cab .aud-pick-ios .fk-picknav {
    gap: 0;
  }

  html:not(.app) .cab .aud-pick-ios .fk-picknav__box {
    border-radius: 0;
    justify-content: flex-start;
    align-self: stretch;
    width: 41px;
    height: auto;
    padding-left: 17px;
  }

  html:not(.app) .cab .aud-pick-ios .fk-picknav__main {
    padding-left: 14px;
  }

  html:not(.app) .cab .aud-pick-ios .kf-ch__tick, html:not(.app) .cab .aud-pick-ios .fk-picknav__box .kf-ch__tick {
    box-sizing: border-box;
    border: 1.5px solid var(--mut-2);
    width: 24px;
    height: 24px;
    color: var(--accent-stroke);
    opacity: 1;
    visibility: visible;
    border-radius: 999px;
    flex: none;
    padding: 4px;
    display: inline-block;
  }

  html:not(.app) .cab .aud-pick-ios > p.meta {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    padding: 0 4px;
    font-size: 13px;
    line-height: 17px !important;
  }

  html:not(.app) .cab .aud-pick-ios > p.meta + p.meta {
    margin-top: 12px !important;
  }

  html:not(.app) .cab .aud-pick-ios .kf-ch__tick.is-off {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    visibility: visible;
  }

  html:not(.app) .cab .aud-pick-ios .kf-ch__row.is-on .kf-ch__tick, html:not(.app) .cab .aud-pick-ios .fk-picknav__box[aria-checked="true"] .kf-ch__tick {
    stroke-width: 2.6px;
    border-color: rgba(0, 0, 0, 0);
    padding: 2px;
  }

  html:not(.app) .k-dlg--cal {
    --k-dlg-w: 334px;
    padding-top: 16px;
  }

  html:not(.app) .k-dlg--cal .k-dlg__foot {
    padding-top: 16px;
  }

  html:not(.app) .k-dlg--cal .k-dlg__foot > .k-btn {
    flex: 100%;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .wiz-pane.wiz-bo > p.meta {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    padding: 0 4px 12px;
    font-size: 13px;
    line-height: 17px !important;
  }

  html:not(.app) .cab .aud-ios .aud-title {
    font-size: var(--head-size);
    font-weight: var(--head-weight);
    letter-spacing: var(--head-kern);
    line-height: var(--head-lh);
    margin: 19px 0 22px;
  }

  html:not(.app) .cab .aud-ios .aud-list > p.meta {
    padding: 0 4px;
    font-size: 13px;
    line-height: 17px !important;
  }

  html:not(.app) .cab .aud-ios .aud-list > p.meta:not(:first-child) {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    margin-top: 12px !important;
  }

  html:not(.app) .cab .aud-ios .aud-bar {
    padding: 10px 16px calc(24px + min(env(safe-area-inset-bottom, 0px), 34px));
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: none;
    margin: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  html:not(.app) .cab .aud-ios .aud-bar .aud-flt, html:not(.app) .cab .aud-ios .aud-bar .aud-x {
    width: var(--ctl);
    height: var(--ctl);
  }

  html:not(.app) .cab .aud-ios .aud-bar {
    gap: 12px;
  }

  html:not(.app) .cab .aud-ios .aud-bar .k-search {
    flex: auto;
    min-width: 0;
  }

  html:not(.app) .cab .aud-ios .aud-bar .aud-flt svg {
    width: 24px;
    height: 24px;
  }

  html:not(.app) .cab .aud-ios .aud-list {
    padding-bottom: calc(var(--ctl)  + 48px);
  }

  html:not(.app) .cab .fk-pane .wiz-item-h1.aud-h1 {
    font-size: var(--head-size);
    font-weight: var(--head-weight);
    letter-spacing: var(--head-kern);
    line-height: var(--head-lh);
    color: var(--ink);
    margin: 0 0 22px;
  }

  html:not(.app) .cab .fk-pane.aud-flt-ios .wiz-item-h1.aud-h1 {
    margin-top: 21px;
  }

  html:not(.app) .cab .fk-pane.aud-pick-ios .wiz-item-h1.aud-h1 {
    margin-top: 20px;
  }

  html:not(.app) .cab .aud-pick-ios .kf-blk__body:has( > .kf-ch) {
    padding: 0;
  }

  html:not(.app) .cab .aud-pick-ios .kf-ch__row, html:not(.app) .cab .aud-pick-ios .fk-picknav {
    min-height: var(--h-row-m);
    position: relative;
  }

  html:not(.app) .cab .aud-pick-ios .kf-ch__row {
    border-top: 0;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 14px;
    padding: 10px 20px 10px 17px;
  }

  html:not(.app) .cab .aud-pick-ios .kf-ch__row + .kf-ch__row:before, html:not(.app) .cab .aud-pick-ios .fk-picknav + .fk-picknav:before {
    content: "";
    background: var(--line);
    pointer-events: none;
    height: 1px;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
  }

  html:not(.app) .cab .aud-pick-ios .kf-ch__t b {
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
  }

  html:not(.app) .cab .aud-pick-ios .fk-picknav {
    gap: 0;
  }

  html:not(.app) .cab .aud-pick-ios .fk-picknav__box {
    border-radius: 0;
    justify-content: flex-start;
    align-self: stretch;
    width: 41px;
    height: auto;
    padding-left: 17px;
  }

  html:not(.app) .cab .aud-pick-ios .fk-picknav__main {
    padding-left: 14px;
  }

  html:not(.app) .cab .aud-pick-ios .kf-ch__tick, html:not(.app) .cab .aud-pick-ios .fk-picknav__box .kf-ch__tick {
    box-sizing: border-box;
    border: 1.5px solid var(--mut-2);
    width: 24px;
    height: 24px;
    color: var(--accent-stroke);
    opacity: 1;
    visibility: visible;
    border-radius: 999px;
    flex: none;
    padding: 4px;
    display: inline-block;
  }

  html:not(.app) .cab .aud-pick-ios > p.meta {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    padding: 0 4px;
    font-size: 13px;
    line-height: 17px !important;
  }

  html:not(.app) .cab .aud-pick-ios > p.meta + p.meta {
    margin-top: 12px !important;
  }

  html:not(.app) .cab .aud-pick-ios .kf-ch__tick.is-off {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    visibility: visible;
  }

  html:not(.app) .cab .aud-pick-ios .kf-ch__row.is-on .kf-ch__tick, html:not(.app) .cab .aud-pick-ios .fk-picknav__box[aria-checked="true"] .kf-ch__tick {
    stroke-width: 2.6px;
    border-color: rgba(0, 0, 0, 0);
    padding: 2px;
  }
}

.cab .scn-card-wand {
  display: none;
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-card-ava {
  border-radius: 50%;
  width: 44px;
  height: 44px;
  overflow: hidden;
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-ava-tile.scn-ava-bc {
  background: color-mix(in srgb, var(--ink) 7%, transparent);
  width: 44px;
  height: 44px;
  color: color-mix(in srgb, var(--ink) 58%, transparent);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-ava-bc .scn-ava-cat {
  width: 20px;
  height: 20px;
  display: block;
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-card-t {
  font-size: 17px;
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-card-desc, html:not(.app) .cab .scn-card.scn-card-bc .scn-card-meta {
  font-size: 13px;
  line-height: 18px;
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-card-wand {
  color: var(--accent-stroke);
  align-items: center;
  gap: 4px;
  font-size: 13px;
  display: inline-flex;
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-card-wand-dot {
  color: var(--mut);
  margin: 0 2px;
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-card-meta .scn-chan-ic {
  color: var(--chan-c, currentColor);
  flex: none;
  margin-right: 3px;
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-card-meta .scn-chan-ic svg, html:not(.app) .cab .scn-card.scn-card-bc .scn-card-meta .scn-chan-ic img {
  width: 13px;
  height: 13px;
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-card-meta {
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  min-width: 0;
  margin-top: 2px;
  display: flex;
  overflow: hidden;
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-card-wand {
  flex: none;
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-card-who {
  min-width: 0;
  color: var(--mut-2);
  display: inline-flex;
  overflow: hidden;
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-card-foot {
  justify-content: flex-start;
  margin-top: 8px;
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-card-state {
  background: color-mix(in srgb, var(--ink) 7%, transparent);
  color: var(--mut);
  border-radius: 999px;
  margin-left: 0;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-card-state__dot {
  display: none;
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-card-state-wait {
  background: color-mix(in srgb, var(--tg-blue) 14%, transparent);
  color: var(--tg-blue);
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-card-state-run {
  background: color-mix(in srgb, var(--green) 14%, transparent);
  color: var(--green);
}

html:not(.app) .cab .scn-card.scn-card-bc .scn-card-acc {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@media (max-width: 820px) {
  html:not(.app) .cab .bs-runs {
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    min-height: 112px;
    padding: 14px 16px 12px;
    display: flex;
  }

  html:not(.app) .cab .bs-runs-n {
    font-size: 17px;
  }

  html:not(.app) .cab .bw-bc-acts {
    flex-direction: column;
    gap: 13px;
    margin: 16px 0;
    display: flex;
  }

  html:not(.app) .cab .bw-bc-acts .k-list-block, html:not(.app) .cab .bw-bc-acts > * {
    margin: 0;
  }

  html:not(.app) .cab .bw-bc-acts .k-btn {
    border-radius: var(--r-sm);
    min-height: 46px;
    font-size: 16px;
    font-weight: 600;
  }

  html:not(.app) .cab .bw-bc-acts .scn-err-form {
    text-align: center;
    margin: 0;
  }

  html:not(.app) .cab .bs-bars {
    grid-template-columns: repeat(7, 1fr);
    align-items: end;
    gap: 6px;
    height: 40px;
    display: grid;
  }

  html:not(.app) .cab .bs-bars > span {
    background: color-mix(in srgb, var(--ink) 10%, transparent);
    border-radius: 999px;
    height: 4px;
    display: block;
  }

  html:not(.app) .cab .bs-bars > span.is-on {
    height: var(--h);
    background: var(--accent);
  }

  html:not(.app) .cab .bcast-acts--block {
    flex-direction: column;
    gap: 12px;
    margin: 4px 16px 16px;
  }

  html:not(.app) .cab .bcast-acts--block > .k-btn {
    min-height: 64px;
    font-size: 17px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .bs-runs {
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    min-height: 112px;
    padding: 14px 16px 12px;
    display: flex;
  }

  html:not(.app) .cab .bs-runs-n {
    font-size: 17px;
  }

  html:not(.app) .cab .bw-bc-acts {
    flex-direction: column;
    gap: 13px;
    margin: 16px 0;
    display: flex;
  }

  html:not(.app) .cab .bw-bc-acts .k-list-block, html:not(.app) .cab .bw-bc-acts > * {
    margin: 0;
  }

  html:not(.app) .cab .bw-bc-acts .k-btn {
    border-radius: var(--r-sm);
    min-height: 46px;
    font-size: 16px;
    font-weight: 600;
  }

  html:not(.app) .cab .bw-bc-acts .scn-err-form {
    text-align: center;
    margin: 0;
  }

  html:not(.app) .cab .bs-bars {
    grid-template-columns: repeat(7, 1fr);
    align-items: end;
    gap: 6px;
    height: 40px;
    display: grid;
  }

  html:not(.app) .cab .bs-bars > span {
    background: color-mix(in srgb, var(--ink) 10%, transparent);
    border-radius: 999px;
    height: 4px;
    display: block;
  }

  html:not(.app) .cab .bs-bars > span.is-on {
    height: var(--h);
    background: var(--accent);
  }

  html:not(.app) .cab .bcast-acts--block {
    flex-direction: column;
    gap: 12px;
    margin: 4px 16px 16px;
  }

  html:not(.app) .cab .bcast-acts--block > .k-btn {
    min-height: 64px;
    font-size: 17px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .mvw {
    position: relative;
  }

  html:not(.app) .cab .mvw-x {
    z-index: 3;
    --glass-ctl-bg: rgba(0, 0, 0, .45);
    color: #fff;
    border-radius: 50%;
    place-items: center;
    width: 44px;
    height: 44px;
    display: grid;
    position: absolute;
    top: 16px;
    left: 16px;
  }

  html:not(.app) .cab .drawer.sheet.dr-headless .dr-body:has( > .mvw) {
    padding: 0;
  }

  html:not(.app) .cab .drawer.sheet.dr-headless:has(.mvw.fill) {
    width: auto;
    height: min(calc((100vw - 16px) / var(--mvw-ar, .5625)), calc(100dvh - var(--safe-top)  - 20px));
    background: #000;
    border-radius: 32px;
    bottom: 8px;
    left: 8px;
    right: 8px;
    overflow: hidden;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .mvw {
    position: relative;
  }

  html:not(.app) .cab .mvw-x {
    z-index: 3;
    --glass-ctl-bg: rgba(0, 0, 0, .45);
    color: #fff;
    border-radius: 50%;
    place-items: center;
    width: 44px;
    height: 44px;
    display: grid;
    position: absolute;
    top: 16px;
    left: 16px;
  }

  html:not(.app) .cab .drawer.sheet.dr-headless .dr-body:has( > .mvw) {
    padding: 0;
  }

  html:not(.app) .cab .drawer.sheet.dr-headless:has(.mvw.fill) {
    width: auto;
    height: min(calc((100vw - 16px) / var(--mvw-ar, .5625)), calc(100dvh - var(--safe-top)  - 20px));
    background: #000;
    border-radius: 32px;
    bottom: 8px;
    left: 8px;
    right: 8px;
    overflow: hidden;
  }
}

@media (min-width: 821px) and (min-height: 0) {
  html:not(.app) .cab .drawer.sheet.dr-headless:has(.mvw.fill) {
    background: #000;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .ct-ios {
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
    flex-direction: column;
    gap: 8px;
    display: flex;
  }

  html:not(.app) .cab .ct-ios .k-lrow:has( > .k-lrow__val) > .k-lrow__main {
    flex: none;
    max-width: 60%;
  }

  html:not(.app) .cab .ct-ios .k-lrow > .k-lrow__val {
    white-space: normal;
    text-align: right;
    flex: auto;
    max-width: none;
    line-height: 20px;
  }

  html:not(.app) .cab .ct-ios-hero {
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin: 5px 0 12px;
    display: flex;
  }

  html:not(.app) .cab .ct-ios-av {
    -o-object-fit: cover;
    object-fit: cover;
    background: color-mix(in srgb, currentColor 11%, transparent);
    border-radius: 50%;
    place-items: center;
    width: 88px;
    height: 88px;
    font-size: 40px;
    font-weight: 600;
    display: grid;
  }

  html:not(.app) .cab .ct-ios-h1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0;
    max-width: 100%;
    color: var(--ink);
    margin: 14px 0 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    overflow: hidden;
  }

  html:not(.app) .cab .ct-ios-nick {
    color: var(--mut);
    margin-top: 3px;
    font-size: 15px;
    line-height: 19px;
  }

  html:not(.app) .cab .ct-ios > .kf-blk {
    margin: 16px 0 0;
  }

  html:not(.app) .cab .ct-ios > .kf-blk .kf-blk__cap {
    color: var(--mut);
    margin: 0 4px 7px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
  }

  html:not(.app) .cab .ct-ios > .kf-blk .kf-blk__body > .meta {
    font-size: 13px;
    margin: 0 4px !important;
    line-height: 17px !important;
  }

  html:not(.app) .cab .ct-ios > .k-lsec .k-lrow--accent .k-lrow__main {
    text-align: center;
    justify-content: center;
  }

  html:not(.app) .cab .ct-ios-chan {
    align-items: center;
    gap: 6px;
    display: inline-flex;
  }

  html:not(.app) .cab .ct-ios-hint {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    margin: 4px 0 16px;
    padding: 0 16px;
    font-size: 13px;
    line-height: 17px;
  }

  html:not(.app) .cab .ct-ios-hint.ct-ios-hint--card {
    margin: 8px 0 0;
    padding: 0 4px;
  }

  html:not(.app) .cab .ct-ios-tags > .k-lgroup:first-child {
    margin-top: 32px;
  }

  html:not(.app) .cab .ct-ios-tags > :first-child:-webkit-any(.k-lgroup, .k-lsec) {
    margin-top: 32px;
  }

  html:not(.app) .cab .ct-ios-tags > :first-child:-moz-any(.k-lgroup, .k-lsec) {
    margin-top: 32px;
  }

  html:not(.app) .cab .ct-ios-tags > :first-child:is(.k-lgroup, .k-lsec) {
    margin-top: 32px;
  }

  html:not(.app) .cab .ct-ios-tags .ct-ios-hint {
    margin-bottom: 0;
  }

  html:not(.app) .cab .ct-ios-tags .ct-ios-note {
    margin-top: 5px;
  }

  html:not(.app) .cab .ct-ios-chan-ic {
    display: inline-flex;
  }

  html:not(.app) .cab .ct-ios-note {
    color: var(--mut);
    margin-top: 12px;
  }

  html:not(.app) .cab .ct-ios .k-lsec {
    margin: 15px 0 0;
  }

  html:not(.app) .cab .ct-ios .k-btn.prof-wide-btn.ct-ios-del {
    margin-top: 16px;
  }

  html:not(.app) .cab .ct-ios-tag-x {
    width: 28px;
    height: 28px;
    color: var(--mut);
    background: color-mix(in srgb, var(--ink) 7%, transparent);
    border-radius: 50%;
    place-items: center;
    display: inline-grid;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .ct-ios {
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
    flex-direction: column;
    gap: 8px;
    display: flex;
  }

  html:not(.app) .cab .ct-ios .k-lrow:has( > .k-lrow__val) > .k-lrow__main {
    flex: none;
    max-width: 60%;
  }

  html:not(.app) .cab .ct-ios .k-lrow > .k-lrow__val {
    white-space: normal;
    text-align: right;
    flex: auto;
    max-width: none;
    line-height: 20px;
  }

  html:not(.app) .cab .ct-ios-hero {
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin: 5px 0 12px;
    display: flex;
  }

  html:not(.app) .cab .ct-ios-av {
    -o-object-fit: cover;
    object-fit: cover;
    background: color-mix(in srgb, currentColor 11%, transparent);
    border-radius: 50%;
    place-items: center;
    width: 88px;
    height: 88px;
    font-size: 40px;
    font-weight: 600;
    display: grid;
  }

  html:not(.app) .cab .ct-ios-h1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0;
    max-width: 100%;
    color: var(--ink);
    margin: 14px 0 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    overflow: hidden;
  }

  html:not(.app) .cab .ct-ios-nick {
    color: var(--mut);
    margin-top: 3px;
    font-size: 15px;
    line-height: 19px;
  }

  html:not(.app) .cab .ct-ios > .kf-blk {
    margin: 16px 0 0;
  }

  html:not(.app) .cab .ct-ios > .kf-blk .kf-blk__cap {
    color: var(--mut);
    margin: 0 4px 7px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
  }

  html:not(.app) .cab .ct-ios > .kf-blk .kf-blk__body > .meta {
    font-size: 13px;
    margin: 0 4px !important;
    line-height: 17px !important;
  }

  html:not(.app) .cab .ct-ios > .k-lsec .k-lrow--accent .k-lrow__main {
    text-align: center;
    justify-content: center;
  }

  html:not(.app) .cab .ct-ios-chan {
    align-items: center;
    gap: 6px;
    display: inline-flex;
  }

  html:not(.app) .cab .ct-ios-hint {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    margin: 4px 0 16px;
    padding: 0 16px;
    font-size: 13px;
    line-height: 17px;
  }

  html:not(.app) .cab .ct-ios-hint.ct-ios-hint--card {
    margin: 8px 0 0;
    padding: 0 4px;
  }

  html:not(.app) .cab .ct-ios-tags > .k-lgroup:first-child {
    margin-top: 32px;
  }

  html:not(.app) .cab .ct-ios-tags > :first-child:-webkit-any(.k-lgroup, .k-lsec) {
    margin-top: 32px;
  }

  html:not(.app) .cab .ct-ios-tags > :first-child:-moz-any(.k-lgroup, .k-lsec) {
    margin-top: 32px;
  }

  html:not(.app) .cab .ct-ios-tags > :first-child:is(.k-lgroup, .k-lsec) {
    margin-top: 32px;
  }

  html:not(.app) .cab .ct-ios-tags .ct-ios-hint {
    margin-bottom: 0;
  }

  html:not(.app) .cab .ct-ios-tags .ct-ios-note {
    margin-top: 5px;
  }

  html:not(.app) .cab .ct-ios-chan-ic {
    display: inline-flex;
  }

  html:not(.app) .cab .ct-ios-note {
    color: var(--mut);
    margin-top: 12px;
  }

  html:not(.app) .cab .ct-ios .k-lsec {
    margin: 15px 0 0;
  }

  html:not(.app) .cab .ct-ios .k-btn.prof-wide-btn.ct-ios-del {
    margin-top: 16px;
  }

  html:not(.app) .cab .ct-ios-tag-x {
    width: 28px;
    height: 28px;
    color: var(--mut);
    background: color-mix(in srgb, var(--ink) 7%, transparent);
    border-radius: 50%;
    place-items: center;
    display: inline-grid;
  }
}

.cab .fk-swipe {
  position: relative;
  overflow: hidden;
}

.cab .fk-swipe-in {
  z-index: 1;
  background: var(--surf);
  transition: transform .22s var(--m-ease);
  position: relative;
}

.cab .fk-swipe.is-open .fk-swipe-in {
  transform: translateX(-88px);
}

.cab .fk-swipe-del {
  background: var(--red);
  color: #fff;
  place-items: center;
  width: 88px;
  font-size: 15px;
  display: grid;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.cab .f-clear-x {
  display: none;
}

@media (max-width: 820px) {
  html:not(.app) .cab .f-clear-field {
    align-items: center;
    min-height: 52px;
    padding: 0 16px;
    display: flex;
    position: relative;
  }

  html:not(.app) .cab .f-clear-field .k-inp.f-clear-in {
    min-height: 0;
    box-shadow: none;
    background: none;
    border: 0;
    flex: auto;
    padding: 0 40px 0 0;
    font-size: 17px;
  }

  html:not(.app) .cab .f-clear-x {
    background: var(--clear-x-bg);
    width: 22px;
    height: 22px;
    color: var(--clear-x-fg);
    border-radius: 50%;
    place-items: center;
    display: grid;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
  }

  html:not(.app) .cab .f-clear-edit {
    --f-clear-r: 7px;
    width: 100%;
    min-width: 0;
    display: block;
    position: relative;
  }

  html:not(.app) .cab .f-clear-x.f-clear-x--edit {
    right: var(--f-clear-r);
    width: 16px;
    height: 16px;
    display: none;
  }

  html:not(.app) .cab .f-clear-edit:focus-within > .f-clear-x--edit {
    display: grid;
  }

  html:not(.app) .cab .f-clear-edit:focus-within:has( > .f-clear-x--edit) > .k-inp {
    padding-right: calc(var(--f-clear-r)  + 21px);
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .f-clear-field {
    align-items: center;
    min-height: 52px;
    padding: 0 16px;
    display: flex;
    position: relative;
  }

  html:not(.app) .cab .f-clear-field .k-inp.f-clear-in {
    min-height: 0;
    box-shadow: none;
    background: none;
    border: 0;
    flex: auto;
    padding: 0 40px 0 0;
    font-size: 17px;
  }

  html:not(.app) .cab .f-clear-x {
    background: var(--clear-x-bg);
    width: 22px;
    height: 22px;
    color: var(--clear-x-fg);
    border-radius: 50%;
    place-items: center;
    display: grid;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
  }

  html:not(.app) .cab .f-clear-edit {
    --f-clear-r: 7px;
    width: 100%;
    min-width: 0;
    display: block;
    position: relative;
  }

  html:not(.app) .cab .f-clear-x.f-clear-x--edit {
    right: var(--f-clear-r);
    width: 16px;
    height: 16px;
    display: none;
  }

  html:not(.app) .cab .f-clear-edit:focus-within > .f-clear-x--edit {
    display: grid;
  }

  html:not(.app) .cab .f-clear-edit:focus-within:has( > .f-clear-x--edit) > .k-inp {
    padding-right: calc(var(--f-clear-r)  + 21px);
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .tabbar {
    bottom: max(10px, calc(env(safe-area-inset-bottom, 0px)  - 16px));
  }

  html:not(.app) .cab .bw-page > .set-hero:first-child {
    margin-top: 0;
  }

  html:not(.app) .cab .k-lfield .k-inp, html:not(.app) .cab .k-lfield textarea {
    box-shadow: none;
    background: none;
    border: 0;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 17px;
  }

  html:not(.app) .cab .k-lfield {
    align-items: center;
    min-height: 52px;
    padding: 0 16px 0 22px;
    display: flex;
  }

  html:not(.app) .cab .k-lfield .k-inp:not(textarea) {
    flex: auto;
    height: 52px;
    min-height: 0;
  }

  html:not(.app) .cab .k-lfield:has(textarea) {
    align-items: stretch;
    padding: 20px 16px 16px 20px;
  }

  html:not(.app) .cab .k-lfield textarea.k-inp {
    field-sizing: content;
    resize: none;
    flex: auto;
    min-height: 65px;
    padding: 0;
    line-height: 21.6px;
  }

  html:not(.app) .cab .bw-page.bw-pick-multi {
    padding-top: 12px;
  }

  html:not(.app) .cab .bw-page.bw-folders {
    padding-top: 31px;
  }

  html:not(.app) .cab .bw-folders > .k-lgroup {
    margin-left: 4px;
    margin-right: 4px;
  }

  html:not(.app) .cab .bw-folders > .k-lgroup + .k-lgroup {
    margin-top: 35px;
  }

  html:not(.app) .cab .bw-folders .k-lrow {
    padding-left: 16px;
  }

  html:not(.app) .cab .bw-folders .k-lrow + .k-lrow:before {
    left: 16px;
  }

  html:not(.app) .cab .bw-edit-area .k-lfield:has(textarea) {
    height: 200px;
    padding: 16px 21px;
  }

  html:not(.app) .cab .bw-edit-area .k-lfield textarea.k-inp {
    field-sizing: fixed;
    height: 100%;
  }

  html:not(.app) .cab .k-btn.bw-edit-done {
    margin-top: 56px;
  }

  html:not(.app) .cab .k-btn.bw-edit-done.is-tight {
    margin-top: 16px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .tabbar {
    bottom: max(10px, calc(env(safe-area-inset-bottom, 0px)  - 16px));
  }

  html:not(.app) .cab .bw-page > .set-hero:first-child {
    margin-top: 0;
  }

  html:not(.app) .cab .k-lfield .k-inp, html:not(.app) .cab .k-lfield textarea {
    box-shadow: none;
    background: none;
    border: 0;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 17px;
  }

  html:not(.app) .cab .k-lfield {
    align-items: center;
    min-height: 52px;
    padding: 0 16px 0 22px;
    display: flex;
  }

  html:not(.app) .cab .k-lfield .k-inp:not(textarea) {
    flex: auto;
    height: 52px;
    min-height: 0;
  }

  html:not(.app) .cab .k-lfield:has(textarea) {
    align-items: stretch;
    padding: 20px 16px 16px 20px;
  }

  html:not(.app) .cab .k-lfield textarea.k-inp {
    field-sizing: content;
    resize: none;
    flex: auto;
    min-height: 65px;
    padding: 0;
    line-height: 21.6px;
  }

  html:not(.app) .cab .bw-page.bw-pick-multi {
    padding-top: 12px;
  }

  html:not(.app) .cab .bw-page.bw-folders {
    padding-top: 31px;
  }

  html:not(.app) .cab .bw-folders > .k-lgroup {
    margin-left: 4px;
    margin-right: 4px;
  }

  html:not(.app) .cab .bw-folders > .k-lgroup + .k-lgroup {
    margin-top: 35px;
  }

  html:not(.app) .cab .bw-folders .k-lrow {
    padding-left: 16px;
  }

  html:not(.app) .cab .bw-folders .k-lrow + .k-lrow:before {
    left: 16px;
  }

  html:not(.app) .cab .bw-edit-area .k-lfield:has(textarea) {
    height: 200px;
    padding: 16px 21px;
  }

  html:not(.app) .cab .bw-edit-area .k-lfield textarea.k-inp {
    field-sizing: fixed;
    height: 100%;
  }

  html:not(.app) .cab .k-btn.bw-edit-done {
    margin-top: 56px;
  }

  html:not(.app) .cab .k-btn.bw-edit-done.is-tight {
    margin-top: 16px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .tag-name-row {
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 16px 0 20px;
    display: flex;
  }

  html:not(.app) .cab .tag-name-row__t {
    color: var(--ink);
    flex: none;
    font-size: 17px;
  }

  html:not(.app) .cab .tag-name-row .k-inp.tag-name-row__in {
    min-height: 0;
    box-shadow: none;
    text-align: right;
    background: none;
    border: 0;
    flex: auto;
    padding: 0;
    font-size: 17px;
  }

  html:not(.app) .cab .k-btn.tags-empty-cta {
    margin-top: -6px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .tag-name-row {
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 16px 0 20px;
    display: flex;
  }

  html:not(.app) .cab .tag-name-row__t {
    color: var(--ink);
    flex: none;
    font-size: 17px;
  }

  html:not(.app) .cab .tag-name-row .k-inp.tag-name-row__in {
    min-height: 0;
    box-shadow: none;
    text-align: right;
    background: none;
    border: 0;
    flex: auto;
    padding: 0;
    font-size: 17px;
  }

  html:not(.app) .cab .k-btn.tags-empty-cta {
    margin-top: -6px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .mc-attach .mc-attach-more {
    display: none;
  }

  html:not(.app) .cab .mc-attach .k-sw {
    align-items: center;
  }

  html:not(.app) .cab .mc-spoil-cap, html:not(.app) .cab .msg-spoiler-cap {
    color: rgba(0, 0, 0, 0);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 16 -10.6'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 140px 140px, rgba(0, 0, 0, .22);
    font-size: 0;
  }

  html:not(.app) .cab .mc-spoil-cap > *, html:not(.app) .cab .msg-spoiler-cap > * {
    display: none;
  }

  html:not(.app) .cab .mc-voice-play {
    width: 40px;
    height: 40px;
    color: var(--tg-blue);
    background: none;
  }

  html:not(.app) .cab .mc-voice-play svg {
    width: 22px;
    height: 22px;
  }

  html:not(.app) .cab .mc-wave {
    gap: 2px;
    height: 22px;
    overflow: hidden;
  }

  html:not(.app) .cab .mc-wave i {
    opacity: .35;
    flex: none;
    width: 1.5px;
    min-width: 0;
    min-height: 3px;
  }

  html:not(.app) .cab .mc-voice-time {
    color: var(--tg-blue);
    flex: none;
  }

  html:not(.app) .cab .mc-bub:has(.mc-voice) {
    width: 300px;
    max-width: 100%;
  }

  html:not(.app) .cab .mc-row:has(.mc-file) {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 75%;
  }

  html:not(.app) .cab .mc-row:has(.mc-mosaic) {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 75%;
  }

  html:not(.app) .cab .mc-bub:has(.mc-file) {
    width: auto;
    min-width: 200px;
    max-width: 100%;
  }

  html:not(.app) .cab .mc-bub:has(.mc-mosaic) {
    width: auto;
    min-width: 200px;
    max-width: 100%;
  }

  html:not(.app) .cab .mc-file-txt {
    gap: 2px;
  }

  html:not(.app) .cab .mc-file-txt b {
    line-height: 20px;
  }

  html:not(.app) .cab .mc-file-txt i {
    line-height: 16px;
  }

  html:not(.app) .cab .mc-stack {
    gap: 4px;
  }

  html:not(.app) .cab .mc-note {
    padding: 0;
  }

  html:not(.app) .cab .mc-row:has(.mc-slot-media.edge .mc-pic:not(.mc-gif)) {
    width: 75%;
  }

  html:not(.app) .cab .mc-row:has(.mc-slot-prev) {
    width: 75%;
  }

  html:not(.app) .cab .mc-slot-media.edge .mc-pic.mc-shot-video > img {
    min-height: 120px;
    max-height: 300px;
  }

  html:not(.app) .cab .mc-shot-video:not(.mc-gif) > .mc-shot-play > svg {
    width: 30px;
    height: 30px;
    padding: 7px;
  }

  html:not(.app) .cab .mc-bub.cap-above:has(.mc-slot-media.edge) .mc-corner {
    background: color-mix(in srgb, var(--ink) 45%, transparent);
    border-radius: 999px;
    padding: 0 6px;
    position: absolute;
    bottom: 6px;
    right: 6px;
  }

  html:not(.app) .cab .mc-bub.cap-above:has(.mc-slot-media.edge) .mc-time {
    color: var(--mark-ink);
    line-height: 20px;
  }

  html:not(.app) .cab .mc-bub.cap-above:has(.mc-slot-media.edge) .mc-time svg {
    color: var(--mark-ink);
    line-height: 20px;
  }

  html:not(.app) .cab .mc-row:has(.mc-bub.bare) {
    width: -moz-fit-content;
    width: fit-content;
  }

  html:not(.app) .cab .mc-round.is-bare {
    clip-path: circle(50%);
  }

  html:not(.app) .cab .mc-round, html:not(.app) .cab .mc-round.is-bare {
    background: none;
  }

  html:not(.app) .cab .mc-round-i {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  html:not(.app) .cab .mc-round > .mc-round-i {
    aspect-ratio: 1;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  html:not(.app) .cab .mc-round > .mc-round-i > img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  html:not(.app) .cab .mc-gif .mc-shot-play > svg {
    width: 22px;
    height: 22px;
    padding: 11px;
  }

  html:not(.app) .cab .mc-gif .mc-shot-time {
    top: 6px;
    bottom: auto;
    left: 6px;
    right: auto;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .mc-attach .mc-attach-more {
    display: none;
  }

  html:not(.app) .cab .mc-attach .k-sw {
    align-items: center;
  }

  html:not(.app) .cab .mc-spoil-cap, html:not(.app) .cab .msg-spoiler-cap {
    color: rgba(0, 0, 0, 0);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 16 -10.6'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 140px 140px, rgba(0, 0, 0, .22);
    font-size: 0;
  }

  html:not(.app) .cab .mc-spoil-cap > *, html:not(.app) .cab .msg-spoiler-cap > * {
    display: none;
  }

  html:not(.app) .cab .mc-voice-play {
    width: 40px;
    height: 40px;
    color: var(--tg-blue);
    background: none;
  }

  html:not(.app) .cab .mc-voice-play svg {
    width: 22px;
    height: 22px;
  }

  html:not(.app) .cab .mc-wave {
    gap: 2px;
    height: 22px;
    overflow: hidden;
  }

  html:not(.app) .cab .mc-wave i {
    opacity: .35;
    flex: none;
    width: 1.5px;
    min-width: 0;
    min-height: 3px;
  }

  html:not(.app) .cab .mc-voice-time {
    color: var(--tg-blue);
    flex: none;
  }

  html:not(.app) .cab .mc-bub:has(.mc-voice) {
    width: 300px;
    max-width: 100%;
  }

  html:not(.app) .cab .mc-row:has(.mc-file) {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 75%;
  }

  html:not(.app) .cab .mc-row:has(.mc-mosaic) {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 75%;
  }

  html:not(.app) .cab .mc-bub:has(.mc-file) {
    width: auto;
    min-width: 200px;
    max-width: 100%;
  }

  html:not(.app) .cab .mc-bub:has(.mc-mosaic) {
    width: auto;
    min-width: 200px;
    max-width: 100%;
  }

  html:not(.app) .cab .mc-file-txt {
    gap: 2px;
  }

  html:not(.app) .cab .mc-file-txt b {
    line-height: 20px;
  }

  html:not(.app) .cab .mc-file-txt i {
    line-height: 16px;
  }

  html:not(.app) .cab .mc-stack {
    gap: 4px;
  }

  html:not(.app) .cab .mc-note {
    padding: 0;
  }

  html:not(.app) .cab .mc-row:has(.mc-slot-media.edge .mc-pic:not(.mc-gif)) {
    width: 75%;
  }

  html:not(.app) .cab .mc-row:has(.mc-slot-prev) {
    width: 75%;
  }

  html:not(.app) .cab .mc-slot-media.edge .mc-pic.mc-shot-video > img {
    min-height: 120px;
    max-height: 300px;
  }

  html:not(.app) .cab .mc-shot-video:not(.mc-gif) > .mc-shot-play > svg {
    width: 30px;
    height: 30px;
    padding: 7px;
  }

  html:not(.app) .cab .mc-bub.cap-above:has(.mc-slot-media.edge) .mc-corner {
    background: color-mix(in srgb, var(--ink) 45%, transparent);
    border-radius: 999px;
    padding: 0 6px;
    position: absolute;
    bottom: 6px;
    right: 6px;
  }

  html:not(.app) .cab .mc-bub.cap-above:has(.mc-slot-media.edge) .mc-time {
    color: var(--mark-ink);
    line-height: 20px;
  }

  html:not(.app) .cab .mc-bub.cap-above:has(.mc-slot-media.edge) .mc-time svg {
    color: var(--mark-ink);
    line-height: 20px;
  }

  html:not(.app) .cab .mc-row:has(.mc-bub.bare) {
    width: -moz-fit-content;
    width: fit-content;
  }

  html:not(.app) .cab .mc-round.is-bare {
    clip-path: circle(50%);
  }

  html:not(.app) .cab .mc-round, html:not(.app) .cab .mc-round.is-bare {
    background: none;
  }

  html:not(.app) .cab .mc-round-i {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  html:not(.app) .cab .mc-round > .mc-round-i {
    aspect-ratio: 1;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  html:not(.app) .cab .mc-round > .mc-round-i > img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  html:not(.app) .cab .mc-gif .mc-shot-play > svg {
    width: 22px;
    height: 22px;
    padding: 11px;
  }

  html:not(.app) .cab .mc-gif .mc-shot-time {
    top: 6px;
    bottom: auto;
    left: 6px;
    right: auto;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .drawer:has(.ct-ios-list) .ai-bar-shell {
    margin: -15px 0 12px;
  }

  html:not(.app) .cab .drawer:has(.ct-ios-list) .msg-folders {
    position: static;
  }

  html:not(.app) .cab .ct-ios-list .ct-table {
    --bub-row-bleed: 0px;
    gap: 0;
    padding: 0;
    overflow-x: clip;
  }

  html:not(.app) .cab .ct-ios-list .ct-row {
    min-width: 0;
  }

  html:not(.app) .cab .ct-ios-list .ct-row:before {
    border-radius: var(--bub-row-r);
  }

  html:not(.app) .cab .ct-ios-list .ct-cell-when {
    min-width: 0;
    overflow: hidden;
  }

  html:not(.app) .cab .ct-ios-list .ct-row {
    -moz-column-gap: 12px;
    grid-template-columns: 44px minmax(0, 1fr) max-content;
    align-items: center;
    column-gap: 12px;
    min-height: 66px;
    padding: 0 17px 0 16px;
  }

  html:not(.app) .cab .ct-ios-list .ct-ava, html:not(.app) .cab .ct-ios-list .ct-ava .scn-ava-tile, html:not(.app) .cab .ct-ios-list .ct-ava img {
    grid-row: auto;
    width: 44px;
    height: 44px;
  }

  html:not(.app) .cab .ct-ios-list .ct-name {
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
  }

  html:not(.app) .cab .ct-ios-list .ct-login {
    margin-top: 1px;
    font-size: 15px;
    line-height: 20px;
  }

  html:not(.app) .cab .ct-ios-list .ct-cell-tags, html:not(.app) .cab .ct-ios-list .ct-cell-reach {
    display: none;
  }

  html:not(.app) .cab .ct-ios-list .ct-cell-when {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    align-self: start;
    margin-top: 14px;
    font-size: 13px;
    line-height: 17px;
    display: block;
  }

  html:not(.app) .cab .fk-pane.aud-flush {
    padding-top: 0;
  }

  html:not(.app) .cab .ct-ios-list .list-empty-ios {
    margin-top: 52px;
  }

  html:not(.app) .cab .ct-ios-list .ct-row + .ct-row {
    background-image: linear-gradient(color-mix(in srgb, var(--ink) 8%, transparent), color-mix(in srgb, var(--ink) 8%, transparent));
    background-position: 72px 0;
    background-repeat: no-repeat;
    background-size: calc(100% - 92px) 1px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .drawer:has(.ct-ios-list) .ai-bar-shell {
    margin: -15px 0 12px;
  }

  html:not(.app) .cab .drawer:has(.ct-ios-list) .msg-folders {
    position: static;
  }

  html:not(.app) .cab .ct-ios-list .ct-table {
    --bub-row-bleed: 0px;
    gap: 0;
    padding: 0;
    overflow-x: clip;
  }

  html:not(.app) .cab .ct-ios-list .ct-row {
    min-width: 0;
  }

  html:not(.app) .cab .ct-ios-list .ct-row:before {
    border-radius: var(--bub-row-r);
  }

  html:not(.app) .cab .ct-ios-list .ct-cell-when {
    min-width: 0;
    overflow: hidden;
  }

  html:not(.app) .cab .ct-ios-list .ct-row {
    -moz-column-gap: 12px;
    grid-template-columns: 44px minmax(0, 1fr) max-content;
    align-items: center;
    column-gap: 12px;
    min-height: 66px;
    padding: 0 17px 0 16px;
  }

  html:not(.app) .cab .ct-ios-list .ct-ava, html:not(.app) .cab .ct-ios-list .ct-ava .scn-ava-tile, html:not(.app) .cab .ct-ios-list .ct-ava img {
    grid-row: auto;
    width: 44px;
    height: 44px;
  }

  html:not(.app) .cab .ct-ios-list .ct-name {
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
  }

  html:not(.app) .cab .ct-ios-list .ct-login {
    margin-top: 1px;
    font-size: 15px;
    line-height: 20px;
  }

  html:not(.app) .cab .ct-ios-list .ct-cell-tags, html:not(.app) .cab .ct-ios-list .ct-cell-reach {
    display: none;
  }

  html:not(.app) .cab .ct-ios-list .ct-cell-when {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    align-self: start;
    margin-top: 14px;
    font-size: 13px;
    line-height: 17px;
    display: block;
  }

  html:not(.app) .cab .fk-pane.aud-flush {
    padding-top: 0;
  }

  html:not(.app) .cab .ct-ios-list .list-empty-ios {
    margin-top: 52px;
  }

  html:not(.app) .cab .ct-ios-list .ct-row + .ct-row {
    background-image: linear-gradient(color-mix(in srgb, var(--ink) 8%, transparent), color-mix(in srgb, var(--ink) 8%, transparent));
    background-position: 72px 0;
    background-repeat: no-repeat;
    background-size: calc(100% - 92px) 1px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .conn-acc-ios .d-hero {
    gap: 0;
    margin-bottom: 18px;
    padding: 6px 16px 0;
  }

  html:not(.app) .cab .conn-acc-ios .d-hero-mark {
    border-radius: 50%;
    width: 88px;
    height: 88px;
  }

  html:not(.app) .cab .conn-acc-ios .d-hero-t {
    margin-top: 14px;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
  }

  html:not(.app) .cab .conn-acc-ios .d-hero-s {
    margin-top: 3px;
    font-size: 15px;
    line-height: 19px;
  }

  html:not(.app) .cab .conn-face {
    width: 88px;
    height: 88px;
    color: var(--tg-blue);
    background: color-mix(in srgb, var(--tg-blue) 12%, transparent);
    border-radius: 50%;
    place-items: center;
    display: grid;
    position: relative;
  }

  html:not(.app) .cab .conn-face__i {
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
  }

  html:not(.app) .cab .conn-face__p {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    width: 88px;
    height: 88px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  html:not(.app) .cab .conn-face__b {
    background: var(--surf);
    width: 30px;
    height: 30px;
    box-shadow: var(--bub-sh);
    border-radius: 50%;
    place-items: center;
    display: grid;
    position: absolute;
    bottom: -2px;
    right: -2px;
  }

  html:not(.app) .cab .conn-acc-ios .d-hero-mark .conn-face__b svg, html:not(.app) .cab .conn-acc-ios .d-hero-mark .conn-face__b img {
    width: 16px;
    height: 16px;
  }

  html:not(.app) .cab .conn-acc-ios .rows .row {
    min-height: 52px;
    padding: 0 16px 0 20px;
  }

  html:not(.app) .cab .conn-acc-ios .rows .row .nm {
    font-size: 17px;
    font-weight: 400;
  }

  html:not(.app) .cab .conn-acc-ios .row .right .tag {
    color: var(--mut);
    background: none;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
  }

  html:not(.app) .cab .conn-acc-ios .conn-acc-stats {
    margin: 16px 0;
  }

  html:not(.app) .cab .conn-acc-ios .dzone--off {
    display: none;
  }

  html:not(.app) .cab .conn-acc-ios .k-btn.prof-wide-btn.conn-acc-del {
    margin-top: 20px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .conn-acc-ios .d-hero {
    gap: 0;
    margin-bottom: 18px;
    padding: 6px 16px 0;
  }

  html:not(.app) .cab .conn-acc-ios .d-hero-mark {
    border-radius: 50%;
    width: 88px;
    height: 88px;
  }

  html:not(.app) .cab .conn-acc-ios .d-hero-t {
    margin-top: 14px;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
  }

  html:not(.app) .cab .conn-acc-ios .d-hero-s {
    margin-top: 3px;
    font-size: 15px;
    line-height: 19px;
  }

  html:not(.app) .cab .conn-face {
    width: 88px;
    height: 88px;
    color: var(--tg-blue);
    background: color-mix(in srgb, var(--tg-blue) 12%, transparent);
    border-radius: 50%;
    place-items: center;
    display: grid;
    position: relative;
  }

  html:not(.app) .cab .conn-face__i {
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
  }

  html:not(.app) .cab .conn-face__p {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    width: 88px;
    height: 88px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  html:not(.app) .cab .conn-face__b {
    background: var(--surf);
    width: 30px;
    height: 30px;
    box-shadow: var(--bub-sh);
    border-radius: 50%;
    place-items: center;
    display: grid;
    position: absolute;
    bottom: -2px;
    right: -2px;
  }

  html:not(.app) .cab .conn-acc-ios .d-hero-mark .conn-face__b svg, html:not(.app) .cab .conn-acc-ios .d-hero-mark .conn-face__b img {
    width: 16px;
    height: 16px;
  }

  html:not(.app) .cab .conn-acc-ios .rows .row {
    min-height: 52px;
    padding: 0 16px 0 20px;
  }

  html:not(.app) .cab .conn-acc-ios .rows .row .nm {
    font-size: 17px;
    font-weight: 400;
  }

  html:not(.app) .cab .conn-acc-ios .row .right .tag {
    color: var(--mut);
    background: none;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
  }

  html:not(.app) .cab .conn-acc-ios .conn-acc-stats {
    margin: 16px 0;
  }

  html:not(.app) .cab .conn-acc-ios .dzone--off {
    display: none;
  }

  html:not(.app) .cab .conn-acc-ios .k-btn.prof-wide-btn.conn-acc-del {
    margin-top: 20px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .conn-stats-ios .d-hero {
    gap: 0;
    margin-bottom: 18px;
    padding: 6px 16px 0;
  }

  html:not(.app) .cab .conn-stats-ios .d-hero-mark {
    background: color-mix(in srgb, currentColor 12%, transparent);
    border-radius: 50%;
    width: 88px;
    height: 88px;
    overflow: hidden;
  }

  html:not(.app) .cab .conn-stats-ios .conn-stats-ph {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    width: 88px;
    height: 88px;
  }

  html:not(.app) .cab .conn-stats-ios .conn-stats-at {
    font-size: 44px;
    font-weight: 500;
    line-height: 1;
  }

  html:not(.app) .cab .conn-stats-ios .d-hero-t {
    margin-top: 14px;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
  }

  html:not(.app) .cab .conn-stats-ios .ig-st-top {
    top: calc(var(--ctl-edge)  + 10px);
    position: absolute;
    right: 20px;
  }

  html:not(.app) .cab .conn-stats-ios .h2 {
    color: var(--mut);
    margin: 12px 4px 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
  }

  html:not(.app) .cab .conn-stats-ios .ig-st-post-m {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    font-size: 12px;
    line-height: 15px;
  }

  html:not(.app) .cab .conn-stats-ios .igm-kind {
    top: 6px;
    bottom: auto;
    left: auto;
    right: 6px;
  }

  html:not(.app) .cab .conn-stats-ios .ig-st-period, html:not(.app) .cab .conn-stats-ios .ig-st-period > button {
    color: var(--accent-stroke);
    font-size: 15px;
    font-weight: 600;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .conn-stats-ios .d-hero {
    gap: 0;
    margin-bottom: 18px;
    padding: 6px 16px 0;
  }

  html:not(.app) .cab .conn-stats-ios .d-hero-mark {
    background: color-mix(in srgb, currentColor 12%, transparent);
    border-radius: 50%;
    width: 88px;
    height: 88px;
    overflow: hidden;
  }

  html:not(.app) .cab .conn-stats-ios .conn-stats-ph {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    width: 88px;
    height: 88px;
  }

  html:not(.app) .cab .conn-stats-ios .conn-stats-at {
    font-size: 44px;
    font-weight: 500;
    line-height: 1;
  }

  html:not(.app) .cab .conn-stats-ios .d-hero-t {
    margin-top: 14px;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
  }

  html:not(.app) .cab .conn-stats-ios .ig-st-top {
    top: calc(var(--ctl-edge)  + 10px);
    position: absolute;
    right: 20px;
  }

  html:not(.app) .cab .conn-stats-ios .h2 {
    color: var(--mut);
    margin: 12px 4px 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
  }

  html:not(.app) .cab .conn-stats-ios .ig-st-post-m {
    color: color-mix(in srgb, var(--mut) 62%, transparent);
    font-size: 12px;
    line-height: 15px;
  }

  html:not(.app) .cab .conn-stats-ios .igm-kind {
    top: 6px;
    bottom: auto;
    left: auto;
    right: 6px;
  }

  html:not(.app) .cab .conn-stats-ios .ig-st-period, html:not(.app) .cab .conn-stats-ios .ig-st-period > button {
    color: var(--accent-stroke);
    font-size: 15px;
    font-weight: 600;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .conn-acc-ios .d-hero, html:not(.app) .cab .conn-stats-ios .d-hero {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  html:not(.app) .cab .conn-acc-ios .d-hero-mark, html:not(.app) .cab .conn-stats-ios .d-hero-mark {
    place-items: center;
    margin: 0 auto;
    display: grid;
  }

  html:not(.app) .cab .conn-acc-ios .d-hero-mark > :not(.conn-face) {
    border-radius: 50%;
    width: 88px;
    height: 88px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .conn-acc-ios .d-hero, html:not(.app) .cab .conn-stats-ios .d-hero {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  html:not(.app) .cab .conn-acc-ios .d-hero-mark, html:not(.app) .cab .conn-stats-ios .d-hero-mark {
    place-items: center;
    margin: 0 auto;
    display: grid;
  }

  html:not(.app) .cab .conn-acc-ios .d-hero-mark > :not(.conn-face) {
    border-radius: 50%;
    width: 88px;
    height: 88px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .qt-zone {
    left: 0;
    right: 0;
    top: calc(var(--qt-line, 0px)  - var(--qt-rise, 0px));
    height: var(--qt-zh, 0px);
    z-index: 44;
    pointer-events: none;
    background: var(--surf);
    position: fixed;
    overflow: hidden;
  }

  html.qt-on:not(.app) .cab .qt-zone {
    pointer-events: auto;
  }

  html:not(.app) .cab .qt-zone {
    flex-direction: column;
    justify-content: flex-end;
    display: flex;
  }

  html:not(.app) .cab .qt-row {
    scrollbar-width: none;
    flex: none;
    align-items: center;
    gap: 14px;
    padding: 0 18px 18px;
    display: flex;
    overflow-x: auto;
  }

  html:not(.app) .cab .qt-row::-webkit-scrollbar {
    display: none;
  }

  html:not(.app) .cab .qt-brand {
    flex: none;
    width: 53px;
    height: 53px;
    display: block;
  }

  html:not(.app) .cab .qt-brand .brand-bolt {
    border-radius: 30%;
  }

  html:not(.app) .cab .k-bare.qt-tile {
    border-radius: var(--r-sm);
    background: color-mix(in srgb, var(--qt-c, var(--green)) 10%, var(--surf));
    width: 80px;
    height: 80px;
    color: var(--ink);
    text-align: left;
    flex-direction: column;
    flex: none;
    justify-content: space-between;
    padding: 10px;
    display: flex;
    position: relative;
  }

  html:not(.app) .cab .qt-tile-t {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.2;
    display: -webkit-box;
    overflow: hidden;
  }

  html:not(.app) .cab .qt-tile-ic {
    color: var(--qt-c, var(--green));
    display: inline-flex;
  }

  html:not(.app) .cab[data-section="bots"] .content {
    top: var(--qt-push, 0px);
    position: relative;
  }

  html.qt-on:not(.app) .cab[data-section="bots"] .main .ai-bar-shell.lh-search:not(.qt-snap) {
    translate: 0 var(--qt-push, 0px);
    clip-path: inset(var(--qt-cut, 0px) -24px -24px -24px);
  }

  html.qt-on.qt-eaten:not(.app) .cab[data-section="bots"] .main .ai-bar-shell.lh-search {
    visibility: hidden;
  }

  html:not(.app) .cab .main .ai-bar-shell.lh-search.qt-snap {
    z-index: 43;
    pointer-events: none;
    clip-path: inset(-24px -24px var(--qt-snap-cut, 100%) -24px);
  }
}

.cab .qt-warm {
  opacity: 0;
  pointer-events: none;
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  position: fixed;
  overflow: hidden;
}

.cab .qt-warm > * {
  width: 1px;
  height: 1px;
}

@container cab (width <= 820px) {
  html:not(.app) .cab .drawer.sheet.dr-headless .dr-body:has( > .hss) {
    flex-direction: column;
    margin-top: 0;
    padding: 0;
    display: flex;
    overflow: hidden;
  }

  html:not(.app) .cab .hss {
    flex: auto;
    min-height: 100%;
    position: relative;
    overflow: hidden;
  }

  html:not(.app) .cab .hss.is-video {
    background: #000;
  }

  html:not(.app) .cab .hss-vbox-wrap {
    clip-path: inset(0 round var(--m-sheet-r) var(--m-sheet-r) 0 0);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  html:not(.app) .cab .hss-bd {
    filter: blur(30px) brightness(.55);
    background-position: center;
    background-size: cover;
    position: absolute;
    top: -40px;
    bottom: -40px;
    left: -40px;
    right: -40px;
  }

  html:not(.app) .cab .hss-vbox {
    height: min(100% - 72px, 177.778cqw);
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  html:not(.app) .cab .hss-vbox video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  html:not(.app) .cab .k-bare.hss-play {
    width: 64px;
    height: 64px;
    color: var(--ink);
    border-radius: 50%;
    place-items: center;
    margin: -32px 0 0 -32px;
    padding-left: 4px;
    display: grid;
    position: absolute;
    top: 50%;
    left: 50%;
  }

  html:not(.app) .cab .hss-hook {
    text-align: center;
    color: var(--msg-viewer-ink);
    text-shadow: 0 1px 8px rgba(0, 0, 0, .55);
    pointer-events: none;
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    position: absolute;
    top: calc(50% + 50px);
    left: 16px;
    right: 16px;
  }

  html:not(.app) .cab .hss-page {
    background: none;
    border: 0;
    width: 100%;
    height: calc(100% - 70px);
    position: absolute;
    top: 70px;
    left: 0;
  }

  html:not(.app) .cab .hss-head {
    z-index: 3;
    align-items: center;
    gap: 8px;
    height: 44px;
    display: flex;
    position: absolute;
    top: 16px;
    left: 16px;
    right: 16px;
  }

  html:not(.app) .cab .hss-mid {
    flex: auto;
    justify-content: center;
    min-width: 0;
    display: flex;
  }

  html:not(.app) .cab .k-bare.hss-btn, html:not(.app) .cab .hss-btn-sp {
    border-radius: 50%;
    flex: none;
    width: 44px;
    height: 44px;
  }

  html:not(.app) .cab .k-bare.hss-btn {
    background: var(--surf);
    box-shadow: var(--bub-sh);
    color: var(--ink);
    place-items: center;
    display: grid;
  }

  html:not(.app) .cab .hss.is-video .k-bare.hss-btn, html:not(.app) .cab .hss.is-video .kf-seg.hss-seg {
    --glass-ctl-bg: rgba(0, 0, 0, .22);
    background: var(--glass-ctl-bg);
    -webkit-backdrop-filter: var(--glass);
    backdrop-filter: var(--glass);
    box-shadow: var(--glass-ctl-sh);
    outline: 1px solid color-mix(in srgb, var(--msg-viewer-ink) 14%, transparent);
    outline-offset: -1px;
  }

  html:not(.app) .cab .hss.is-video .k-bare.hss-btn {
    color: var(--msg-viewer-ink);
  }

  html:not(.app) .cab .hss-word {
    color: var(--ink);
    font-size: 17px;
    font-weight: 600;
  }

  html:not(.app) .cab .kf-seg.hss-seg {
    gap: 0;
    height: 34px;
    padding: 3px;
  }

  html:not(.app) .cab .hss-seg .kf-seg__i {
    width: 74px;
    height: 28px;
    color: var(--mut);
    padding: 0;
    font-size: 15px;
    font-weight: 600;
  }

  html:not(.app) .cab .hss-seg .kf-seg__i.is-on {
    background: var(--accent-soft);
    color: var(--ink);
  }

  html:not(.app) .cab .hss.is-video .hss-seg .kf-seg__i {
    color: color-mix(in srgb, var(--msg-viewer-ink) 60%, transparent);
  }

  html:not(.app) .cab .hss.is-video .hss-seg .kf-seg__i.is-on {
    background: color-mix(in srgb, var(--msg-viewer-ink) 18%, transparent);
    color: var(--msg-viewer-ink);
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .scn-card-desc {
    line-height: 1.25;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .scn-card-desc {
    line-height: 1.25;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .d-hero {
    gap: 0;
    margin-bottom: 20px;
    padding: 3px 16px 0;
  }

  html:not(.app) .cab .d-hero:not(:has(.d-hero-s)) {
    margin-bottom: 26px;
  }

  html:not(.app) .cab .d-group > .d-hero {
    margin-bottom: calc(20px - var(--group-gap));
  }

  html:not(.app) .cab .d-group > .d-hero:not(:has(.d-hero-s)) {
    margin-bottom: calc(26px - var(--group-gap));
  }

  html:not(.app) .cab .drawer.sheet .d-hero {
    padding-top: 18px;
  }

  html:not(.app) .cab .d-hero-mark {
    place-items: center;
    width: auto;
    height: 72px;
    display: grid;
  }

  html:not(.app) .cab .drawer:has(.set-hero) .d-hero-mark {
    place-items: center;
    width: auto;
    height: 72px;
    display: grid;
  }

  html:not(.app) .cab .d-hero-mark svg {
    filter: none;
    width: 66px;
    height: 66px;
  }

  html:not(.app) .cab .drawer:has(.set-hero) .d-hero-mark svg {
    filter: none;
    width: 66px;
    height: 66px;
  }

  html:not(.app) .cab .d-hero-mark svg[stroke="currentColor"] {
    stroke-width: 1.1px;
  }

  html:not(.app) .cab .d-hero-mark svg.set-hero-raw {
    stroke-width: 3px;
    width: 66px;
    height: 52px;
  }

  html:not(.app) .cab .drawer:has(.set-hero) .d-hero-mark svg.set-hero-raw {
    stroke-width: 3px;
    width: 66px;
    height: 52px;
  }

  html:not(.app) .cab .d-hero-t {
    letter-spacing: 0;
    margin-top: 8px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }

  html:not(.app) .cab .drawer:has(.set-hero) .d-hero-t {
    letter-spacing: 0;
    margin-top: 8px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }

  html:not(.app) .cab .d-hero-s {
    max-width: none;
    margin-top: 8px;
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;
  }

  html:not(.app) .cab .drawer:has(.set-hero) .d-hero-s {
    max-width: none;
    margin-top: 8px;
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .d-hero {
    gap: 0;
    margin-bottom: 20px;
    padding: 3px 16px 0;
  }

  html:not(.app) .cab .d-hero:not(:has(.d-hero-s)) {
    margin-bottom: 26px;
  }

  html:not(.app) .cab .d-group > .d-hero {
    margin-bottom: calc(20px - var(--group-gap));
  }

  html:not(.app) .cab .d-group > .d-hero:not(:has(.d-hero-s)) {
    margin-bottom: calc(26px - var(--group-gap));
  }

  html:not(.app) .cab .drawer.sheet .d-hero {
    padding-top: 18px;
  }

  html:not(.app) .cab .d-hero-mark {
    place-items: center;
    width: auto;
    height: 72px;
    display: grid;
  }

  html:not(.app) .cab .drawer:has(.set-hero) .d-hero-mark {
    place-items: center;
    width: auto;
    height: 72px;
    display: grid;
  }

  html:not(.app) .cab .d-hero-mark svg {
    filter: none;
    width: 66px;
    height: 66px;
  }

  html:not(.app) .cab .drawer:has(.set-hero) .d-hero-mark svg {
    filter: none;
    width: 66px;
    height: 66px;
  }

  html:not(.app) .cab .d-hero-mark svg[stroke="currentColor"] {
    stroke-width: 1.1px;
  }

  html:not(.app) .cab .d-hero-mark svg.set-hero-raw {
    stroke-width: 3px;
    width: 66px;
    height: 52px;
  }

  html:not(.app) .cab .drawer:has(.set-hero) .d-hero-mark svg.set-hero-raw {
    stroke-width: 3px;
    width: 66px;
    height: 52px;
  }

  html:not(.app) .cab .d-hero-t {
    letter-spacing: 0;
    margin-top: 8px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }

  html:not(.app) .cab .drawer:has(.set-hero) .d-hero-t {
    letter-spacing: 0;
    margin-top: 8px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }

  html:not(.app) .cab .d-hero-s {
    max-width: none;
    margin-top: 8px;
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;
  }

  html:not(.app) .cab .drawer:has(.set-hero) .d-hero-s {
    max-width: none;
    margin-top: 8px;
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .profwrap {
    padding-top: 45px;
  }

  html:not(.app) .cab .profcard {
    gap: 2px;
    padding-bottom: 0;
    line-height: 1.25;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .profwrap {
    padding-top: 45px;
  }

  html:not(.app) .cab .profcard {
    gap: 2px;
    padding-bottom: 0;
    line-height: 1.25;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .drawer:has(.dr-body .d-hero) .set-hero {
    display: none;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .drawer:has(.dr-body .d-hero) .set-hero {
    display: none;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .ig-st-grid .card {
    padding: 12px 12px 10px;
  }

  html:not(.app) .cab .ig-st-grid .card .lbl {
    height: auto;
    min-height: 1.25em;
    font-size: 14px;
  }

  html:not(.app) .cab .ig-st-grid .card .big {
    font-size: 24px;
  }

  html:not(.app) .cab .ig-st-grid .card .sub {
    font-size: 13px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .ig-st-grid .card {
    padding: 12px 12px 10px;
  }

  html:not(.app) .cab .ig-st-grid .card .lbl {
    height: auto;
    min-height: 1.25em;
    font-size: 14px;
  }

  html:not(.app) .cab .ig-st-grid .card .big {
    font-size: 24px;
  }

  html:not(.app) .cab .ig-st-grid .card .sub {
    font-size: 13px;
  }
}

@keyframes scn-pull-hint {
  from {
    opacity: 1;
    transform: translateY(-5px);
  }

  to {
    opacity: .3;
    transform: translateY(5px);
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:-webkit-any(.set-hero-bare, .bcast-empty .set-hero)) {
    gap: 0;
    margin-bottom: 18px;
    padding: 1px 16px 0;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:-moz-any(.set-hero-bare, .bcast-empty .set-hero)) {
    gap: 0;
    margin-bottom: 18px;
    padding: 1px 16px 0;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:is(.set-hero-bare, .bcast-empty .set-hero)) {
    gap: 0;
    margin-bottom: 18px;
    padding: 1px 16px 0;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:-webkit-any(.set-hero-bare, .bcast-empty .set-hero)) > .set-hero-name {
    letter-spacing: 0;
    margin-top: 8px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:-moz-any(.set-hero-bare, .bcast-empty .set-hero)) > .set-hero-name {
    letter-spacing: 0;
    margin-top: 8px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:is(.set-hero-bare, .bcast-empty .set-hero)) > .set-hero-name {
    letter-spacing: 0;
    margin-top: 8px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:-webkit-any(.set-hero-bare, .bcast-empty .set-hero)) > .set-hero-meta {
    margin-top: 9px;
    font-size: 15px;
    line-height: 19px;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:-moz-any(.set-hero-bare, .bcast-empty .set-hero)) > .set-hero-meta {
    margin-top: 9px;
    font-size: 15px;
    line-height: 19px;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:is(.set-hero-bare, .bcast-empty .set-hero)) > .set-hero-meta {
    margin-top: 9px;
    font-size: 15px;
    line-height: 19px;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body :not(.bcast-empty):not(.dr-body) > .set-hero:not(.set-hero-bare) {
    margin-bottom: calc(18px - var(--group-gap));
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:-webkit-any(.set-hero-bare, .bcast-empty .set-hero)) + .fk-pane {
    padding-top: 0;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:-moz-any(.set-hero-bare, .bcast-empty .set-hero)) + .fk-pane {
    padding-top: 0;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:is(.set-hero-bare, .bcast-empty .set-hero)) + .fk-pane {
    padding-top: 0;
  }

  html:not(.app) .cab .set-hero-ic svg:not(.set-hero-raw) {
    stroke-width: 1.1px;
    width: 66px;
    height: 66px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:-webkit-any(.set-hero-bare, .bcast-empty .set-hero)) {
    gap: 0;
    margin-bottom: 18px;
    padding: 1px 16px 0;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:-moz-any(.set-hero-bare, .bcast-empty .set-hero)) {
    gap: 0;
    margin-bottom: 18px;
    padding: 1px 16px 0;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:is(.set-hero-bare, .bcast-empty .set-hero)) {
    gap: 0;
    margin-bottom: 18px;
    padding: 1px 16px 0;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:-webkit-any(.set-hero-bare, .bcast-empty .set-hero)) > .set-hero-name {
    letter-spacing: 0;
    margin-top: 8px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:-moz-any(.set-hero-bare, .bcast-empty .set-hero)) > .set-hero-name {
    letter-spacing: 0;
    margin-top: 8px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:is(.set-hero-bare, .bcast-empty .set-hero)) > .set-hero-name {
    letter-spacing: 0;
    margin-top: 8px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:-webkit-any(.set-hero-bare, .bcast-empty .set-hero)) > .set-hero-meta {
    margin-top: 9px;
    font-size: 15px;
    line-height: 19px;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:-moz-any(.set-hero-bare, .bcast-empty .set-hero)) > .set-hero-meta {
    margin-top: 9px;
    font-size: 15px;
    line-height: 19px;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:is(.set-hero-bare, .bcast-empty .set-hero)) > .set-hero-meta {
    margin-top: 9px;
    font-size: 15px;
    line-height: 19px;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body :not(.bcast-empty):not(.dr-body) > .set-hero:not(.set-hero-bare) {
    margin-bottom: calc(18px - var(--group-gap));
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:-webkit-any(.set-hero-bare, .bcast-empty .set-hero)) + .fk-pane {
    padding-top: 0;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:-moz-any(.set-hero-bare, .bcast-empty .set-hero)) + .fk-pane {
    padding-top: 0;
  }

  html:not(.app) .cab .drawer:not(.sheet) .dr-body .set-hero:not(:is(.set-hero-bare, .bcast-empty .set-hero)) + .fk-pane {
    padding-top: 0;
  }

  html:not(.app) .cab .set-hero-ic svg:not(.set-hero-raw) {
    stroke-width: 1.1px;
    width: 66px;
    height: 66px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .bub-cap {
    line-height: 17px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .bub-cap {
    line-height: 17px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .inbox-empty .d-empty {
    padding: 22px 18px;
    font-size: 15px;
    line-height: 19px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .inbox-empty .d-empty {
    padding: 22px 18px;
    font-size: 15px;
    line-height: 19px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .dr-head:has( > .tz-head-search) > h3 {
    display: none;
  }

  html:not(.app) .cab .dr-head > .k-search.tz-head-search {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    margin-left: -3px;
  }

  html:not(.app) .cab .dr-body:has(.tz-rows) {
    scroll-padding-top: var(--dr-top);
  }

  html:not(.app) .cab .tz-rows .k-lrow__hint {
    font-size: 13px;
    line-height: 18px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .dr-head:has( > .tz-head-search) > h3 {
    display: none;
  }

  html:not(.app) .cab .dr-head > .k-search.tz-head-search {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    margin-left: -3px;
  }

  html:not(.app) .cab .dr-body:has(.tz-rows) {
    scroll-padding-top: var(--dr-top);
  }

  html:not(.app) .cab .tz-rows .k-lrow__hint {
    font-size: 13px;
    line-height: 18px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .wiz-pane .wiz-phone-hint.meta {
    letter-spacing: -.01em;
    margin: 8px 0 0;
    font-size: 14px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-page) .fk-nlist-row:not(.has-sub) {
    padding-left: 19px;
    padding-right: 18px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-page) .fk-nlist-row:not(.has-sub) {
    padding-left: 19px;
    padding-right: 18px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-page) .fk-nlist-row:not(.has-sub) {
    padding-left: 19px;
    padding-right: 18px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-page) .fk-nlist-row.is-edit .fk-nrow-minus {
    width: 27px;
    height: 27px;
    margin: 0 5px 0 0;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-page) .fk-nlist-row.is-edit .fk-nrow-minus {
    width: 27px;
    height: 27px;
    margin: 0 5px 0 0;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-page) .fk-nlist-row.is-edit .fk-nrow-minus {
    width: 27px;
    height: 27px;
    margin: 0 5px 0 0;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-page) .fk-nlist-row.is-edit .fk-nrow-minus svg {
    stroke-width: 2.6px;
    width: 22px;
    height: 22px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-page) .fk-nlist-row.is-edit .fk-nrow-minus svg {
    stroke-width: 2.6px;
    width: 22px;
    height: 22px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-page) .fk-nlist-row.is-edit .fk-nrow-minus svg {
    stroke-width: 2.6px;
    width: 22px;
    height: 22px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .wiz-pane .wiz-phone-hint.meta {
    letter-spacing: -.01em;
    margin: 8px 0 0;
    font-size: 14px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-page) .fk-nlist-row:not(.has-sub) {
    padding-left: 19px;
    padding-right: 18px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-page) .fk-nlist-row:not(.has-sub) {
    padding-left: 19px;
    padding-right: 18px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-page) .fk-nlist-row:not(.has-sub) {
    padding-left: 19px;
    padding-right: 18px;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-page) .fk-nlist-row.is-edit .fk-nrow-minus {
    width: 27px;
    height: 27px;
    margin: 0 5px 0 0;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-page) .fk-nlist-row.is-edit .fk-nrow-minus {
    width: 27px;
    height: 27px;
    margin: 0 5px 0 0;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-page) .fk-nlist-row.is-edit .fk-nrow-minus {
    width: 27px;
    height: 27px;
    margin: 0 5px 0 0;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-page) .fk-nlist-row.is-edit .fk-nrow-minus svg {
    stroke-width: 2.6px;
    width: 22px;
    height: 22px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-page) .fk-nlist-row.is-edit .fk-nrow-minus svg {
    stroke-width: 2.6px;
    width: 22px;
    height: 22px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-page) .fk-nlist-row.is-edit .fk-nrow-minus svg {
    stroke-width: 2.6px;
    width: 22px;
    height: 22px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .wiz-entry .fld-card [class*="pfField"] {
    gap: 0;
  }

  html:not(.app) .cab .drawer.sheet:not(.short) .fk-pane:has( > .wiz-entry) {
    margin-top: -3px;
    padding-top: 0;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] {
    color: color-mix(in srgb, var(--mut) 70%, transparent);
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] {
    color: color-mix(in srgb, var(--mut) 70%, transparent);
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] {
    color: color-mix(in srgb, var(--mut) 70%, transparent);
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] path {
    stroke-width: 1px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] path {
    stroke-width: 1px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] path {
    stroke-width: 1px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .wiz-entry .fld-card [class*="pfField"] {
    gap: 0;
  }

  html:not(.app) .cab .drawer.sheet:not(.short) .fk-pane:has( > .wiz-entry) {
    margin-top: -3px;
    padding-top: 0;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] {
    color: color-mix(in srgb, var(--mut) 70%, transparent);
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] {
    color: color-mix(in srgb, var(--mut) 70%, transparent);
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] {
    color: color-mix(in srgb, var(--mut) 70%, transparent);
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] path {
    stroke-width: 1px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] path {
    stroke-width: 1px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) [class*="ssSheetChevron"] path {
    stroke-width: 1px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) ~ .drawer.sheet {
    --v3-sheet: var(--bg);
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) ~ .drawer.sheet .dr-head > .dr-close > .dr-glyph-x {
    stroke-width: 1.7px;
    width: 28px;
    height: 28px;
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) ~ .drawer.sheet .dr-head > .dr-close > svg:only-child {
    stroke-width: 1.7px;
    width: 30px;
    height: 30px;
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) ~ .drawer.sheet .fk-pane:not(:has( > .wiz-kinds,  > .wiz-entry)) {
    padding-top: 0;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__note {
    margin-left: 4px;
    margin-right: 4px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__note {
    margin-left: 4px;
    margin-right: 4px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__note {
    margin-left: 4px;
    margin-right: 4px;
  }

  html:not(.app) .cab .wiz-pane .k-lgroup > .k-lrow {
    min-height: 56px;
  }

  html:not(.app) .cab .wiz-pane .k-lrow__chev {
    stroke-width: 2px;
    width: 24px;
    height: 24px;
    color: var(--mut);
    margin-right: -4px;
  }

  html:not(.app) .cab .wiz-pane .wiz-notice {
    line-height: 16.5px;
  }

  html:not(.app) .cab .cf-field-save {
    margin-top: 40px;
  }

  html:not(.app) .cab .wiz-pane .fk-nlist-row {
    padding-left: 20px;
  }

  html:not(.app) .cab .wiz-pane .fk-nlist-row.is-edit .fk-nrow-minus {
    width: 27px;
    height: 27px;
    margin-left: 0;
    margin-right: 5px;
  }

  html:not(.app) .cab .wiz-pane .fk-nlist-row.is-edit .fk-nrow-minus svg {
    width: 15px;
    height: 15px;
  }

  html:not(.app) .cab .cf-hero {
    gap: 8px;
    padding: 18px 0;
  }

  html:not(.app) .cab .cf-hero .svc-circle {
    margin: 8px;
  }

  html:not(.app) .cab .cf-hero-t {
    font-weight: 600;
    line-height: 28px;
  }

  html:not(.app) .cab .fk-pane:has(.cf-hero) .k-lrow__t .req {
    color: inherit;
    font-weight: inherit;
  }

  html:not(.app) .cab :is(.wiz-chan-field, .cf-field-row) .k-lrow__val input::-moz-placeholder {
    color: color-mix(in srgb, var(--mut) 55%, transparent);
  }

  html:not(.app) .cab :-webkit-any(.wiz-chan-field, .cf-field-row) .k-lrow__val input::placeholder {
    color: color-mix(in srgb, var(--mut) 55%, transparent);
  }

  html:not(.app) .cab :-moz-any(.wiz-chan-field, .cf-field-row) .k-lrow__val input::placeholder {
    color: color-mix(in srgb, var(--mut) 55%, transparent);
  }

  html:not(.app) .cab :is(.wiz-chan-field, .cf-field-row) .k-lrow__val input::placeholder {
    color: color-mix(in srgb, var(--mut) 55%, transparent);
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) ~ .drawer.sheet {
    --v3-sheet: var(--bg);
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) ~ .drawer.sheet .dr-head > .dr-close > .dr-glyph-x {
    stroke-width: 1.7px;
    width: 28px;
    height: 28px;
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) ~ .drawer.sheet .dr-head > .dr-close > svg:only-child {
    stroke-width: 1.7px;
    width: 30px;
    height: 30px;
  }

  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) ~ .drawer.sheet .fk-pane:not(:has( > .wiz-kinds,  > .wiz-entry)) {
    padding-top: 0;
  }

  html:not(.app) .cab :-webkit-any(.wiz-pane, .wiz-entry) .kf-blk__note {
    margin-left: 4px;
    margin-right: 4px;
  }

  html:not(.app) .cab :-moz-any(.wiz-pane, .wiz-entry) .kf-blk__note {
    margin-left: 4px;
    margin-right: 4px;
  }

  html:not(.app) .cab :is(.wiz-pane, .wiz-entry) .kf-blk__note {
    margin-left: 4px;
    margin-right: 4px;
  }

  html:not(.app) .cab .wiz-pane .k-lgroup > .k-lrow {
    min-height: 56px;
  }

  html:not(.app) .cab .wiz-pane .k-lrow__chev {
    stroke-width: 2px;
    width: 24px;
    height: 24px;
    color: var(--mut);
    margin-right: -4px;
  }

  html:not(.app) .cab .wiz-pane .wiz-notice {
    line-height: 16.5px;
  }

  html:not(.app) .cab .cf-field-save {
    margin-top: 40px;
  }

  html:not(.app) .cab .wiz-pane .fk-nlist-row {
    padding-left: 20px;
  }

  html:not(.app) .cab .wiz-pane .fk-nlist-row.is-edit .fk-nrow-minus {
    width: 27px;
    height: 27px;
    margin-left: 0;
    margin-right: 5px;
  }

  html:not(.app) .cab .wiz-pane .fk-nlist-row.is-edit .fk-nrow-minus svg {
    width: 15px;
    height: 15px;
  }

  html:not(.app) .cab .cf-hero {
    gap: 8px;
    padding: 18px 0;
  }

  html:not(.app) .cab .cf-hero .svc-circle {
    margin: 8px;
  }

  html:not(.app) .cab .cf-hero-t {
    font-weight: 600;
    line-height: 28px;
  }

  html:not(.app) .cab .fk-pane:has(.cf-hero) .k-lrow__t .req {
    color: inherit;
    font-weight: inherit;
  }

  html:not(.app) .cab :is(.wiz-chan-field, .cf-field-row) .k-lrow__val input::-moz-placeholder {
    color: color-mix(in srgb, var(--mut) 55%, transparent);
  }

  html:not(.app) .cab :-webkit-any(.wiz-chan-field, .cf-field-row) .k-lrow__val input::placeholder {
    color: color-mix(in srgb, var(--mut) 55%, transparent);
  }

  html:not(.app) .cab :-moz-any(.wiz-chan-field, .cf-field-row) .k-lrow__val input::placeholder {
    color: color-mix(in srgb, var(--mut) 55%, transparent);
  }

  html:not(.app) .cab :is(.wiz-chan-field, .cf-field-row) .k-lrow__val input::placeholder {
    color: color-mix(in srgb, var(--mut) 55%, transparent);
  }
}

@media (min-width: 821px) and (min-height: 0) {
  html:not(.app) .cab .drawer.sheet:has(.wiz-pane) ~ .drawer.sheet {
    --v3-sheet: var(--bg);
    background: radial-gradient(211.6px 352.8px at 88% 74.1px, color-mix(in srgb, var(--accent-soft) 96%, transparent), transparent), radial-gradient(184px 315.6px at 6% 575px, color-mix(in srgb, var(--green-soft) 84%, transparent), transparent), var(--bg);
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .k-btn.k-row-btn {
    background: var(--surf);
    color: var(--accent-stroke);
    box-shadow: none;
    font-size: 17px;
    font-weight: 400;
  }

  html:not(.app) .cab .k-btn.k-row-btn .k-btn__label {
    font-weight: 400;
  }

  html:not(.app) .cab .k-btn.k-row-btn:disabled {
    background: var(--surf);
    color: var(--accent-stroke);
    opacity: .5;
  }

  html:not(.app) .cab .wiz-chan-go.k-row-btn {
    margin-top: 24px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .k-btn.k-row-btn {
    background: var(--surf);
    color: var(--accent-stroke);
    box-shadow: none;
    font-size: 17px;
    font-weight: 400;
  }

  html:not(.app) .cab .k-btn.k-row-btn .k-btn__label {
    font-weight: 400;
  }

  html:not(.app) .cab .k-btn.k-row-btn:disabled {
    background: var(--surf);
    color: var(--accent-stroke);
    opacity: .5;
  }

  html:not(.app) .cab .wiz-chan-go.k-row-btn {
    margin-top: 24px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .drawer.sheet:has(.wiz-stage--sheet) .dr-body {
    flex-direction: column;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  html:not(.app) .cab .wiz-stage--sheet {
    background: none;
    flex: auto;
    min-height: 0;
    margin-top: 11px;
  }

  html:not(.app) .cab .wiz-stage--sheet .onb-scene {
    --mk-h: 100%;
    flex: 1 1 0;
    max-width: none;
    margin-top: 0;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .drawer.sheet:has(.wiz-stage--sheet) .dr-body {
    flex-direction: column;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  html:not(.app) .cab .wiz-stage--sheet {
    background: none;
    flex: auto;
    min-height: 0;
    margin-top: 11px;
  }

  html:not(.app) .cab .wiz-stage--sheet .onb-scene {
    --mk-h: 100%;
    flex: 1 1 0;
    max-width: none;
    margin-top: 0;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .wiz-entry .scn-link-blk .kf-blk__body {
    min-height: var(--h-row-m);
    padding: 0 8px 0 20px;
  }

  html:not(.app) .cab .wiz-entry .scn-link-blk .copy-ico {
    background: color-mix(in srgb, var(--surf) 72%, transparent);
    box-shadow: var(--chip-sh);
    border-radius: 999px;
  }

  html:not(.app) .cab .wiz-entry .scn-link-blk .copy-ico svg {
    width: 22px;
    height: 22px;
  }

  html:not(.app) .cab .wiz-entry .kf-blk__body:has( > .k-inp) {
    justify-content: center;
    min-height: 58px;
    padding: 16px 20px;
  }

  html:not(.app) .cab .wiz-entry .kf-blk__body > .k-inp {
    font-size: 17px;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .wiz-entry .scn-link-blk .kf-blk__body {
    min-height: var(--h-row-m);
    padding: 0 8px 0 20px;
  }

  html:not(.app) .cab .wiz-entry .scn-link-blk .copy-ico {
    background: color-mix(in srgb, var(--surf) 72%, transparent);
    box-shadow: var(--chip-sh);
    border-radius: 999px;
  }

  html:not(.app) .cab .wiz-entry .scn-link-blk .copy-ico svg {
    width: 22px;
    height: 22px;
  }

  html:not(.app) .cab .wiz-entry .kf-blk__body:has( > .k-inp) {
    justify-content: center;
    min-height: 58px;
    padding: 16px 20px;
  }

  html:not(.app) .cab .wiz-entry .kf-blk__body > .k-inp {
    font-size: 17px;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab .fk-nrow-swipe {
    border-radius: 999px;
    width: 74px;
    height: 44px;
    margin-top: -22px;
    font-size: 17px;
    top: 50%;
    bottom: auto;
    right: 9px;
  }

  html:not(.app) .cab .fk-nrow-del {
    background: var(--red);
    min-width: 74px;
    height: 44px;
    color: var(--red-ink);
    border-radius: 999px;
    padding: 0 12px;
    font-size: 17px;
    font-weight: 400;
  }

  html:not(.app) .cab .fk-nlist-row.is-edit:has(.fk-nrow-del) .fk-nlist-chev {
    display: none;
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .fk-nrow-swipe {
    border-radius: 999px;
    width: 74px;
    height: 44px;
    margin-top: -22px;
    font-size: 17px;
    top: 50%;
    bottom: auto;
    right: 9px;
  }

  html:not(.app) .cab .fk-nrow-del {
    background: var(--red);
    min-width: 74px;
    height: 44px;
    color: var(--red-ink);
    border-radius: 999px;
    padding: 0 12px;
    font-size: 17px;
    font-weight: 400;
  }

  html:not(.app) .cab .fk-nlist-row.is-edit:has(.fk-nrow-del) .fk-nlist-chev {
    display: none;
  }
}

@media (min-width: 821px) {
  .cab .drawer:not(.wide):not(.md):not(.full) {
    border-radius: var(--m-sheet-r);
  }
}

@container cab (width <= 820px) {
  html:not(.app) .cab .drawer.sheet:has( > .dr-body > .wiz-pane:not(.wiz-bo)) > .dr-head {
    padding-top: calc(var(--ctl-edge)  + 9.5px);
  }

  html:not(.app) .cab .drawer.sheet:has( > .dr-body > .wiz-pane) > .dr-head .k-pill {
    font-weight: 600;
  }

  html:not(.app) .cab .drawer .wiz-pane {
    --wiz-foot-b: calc(22px + max(env(safe-area-inset-bottom, 0px), 34px));
  }

  html:not(.app) .cab .drawer .wiz-pane.wiz-bo {
    --wiz-foot-b: calc(12px + max(env(safe-area-inset-bottom, 0px), 34px));
  }

  html:not(.app) .cab .drawer .wiz-page-foot {
    padding-bottom: calc(6px + max(env(safe-area-inset-bottom, 0px), 34px));
  }

  html:not(.app) .cab .drawer .fk-pane:has( > .wiz-page-foot) {
    padding-bottom: calc(92px + max(env(safe-area-inset-bottom, 0px), 34px));
  }

  html:not(.app) .cab .drawer.sheet.short > .dr-head {
    padding-top: calc(var(--ctl-edge)  - 2px);
  }

  html:not(.app) .cab .drawer.sheet.short > .dr-body {
    padding-top: calc(var(--dr-top)  - 2px);
  }

  html:not(.app) .cab .drawer.sheet.short .fk-pane .kf-ch > .kf-ch__row {
    min-height: 50px;
  }

  html:not(.app) .cab .wiz-pane.wiz-bo > p.meta {
    color: var(--mut-2);
  }

  html:not(.app) .cab .aud-ios .aud-bar {
    padding-bottom: calc(7px + max(env(safe-area-inset-bottom, 0px), 34px));
  }

  html:not(.app) .cab .aud-ios .aud-list {
    padding-bottom: calc(var(--ctl)  + 31px + max(env(safe-area-inset-bottom, 0px), 34px));
  }

  html:not(.app) .cab .fk-editlist .fk-nlist-row.has-ic .ic svg {
    width: 22px;
    height: 22px;
  }

  html:not(.app) .cab .fk-editlist .fk-nlist-row + .fk-nlist-row.has-ic:after {
    left: 59px;
    right: 20px;
  }
}

.cab-top-tint {
  display: none;
}

@media (max-width: 820px) {
  html:not(.app) .cab-top-tint {
    background-color: var(--top-strip);
    pointer-events: none;
    z-index: 40;
    height: 6px;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  html:not(.app) body:has(.cab) {
    background-color: var(--top-strip);
  }
}

html:not(.app) .cab .drawer .dr-head > .dr-close > svg {
  stroke-width: 2.3px;
  width: 20px;
  height: 20px;
}

.cab .pay-calc {
  --wiz-foot-b: calc(8px + env(safe-area-inset-bottom, 0px));
  padding-bottom: calc(var(--h-button-m, 52px)  + 10px + var(--wiz-foot-b)  + 14px);
}

.cab .pay-foot .wiz-foot-row > .cta-grad {
  flex: auto;
}

.cab .pay-hint2 {
  display: grid;
}

.cab .pay-hint2 > span {
  grid-area: 1 / 1;
}

.cab .pay-hint2 > span[aria-hidden="true"], .cab .pay-skel--lock > *, .cab .pay-layer .pay-row > .k-skel, .cab .pay-layer .pay-wait {
  visibility: hidden;
}

.cab .pay-layer.pay-loading > :not(.pay-lock) {
  opacity: 0;
  pointer-events: none;
}

.cab .pay-lock {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
}

.cab .pay-lock .set-hero-ic {
  animation: 1.2s ease-in-out infinite alternate pay-breathe;
}

html:not(.app) .cab .pay-lock .set-hero-ic svg:not(.set-hero-raw) {
  stroke-width: .55px;
}

.cab .pay-lock__ic {
  color: var(--accent-stroke);
  animation: 1.2s ease-in-out infinite alternate pay-breathe;
  display: inline-flex;
}

@keyframes pay-breathe {
  from {
    opacity: .45;
  }

  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cab .pay-lock__ic, .cab .pay-lock .set-hero-ic {
    animation: none;
  }
}

.cab .pay-cta .pay-lock__ic {
  color: inherit;
}

html:not(.app) .cab .drawer.sheet:has(.pay-layer) .dr-head > .dr-close > .dr-glyph-x {
  stroke-width: 2.3px;
  width: 20px;
  height: 20px;
}

html:not(.app) .cab .drawer.sheet:has(.pay-layer) ~ .drawer.sheet .dr-head > .dr-close > .dr-glyph-x {
  stroke-width: 2.3px;
  width: 20px;
  height: 20px;
}

.cab .overdue-dot {
  background: var(--red);
  width: 17px;
  height: 17px;
  color: var(--red-ink);
  pointer-events: none;
  border-radius: 999px;
  flex: none;
  place-items: center;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1;
  display: inline-grid;
}

.cab .tb .tbi:has( > .tb-dot) {
  position: relative;
  overflow: visible;
}

.cab .tb .tb-dot {
  max-width: none;
  font-size: 10.5px;
  line-height: 1;
  overflow: visible;
}

.cab .tb-dot {
  position: absolute;
  top: -4px;
  right: -9px;
}

.cab .nav-dot {
  margin-left: -2px;
}

.cab .pro-badge {
  background: var(--accent-soft);
  height: 20px;
  color: var(--accent-stroke);
  letter-spacing: .02em;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 999px;
  flex: none;
  align-items: center;
  padding: 0 7px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.cab .tpl-nm .pro-badge {
  margin-left: 6px;
}

.cab .bcast-acts .pro-badge {
  align-self: center;
}

.cab .pro-badge-host {
  display: inline-flex;
  position: relative;
}

.cab .pro-badge--corner {
  height: 18px;
  padding: 0 6px;
  font-size: 10.5px;
  position: absolute;
  top: -6px;
  right: -10px;
}

.cab .app-strip {
  border-radius: var(--bub-row-r);
  background: var(--accent-soft);
  color: var(--ink);
  align-items: center;
  gap: 10px;
  margin: 0 0 8px;
  padding: 10px 12px 10px 16px;
  font-size: 14px;
  font-weight: 550;
  display: flex;
}

.cab .app-strip-t {
  flex: 1;
  min-width: 0;
}

.cab .app-strip-x {
  width: 28px;
  height: 28px;
  color: var(--mut);
  border-radius: 999px;
  place-items: center;
  display: grid;
}

@media (max-width: 820px) {
  .cab .app-strip {
    left: 16px;
    right: 16px;
    bottom: calc(max(10px, calc(env(safe-area-inset-bottom)  - 16px))  + 84px);
    z-index: 40;
    margin: 0;
    position: fixed;
  }
}

/* [project]/apps/web/src/components/onboarding/add-account.css [app-client] (css) */
.onb-pick {
  gap: 8px;
  display: grid;
}

.cab .onb-pick .onb-row, .cab .onb-row--done {
  text-align: left;
  background: var(--surf);
  border: 1px solid var(--line2);
  border-radius: var(--r);
  cursor: pointer;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px;
  transition: border-color .15s, background .15s;
  display: flex;
}

@media (hover: hover) and (pointer: fine) {
  .cab .onb-pick button.onb-row:hover {
    background: var(--hover);
  }
}

.cab .onb-pick button.onb-row:active {
  background: var(--press);
}

.cab .onb-pick button.onb-row:disabled {
  opacity: .6;
  cursor: default;
}

.cab .onb-row--done {
  cursor: default;
}

.onb-ava {
  background: var(--hover);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.onb-ava img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cab .onb-ok {
  color: var(--green);
  align-items: center;
  margin-left: auto;
  display: flex;
}

.onb-row__txt {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.cab .onb-row__txt b {
  color: var(--ink);
  font-size: 15px;
  font-weight: 700;
}

.cab .onb-row__txt .meta {
  color: var(--mut);
  margin: 0;
  font-size: 12.5px;
}

.onb-note {
  color: var(--mut);
  text-align: center;
  margin: 12px 0 0;
  font-size: 13px;
}

.onb-acts {
  gap: 8px;
  margin-top: 18px;
  display: grid;
}

.onb .kf-blk__note, .wel-sheet .kf-blk__note {
  white-space: pre-line;
}

.onb-bf {
  color: var(--tg-blue, #229ed9);
  font-weight: 600;
  text-decoration: none;
}

/* [project]/packages/ui/src/generator/generator.module.css [app-client] (css) */
.generator-module__MRFW_W__composer {
  background: var(--surf);
  border: 1px solid var(--line2);
  border-radius: var(--bub-r);
  box-shadow: var(--bub-sh);
  text-align: left;
  overflow: hidden;
}

.generator-module__MRFW_W__chat {
  opacity: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  grid-template-rows: 0fr;
  transition: grid-template-rows .5s cubic-bezier(.32, .85, .3, 1), opacity .4s;
  display: grid;
}

.generator-module__MRFW_W__chat.generator-module__MRFW_W__show {
  opacity: 1;
  border-bottom-color: var(--line);
  grid-template-rows: 1fr;
}

.generator-module__MRFW_W__chatIn {
  min-height: 0;
  max-height: 62vh;
  overflow: hidden;
}

.generator-module__MRFW_W__chat.generator-module__MRFW_W__show .generator-module__MRFW_W__chatIn {
  overflow-y: auto;
}

.generator-module__MRFW_W__chatPad {
  flex-direction: column;
  gap: 18px;
  padding: 22px 20px 8px;
  display: flex;
}

.generator-module__MRFW_W__chat.generator-module__MRFW_W__show.generator-module__MRFW_W__replay {
  border-bottom-color: rgba(0, 0, 0, 0);
}

.generator-module__MRFW_W__chat.generator-module__MRFW_W__show.generator-module__MRFW_W__replay .generator-module__MRFW_W__chatIn {
  max-height: none;
  overflow: visible;
}

.generator-module__MRFW_W__chat.generator-module__MRFW_W__show.generator-module__MRFW_W__replay .generator-module__MRFW_W__chatPad {
  padding-bottom: 22px;
}

.generator-module__MRFW_W__prompt {
  align-items: flex-end;
  padding: 10px 10px 10px 16px;
  display: flex;
}

.generator-module__MRFW_W__composerCompact {
  border-radius: var(--r-md);
}

.generator-module__MRFW_W__promptCompact {
  padding: 7px 7px 7px 12px;
}

.generator-module__MRFW_W__promptCompact textarea {
  min-height: 40px;
  font-size: 15px;
}

.generator-module__MRFW_W__promptCompact .generator-module__MRFW_W__iconBtn {
  width: 36px;
  height: 36px;
  margin-left: 8px;
}

.generator-module__MRFW_W__promptCompact .generator-module__MRFW_W__iconBtn svg {
  width: 16px;
  height: 16px;
}

.generator-module__MRFW_W__promptRec {
  align-items: center;
}

.generator-module__MRFW_W__composerStack {
  border-radius: var(--r-lg);
}

.generator-module__MRFW_W__prompt.generator-module__MRFW_W__promptStack {
  flex-wrap: wrap;
  align-items: center;
  padding: 12px 12px 10px 14px;
}

.generator-module__MRFW_W__prompt.generator-module__MRFW_W__promptStack textarea {
  flex: 1 0 100%;
  min-height: 24px;
  font-size: 15px;
}

.generator-module__MRFW_W__prompt.generator-module__MRFW_W__promptStack .generator-module__MRFW_W__viz {
  flex: 1 0 100%;
}

.generator-module__MRFW_W__prompt.generator-module__MRFW_W__promptStack .generator-module__MRFW_W__iconBtn {
  width: 36px;
  height: 36px;
  margin-left: 8px;
}

.generator-module__MRFW_W__prompt.generator-module__MRFW_W__promptStack .generator-module__MRFW_W__iconBtn svg {
  width: 16px;
  height: 16px;
}

.generator-module__MRFW_W__prompt.generator-module__MRFW_W__promptStack .generator-module__MRFW_W__iconBtn:first-of-type {
  margin-left: auto;
}

.generator-module__MRFW_W__prompt.generator-module__MRFW_W__promptStack .generator-module__MRFW_W__iconBtn:not(.generator-module__MRFW_W__send) {
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  border-color: rgba(0, 0, 0, 0);
}

@media (hover: hover) {
  .generator-module__MRFW_W__prompt.generator-module__MRFW_W__promptStack .generator-module__MRFW_W__iconBtn:not(.generator-module__MRFW_W__send):hover {
    background: var(--hover);
  }
}

.generator-module__MRFW_W__prompt textarea {
  color: var(--ink);
  resize: none;
  background: none;
  border: none;
  flex: 1;
  min-height: 56px;
  max-height: 200px;
  padding: 5px 0;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
}

.generator-module__MRFW_W__prompt textarea::placeholder {
  color: var(--mut);
  font-weight: 400;
}

.generator-module__MRFW_W__prompt textarea:focus {
  outline: none;
}

.generator-module__MRFW_W__iconBtn {
  width: var(--ctl);
  height: var(--ctl);
  border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent);
  background: var(--surf);
  color: var(--mut);
  cursor: pointer;
  border-radius: 50%;
  flex: none;
  place-items: center;
  margin-left: 11px;
  transition: color .16s, box-shadow .16s, background .16s, width .22s cubic-bezier(.32, .85, .3, 1), margin .22s cubic-bezier(.32, .85, .3, 1), opacity .18s, transform .18s;
  display: grid;
  overflow: hidden;
}

.generator-module__MRFW_W__iconBtn.generator-module__MRFW_W__hide {
  opacity: 0;
  pointer-events: none;
  border-width: 0;
  width: 0;
  margin-left: 0;
  transform: scale(.5);
}

@media (hover: hover) {
  .generator-module__MRFW_W__iconBtn:hover {
    color: var(--ink);
    box-shadow: var(--sh-sm);
  }
}

.generator-module__MRFW_W__iconBtn:disabled {
  opacity: .55;
  cursor: default;
  box-shadow: none;
}

.generator-module__MRFW_W__iconBtn svg {
  width: 19px;
  height: 19px;
}

.generator-module__MRFW_W__iconBtn.generator-module__MRFW_W__rec {
  color: #fff;
  --ring-c: rgba(224, 36, 94, .45);
  --ring-c-fade: transparent;
  background: #e23570;
  border-color: rgba(0, 0, 0, 0);
  animation: 1.2s ease-in-out infinite generator-module__MRFW_W__micPulse;
}

@keyframes generator-module__MRFW_W__micPulse {
  0%, 100% {
    box-shadow: var(--pulse-0) var(--ring-c);
  }

  50% {
    box-shadow: var(--pulse-w) var(--ring-c-fade);
  }
}

.generator-module__MRFW_W__spin {
  border: 2px solid var(--line2);
  border-top-color: var(--accent-stroke, #e23570);
  border-radius: 50%;
  width: 17px;
  height: 17px;
  animation: .7s linear infinite generator-module__MRFW_W__spin;
}

@keyframes generator-module__MRFW_W__spin {
  to {
    transform: rotate(360deg);
  }
}

.generator-module__MRFW_W__stopIcon {
  border-radius: var(--r-2xs);
  background: #fff;
  width: 14px;
  height: 14px;
}

.generator-module__MRFW_W__viz {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  display: flex;
}

.generator-module__MRFW_W__viz span {
  transform-origin: center;
  background: #e23570;
  border-radius: 999px;
  flex: 0 0 3px;
  width: 3px;
  height: 26px;
  transition: transform 80ms ease-out;
  transform: scaleY(.14);
}

.generator-module__MRFW_W__recTime {
  color: #e23570;
  font-variant-numeric: tabular-nums;
  flex: none;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 600;
}

.generator-module__MRFW_W__send {
  color: var(--accent-ink, #fff);
  background: var(--accent);
  box-shadow: var(--bub-sh);
  border-color: rgba(0, 0, 0, 0);
}

@media (hover: hover) {
  .generator-module__MRFW_W__send:hover {
    color: var(--accent-ink, #fff);
    background: var(--press-accent);
  }
}

.generator-module__MRFW_W__send:disabled {
  background: var(--line2);
  box-shadow: none;
}

.generator-module__MRFW_W__subhint {
  color: var(--mut);
  text-align: center;
  margin-top: 15px;
  font-size: 13px;
  font-weight: 500;
}

.generator-module__MRFW_W__exList {
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  margin-top: 16px;
  display: flex;
}

.generator-module__MRFW_W__chip {
  cursor: pointer;
  border: 1px solid var(--line2);
  background: var(--surf);
  color: var(--mut);
  border-radius: 100px;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 600;
  transition: color .15s, border-color .15s, box-shadow .15s, transform .15s;
}

@media (hover: hover) {
  .generator-module__MRFW_W__chip:hover {
    color: var(--ink);
    box-shadow: var(--sh-sm);
    transform: translateY(-1px);
  }
}

.generator-module__MRFW_W__askOptions {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
  display: flex;
}

.generator-module__MRFW_W__askChip {
  cursor: pointer;
  border: 1px solid var(--line2);
  background: var(--surf);
  color: var(--ink);
  border-radius: 100px;
  padding: 7px 13px;
  font-size: 13px;
  font-weight: 600;
  transition: color .15s, border-color .15s, transform .15s;
}

@media (hover: hover) {
  .generator-module__MRFW_W__askChip:hover {
    border-color: var(--accent-stroke, #e23570);
    color: var(--accent-stroke, #e23570);
    transform: translateY(-1px);
  }
}

.generator-module__MRFW_W__askHint {
  color: var(--mut);
  margin-top: 8px;
  font-size: 12px;
}

.generator-module__MRFW_W__msg {
  max-width: 90%;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  animation: .3s generator-module__MRFW_W__fade;
}

@keyframes generator-module__MRFW_W__fade {
  from {
    opacity: 0;
    transform: translateY(7px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.generator-module__MRFW_W__user {
  background: var(--accent);
  color: var(--accent-ink, #fff);
  border-radius: var(--r-md) var(--r-md) var(--r-xs) var(--r-md);
  box-shadow: var(--bub-sh);
  align-self: flex-end;
  padding: 11px 15px;
}

.generator-module__MRFW_W__bot {
  align-self: flex-start;
  width: 100%;
  max-width: 100%;
}

.generator-module__MRFW_W__who {
  color: var(--mut);
  align-items: center;
  gap: 9px;
  margin-bottom: 9px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.generator-module__MRFW_W__bdot {
  place-items: center;
  width: 22px;
  height: 22px;
  display: grid;
}

.generator-module__MRFW_W__bdot img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.generator-module__MRFW_W__dim {
  color: var(--mut);
}

.generator-module__MRFW_W__typing {
  gap: 5px;
  padding: 3px 0;
  display: flex;
}

.generator-module__MRFW_W__typing i {
  background: var(--accent);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.2s infinite generator-module__MRFW_W__bl;
}

.generator-module__MRFW_W__typing i:nth-child(2) {
  animation-delay: .2s;
}

.generator-module__MRFW_W__typing i:nth-child(3) {
  animation-delay: .4s;
}

@keyframes generator-module__MRFW_W__bl {
  0%, 60%, 100% {
    opacity: .2;
  }

  30% {
    opacity: 1;
  }
}

.generator-module__MRFW_W__schema {
  margin-top: 16px;
}

.generator-module__MRFW_W__step {
  gap: 15px;
  padding-bottom: 16px;
  display: flex;
  position: relative;
}

.generator-module__MRFW_W__rail {
  flex-direction: column;
  flex: 0 0 38px;
  align-items: center;
  display: flex;
  position: relative;
}

.generator-module__MRFW_W__dot {
  border-radius: var(--r-sm);
  z-index: 2;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0);
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.generator-module__MRFW_W__dotLogo {
  background: var(--surf);
  border-color: var(--line2);
}

.generator-module__MRFW_W__dotImg {
  -o-object-fit: contain;
  object-fit: contain;
  width: 24px;
  height: 24px;
}

.generator-module__MRFW_W__dot svg {
  width: 18px;
  height: 18px;
}

.generator-module__MRFW_W__c-up {
  background: var(--red);
}

.generator-module__MRFW_W__c-img, .generator-module__MRFW_W__c-ai {
  background: #2481cc;
}

.generator-module__MRFW_W__c-hand {
  background: #e23570;
}

.generator-module__MRFW_W__c-vid {
  background: #e0a020;
}

.generator-module__MRFW_W__c-link {
  background: #0fa3b1;
}

.generator-module__MRFW_W__c-tg {
  background: #2aabee;
}

.generator-module__MRFW_W__c-ok {
  background: #0fa3b1;
}

.generator-module__MRFW_W__choice .generator-module__MRFW_W__dot, .generator-module__MRFW_W__done .generator-module__MRFW_W__dot {
  box-shadow: var(--bub-sh);
}

.generator-module__MRFW_W__conn {
  background: var(--line2);
  width: 2px;
  position: absolute;
  top: 38px;
  bottom: -16px;
}

.generator-module__MRFW_W__step:last-child .generator-module__MRFW_W__conn {
  display: none;
}

.generator-module__MRFW_W__nbody {
  flex: 1;
  padding-top: 6px;
}

.generator-module__MRFW_W__nt {
  font-size: 15px;
  font-weight: 700;
}

.generator-module__MRFW_W__ns {
  color: var(--mut);
  margin: 2px 0 8px;
  font-size: 13.5px;
}

.generator-module__MRFW_W__node {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.generator-module__MRFW_W__lbl {
  color: var(--mut);
  font-size: 11px;
  font-weight: 600;
}

.generator-module__MRFW_W__pill {
  border: 1px solid var(--line2);
  color: var(--mut);
  background: var(--surf);
  border-radius: 100px;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.generator-module__MRFW_W__pillIco {
  -o-object-fit: contain;
  object-fit: contain;
  flex: none;
  width: 15px;
  height: 15px;
}

.generator-module__MRFW_W__pill.generator-module__MRFW_W__alt {
  opacity: .5;
}

.generator-module__MRFW_W__pill.generator-module__MRFW_W__badge {
  background: var(--accent-soft);
  color: var(--accent-d);
  border-color: rgba(0, 0, 0, 0);
}

.generator-module__MRFW_W__note {
  color: var(--mut);
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.4;
}

.generator-module__MRFW_W__pill.generator-module__MRFW_W__sel {
  background: var(--accent-soft);
  color: var(--accent-d);
  border-color: rgba(0, 0, 0, 0);
}

.generator-module__MRFW_W__needs {
  color: var(--ink);
  margin-top: 16px;
  font-size: 13.5px;
  line-height: 1.5;
}

.generator-module__MRFW_W__needsIntro {
  font-weight: 600;
}

.generator-module__MRFW_W__needsAccounts {
  color: var(--ink);
  margin-top: 8px;
}

.generator-module__MRFW_W__needsOurs {
  color: var(--ink);
  margin-top: 4px;
}

.generator-module__MRFW_W__needsServer {
  color: var(--mut);
  margin-top: 8px;
  font-size: 12.5px;
}

.generator-module__MRFW_W__sell {
  border-radius: var(--r-md);
  border: 1px solid var(--line2, #ededea);
  background: linear-gradient(180deg, var(--accent-soft, #ffe7ed) -10%, transparent 70%);
  margin-top: 16px;
  padding: 16px;
}

.generator-module__MRFW_W__sellH {
  color: var(--ink, #141414);
  letter-spacing: -.01em;
  font-size: 16px;
  font-weight: 800;
}

.generator-module__MRFW_W__sellP {
  color: var(--mut, #a09891);
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.5;
}

.generator-module__MRFW_W__cta {
  border-radius: var(--r);
  text-align: center;
  color: #fff;
  background: var(--accent, #feb3c8);
  width: 100%;
  box-shadow: var(--bub-sh);
  margin-top: 14px;
  padding: 14px 18px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .16s, box-shadow .16s;
  display: block;
}

@media (hover: hover) {
  .generator-module__MRFW_W__cta:hover {
    box-shadow: var(--float-sh);
    transform: translateY(-1px);
  }
}

.generator-module__MRFW_W__sellNote {
  color: var(--mut, #a09891);
  opacity: .9;
  margin-top: 11px;
  font-size: 11.5px;
  line-height: 1.45;
}

.generator-module__MRFW_W__picking {
  color: var(--mut, #a09891);
  opacity: .9;
  margin-top: 6px;
  font-size: 12px;
  font-style: italic;
  animation: 1.2s ease-in-out infinite generator-module__MRFW_W__pickPulse;
}

@keyframes generator-module__MRFW_W__pickPulse {
  0%, 100% {
    opacity: .5;
  }

  50% {
    opacity: 1;
  }
}

.generator-module__MRFW_W__best {
  color: var(--accent-stroke, #e23570);
  margin-top: 6px;
  font-size: 12px;
}

.generator-module__MRFW_W__best b {
  font-weight: 700;
}

.generator-module__MRFW_W__actions {
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.generator-module__MRFW_W__btn {
  cursor: pointer;
  border-radius: var(--r-sm);
  border: 1px solid var(--line2);
  color: var(--ink);
  text-align: center;
  background: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 10px 14px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  transition: background .16s, color .16s, border-color .16s, box-shadow .16s;
  display: inline-flex;
}

@media (hover: hover) {
  .generator-module__MRFW_W__btn:hover {
    background: var(--hover);
  }
}

.generator-module__MRFW_W__btn.generator-module__MRFW_W__primary {
  background: var(--accent);
  color: var(--accent-ink, #fff);
  box-shadow: var(--bub-sh);
  border-color: rgba(0, 0, 0, 0);
  flex: 1.6;
  font-weight: 700;
}

@media (hover: hover) {
  .generator-module__MRFW_W__btn.generator-module__MRFW_W__primary:hover {
    background: var(--press-accent);
    box-shadow: var(--float-sh);
  }
}

.generator-module__MRFW_W__micErr {
  color: var(--red);
  text-align: center;
  margin-top: 6px;
  font-size: 12.5px;
}

.generator-module__MRFW_W__btn:active, .generator-module__MRFW_W__iconBtn:active {
  background: var(--press);
}

.generator-module__MRFW_W__btn.generator-module__MRFW_W__primary:active, .generator-module__MRFW_W__send:active {
  background: var(--press-accent);
}

/* [project]/packages/ui/src/scenario/scenario.module.css [app-client] (css) */
.scenario-module__GHd3HW__pf {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.scenario-module__GHd3HW__pfField {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.scenario-module__GHd3HW__pfLabel {
  color: var(--mut);
  font-size: 12.5px;
  font-weight: 600;
}

.scenario-module__GHd3HW__pfReq {
  color: var(--mut);
  font-size: 11px;
  font-weight: 500;
}

.scenario-module__GHd3HW__pfInput {
  border-radius: var(--r-sm);
  background-color: color-mix(in srgb, var(--ink) 4%, transparent);
  width: 100%;
  color: inherit;
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 11px 13px;
  font-family: inherit;
  font-size: 14px;
}

select.scenario-module__GHd3HW__pfInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\" stroke=\"%238a9099\" stroke-width=\"1.6\"><path d=\"M1 1l4 4 4-4\"/></svg>");
  background-position: right 13px center;
  background-repeat: no-repeat;
  padding-right: 36px;
}

input.scenario-module__GHd3HW__pfInput[type="date"], input.scenario-module__GHd3HW__pfInput[type="time"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  min-height: 41px;
  display: block;
}

input.scenario-module__GHd3HW__pfInput[type="date"]::-webkit-date-and-time-value {
  text-align: left;
  margin: 0;
}

input.scenario-module__GHd3HW__pfInput[type="time"]::-webkit-date-and-time-value {
  text-align: left;
  margin: 0;
}

.scenario-module__GHd3HW__pfInput:focus {
  background-color: var(--surf);
  border-color: color-mix(in srgb, var(--accent) 35%, transparent);
  outline: none;
}

.scenario-module__GHd3HW__pfCode {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
  line-height: 1.5;
}

.scenario-module__GHd3HW__pfExpr {
  border-radius: var(--r-sm);
  background-color: color-mix(in srgb, var(--accent) 6%, transparent);
  border: 1px solid rgba(0, 0, 0, 0);
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 13px;
  display: flex;
}

.scenario-module__GHd3HW__pfExpr > svg {
  width: 16px;
  height: 16px;
  color: var(--accent-d, var(--accent));
  flex: none;
}

.scenario-module__GHd3HW__pfExprBody {
  flex: 1;
  min-width: 0;
}

.scenario-module__GHd3HW__pfExprTitle {
  color: var(--mut);
  font-size: 11px;
  font-weight: 600;
}

.scenario-module__GHd3HW__pfExprWhat {
  color: var(--ink);
  overflow-wrap: anywhere;
  font-size: 13.5px;
}

.scenario-module__GHd3HW__pfExprEdit {
  color: var(--mut);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  padding: 4px 2px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
}

@media (hover: hover) {
  .scenario-module__GHd3HW__pfExprEdit:hover {
    color: var(--ink);
  }
}

.scenario-module__GHd3HW__pfColl {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.scenario-module__GHd3HW__pfCollItem {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.scenario-module__GHd3HW__pfCollItemField {
  flex: 1;
  min-width: 0;
}

.scenario-module__GHd3HW__pfCollRemove {
  width: 28px;
  height: 28px;
  color: var(--mut);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 50%;
  flex: none;
  margin-top: 24px;
  font-size: 13px;
  line-height: 1;
}

@media (hover: hover) {
  .scenario-module__GHd3HW__pfCollRemove:hover {
    color: var(--ink);
    background: var(--hover);
  }
}

.scenario-module__GHd3HW__pfCollAdd {
  cursor: pointer;
}

.scenario-module__GHd3HW__pfFcGroup {
  color: var(--mut);
  margin-bottom: 6px;
  font-size: 11.5px;
  font-weight: 600;
}

.scenario-module__GHd3HW__pfFcItem {
  border: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
  border-radius: var(--r-sm);
  flex-direction: column;
  gap: 12px;
  margin-bottom: 10px;
  padding: 12px;
  display: flex;
  position: relative;
}

.scenario-module__GHd3HW__pfFcItem > .scenario-module__GHd3HW__pfCollRemove {
  margin-top: 0;
  position: absolute;
  top: 6px;
  right: 6px;
}

.scenario-module__GHd3HW__pfRowNew {
  animation: .22s scenario-module__GHd3HW__pf-row-in;
}

@keyframes scenario-module__GHd3HW__pf-row-in {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
}

.scenario-module__GHd3HW__pfFcAdd {
  border-radius: var(--r-sm);
  background: var(--surf);
  width: 100%;
  color: var(--accent-d, var(--accent));
  cursor: pointer;
  border: 1px solid rgba(191, 64, 121, .3);
  padding: 9px 13px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  transition: background .14s;
}

@media (hover: hover) {
  .scenario-module__GHd3HW__pfFcAdd:hover {
    background: var(--hover-tint);
  }
}

.scenario-module__GHd3HW__pfRlModes {
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
  display: flex;
}

.scenario-module__GHd3HW__pfRlMode {
  background: color-mix(in srgb, var(--ink) 5%, transparent);
  color: var(--mut);
  cursor: pointer;
  border: none;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
}

.scenario-module__GHd3HW__pfRlModeOn {
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent-d, var(--accent));
}

.scenario-module__GHd3HW__pfPickRow {
  align-items: stretch;
  gap: 8px;
  display: flex;
}

.scenario-module__GHd3HW__pfPickRow > .scenario-module__GHd3HW__pfInput, .scenario-module__GHd3HW__pfPickRow > .scenario-module__GHd3HW__pfExpr {
  flex: 1;
  min-width: 0;
}

.scenario-module__GHd3HW__pfPickBtn {
  border-radius: var(--r-sm);
  background-color: color-mix(in srgb, var(--ink) 4%, transparent);
  width: 42px;
  color: var(--mut);
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.scenario-module__GHd3HW__pfPickBtn > svg {
  width: 16px;
  height: 16px;
}

@media (hover: hover) {
  .scenario-module__GHd3HW__pfPickBtn:hover {
    color: var(--ink);
  }
}

.scenario-module__GHd3HW__pfPickBtnOn {
  color: var(--accent-d, var(--accent));
  background-color: color-mix(in srgb, var(--accent) 8%, transparent);
}

.scenario-module__GHd3HW__pfPick {
  border: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
  border-radius: var(--r-sm);
  flex-direction: column;
  gap: 2px;
  max-height: 320px;
  padding: 6px;
  display: flex;
  overflow-y: auto;
}

.scenario-module__GHd3HW__pfPickNote {
  color: var(--mut);
  padding: 8px 10px;
  font-size: 12.5px;
}

.scenario-module__GHd3HW__pfPickStep {
  border-radius: var(--r-xs);
  width: 100%;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

@media (hover: hover) {
  .scenario-module__GHd3HW__pfPickStep:hover {
    background: var(--hover);
  }
}

.scenario-module__GHd3HW__pfPickTag {
  color: var(--mut);
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  white-space: nowrap;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
}

.scenario-module__GHd3HW__pfPickChevron {
  width: 12px;
  height: 12px;
  color: var(--mut);
  flex: none;
  display: inline-flex;
}

.scenario-module__GHd3HW__pfPickChevron > svg {
  width: 12px;
  height: 12px;
}

.scenario-module__GHd3HW__pfPickRowBtn {
  border-radius: var(--r-xs);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: baseline;
  gap: 8px;
  width: 100%;
  padding: 6px 10px;
  font-family: inherit;
  display: flex;
}

@media (hover: hover) {
  .scenario-module__GHd3HW__pfPickRowBtn:hover {
    background: var(--hover);
  }
}

.scenario-module__GHd3HW__pfPickRowBtn > .scenario-module__GHd3HW__pfPickChevron {
  align-self: center;
}

.scenario-module__GHd3HW__pfPickKey {
  color: var(--ink);
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
}

.scenario-module__GHd3HW__pfPickHuman {
  color: var(--mut);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 12px;
  overflow: hidden;
}

.scenario-module__GHd3HW__pfPickSection {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--mut);
  padding: 8px 10px 2px;
  font-size: 10.5px;
  font-weight: 700;
}

.scenario-module__GHd3HW__pfPickSection:first-child {
  padding-top: 4px;
}

.scenario-module__GHd3HW__pfPickWord {
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 13px;
  overflow: hidden;
}

.scenario-module__GHd3HW__pfPickSample {
  color: var(--mut);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 40%;
  margin-left: auto;
  font-size: 11.5px;
  overflow: hidden;
}

.scenario-module__GHd3HW__pfPickRun {
  flex-direction: column;
  gap: 6px;
  padding: 6px 4px 2px;
  display: flex;
}

.scenario-module__GHd3HW__pfOutRow {
  align-items: baseline;
  gap: 8px;
  padding: 6px 10px;
  display: flex;
}

.scenario-module__GHd3HW__ssWrap {
  position: relative;
}

.scenario-module__GHd3HW__ssBtn {
  text-align: left;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.scenario-module__GHd3HW__ssVal {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.scenario-module__GHd3HW__ssPlaceholder {
  color: var(--mut);
}

.scenario-module__GHd3HW__ssChev {
  color: var(--mut);
  flex: none;
}

.scenario-module__GHd3HW__ssMenu {
  z-index: 50;
  padding: var(--bub-pad);
  border-radius: var(--bub-r);
  transform-origin: top;
  max-height: 280px;
  animation: scenario-module__GHd3HW__ss-pop-in var(--m-dur-pop) var(--m-ease-pop);
  margin: 0;
  list-style: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  overflow-y: auto;
}

@keyframes scenario-module__GHd3HW__ss-pop-in {
  0% {
    opacity: 0;
    transform: scale(.3);
  }

  40% {
    opacity: 1;
  }

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

.scenario-module__GHd3HW__ssMenu:not(.scenario-module__GHd3HW__psMenu) {
  background: var(--surf);
  border: 1px solid var(--line);
  box-shadow: var(--float-sh);
}

.scenario-module__GHd3HW__ssMenu[data-state="closed"] {
  animation: scenario-module__GHd3HW__ss-pop-out var(--m-dur-pop-out) var(--m-ease-pop-out) forwards;
  pointer-events: none;
}

@keyframes scenario-module__GHd3HW__ss-pop-out {
  to {
    opacity: 0;
    transform: scale(.5);
  }
}

.scenario-module__GHd3HW__ssOpt {
  text-align: left;
  cursor: pointer;
  border-radius: var(--bub-row-r);
  width: 100%;
  color: inherit;
  background: none;
  border: 0;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 14px;
  display: flex;
}

@media (hover: hover) {
  .scenario-module__GHd3HW__ssOpt:hover {
    background: var(--hover);
  }
}

.scenario-module__GHd3HW__ssOptOn, .scenario-module__GHd3HW__ssOptOn:hover {
  background: var(--accent-soft);
  color: var(--accent-d);
}

.scenario-module__GHd3HW__ssOptDanger, .scenario-module__GHd3HW__ssOptDanger:hover {
  color: var(--red);
}

.scenario-module__GHd3HW__ssOptIco {
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.scenario-module__GHd3HW__ssOptBody {
  min-width: 0;
}

.scenario-module__GHd3HW__ssOptDesc {
  color: var(--mut);
  margin-top: 1px;
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1.35;
  display: block;
}

.scenario-module__GHd3HW__pfDesc {
  color: var(--mut);
  font-size: 11.5px;
  line-height: 1.45;
}

.scenario-module__GHd3HW__pfOptDesc {
  color: var(--mut);
  border-left: 2px solid var(--line2);
  margin: 2px 0 8px 26px;
  padding-left: 10px;
  font-size: 12px;
  line-height: 1.4;
}

.scenario-module__GHd3HW__pfBad {
  color: #e23570;
}

.scenario-module__GHd3HW__pfFieldWrap {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.scenario-module__GHd3HW__pfFieldBad .scenario-module__GHd3HW__pfInput {
  background-color: rgba(226, 53, 112, .04);
  border-color: rgba(226, 53, 112, .45);
}

.scenario-module__GHd3HW__pfSuggest {
  border: 1px solid var(--line2);
  border-radius: var(--r-sm);
  background: var(--surf);
  margin-top: 4px;
  overflow: hidden;
}

.scenario-module__GHd3HW__pfSuggestItem {
  border-radius: var(--bub-row-r);
  text-align: left;
  cursor: pointer;
  width: 100%;
  color: inherit;
  background: none;
  border: 0;
  flex-direction: column;
  gap: 1px;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 13.5px;
  display: flex;
}

@media (hover: hover) {
  .scenario-module__GHd3HW__pfSuggestItem:hover {
    background: var(--hover);
  }
}

.scenario-module__GHd3HW__pfSuggestHint {
  color: var(--mut);
  font-size: 11.5px;
}

.scenario-module__GHd3HW__pfChecks {
  border: 1px solid var(--line2);
  border-radius: var(--r-sm);
  flex-direction: column;
  gap: 7px;
  max-height: 260px;
  padding: 10px 12px;
  display: flex;
  overflow-y: auto;
}

.scenario-module__GHd3HW__pfCheckRow {
  cursor: pointer;
  align-items: center;
  gap: 9px;
  font-size: 13.5px;
  display: flex;
}

.scenario-module__GHd3HW__pfCheckRow input {
  accent-color: var(--accent);
  flex: none;
  width: 16px;
  height: 16px;
}

.scenario-module__GHd3HW__pfAdv {
  margin-top: 2px;
}

.scenario-module__GHd3HW__pfAdv[open] > .scenario-module__GHd3HW__pfAdvBody {
  border: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--ink) 2.5%, transparent);
  margin-top: 10px;
  padding: 12px;
}

.scenario-module__GHd3HW__pfAdvHead {
  cursor: pointer;
  color: var(--mut);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 12.5px;
  font-weight: 600;
}

@media (hover: hover) {
  .scenario-module__GHd3HW__pfAdvHead:hover {
    color: inherit;
  }
}

.scenario-module__GHd3HW__pfAdvBody {
  flex-direction: column;
  gap: 14px;
  padding-top: 12px;
  display: flex;
}

.scenario-module__GHd3HW__pfNotice {
  color: var(--mut);
  background: var(--accent-soft);
  border-radius: var(--r-sm);
  padding: 9px 12px;
  font-size: 12.5px;
  line-height: 1.5;
}

.scenario-module__GHd3HW__pfNone {
  color: var(--mut);
  padding: 8px 0;
  font-size: 13px;
}

.scenario-module__GHd3HW__ssFit {
  max-width: 100%;
  display: inline-grid;
}

.scenario-module__GHd3HW__ssFit > * {
  grid-area: 1 / 1;
}

.scenario-module__GHd3HW__ssFitSizer {
  visibility: hidden;
  white-space: nowrap;
  pointer-events: none;
  overflow: hidden;
}

.scenario-module__GHd3HW__ssFitSel {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.scenario-module__GHd3HW__psWrap {
  display: inline-flex;
  position: relative;
}

.scenario-module__GHd3HW__psSel {
  color: var(--mut);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 5px;
  padding: 2px 2px 2px 6px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  transition: color .15s;
  display: inline-flex;
}

.k-lrow__val .scenario-module__GHd3HW__psSel {
  font-size: 17px;
  font-weight: 400;
}

@media (hover: hover) {
  .scenario-module__GHd3HW__psSel:hover {
    color: var(--ink);
  }
}

.scenario-module__GHd3HW__psMenu {
  z-index: 120;
  padding: var(--bub-pad);
  border-radius: var(--bub-r);
  white-space: nowrap;
  min-width: 244px;
  color: var(--ink);
  animation: scenario-module__GHd3HW__ss-pop-in var(--m-dur-pop) var(--m-ease-pop);
  border: 0;
  margin: 0;
  font-family: inherit;
  list-style: none;
  overflow-y: auto;
}

.scenario-module__GHd3HW__psMenu[data-state="closed"] {
  animation: scenario-module__GHd3HW__ss-pop-out var(--m-dur-pop-out) var(--m-ease-pop-out) forwards;
  pointer-events: none;
}

html.app .scenario-module__GHd3HW__psMenu {
  background: var(--surf);
  box-shadow: var(--float-sh);
}

@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html.app .scenario-module__GHd3HW__psMenu {
    background: color-mix(in srgb, var(--surf) 84%, transparent);
    -webkit-backdrop-filter: var(--glass);
    backdrop-filter: var(--glass);
  }
}

.scenario-module__GHd3HW__psMenu button {
  color: var(--ink);
  border-radius: var(--bub-row-r);
  gap: 8px;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 500;
}

.scenario-module__GHd3HW__psMenu .scenario-module__GHd3HW__ssOptIco {
  width: 20px;
  color: var(--mut);
}

.scenario-module__GHd3HW__psMenu > li + li {
  border-top: 1px solid var(--line);
  margin-top: 6px;
  padding-top: 6px;
}

.scenario-module__GHd3HW__psMenu .scenario-module__GHd3HW__ssOptDanger, .scenario-module__GHd3HW__psMenu .scenario-module__GHd3HW__ssOptDanger:hover {
  color: var(--red);
}

.scenario-module__GHd3HW__psMenu .scenario-module__GHd3HW__ssOptDanger .scenario-module__GHd3HW__ssOptIco, .scenario-module__GHd3HW__psMenu .scenario-module__GHd3HW__ssOptOn .scenario-module__GHd3HW__ssOptIco {
  color: inherit;
}

.scenario-module__GHd3HW__psMenu .scenario-module__GHd3HW__ssOptOn, .scenario-module__GHd3HW__psMenu .scenario-module__GHd3HW__ssOptOn:hover {
  color: var(--accent-d);
  background: none;
}

.scenario-module__GHd3HW__psLeft {
  left: 0;
  right: auto;
}

.scenario-module__GHd3HW__psRight {
  left: auto;
  right: 0;
}

.scenario-module__GHd3HW__psSecTitle {
  color: var(--mut);
  margin: 4px 0 2px;
  padding: 4px 12px 2px;
  font-size: 11.5px;
  font-weight: 600;
}

.scenario-module__GHd3HW__psSecList {
  margin: 0;
  padding: 0;
  list-style: none;
}

.scenario-module__GHd3HW__psCheck {
  color: var(--accent-d);
  flex: none;
  margin-left: auto;
}

.scenario-module__GHd3HW__pfCollRemove:active, .scenario-module__GHd3HW__pfFcAdd:active, .scenario-module__GHd3HW__pfPickRowBtn:active, .scenario-module__GHd3HW__pfPickStep:active, .scenario-module__GHd3HW__pfSuggestItem:active, .scenario-module__GHd3HW__ssOpt:active {
  background: var(--press);
}

.scenario-module__GHd3HW__ssSheetBtn {
  text-align: left;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.scenario-module__GHd3HW__ssSheetText {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  min-width: 0;
  overflow: hidden;
}

.scenario-module__GHd3HW__ssSheetChevron {
  color: var(--mut);
  flex: none;
}

.scenario-module__GHd3HW__psMenu[data-phone] {
  min-width: min(62.0865vw, 250px);
}

.scenario-module__GHd3HW__psMenu[data-phone] button {
  min-height: var(--menu-row);
  font-size: var(--menu-fs);
  padding: 0 14px;
  font-weight: 400;
  line-height: 20px;
}

.scenario-module__GHd3HW__psMenu[data-phone] button:has(.scenario-module__GHd3HW__ssOptIco) {
  padding-left: calc(26.5px - var(--bub-pad));
  gap: 13.5px;
}

.scenario-module__GHd3HW__psMenu[data-phone] .scenario-module__GHd3HW__ssOptIco {
  width: var(--menu-ico);
  color: inherit;
}

.scenario-module__GHd3HW__psMenu[data-phone] .scenario-module__GHd3HW__ssOptIco svg {
  width: var(--menu-ico);
  height: var(--menu-ico);
}

.scenario-module__GHd3HW__psMenu[data-phone] button:has(.scenario-module__GHd3HW__ssOptDesc) {
  padding-top: 6px;
  padding-bottom: 6px;
}

.scenario-module__GHd3HW__psMenu[data-phone] .scenario-module__GHd3HW__ssOptDesc {
  font-size: var(--menu-sub-fs);
  margin-top: 0;
  line-height: 17px;
}

.scenario-module__GHd3HW__psMenu[data-phone] > li + li {
  margin-top: var(--menu-sep);
  padding-top: var(--menu-sep);
  border-top: 0;
  position: relative;
}

.scenario-module__GHd3HW__psMenu[data-phone] > li + li:before {
  content: "";
  border-top: 1px solid var(--line);
  position: absolute;
  top: -1px;
  left: 18px;
  right: 18px;
}

/* [project]/apps/web/src/components/legal/legal.css [app-client] (css) */
.legal {
  background: var(--bg);
  min-height: 100dvh;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.45;
  position: relative;
}

.legal:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(46vw 38vh at 88% 8%, color-mix(in srgb, var(--accent-soft) 96%, transparent), transparent 70%), radial-gradient(40vw 34vh at 6% 62%, color-mix(in srgb, var(--green-soft) 84%, transparent), transparent 72%);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (max-width: 820px) {
  html:not(.app) .legal:before {
    background: var(--page-spots);
  }

  html:not(.app):has(body .legal) {
    background: var(--top-strip);
  }
}

.legal > header, .legal > main, .legal > footer {
  z-index: 1;
  position: relative;
}

.legal .wrap {
  max-width: 760px;
  padding-inline: var(--ctl-edge);
  margin: 0 auto;
}

@media (min-width: 821px) {
  .legal .wrap {
    padding-left: 22px;
    padding-right: 22px;
  }
}

.legal header {
  padding: 18px 0;
}

.legal .brand {
  color: var(--ink);
  align-items: center;
  gap: 9px;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.legal main {
  padding: 30px 0 64px;
}

.legal h1 {
  letter-spacing: 0;
  margin-bottom: 6px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
}

.legal .upd {
  color: var(--mut);
  margin-bottom: 28px;
  font-size: 13px;
  font-weight: 400;
}

.legal h2 {
  letter-spacing: 0;
  margin: 30px 0 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

.legal h3 {
  margin: 20px 0 8px;
  font-size: 17px;
  font-weight: 600;
}

.legal p {
  margin: 0 0 12px;
}

.legal ul {
  margin: 0 0 12px;
  padding-left: 22px;
  list-style: outside;
}

.legal li {
  margin-bottom: 6px;
}

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

.legal footer {
  padding: 8px 0 calc(40px + env(safe-area-inset-bottom));
}

.legal .sig {
  color: var(--mut);
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  display: flex;
}

.legal .head-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.legal .topctl {
  gap: 8px;
  display: flex;
}

.legal .tctl {
  background: color-mix(in srgb, var(--surf) 72%, transparent);
  width: 36px;
  height: 36px;
  -webkit-backdrop-filter: var(--glass);
  backdrop-filter: var(--glass);
  box-shadow: var(--sh-sm);
  color: var(--ink);
  cursor: pointer;
  text-align: center;
  border: none;
  border-radius: 50%;
  place-items: center;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  display: grid;
}

.legal .tctl:hover {
  background: var(--surf);
}

.legal-stop {
  display: none;
}

@media (max-width: 820px) {
  html:not(.app) .legal.has-stop > header, html:not(.app) .legal.has-stop > footer {
    display: none;
  }

  html:not(.app) .legal.has-stop .legal-stop {
    z-index: 5;
    padding: calc(env(safe-area-inset-top, 0px)  + 12px) 16px 10px;
    align-items: center;
    gap: 12px;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }

  html:not(.app) .legal-stop-x {
    background: var(--surf);
    width: 44px;
    height: 44px;
    box-shadow: var(--bub-sh);
    color: var(--ink);
    border-radius: 50%;
    flex: none;
    place-items: center;
    display: grid;
  }

  html:not(.app) .legal-stop-t {
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
    font-size: 17px;
    font-weight: 600;
    overflow: hidden;
  }

  html:not(.app) .legal.has-stop main {
    padding-top: 14px;
  }
}

/* [project]/apps/web/src/components/mock-phone.css [app-client] (css) */
.mps {
  z-index: 2;
  pointer-events: none;
  align-items: center;
  height: 40px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.mps b {
  letter-spacing: 0;
  text-align: center;
  flex: 1 1 0;
  padding-right: 30px;
  font-size: 15px;
  font-weight: 700;
}

.mps-r {
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding-left: 30px;
  display: flex;
}

.mps svg {
  fill: currentColor;
  display: block;
}

.mps .mps-n {
  fill: #fff;
  font-family: inherit;
  font-size: 8px;
  font-weight: 700;
}

.mps-round {
  border-radius: 999px;
  display: block;
}

/* [project]/apps/web/src/components/auth/onboarding.css [app-client] (css) */
.onb {
  z-index: 200;
  padding: calc(64px + env(safe-area-inset-top, 0px)) 20px calc(24px + env(safe-area-inset-bottom, 0px));
  background: var(--bg);
  text-align: center;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.onb-ctl2 {
  top: calc(14px + env(safe-area-inset-top, 0px));
  z-index: 4;
  gap: 8px;
  display: flex;
  position: absolute;
  left: 16px;
}

.onb-tctl {
  border-radius: var(--r-sm);
  border: 1px solid var(--line);
  background: var(--surf);
  width: 38px;
  height: 34px;
  color: var(--ink);
  text-align: center;
  place-items: center;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  display: grid;
}

.onb-mark {
  transform-origin: 0 0;
  z-index: 3;
  width: 96px;
  height: 96px;
  transition: transform .6s cubic-bezier(.4, 0, .2, 1), left .6s cubic-bezier(.4, 0, .2, 1), top .6s cubic-bezier(.4, 0, .2, 1);
  position: absolute;
  top: calc(50% - 40px);
  left: 50%;
  transform: translate(-50%, -50%);
}

.onb.risen[data-mode="hello"] .onb-mark {
  top: calc(50% - 128px);
}

.onb.risen[data-mode="hello"] .onb-mark-nm {
  top: calc(50% - 66px);
}

.onb[data-mode="demo"] .onb-mark {
  left: calc(20px + env(safe-area-inset-left, 0px));
  top: calc(14px + env(safe-area-inset-top, 0px));
  transform: translate(0)scale(.3542);
}

.onb-mark-lg {
  width: 96px;
  height: 96px;
  display: block;
  position: relative;
}

.onb-mark-lg:before, .onb-mark-lg:after {
  content: "";
  z-index: 0;
  border-radius: 26%;
  transition: opacity .3s;
  position: absolute;
  left: 50%;
}

.onb-mark-lg:before {
  width: 78%;
  height: 70%;
  box-shadow: var(--bub-sh);
  background: #efece8;
  top: -14px;
  transform: translateX(-50%);
}

.onb-mark-lg:after {
  width: 88%;
  height: 70%;
  box-shadow: var(--bub-sh);
  background: #e2ded9;
  top: -7px;
  transform: translateX(-50%);
}

html[data-theme="dark"] .onb-mark-lg:before {
  background: #2a2621;
}

html[data-theme="dark"] .onb-mark-lg:after {
  background: #3a352f;
}

.onb-mark-lg .brand-bolt {
  z-index: 1;
  box-shadow: var(--float-sh);
  transition: box-shadow .3s;
  position: relative;
}

.onb[data-mode="demo"] .onb-mark-lg:before, .onb[data-mode="demo"] .onb-mark-lg:after {
  opacity: 0;
}

.onb[data-mode="demo"] .onb-mark-lg .brand-bolt {
  box-shadow: none;
}

.onb-mark-nm {
  letter-spacing: -.01em;
  white-space: nowrap;
  z-index: 3;
  font-size: 24px;
  font-weight: 600;
  transition: left .6s cubic-bezier(.4, 0, .2, 1), top .6s cubic-bezier(.4, 0, .2, 1), transform .6s cubic-bezier(.4, 0, .2, 1), font-size .6s cubic-bezier(.4, 0, .2, 1);
  position: absolute;
  top: calc(50% + 22px);
  left: 50%;
  transform: translateX(-50%);
}

.onb[data-mode="demo"] .onb-mark-nm {
  left: calc(20px + env(safe-area-inset-left, 0px)  + 34px + 9px);
  top: calc(14px + env(safe-area-inset-top, 0px)  + 17px);
  font-size: 16px;
  font-weight: 700;
  transform: translateY(-50%);
}

.onb-hello {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  display: flex;
  position: absolute;
  top: calc(50% - 34px);
  left: 24px;
  right: 24px;
}

.onb-hello-cta {
  left: 24px;
  right: 24px;
  bottom: calc(26px + env(safe-area-inset-bottom, 0px));
  flex-direction: column;
  align-items: center;
  gap: 10px;
  display: flex;
  position: absolute;
}

.onb-h1 {
  letter-spacing: -.02em;
  max-width: 340px;
  margin: 0;
  font-size: 31px;
  font-weight: 700;
  line-height: 1.14;
}

.onb-sub2 {
  max-width: 40ch;
  color: var(--mut);
  white-space: pre-line;
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
}

html.native-pad .onb-orbs {
  display: none;
}

.onb-orbs {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.onb-orb {
  border-radius: 50%;
  position: absolute;
}

.onb-orb.pink {
  background: var(--accent);
  width: 230px;
  height: 230px;
  top: calc(50% - 305px);
  left: -145px;
}

.onb-orb.light {
  background: var(--surf);
  border: 1px solid var(--line);
  width: 180px;
  height: 180px;
  box-shadow: var(--float-sh);
  top: calc(50% - 130px);
  right: -130px;
}

.onb-orb.dark {
  background: var(--ink);
  width: 210px;
  height: 210px;
  bottom: 35px;
  right: -135px;
}

.onb-orb.light2 {
  display: none;
}

.onb-login {
  right: 16px;
  top: calc(14px + env(safe-area-inset-top, 0px));
  border-radius: var(--r-sm);
  border: 1px solid var(--line);
  background: var(--surf);
  height: 34px;
  color: var(--ink);
  z-index: 4;
  align-items: center;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  position: absolute;
}

.onb-chan {
  vertical-align: -3px;
  align-items: center;
  gap: 10px;
  margin-left: 10px;
  display: inline-flex;
}

.onb-chan .ig {
  fill: #e1306c;
}

.onb-chan .tg {
  fill: #229ed9;
}

.onb-go {
  background: var(--ink);
  height: 48px;
  color: var(--bg);
  letter-spacing: -.01em;
  border-radius: 999px;
  padding: 0 26px;
  font-size: 16px;
  font-weight: 600;
}

.onb-hello > * {
  animation: .5s cubic-bezier(.2, .7, .3, 1) both onb-hello-in;
}

.onb-hello > :first-child {
  animation-delay: .5s;
}

.onb-hello > :nth-child(2) {
  animation-delay: .7s;
}

.onb-hello-cta > * {
  animation: .45s cubic-bezier(.2, .7, .3, 1) both onb-hello-in;
}

.onb-hello-cta > :first-child {
  animation-delay: .9s;
}

.onb-hello-cta > :nth-child(2) {
  animation-delay: 1.05s;
}

@keyframes onb-hello-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.onb-pg {
  text-align: left;
  flex: none;
  width: 100%;
  max-width: 480px;
}

.onb-title {
  letter-spacing: -.012em;
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
}

.onb-sub {
  color: var(--mut);
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.35;
}

.onb-note {
  color: var(--mut);
  margin: 3px 0 0;
  font-size: 12px;
  line-height: 1.35;
}

.onb-scene {
  --mk-phone: 44px;
  --mk-h: clamp(390px, 90%, 560px);
  --mk-ig-b: 22px;
  --mk-ig-wb: 18px;
  --mk-ig-btn: 12px;
  --mk-tg-b: 14px;
  --mk-tg-tail: 6px;
  --mk-b-sh: 0 1px 1px rgba(16, 60, 90, .12);
  --ig-bg: #fff;
  --ig-in: #f0f2f5;
  --ig-ink: #000;
  --ig-mut: #686f78;
  --ig-ava: #dbdbdb;
  --ig-out: linear-gradient(180deg, #8a3ae2, #6641f1);
  --ig-ac: #6641f1;
  --ig-cam: linear-gradient(135deg, #8a3ae2, #5453f0);
  --ig-btn: #fff;
  --ig-on-out: #fff;
  --tg-feed: #e7ebf0;
  --tg-chrome: #f6f6f6;
  --tg-line: rgba(0, 0, 0, .07);
  --tg-in: #fff;
  --tg-out: #effdde;
  --tg-ink2: #000;
  --tg-mut2: #8aa0ad;
  --tg-ac: #2481cc;
  --tg-ava: #229ed9;
  --tg-tick: #4fae4e;
  --tg-btn: rgba(255, 255, 255, .85);
  --tg-day: rgba(116, 134, 150, .55);
  --mk-post-r: 14px;
  --mk-tgk: 7px;
  --mk-prof-r: 10px;
  --ig-send: #6c3df0;
  --mk-art-bg: #f2f4f7;
  --mk-art-ink: #2b3138;
  --mk-art-mut: #aab2bc;
  --mk-art-hi: #31a4b6;
  text-align: left;
  flex: auto;
  width: 100%;
  max-width: 480px;
  min-height: 0;
  margin-top: 12px;
  position: relative;
  overflow: hidden;
}

html[data-theme="dark"] .onb-scene {
  --ig-bg: #000;
  --ig-in: #262626;
  --ig-ink: #f5f5f5;
  --ig-mut: #a8a8a8;
  --ig-ava: #363636;
  --ig-btn: rgba(255, 255, 255, .14);
  --tg-feed: #0e1621;
  --tg-chrome: #17212b;
  --tg-line: rgba(255, 255, 255, .08);
  --tg-in: #182533;
  --tg-out: #2b5278;
  --tg-ink2: #fff;
  --tg-mut2: #7d99b3;
  --tg-ac: #62b0ec;
  --tg-tick: #72c07a;
  --tg-btn: rgba(255, 255, 255, .12);
  --mk-art-bg: #20242a;
  --mk-art-ink: #e8eaed;
  --mk-art-mut: #59636e;
  --mk-art-hi: #4cb6c6;
}

.onb-phone {
  height: var(--mk-h);
  border: 1.5px solid color-mix(in srgb, var(--ink) 10%, transparent);
  border-radius: var(--mk-phone) var(--mk-phone) 0 0;
  border-bottom: 0;
  flex-direction: column;
  max-height: calc(100% - 40px);
  display: flex;
  position: absolute;
  bottom: 40px;
  left: 4.5%;
  right: 4.5%;
  overflow: hidden;
}

.onb-deck {
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  flex: auto;
  align-self: stretch;
  width: calc(100% + 40px);
  min-height: 0;
  margin: 0 -20px;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}

.onb-deck::-webkit-scrollbar {
  display: none;
}

.onb-page {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  flex-direction: column;
  flex: 0 0 100%;
  min-height: 0;
  padding: 0 20px;
  display: flex;
}

.onb-page.ghost {
  scroll-snap-align: none;
  flex: 0 0 55%;
}

.onb-phone.ig .mps {
  color: var(--ig-ink);
}

.onb-phone.tg .mps {
  color: var(--tg-ink2);
}

.onb-phone.ig .mps .mps-n {
  fill: var(--ig-bg);
}

.onb-phone.tg .mps .mps-n {
  fill: var(--tg-feed);
}

.onb-phone .onb-ph-top, .onb-phone .onb-ph-body {
  zoom: .9;
}

.onb-phone.ig {
  background: var(--ig-bg);
}

.onb-phone.tg {
  border-color: color-mix(in srgb, var(--ink) 10%, transparent);
  background: radial-gradient(at 18% 12%, #5d9df7 0, rgba(93, 157, 247, 0) 52%), radial-gradient(at 82% 22%, #b78bf2 0, rgba(183, 139, 242, 0) 50%), radial-gradient(at 88% 68%, #f5a3bf 0, rgba(245, 163, 191, 0) 48%), radial-gradient(at 22% 88%, #f7d27f 0, rgba(247, 210, 127, 0) 52%), radial-gradient(at 55%, #d7b3f4 0, rgba(215, 179, 244, 0) 60%), linear-gradient(160deg, #79b3f3 0%, #c9a6f0 48%, #f6c98f 100%) padding-box padding-box;
}

.onb-island {
  z-index: 4;
  background: color-mix(in srgb, var(--ink) 18%, transparent);
  border-radius: 999px;
  width: 60px;
  height: 18px;
  margin-left: -30px;
  position: absolute;
  top: 10px;
  left: 50%;
}

.onb-ph-top {
  box-sizing: border-box;
  flex: none;
  align-items: center;
  gap: 8px;
  min-height: 82px;
  padding: 40px 12px 10px;
  display: flex;
}

.onb-ph-top.ig {
  background: var(--ig-bg);
  border-bottom: 1px solid var(--ig-in);
}

.onb-back {
  color: var(--ig-ink);
  flex: none;
  margin-left: -4px;
}

.onb-ring {
  background: conic-gradient(from 210deg, #f9ce34, #ee2a7b, #6228d7, #f9ce34);
  border-radius: 999px;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.onb-ring .onb-ava {
  border: 2px solid var(--ig-bg);
  width: 30px;
  height: 30px;
}

.onb-ph-act {
  color: var(--ig-ink);
  align-items: center;
  gap: 14px;
  margin-left: auto;
  display: flex;
}

.onb-hdr-ig {
  color: var(--ig-ink);
  flex: none;
  margin-left: auto;
}

.onb-ph-top.tg {
  background: var(--tg-chrome);
}

.onb-ava {
  border-radius: 999px;
  flex: none;
  width: 28px;
  height: 28px;
}

.onb-ava.ig {
  background: var(--ig-ava);
}

.onb-ava.own {
  background: none;
  place-items: center;
  display: grid;
}

.onb-ava.own .brand-bolt, .onb-b-ava.own .brand-bolt {
  border-radius: 999px;
}

.onb-ava.tg {
  background: var(--tg-ava);
}

.onb-ph-who {
  flex-direction: column;
  min-width: 0;
  line-height: 1.2;
  display: flex;
}

.onb-ph-who b {
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 600;
}

.onb-ph-who i {
  font-size: 11px;
  font-style: normal;
}

.onb-ph-top.ig .onb-ph-who b {
  color: var(--ig-ink);
  font-size: 14px;
  font-weight: 700;
}

.onb-ph-top.ig .onb-ph-who i {
  color: var(--ig-mut);
}

.onb-ph-top.tg .onb-ph-who b {
  color: var(--tg-ink2);
}

.onb-ph-top.tg .onb-ph-who i {
  color: var(--tg-mut2);
}

.onb-ph-body {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  padding: 0 12px 46px;
  display: flex;
  position: relative;
}

.onb-feed {
  flex-direction: column;
  flex: auto;
  justify-content: flex-end;
  gap: 5px;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.onb-feed.dm-in {
  animation: .5s cubic-bezier(.22, .8, .24, 1) both onb-dm-in;
}

@keyframes onb-dm-in {
  from {
    opacity: 0;
    transform: translateX(56px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.onb-scene.bare .onb-feed {
  justify-content: center;
  gap: 12px;
}

.onb-bare {
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 12px;
  left: 8px;
  right: 8px;
}

.onb-row {
  animation: .5s cubic-bezier(.22, .8, .24, 1) both onb-in;
  display: flex;
}

.onb-row.me {
  justify-content: flex-end;
}

.onb-row.them {
  justify-content: flex-start;
}

.onb-scene.bare .onb-row.them {
  justify-content: center;
}

@keyframes onb-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.onb-b {
  letter-spacing: 0;
  max-width: 84%;
  font-size: 14px;
  line-height: 1.35;
}

.onb-b.ig {
  border-radius: var(--mk-ig-b);
  padding: 9px 14px;
}

.onb-b.ig.them {
  background: var(--ig-in);
  color: var(--ig-ink);
}

.onb-b.ig.me {
  background: var(--ig-out);
  color: var(--ig-on-out);
}

.onb-b.ig.them.wbtn {
  border-radius: var(--mk-ig-wb);
  width: 80%;
  padding: 11px 12px 10px 14px;
  display: block;
}

.onb-bchip {
  border-radius: var(--mk-ig-btn);
  background: var(--ig-btn);
  letter-spacing: 0;
  width: 100%;
  height: 42px;
  color: var(--ig-ink);
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.onb-b.tg {
  border-radius: var(--mk-tg-b);
  box-shadow: var(--mk-b-sh);
  color: var(--tg-ink2);
  padding: 7px 12px 5px;
  position: relative;
}

.onb-tgwrap {
  flex-direction: column;
  max-width: 84%;
  display: flex;
}

.onb-tgwrap .onb-b.tg {
  max-width: none;
}

.onb-tgkeys {
  flex-direction: column;
  gap: 3px;
  margin-top: 3px;
  display: flex;
}

.onb-tgk {
  border-radius: var(--mk-tgk);
  background: var(--tg-btn);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  height: 36px;
  color: var(--tg-ac);
  justify-content: center;
  align-items: center;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  transition: background .3s;
  display: flex;
}

.onb-tgk.live {
  animation: 1.1s ease-in-out infinite alternate onb-key-glow;
}

.onb-tgk:not(.live) {
  pointer-events: none;
}

.onb-tgk.hit {
  animation: .4s onb-key-hit;
}

@keyframes onb-key-hit {
  from {
    background: #fff;
  }

  to {
    background: var(--tg-btn);
  }
}

@keyframes onb-key-glow {
  from {
    background: var(--tg-btn);
  }

  to {
    background: #fff;
  }
}

.onb-tgk.wig {
  animation: .55s ease-in-out onb-wig-r;
}

@keyframes onb-wig-r {
  0%, 100% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(5px);
  }

  55% {
    transform: translateX(1px);
  }

  80% {
    transform: translateX(4px);
  }
}

.onb-b.tg.them {
  background: var(--tg-in);
  border-bottom-left-radius: var(--mk-tg-tail);
}

.onb-b.tg.me {
  background: var(--tg-out);
  border-bottom-right-radius: var(--mk-tg-tail);
}

.onb-tm {
  color: var(--tg-mut2);
  justify-content: flex-end;
  align-items: center;
  gap: 2px;
  margin-top: 2px;
  font-size: 11px;
  display: flex;
}

.onb-tm svg {
  color: var(--tg-tick);
}

.onb-prof {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  margin: auto 0;
  padding: 14px 12px 10px;
  display: flex;
}

.onb-prof-ava {
  margin-bottom: 6px;
}

.onb-prof-ava .brand-bolt {
  border-radius: 999px;
}

.onb-prof b {
  color: var(--ig-ink);
  font-size: 15px;
  font-weight: 700;
}

.onb-prof-n {
  color: var(--ig-mut);
  font-size: 12.5px;
}

.onb-prof-btn {
  border-radius: var(--mk-prof-r);
  background: var(--ig-in);
  color: var(--ig-ink);
  margin-top: 9px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
}

.onb-prof-note {
  color: var(--ig-mut);
  margin-top: 10px;
  font-size: 11.5px;
  line-height: 1.4;
}

.onb-note-row {
  justify-content: center;
  margin: 4px 0 10px;
}

.onb-note-btn {
  background: var(--surf);
  height: 40px;
  box-shadow: var(--float-sh);
  color: var(--ig-ink);
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
}

.onb-note-dot {
  background: var(--accent-stroke);
  border-radius: 999px;
  width: 8px;
  height: 8px;
}

.onb-note-btn.live {
  animation: .9s ease-in-out infinite alternate onb-pulse;
}

.onb-note-btn.wig {
  animation: .55s ease-in-out onb-wig;
}

.onb-pava {
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 999px;
  flex: none;
  height: auto;
  display: block;
}

.onb-b-ava {
  background: var(--ig-ava);
  border-radius: 999px;
  flex: none;
  align-self: flex-end;
  width: 22px;
  height: 22px;
  margin-right: 6px;
}

.onb-b-ava.own {
  background: none;
  place-items: center;
  display: grid;
}

.onb-b-ava.ghost {
  visibility: hidden;
}

.onb-meta {
  color: var(--ig-mut);
  flex: none;
  align-self: center;
  margin-bottom: 2px;
  font-size: 11px;
  font-weight: 500;
}

.onb-tgstart {
  text-align: center;
  flex-direction: column;
  flex: auto;
  align-items: center;
  gap: 6px;
  padding: 0 6px 8px;
  display: flex;
}

.onb-tgs-ava {
  place-items: center;
  width: 64px;
  height: 64px;
  margin-top: auto;
  margin-bottom: 2px;
  display: grid;
}

.onb-tgstart > b {
  color: var(--tg-ink2);
  font-size: 15px;
  font-weight: 700;
}

.onb-tgs-card {
  border-radius: var(--mk-tg-b);
  background: var(--tg-in);
  box-shadow: var(--mk-b-sh);
  text-align: left;
  margin-top: 10px;
  margin-bottom: auto;
  padding: 12px 14px;
}

.onb-tgs-card b {
  color: var(--tg-ink2);
  margin-bottom: 4px;
  font-size: 13.5px;
  font-weight: 700;
  display: block;
}

.onb-tgs-card p {
  color: var(--tg-ink2);
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
}

.onb-tgs-go {
  border-radius: var(--mk-tg-b);
  background: var(--tg-ac);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff;
  width: 100%;
  height: 44px;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 600;
}

.onb-tgs-go.live {
  animation: .9s ease-in-out infinite alternate onb-pulse-wide;
}

@keyframes onb-pulse-wide {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.025);
  }
}

.onb-tgs-go.wig {
  animation: .55s ease-in-out onb-wig;
}

.onb-typ {
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 11px 14px;
  display: inline-flex;
}

.onb-typ.ig {
  background: var(--ig-in);
  color: var(--ig-mut);
}

.onb-typ.tg {
  background: var(--tg-in);
  box-shadow: var(--mk-b-sh);
  color: var(--tg-mut2);
}

.onb-typ i {
  background: currentColor;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  animation: 1.35s ease-in-out infinite onb-dot;
}

.onb-typ i:nth-child(2) {
  animation-delay: .15s;
}

.onb-typ i:nth-child(3) {
  animation-delay: .3s;
}

@keyframes onb-dot {
  0%, 60%, 100% {
    opacity: .25;
  }

  30% {
    opacity: 1;
  }
}

.onb-post2 {
  justify-content: stretch;
}

.onb-post2-in {
  flex-direction: column;
  flex: auto;
  display: flex;
}

.onb-post2-head {
  color: var(--ig-ink);
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.onb-post2-head .onb-cmt-a {
  width: 26px;
  height: 26px;
}

.onb-post2-head svg {
  color: var(--ig-ink);
  margin-left: auto;
}

.onb-post2-img {
  display: block;
}

.onb-post2-img img {
  width: 100%;
  height: auto;
  display: block;
}

.onb-post2-act {
  color: var(--ig-ink);
  align-items: center;
  gap: 14px;
  padding: 8px 10px 2px;
  display: flex;
}

.onb-post2-cap {
  color: var(--ig-ink);
  padding: 4px 10px 10px;
  font-size: 13px;
  line-height: 1.35;
}

.onb-post2-cmt {
  color: var(--ig-ink);
  align-items: center;
  gap: 8px;
  padding: 0 0 5px;
  font-size: 12.5px;
  display: flex;
}

.onb-cmt-a.sm {
  border-radius: 999px;
  flex: none;
  width: 20px;
  height: 20px;
}

.onb-cmt {
  align-items: flex-start;
  gap: 8px;
}

.onb-cmt.re {
  padding-left: 22px;
}

.onb-cmt-a {
  background: var(--ig-ava);
  border-radius: 999px;
  flex: none;
  width: 26px;
  height: 26px;
}

.onb-cmt-t {
  color: var(--ig-ink);
  font-size: 12.5px;
  line-height: 1.4;
}

.onb-cmt-t b {
  margin-right: 4px;
  font-weight: 600;
}

.onb-cmt-t strong {
  font-weight: 700;
}

.onb-sep {
  justify-content: center;
  animation: .5s cubic-bezier(.22, .8, .24, 1) both onb-in;
  display: flex;
}

.onb-sep span {
  background: color-mix(in srgb, var(--ink) 6%, transparent);
  color: var(--mut);
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.onb-day {
  justify-content: center;
  margin: 4px 0 2px;
  animation: .5s cubic-bezier(.22, .8, .24, 1) both onb-in;
  display: flex;
}

.onb-day span {
  color: #fff;
  background: var(--tg-day);
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 11.5px;
  font-weight: 600;
}

.onb-file, .onb-prod {
  align-items: center;
  gap: 10px;
  display: flex;
}

.onb-file-i {
  border-radius: var(--r-sm);
  flex: none;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.onb-b.ig .onb-file-i {
  background: var(--ig-bg);
  color: var(--ig-ac);
}

.onb-b.tg .onb-file-i {
  background: color-mix(in srgb, var(--tg-ac) 14%, transparent);
  color: var(--tg-ac);
}

.onb-file-n, .onb-prod-n {
  font-size: 13.5px;
  font-weight: 600;
}

.onb-file-s {
  opacity: .6;
  font-size: 12px;
}

.onb-prod-ph {
  border-radius: var(--r-sm);
  background: color-mix(in srgb, var(--tg-ink2) 8%, transparent);
  flex: none;
  width: 46px;
  height: 46px;
}

.onb-prod-p {
  font-size: 15px;
  font-weight: 700;
}

.onb-chip {
  letter-spacing: 0;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
}

.onb-chip.own {
  border: 1px solid var(--accent-stroke);
  height: 34px;
  color: var(--accent-stroke);
  border-radius: 999px;
  padding: 0 16px;
}

.onb-comp {
  z-index: 3;
  flex: none;
  align-items: center;
  gap: 8px;
  padding-top: 8px;
  display: flex;
  position: relative;
}

.onb-field {
  border-radius: 999px;
  flex: auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  height: 40px;
  padding: 0 8px 0 12px;
  display: flex;
}

.onb-comp.ig .onb-field {
  border: 1px solid color-mix(in srgb, var(--ig-ink) 12%, transparent);
  background: var(--ig-bg);
  gap: 6px;
  padding-left: 4px;
}

.onb-scene.own .onb-comp.ig {
  padding-top: 4px;
}

.onb-scene.own .onb-comp.ig .onb-field {
  background: var(--ig-in);
  border: 0;
}

.onb-comp.tg .onb-field {
  background: var(--tg-in);
  box-shadow: var(--mk-b-sh);
}

.onb-cam {
  background: var(--ig-cam);
  color: #fff;
  border-radius: 999px;
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.onb-clip {
  color: var(--tg-mut2);
  flex: none;
}

.onb-cam2 {
  color: var(--ig-mut);
  flex: none;
  margin-left: 6px;
}

.onb-fx {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: auto;
  min-width: 0;
  font-size: 13.5px;
  overflow: hidden;
}

.onb-comp.ig .onb-fx {
  color: var(--ig-ink);
  font-size: 12.5px;
}

.onb-comp.tg .onb-fx {
  color: var(--tg-ink2);
}

.onb-comp.ig .onb-fx.ph {
  color: var(--ig-mut);
}

.onb-comp.tg .onb-fx.ph {
  color: var(--tg-mut2);
}

.onb-send {
  border-radius: 999px;
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.onb-send.ig {
  color: var(--ig-ac);
}

.onb-send.own {
  background: var(--ig-send);
  color: #fff;
  border-radius: 999px;
  width: 52px;
  height: 34px;
}

.onb-cico {
  color: var(--ig-ink);
  flex: none;
  align-items: center;
  gap: 8px;
  margin-right: 2px;
  display: flex;
}

.onb-send.tg {
  width: 36px;
  height: 36px;
  color: var(--tg-ac);
}

.onb-chip.live, .onb-bchip.live, .onb-send.live {
  animation: .9s ease-in-out infinite alternate onb-pulse;
}

@keyframes onb-pulse {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.12);
  }
}

.onb-chip.wig, .onb-bchip.wig, .onb-send.wig, .onb-hint.wig, .onb-way.wig {
  animation: .55s ease-in-out onb-wig;
}

@keyframes onb-wig {
  0%, 100% {
    transform: translateX(0);
  }

  15% {
    transform: translateX(-6px);
  }

  35% {
    transform: translateX(6px);
  }

  55% {
    transform: translateX(-4px);
  }

  78% {
    transform: translateX(4px);
  }
}

.onb-fade {
  z-index: 2;
  background: linear-gradient(to bottom, transparent, var(--bg));
  pointer-events: none;
  height: 46px;
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
}

.onb-scene.tgm .onb-fade {
  background: linear-gradient(to bottom, transparent, var(--bg) 58%);
}

.onb-hint {
  z-index: 3;
  text-align: center;
  color: var(--mut);
  opacity: 0;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 13.5px;
  font-weight: 400;
  transition: opacity .25s;
  display: flex;
  position: absolute;
  bottom: 36px;
  left: 0;
  right: 0;
}

.onb-hint.on {
  opacity: 1;
}

.onb-send-arrow {
  z-index: 3;
  color: var(--accent-stroke);
  pointer-events: none;
  animation: 1.1s ease-in-out infinite onb-updown;
  position: absolute;
  bottom: 50px;
  right: calc(4.5% + 33px);
}

@keyframes onb-updown {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-7px);
  }
}

.onb-endrow {
  z-index: 3;
  justify-content: center;
  align-items: center;
  gap: 22px;
  animation: .5s cubic-bezier(.22, .8, .24, 1) both onb-in;
  display: flex;
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
}

.onb-again {
  white-space: nowrap;
  color: var(--ink);
  align-items: center;
  gap: 7px;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 600;
  display: flex;
}

.onb-next {
  background: var(--accent);
  white-space: nowrap;
  color: #191512;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  height: 52px;
  padding: 0 22px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.onb-scene.own .onb-comp.ig .onb-field {
  gap: 11px;
}

.onb-hint.shine svg {
  color: var(--mut);
}

.onb-hint.shine span {
  background: linear-gradient(90deg, var(--mut) 25%, var(--ink) 50%, var(--mut) 75%);
  color: rgba(0, 0, 0, 0);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 2.4s linear infinite onb-shine;
}

@keyframes onb-shine {
  from {
    background-position: 150% 0;
  }

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

.onb-scene.own .onb-bchip {
  animation: .4s cubic-bezier(.22, .8, .24, 1) both onb-chip-grow;
  position: relative;
  overflow: hidden;
}

.onb-scene.own .onb-bchip.live, .onb-scene.own .onb-bchip.wig {
  animation: .4s cubic-bezier(.22, .8, .24, 1) both onb-chip-grow;
}

@keyframes onb-chip-grow {
  from {
    opacity: 0;
    max-height: 0;
    margin-top: 0;
  }

  to {
    opacity: 1;
    max-height: 42px;
    margin-top: 10px;
  }
}

.onb-scene.own .onb-bchip.live:after {
  content: "";
  background: linear-gradient(105deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, .85), rgba(0, 0, 0, 0));
  width: 45%;
  animation: 1.9s ease-in-out infinite onb-gloss;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -60%;
}

@keyframes onb-gloss {
  0% {
    left: -60%;
  }

  55%, 100% {
    left: 115%;
  }
}

.onb-ways {
  flex-direction: column;
  gap: 12px;
  padding: 0 4px;
  display: flex;
}

.onb-way {
  border-radius: var(--bub-r);
  background: var(--surf);
  width: 100%;
  box-shadow: var(--float-sh);
  text-align: left;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  animation: .45s cubic-bezier(.2, .7, .3, 1) both onb-in;
  display: flex;
}

.onb-way-i {
  background: var(--accent-soft);
  width: 40px;
  height: 40px;
  color: var(--accent-stroke);
  border-radius: 999px;
  flex: none;
  place-items: center;
  display: grid;
}

.onb-way-t {
  color: var(--ink);
  flex: auto;
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.3;
}

.onb-way-c {
  background: color-mix(in srgb, var(--green, #0fa3b1) 14%, transparent);
  width: 24px;
  height: 24px;
  color: var(--green, #0fa3b1);
  opacity: 0;
  border-radius: 999px;
  flex: none;
  place-items: center;
  transition: opacity .2s;
  display: grid;
}

.onb-way.done .onb-way-c {
  opacity: 1;
}

.onb-svc {
  opacity: .3;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.onb-svc-i {
  animation: 7s ease-in-out infinite alternate onb-drift;
  display: block;
}

.onb-svc-i img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 30px;
  height: 30px;
  display: block;
}

.onb-svc-i.pair .dk, html[data-theme="dark"] .onb-svc-i.pair .lt {
  display: none;
}

html[data-theme="dark"] .onb-svc-i.pair .dk {
  display: block;
}

@keyframes onb-drift {
  from {
    transform: translateY(-6px);
  }

  to {
    transform: translateY(6px);
  }
}

.onb-cel {
  z-index: 5;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.onb-cel-i {
  transform: translateY(calc(-50% + var(--i) * 54px));
  place-items: center;
  display: grid;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.onb-plate {
  z-index: 2;
  border-radius: var(--r-lg);
  background: var(--surf);
  max-width: 88%;
  min-height: 44px;
  box-shadow: var(--float-sh);
  color: var(--ink);
  text-align: left;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.25;
  animation: .6s cubic-bezier(.22, .8, .24, 1) both onb-plate-in, .3s ease-in 2.6s both onb-plate-out;
  display: inline-flex;
  position: relative;
}

.onb-plate-c {
  background: color-mix(in srgb, var(--green, #0fa3b1) 14%, transparent);
  width: 26px;
  height: 26px;
  color: var(--green, #0fa3b1);
  border-radius: 999px;
  flex: none;
  place-items: center;
  display: grid;
}

@keyframes onb-plate-in {
  from {
    opacity: 0;
    transform: scale(.7);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes onb-plate-out {
  from {
    opacity: 1;
    transform: none;
  }

  to {
    opacity: 0;
    transform: translateY(-40px);
  }
}

.onb-conf {
  z-index: 1;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
}

.onb-bit {
  border-radius: 50%;
  width: 4px;
  height: 4px;
  animation: 2.2s cubic-bezier(.25, .6, .5, 1) both onb-conf;
  position: absolute;
}

.onb-bit.bar {
  border-radius: 0;
  width: 3px;
  height: 6px;
}

.onb-bit.c0 {
  background: var(--accent);
}

.onb-bit.c1 {
  background: var(--accent-soft);
}

.onb-bit.c2 {
  background: var(--accent-stroke);
}

.onb-bit.c3 {
  background: var(--green, #0fa3b1);
}

@keyframes onb-conf {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0)rotate(0);
  }

  35% {
    opacity: 1;
    transform: translate3d(var(--x1), var(--y1), 0) rotate(calc(var(--r) * .4));
  }

  100% {
    opacity: 0;
    transform: translate3d(var(--x), var(--y), 0) rotate(var(--r));
  }
}

.onb-ctl {
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 480px;
  display: flex;
}

.onb-pips {
  align-items: center;
  gap: 7px;
  margin-bottom: 2px;
  display: flex;
}

.onb-pip {
  background: color-mix(in srgb, var(--ink) 18%, transparent);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  transition: width .2s, background .2s;
}

.onb-pip.on {
  background: var(--accent-stroke);
  border-radius: 999px;
  width: 20px;
}

.onb-skip {
  color: var(--mut);
  padding: 6px 10px;
  font-size: 14px;
}

.onb-foot {
  place-items: center;
  height: 46px;
  display: grid;
}

html.in-sheet .onb {
  padding-top: 28px;
}

html.in-sheet .onb-ctl2, html.in-sheet .onb-mark, html.in-sheet .onb-mark-nm, html.in-sheet .onb-login {
  display: none;
}

html.native-pad .onb-deck {
  flex: 0 auto;
  margin-top: auto;
}

html.native-pad .onb-page .onb-scene {
  flex: 0 auto;
  height: 600px;
}

html.native-pad .onb-ctl {
  margin-bottom: auto;
}

@media (max-height: 700px) {
  .onb {
    padding-top: calc(58px + env(safe-area-inset-top, 0px));
    gap: 10px;
  }

  .onb-title {
    font-size: 22px;
  }

  .onb-scene {
    margin-top: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .onb-mark, .onb-mark-nm, .onb-mark-lg:before, .onb-mark-lg:after, .onb-mark-lg .brand-bolt {
    transition: none;
  }

  .onb-hello > *, .onb-hello-cta > *, .onb-row, .onb-sep, .onb-day, .onb-way, .onb-svc-i, .onb-typ i, .onb-chip, .onb-send, .onb-plate {
    animation: none;
  }

  .onb-row, .onb-sep, .onb-day, .onb-way, .onb-plate {
    opacity: 1;
    transform: none;
  }

  .onb-typ {
    display: none;
  }

  .onb-pip {
    transition: none;
  }
}

@media (max-width: 820px) {
  html:not(.app) .onb.risen[data-mode="hello"] .onb-mark {
    top: calc(50% - 172px);
  }

  html:not(.app) .onb.risen[data-mode="hello"] .onb-mark-nm {
    font-size: 19px;
    top: calc(50% - 110px);
  }

  html:not(.app) .onb-hello {
    gap: 24px;
    top: calc(50% - 55px);
    left: 24px;
    right: 24px;
  }

  html:not(.app) .onb-h1 {
    letter-spacing: -.033em;
    max-width: none;
    padding: 0 4px;
    font-size: 36px;
    font-weight: 600;
    line-height: 37px;
  }

  html:not(.app) .onb-chan {
    vertical-align: -5px;
    gap: 9px;
    margin-left: 9px;
  }

  html:not(.app) .onb-chan svg {
    width: 30px;
    height: 30px;
  }

  html:not(.app) .onb-sub2 {
    max-width: none;
    font-size: 16px;
    line-height: 19px;
  }

  html:not(.app) .onb[data-mode="hello"] {
    background: var(--sheet-bg, var(--bg));
  }

  html:not(.app) .onb[data-mode="hello"] .onb-mark-lg:before, html:not(.app) .onb[data-mode="hello"] .onb-mark-lg:after, html:not(.app) .onb[data-mode="hello"] .onb-mark-lg .brand-bolt, html:not(.app) .onb-orb.light, html:not(.app) .onb-orb.light2 {
    box-shadow: none;
  }

  html:not(.app) .onb-hello-cta {
    bottom: calc(97px + max(env(safe-area-inset-bottom, 0px), 34px));
    gap: 10px;
  }

  html:not(.app) .onb-go {
    height: 58px;
    color: var(--surf);
    padding: 0 26px;
    font-size: 17px;
    font-weight: 600;
  }

  html:not(.app) .onb-ctl2 {
    left: auto;
    right: 16px;
  }

  html:not(.app) .onb-login {
    left: 16px;
    right: auto;
  }

  html:not(.app) .onb-tctl svg {
    width: 22px;
    height: 22px;
  }

  html:not(.app) .onb-skip {
    color: var(--mut);
    padding: 0;
    font-size: 14px;
    line-height: 29px;
  }

  html:not(.app) .onb-orb.pink {
    width: 230px;
    height: 230px;
    top: 100px;
    left: -176px;
  }

  html:not(.app) .onb-orb.light {
    width: 180px;
    height: 180px;
    top: 150px;
    right: -123px;
  }

  html:not(.app) .onb-orb.dark {
    width: 250px;
    height: 250px;
    top: 490px;
    bottom: auto;
    right: -197px;
  }

  html:not(.app) .onb-orb.light2 {
    background: var(--surf);
    border: 1px solid var(--line);
    width: 190px;
    height: 190px;
    display: block;
    top: 490px;
    left: -139px;
  }
}

.onb-card {
  display: contents;
}

.onb-deckbg, .onb-grab {
  display: none;
}

@media (max-width: 820px) {
  html:not(.app) .onb[data-mode="demo"] {
    padding: var(--m-sheet-top, max(calc(env(safe-area-inset-top, 0px)  + 6px), 20px)) 0 0;
    background: none;
    gap: 0;
  }

  html:not(.app) .onb-deckbg {
    z-index: 0;
    background: var(--sheet-bg, var(--bg));
    transform-origin: 50% 0;
    transform: translateY(calc(var(--m-sheet-top, max(calc(env(safe-area-inset-top, 0px)  + 6px), 20px))  - var(--m-deck-peek))) scale(var(--m-deck-scale));
    filter: brightness(calc(1 - var(--m-deck-dim)));
    clip-path: inset(0 round var(--m-deck-r) var(--m-deck-r) 0 0);
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  html:not(.app) .onb-deckbg .onb-orb {
    display: block;
  }

  html:not(.app) .onb-card {
    z-index: 1;
    min-height: 0;
    padding: 28px 20px calc(24px + max(env(safe-area-inset-bottom, 0px), 34px));
    background: var(--bg);
    border-radius: var(--m-sheet-r) var(--m-sheet-r) 0 0;
    box-shadow: var(--m-sheet-sh);
    flex-direction: column;
    flex: auto;
    align-self: stretch;
    align-items: center;
    gap: 14px;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  html:not(.app) .onb-grab {
    background: color-mix(in srgb, var(--ink) 28%, transparent);
    border-radius: 3px;
    width: 36px;
    height: 5px;
    display: block;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
  }

  html:not(.app) .onb.in-tour .onb-ctl2 {
    display: none;
  }

  html:not(.app):has(.onb.in-tour) .auth-corner {
    display: none;
  }

  html:not(.app):has(.onb[data-mode="demo"]) .auth-corner {
    display: none;
  }

  html:not(.app) .onb[data-mode="demo"] .onb-mark, html:not(.app) .onb[data-mode="demo"] .onb-mark-nm {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  html:not(.app) .cab.has-sheet .onb-login, html:not(.app) .cab.has-sheet .onb-ctl2 {
    visibility: hidden;
  }
}

/* [project]/apps/web/src/components/help/help.css [app-client] (css) */
.legal.help .wrap {
  max-width: 900px;
}

.legal.help .help-lead {
  color: var(--mut);
  margin: 0 0 26px;
  font-size: 15px;
}

.help-sec {
  margin-bottom: 26px;
}

.help-sec-desc {
  color: var(--mut);
  margin: -4px 0 12px;
  font-size: 13px;
}

.legal.help .help-list {
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.legal.help .help-list li {
  margin: 0;
  list-style: none;
}

.help-list a {
  border-radius: var(--bub-r);
  background: var(--surf);
  color: var(--ink);
  border: none;
  padding: 14px 18px;
  text-decoration: none;
  display: block;
}

.help-list a:hover {
  background: var(--hover);
}

.help-item-title {
  font-size: 17px;
  font-weight: 400;
  display: block;
}

.help-item-desc {
  color: var(--mut);
  margin-top: 2px;
  font-size: 13px;
  display: block;
}

.help-crumbs {
  color: var(--mut);
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 400;
}

.help-crumbs a {
  color: var(--mut);
}

.help-crumbs span {
  padding: 0 6px;
}

.help-art {
  grid-template-areas: "toc"
                       "body";
  gap: 20px;
  display: grid;
}

.help-toc {
  grid-area: toc;
}

.help-body {
  grid-area: body;
  min-width: 0;
}

@media (min-width: 900px) {
  .help-art {
    grid-template-columns: minmax(0, 1fr) 210px;
    grid-template-areas: "body toc";
    gap: 34px;
  }
}

.help-toc-cap {
  color: var(--mut);
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 400;
}

.help-toc ul {
  background: var(--surf);
  border-radius: var(--bub-r);
  gap: 0;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  display: grid;
}

.legal.help .help-toc li {
  margin: 0;
  list-style: none;
}

.help-toc a {
  color: var(--ink);
  padding: 10px 18px;
  font-size: 17px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.help-toc a:hover {
  color: var(--accent-stroke);
}

.legal.help .help-anchor {
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}

.legal.help .help-anchor:focus {
  outline: none;
}

.legal.help .help-anchor:focus-visible {
  outline: none;
}

.legal.help .help-body h2 {
  scroll-margin-top: 16px;
}

.help-tw {
  margin: 0 0 14px;
  overflow-x: auto;
}

.help-tw table {
  border-collapse: collapse;
  width: 100%;
  font-size: 15px;
}

.help-tw th, .help-tw td {
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
  padding: 8px 10px;
}

.help-tw th {
  color: var(--mut);
  white-space: nowrap;
  font-weight: 600;
}

.legal.help blockquote {
  border-radius: var(--r-sm);
  background: var(--accent-soft);
  margin: 0 0 14px;
  padding: 10px 14px;
}

.legal.help blockquote p:last-child {
  margin-bottom: 0;
}

.legal.help code {
  background: var(--panel-2);
  border-radius: var(--r-2xs);
  padding: 1px 5px;
  font-size: .92em;
}

.legal.help pre {
  background: var(--panel-2);
  border-radius: var(--r-sm);
  margin: 0 0 14px;
  padding: 12px 14px;
  overflow-x: auto;
}

.legal.help pre code {
  background: none;
  padding: 0;
}

.help-head {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 10px;
  display: flex;
}

.help-head .help-crumbs {
  margin-bottom: 0;
}

.help-share {
  flex: none;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.help-share-note {
  color: var(--mut);
  font-size: 13px;
}

.help-app-note {
  display: none;
}

:root[data-help-app="1"] .help-web-only {
  display: none !important;
}

:root[data-help-app="1"] .help-app-note {
  color: var(--mut);
  display: block;
}

:root[data-help-bare="1"] .legal > header, :root[data-help-bare="1"] .legal > footer, :root[data-help-bare="1"] .help-head, :root[data-help-bare="1"] .legal main h1, :root[data-help-bare="1"] .help-lead {
  display: none;
}

:root[data-help-bare="1"] .legal main {
  padding-top: 0;
}

:root[data-help-bare="1"] .help-body > :first-child {
  margin-top: 0;
}

:root[data-help-bare="1"], :root[data-help-bare="1"] body, :root[data-help-bare="1"] .legal, :root[data-help-bare="1"] .legal > main {
  background: none !important;
}

:root[data-help-bare="1"] .legal:before {
  display: none !important;
}

.legal.help .help-scene {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  --help-melt: 46px;
  --help-melt-tg: 33%;
  flex-direction: column;
  align-items: center;
  height: 560px;
  margin: 18px 0 26px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.legal.help .help-scene .onb-scene {
  --mk-h: 100%;
  flex: 1 1 0;
  min-height: 0;
}

.legal.help .help-scene .onb-ph-body, .legal.help .help-scene .onb-feed {
  min-height: 0;
}

.legal.help .help-scene .onb-feed {
  overscroll-behavior: contain;
  scrollbar-width: none;
  overflow-y: auto;
}

.legal.help .help-scene .onb-feed::-webkit-scrollbar {
  display: none;
}

.legal.help .help-scene .onb-phone {
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - var(--help-melt)), transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - var(--help-melt)), transparent 100%);
  mask-image: linear-gradient(to bottom, #000 calc(100% - var(--help-melt)), transparent 100%);
}

.legal.help .help-scene .onb-scene.tgm .onb-phone {
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - var(--help-melt-tg)), transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - var(--help-melt-tg)), transparent 100%);
  mask-image: linear-gradient(to bottom, #000 calc(100% - var(--help-melt-tg)), transparent 100%);
}

.legal.help .help-scene .onb-fade, .legal.help .help-scene .onb-scene.tgm .onb-fade {
  background: none;
}

.legal.help .help-scene p {
  margin: 0;
}

.help-top, .help-hero, .legal.help .help-secs, .help-search {
  display: none;
}

@media (max-width: 820px) {
  html:not(.app) .legal.help > header, html:not(.app) .legal.help > footer {
    display: none;
  }

  html:not(.app) .legal.help main {
    padding-top: calc(env(safe-area-inset-top, 0px)  + 12px);
  }

  html:not(.app):not([data-help-bare="1"]) .help-top {
    align-items: center;
    gap: 10px;
    min-height: 44px;
    margin: 0 0 26px;
    display: flex;
  }

  .help-top-sp {
    flex: auto;
  }

  html:not(.app) .help-top-btn {
    background: var(--surf);
    min-width: 44px;
    height: 44px;
    box-shadow: var(--bub-sh);
    color: var(--ink);
    cursor: pointer;
    border: 0;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    text-decoration: none;
    display: inline-flex;
  }

  html:not(.app) .help-share--round .help-share-note {
    white-space: nowrap;
    position: absolute;
    right: 52px;
  }

  html:not(.app) .help-share--round {
    position: relative;
  }

  html:not(.app):not([data-help-bare="1"]) .help-hero {
    color: var(--mut);
    justify-content: center;
    margin: 34px 0 18px;
    display: flex;
  }

  html:not(.app) .legal.help h1 {
    text-align: center;
    margin: 0 0 8px;
    font-size: 24px;
    font-weight: 600;
  }

  html:not(.app) .legal.help .help-head {
    justify-content: center;
    margin-bottom: 6px;
  }

  html:not(.app) .legal.help .help-head .help-share:not(.help-share--round) {
    display: none;
  }

  html:not(.app) .legal.help .help-crumbs {
    text-align: center;
    font-size: 15px;
  }

  html:not(.app) .legal.help .help-head ~ h1 {
    font-size: 28px;
  }

  html:not(.app) .legal.help .help-toc {
    display: none;
  }

  html:not(.app) .legal.help .help-secs {
    display: grid;
  }

  html:not(.app) .legal.help .help-secs a {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  html:not(.app) .legal.help .help-secs .help-sec-ic {
    background: color-mix(in srgb, var(--blue) 14%, transparent);
    width: 32px;
    height: 32px;
    color: var(--blue);
    border-radius: 50%;
    flex: none;
    place-items: center;
    display: grid;
  }

  html:not(.app) .legal.help .help-secs .help-sec-txt {
    flex: auto;
    min-width: 0;
    display: block;
  }

  html:not(.app) .legal.help .help-secs .help-item-title {
    white-space: normal;
  }

  html:not(.app) .legal.help .help-sec {
    display: none;
  }

  html:not(.app)[data-help-q] .legal.help .help-sec {
    display: block;
  }

  html:not(.app)[data-help-q] .legal.help .help-secs, html:not(.app)[data-help-q] .legal.help .help-sec > h2, html:not(.app)[data-help-q] .legal.help .help-sec-desc {
    display: none;
  }

  html:not(.app)[data-help-q] .legal.help .help-sec {
    margin-bottom: 12px;
  }

  html:not(.app) .help-search {
    margin: 0 0 16px;
    display: block;
  }

  html:not(.app) .help-search-none {
    color: var(--mut);
    text-align: center;
    margin: 24px 0 0;
  }

  html:not(.app) .legal.help .help-lead {
    text-align: center;
    font-size: 17px;
  }

  html:not(.app) .legal.help .help-sec-desc {
    text-align: center;
  }

  html:not(.app) .legal.help .help-list {
    background: var(--surf);
    border-radius: var(--bub-r);
    gap: 0;
    overflow: hidden;
  }

  html:not(.app) .legal.help .help-list li {
    min-width: 0;
  }

  html:not(.app) .legal.help .help-list a {
    background: none;
    border-radius: 0;
    min-width: 0;
    padding: 14px 44px 14px 18px;
    position: relative;
  }

  html:not(.app) .legal.help .help-list li + li a {
    padding-left: 0;
  }

  html:not(.app) .legal.help .help-list a:after {
    content: "";
    border-right: 1.8px solid var(--mut);
    border-top: 1.8px solid var(--mut);
    opacity: .6;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)rotate(45deg);
  }

  html:not(.app) .legal.help .help-item-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  html:not(.app) .legal.help .help-item-desc {
    margin-top: 2px;
    font-size: 15px;
    line-height: 1.35;
  }

  html:not(.app):not([data-help-bare="1"]) .help-top {
    top: calc(env(safe-area-inset-top, 0px)  + 12px);
    z-index: 5;
    margin: 0 0 10px;
    position: -webkit-sticky;
    position: sticky;
  }

  html:not(.app):not([data-help-bare="1"]) .help-top:before {
    content: "";
    z-index: -1;
    left: -16px;
    right: -16px;
    top: calc(-12px - env(safe-area-inset-top, 0px));
    pointer-events: none;
    position: absolute;
    bottom: -24px;
  }

  html:not(.app):not([data-help-bare="1"]) .help-hero {
    box-sizing: border-box;
    align-items: center;
    height: 90px;
    margin: 0 0 8px;
    padding-top: 18px;
  }

  html:not(.app) .help-hero svg {
    width: 66px;
    height: 66px;
  }

  html:not(.app) .legal.help h1, html:not(.app) .legal.help .help-head ~ h1 {
    letter-spacing: 0;
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }

  html:not(.app) .legal.help .help-lead {
    margin: 0 0 20px;
    padding: 0;
    font-size: 15px;
    line-height: 19px;
  }

  html:not(.app) .legal.help .help-head {
    margin: 0 0 8px;
  }

  html:not(.app) .legal.help .help-crumbs {
    margin: 0;
    font-size: 13px;
    line-height: 17px;
  }

  html:not(.app) .legal.help .help-list li + li {
    border-top: 0;
    margin-left: 0;
  }

  html:not(.app) .legal.help .help-list a, html:not(.app) .legal.help .help-list li + li a {
    padding: 10px 27px 10px 20px;
  }

  html:not(.app) .legal.help .help-list a:after {
    right: 14px;
  }

  html:not(.app) .legal.help .help-list li + li a:before {
    content: "";
    background: color-mix(in srgb, var(--ink) 8%, transparent);
    height: 1px;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
  }

  html:not(.app) .legal.help .help-secs a, html:not(.app) .legal.help .help-secs li + li a {
    gap: 12px;
    padding: 10px 27px 10px 16px;
  }

  html:not(.app) .legal.help .help-secs li + li a:before {
    left: 60px;
  }

  html:not(.app) .legal.help .help-secs .help-sec-ic {
    border-radius: var(--r-sm);
    background: linear-gradient(180deg, color-mix(in srgb, currentColor 20%, transparent), color-mix(in srgb, currentColor 8%, transparent));
  }

  html:not(.app) .legal.help .help-item-title {
    line-height: 22px;
  }

  html:not(.app) .legal.help .help-item-desc {
    line-height: 19px;
  }

  html:not(.app) .legal.help .help-legal {
    margin-top: 24px;
  }

  html:not(.app)[data-help-q] .legal.help .help-legal {
    display: none;
  }

  html:not(.app) .legal.help .help-art {
    gap: 0;
  }

  html:not(.app) .legal.help .help-body {
    padding: 0;
  }

  html:not(.app) .legal.help .help-body p, html:not(.app) .legal.help .help-body li {
    letter-spacing: 0;
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .legal.help .help-body p {
    margin: 0 0 12px;
  }

  html:not(.app) .legal.help .help-body h2 {
    letter-spacing: 0;
    margin: 24px 0 8px;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
  }

  html:not(.app) .legal.help .help-body h2:first-child {
    margin-top: 0;
  }

  html:not(.app) .legal.help .help-body h3 {
    margin: 24px 0 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
  }
}

.help-layer {
  container: helpc / inline-size;
}

@container helpc (width <= 820px) {
  html:not(.app) .legal.help > header, html:not(.app) .legal.help > footer {
    display: none;
  }

  html:not(.app) .legal.help main {
    padding-top: calc(env(safe-area-inset-top, 0px)  + 12px);
  }

  html:not(.app):not([data-help-bare="1"]) .help-top {
    align-items: center;
    gap: 10px;
    min-height: 44px;
    margin: 0 0 26px;
    display: flex;
  }

  .help-top-sp {
    flex: auto;
  }

  html:not(.app) .help-top-btn {
    background: var(--surf);
    min-width: 44px;
    height: 44px;
    box-shadow: var(--bub-sh);
    color: var(--ink);
    cursor: pointer;
    border: 0;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    text-decoration: none;
    display: inline-flex;
  }

  html:not(.app) .help-share--round .help-share-note {
    white-space: nowrap;
    position: absolute;
    right: 52px;
  }

  html:not(.app) .help-share--round {
    position: relative;
  }

  html:not(.app):not([data-help-bare="1"]) .help-hero {
    color: var(--mut);
    justify-content: center;
    margin: 34px 0 18px;
    display: flex;
  }

  html:not(.app) .legal.help h1 {
    text-align: center;
    margin: 0 0 8px;
    font-size: 24px;
    font-weight: 600;
  }

  html:not(.app) .legal.help .help-head {
    justify-content: center;
    margin-bottom: 6px;
  }

  html:not(.app) .legal.help .help-head .help-share:not(.help-share--round) {
    display: none;
  }

  html:not(.app) .legal.help .help-crumbs {
    text-align: center;
    font-size: 15px;
  }

  html:not(.app) .legal.help .help-head ~ h1 {
    font-size: 28px;
  }

  html:not(.app) .legal.help .help-toc {
    display: none;
  }

  html:not(.app) .legal.help .help-secs {
    display: grid;
  }

  html:not(.app) .legal.help .help-secs a {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  html:not(.app) .legal.help .help-secs .help-sec-ic {
    background: color-mix(in srgb, var(--blue) 14%, transparent);
    width: 32px;
    height: 32px;
    color: var(--blue);
    border-radius: 50%;
    flex: none;
    place-items: center;
    display: grid;
  }

  html:not(.app) .legal.help .help-secs .help-sec-txt {
    flex: auto;
    min-width: 0;
    display: block;
  }

  html:not(.app) .legal.help .help-secs .help-item-title {
    white-space: normal;
  }

  html:not(.app) .legal.help .help-sec {
    display: none;
  }

  html:not(.app)[data-help-q] .legal.help .help-sec {
    display: block;
  }

  html:not(.app)[data-help-q] .legal.help .help-secs, html:not(.app)[data-help-q] .legal.help .help-sec > h2, html:not(.app)[data-help-q] .legal.help .help-sec-desc {
    display: none;
  }

  html:not(.app)[data-help-q] .legal.help .help-sec {
    margin-bottom: 12px;
  }

  html:not(.app) .help-search {
    margin: 0 0 16px;
    display: block;
  }

  html:not(.app) .help-search-none {
    color: var(--mut);
    text-align: center;
    margin: 24px 0 0;
  }

  html:not(.app) .legal.help .help-lead {
    text-align: center;
    font-size: 17px;
  }

  html:not(.app) .legal.help .help-sec-desc {
    text-align: center;
  }

  html:not(.app) .legal.help .help-list {
    background: var(--surf);
    border-radius: var(--bub-r);
    gap: 0;
    overflow: hidden;
  }

  html:not(.app) .legal.help .help-list li {
    min-width: 0;
  }

  html:not(.app) .legal.help .help-list a {
    background: none;
    border-radius: 0;
    min-width: 0;
    padding: 14px 44px 14px 18px;
    position: relative;
  }

  html:not(.app) .legal.help .help-list li + li a {
    padding-left: 0;
  }

  html:not(.app) .legal.help .help-list a:after {
    content: "";
    border-right: 1.8px solid var(--mut);
    border-top: 1.8px solid var(--mut);
    opacity: .6;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)rotate(45deg);
  }

  html:not(.app) .legal.help .help-item-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  html:not(.app) .legal.help .help-item-desc {
    margin-top: 2px;
    font-size: 15px;
    line-height: 1.35;
  }

  html:not(.app) .legal .wrap {
    padding-left: 0;
    padding-right: 0;
  }

  html:not(.app):not([data-help-bare="1"]) .help-top {
    top: calc(env(safe-area-inset-top, 0px)  + 12px);
    z-index: 5;
    margin: 0 0 10px;
    position: -webkit-sticky;
    position: sticky;
  }

  html:not(.app):not([data-help-bare="1"]) .help-top:before {
    content: "";
    z-index: -1;
    left: -16px;
    right: -16px;
    top: calc(-12px - env(safe-area-inset-top, 0px));
    pointer-events: none;
    position: absolute;
    bottom: -24px;
  }

  html:not(.app):not([data-help-bare="1"]) .help-hero {
    box-sizing: border-box;
    align-items: center;
    height: 90px;
    margin: 0 0 8px;
    padding-top: 18px;
  }

  html:not(.app) .help-hero svg {
    width: 66px;
    height: 66px;
  }

  html:not(.app) .legal.help h1, html:not(.app) .legal.help .help-head ~ h1 {
    letter-spacing: 0;
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }

  html:not(.app) .legal.help .help-lead {
    margin: 0 0 20px;
    padding: 0;
    font-size: 15px;
    line-height: 19px;
  }

  html:not(.app) .legal.help .help-head {
    margin: 0 0 8px;
  }

  html:not(.app) .legal.help .help-crumbs {
    margin: 0;
    font-size: 13px;
    line-height: 17px;
  }

  html:not(.app) .legal.help .help-list li + li {
    border-top: 0;
    margin-left: 0;
  }

  html:not(.app) .legal.help .help-list a, html:not(.app) .legal.help .help-list li + li a {
    padding: 10px 27px 10px 20px;
  }

  html:not(.app) .legal.help .help-list a:after {
    right: 14px;
  }

  html:not(.app) .legal.help .help-list li + li a:before {
    content: "";
    background: color-mix(in srgb, var(--ink) 8%, transparent);
    height: 1px;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
  }

  html:not(.app) .legal.help .help-secs a, html:not(.app) .legal.help .help-secs li + li a {
    gap: 12px;
    padding: 10px 27px 10px 16px;
  }

  html:not(.app) .legal.help .help-secs li + li a:before {
    left: 60px;
  }

  html:not(.app) .legal.help .help-secs .help-sec-ic {
    border-radius: var(--r-sm);
    background: linear-gradient(180deg, color-mix(in srgb, currentColor 20%, transparent), color-mix(in srgb, currentColor 8%, transparent));
  }

  html:not(.app) .legal.help .help-item-title {
    line-height: 22px;
  }

  html:not(.app) .legal.help .help-item-desc {
    line-height: 19px;
  }

  html:not(.app) .legal.help .help-legal {
    margin-top: 24px;
  }

  html:not(.app)[data-help-q] .legal.help .help-legal {
    display: none;
  }

  html:not(.app) .legal.help .help-art {
    gap: 0;
  }

  html:not(.app) .legal.help .help-body {
    padding: 0;
  }

  html:not(.app) .legal.help .help-body p, html:not(.app) .legal.help .help-body li {
    letter-spacing: 0;
    font-size: 17px;
    line-height: 22px;
  }

  html:not(.app) .legal.help .help-body p {
    margin: 0 0 12px;
  }

  html:not(.app) .legal.help .help-body h2 {
    letter-spacing: 0;
    margin: 24px 0 8px;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
  }

  html:not(.app) .legal.help .help-body h2:first-child {
    margin-top: 0;
  }

  html:not(.app) .legal.help .help-body h3 {
    margin: 24px 0 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
  }
}

/* [project]/apps/web/src/components/landing2/landing2.css [app-client] (css) */
html:has(.l2) {
  background: #fbfaf9;
}

body:has(.l2) {
  background: #fbfaf9;
}

html[data-theme="dark"]:has(.l2) {
  background: #14120f;
}

html[data-theme="dark"] body:has(.l2) {
  background: #14120f;
}

.l2 {
  --bg: #fbfaf9;
  --panel: #f2f0ed;
  --ink: #141414;
  --muted: #6e6a67;
  --line: rgba(20, 20, 20, .1);
  --accent: #feb3c8;
  --wrap: 1072px;
  --mk-phone: 42px;
  --mk-screen: 38px;
  --mk-frame: 22px;
  --mk-ig-b: 20px;
  --mk-ig-btn: 12px;
  --mk-ig-wb: 18px;
  --mk-post2: 14px;
  --mk-tg-b: 14px;
  --mk-tg-tail: 6px;
  --mk-tg-btn: 10px;
  --mk-post-card: 10px;
  --mk-post-line: 3px;
  --mk-b-sh: 0 1px 1px rgba(16, 60, 90, .12);
  background: var(--bg);
  color: var(--ink);
  letter-spacing: -.01em;
  -webkit-font-smoothing: antialiased;
  font-size: 17px;
  line-height: 26px;
  overflow-x: clip;
}

.l2 * {
  box-sizing: border-box;
}

.l2 .wrap {
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 0 24px;
}

.l2 section {
  padding: 116px 0 92px;
  position: relative;
}

.l2 h1, .l2 h2, .l2 h3 {
  letter-spacing: -.033em;
  margin: 0;
  font-weight: 600;
  line-height: 1.04;
}

.l2 h1 {
  font-size: max(36px, min(6.4vw, 80px));
  line-height: 1.01;
}

.l2 h2 {
  font-size: max(27px, min(3.8vw, 46px));
}

.l2 p {
  margin: 0;
}

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

.l2 .lead {
  max-width: 52ch;
  color: var(--muted);
  margin-top: 18px;
}

.l2 .btn {
  background: var(--ink);
  color: #fff;
  letter-spacing: -.01em;
  white-space: nowrap;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 0 22px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: transform .15s, opacity .15s;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .l2 .btn:hover {
    opacity: .9;
    transform: translateY(-1px);
  }
}

.l2 .note {
  color: var(--muted);
  margin-top: 14px;
  font-size: 15px;
}

html[data-theme="dark"] .l2 {
  --bg: #14120f;
  --panel: #221e1a;
  --ink: #f4f1ec;
  --muted: #a29b92;
  --line: rgba(244, 241, 236, .14);
}

html[data-theme="dark"] .l2 .btn {
  color: #14120f;
  background: #f4f1ec;
}

html[data-theme="dark"] .l2 .orb.light, html[data-theme="dark"] .l2 .plan, html[data-theme="dark"] .l2 .shot {
  color: var(--ink);
  background: #1c1916;
}

html[data-theme="dark"] .l2 .orb.dark {
  color: #14120f;
  background: #f4f1ec;
}

.l2 .topbar {
  top: env(safe-area-inset-top, 0px);
  z-index: 40;
  height: 62px;
  max-width: var(--wrap);
  align-items: center;
  gap: 14px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
}

.l2 .tbtn {
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  background: #fff;
  padding: 7px 14px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

html[data-theme="dark"] .l2 .tbtn {
  background: #1c1916;
}

@media (hover: hover) and (pointer: fine) {
  .l2 .tbtn:hover {
    border-color: var(--accent);
  }
}

.l2 .topctl {
  gap: 8px;
  display: flex;
}

.l2 .topbar > .tbtn {
  margin-left: auto;
}

.l2 .tctl {
  border-radius: var(--r-sm);
  border: 1px solid var(--line);
  width: 38px;
  height: 34px;
  color: var(--ink);
  cursor: pointer;
  text-align: center;
  background: #fff;
  place-items: center;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  display: grid;
}

html[data-theme="dark"] .l2 .tctl {
  background: #1c1916;
}

@media (hover: hover) and (pointer: fine) {
  .l2 .tctl:hover {
    border-color: var(--accent);
  }
}

.l2 .nav {
  z-index: 20;
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  backdrop-filter: saturate(180%) blur(14px);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.l2 .nav-in {
  height: 68px;
  max-width: var(--wrap);
  align-items: center;
  gap: 22px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
}

.l2 .brand {
  letter-spacing: -.02em;
  flex: none;
  align-items: center;
  gap: 9px;
  font-size: 17px;
  font-weight: 600;
  display: inline-flex;
}

.l2 .nav-sp {
  flex: 1;
}

.l2 .nav a.lnk {
  color: var(--ink);
  white-space: nowrap;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}

.l2 .nav .btn {
  height: 40px;
  padding: 0 18px;
  font-size: 15px;
}

@media (max-width: 700px) {
  .l2 .nav-in {
    gap: 14px;
    padding: 0 16px;
  }

  .l2 .nav a.lnk.hide-sm {
    display: none;
  }
}

.l2 .hero {
  text-align: center;
  padding: 132px 0 260px;
}

.l2 .hero-brand {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 120px;
  display: flex;
}

.l2 .hero-brand .nm {
  letter-spacing: -.02em;
  font-size: 19px;
  font-weight: 600;
}

.l2 .hb-lg {
  width: 96px;
  height: 96px;
  display: block;
  position: relative;
}

.l2 .hb-lg:before, .l2 .hb-lg:after {
  content: "";
  z-index: 0;
  border-radius: 26%;
  position: absolute;
  left: 50%;
}

.l2 .hb-lg:before {
  width: 78%;
  height: 70%;
  box-shadow: var(--bub-sh);
  background: #efece8;
  top: -14px;
  transform: translateX(-50%);
}

.l2 .hb-lg:after {
  width: 88%;
  height: 70%;
  box-shadow: var(--bub-sh);
  background: #e2ded9;
  top: -7px;
  transform: translateX(-50%);
}

.l2 .hb-lg .brand-bolt {
  z-index: 1;
  box-shadow: var(--float-sh);
  position: relative;
}

html[data-theme="dark"] .l2 .hb-lg:before {
  background: #2a2621;
}

html[data-theme="dark"] .l2 .hb-lg:after {
  background: #3a352f;
}

.l2 .hero h1 {
  max-width: 15ch;
  margin: 0 auto;
}

.l2 .hero .sub {
  max-width: 40ch;
  color: var(--muted);
  margin: 24px auto 0;
  font-size: 17px;
  line-height: 26px;
}

.l2 .chan {
  justify-content: center;
  gap: 14px;
  margin-top: 18px;
  display: flex;
}

.l2 .chan .ig-mark {
  fill: #e1306c;
}

.l2 .chan .tg-mark {
  fill: #229ed9;
}

.l2 .hero .cta {
  margin-top: 28px;
}

.l2 .orbs {
  pointer-events: none;
  max-width: 1920px;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.l2 .orb {
  text-align: center;
  letter-spacing: -.02em;
  will-change: transform;
  border-radius: 999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  font-weight: 500;
  line-height: 1.15;
  animation: 9s ease-in-out infinite l2float;
  display: flex;
  position: absolute;
}

.l2 .orb.dark {
  background: var(--ink);
  color: #fff;
}

.l2 .orb.light {
  color: var(--ink);
  border: 1px solid var(--line);
  box-shadow: var(--float-sh);
  background: #fff;
}

.l2 .orb.pink {
  background: var(--accent);
  color: var(--ink);
}

.l2 .orb .w {
  display: block;
}

.l2 .brand-bolt {
  background: var(--accent);
}

.l2 .brand-bolt svg path {
  fill: #141414;
}

.l2 .orb.mark {
  background: var(--accent);
  box-shadow: none;
  border: 0;
  border-radius: 999px;
  padding: 0;
}

.l2 .orb.mark .brand-bolt {
  background: none;
  width: 62%;
  height: 62%;
}

.l2 .o1 {
  z-index: 1;
  width: 528px;
  height: 528px;
  animation-duration: 11s;
  top: 0;
  left: -176px;
}

.l2 .o3 {
  z-index: 3;
  width: 416px;
  height: 416px;
  animation-duration: 13s;
  animation-delay: -5s;
  top: 600px;
  left: -139px;
}

.l2 .o5 {
  z-index: 3;
  width: 368px;
  height: 368px;
  animation-duration: 12s;
  animation-delay: -3s;
  top: -30px;
  right: -123px;
}

.l2 .o6 {
  z-index: 1;
  width: 592px;
  height: 592px;
  animation-duration: 9.5s;
  animation-delay: -6s;
  top: 360px;
  right: -197px;
}

@keyframes l2float {
  0% {
    transform: translate3d(0, 0, 0)rotate(0);
  }

  50% {
    transform: translate3d(0, -18px, 0)rotate(3deg);
  }

  100% {
    transform: translate3d(0, 0, 0)rotate(0);
  }
}

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

@media (max-width: 1180px) {
  .l2 .hero .wrap {
    z-index: 5;
    position: relative;
  }

  .l2 .o1 {
    width: 230px;
    height: 230px;
    top: 40px;
    left: -176px;
  }

  .l2 .o3 {
    width: 190px;
    height: 190px;
    top: 430px;
    left: -139px;
  }

  .l2 .o5 {
    width: 180px;
    height: 180px;
    top: 90px;
    right: -123px;
  }

  .l2 .o6 {
    width: 250px;
    height: 250px;
    top: 430px;
    right: -197px;
  }
}

.l2 .chat-cap {
  color: var(--muted);
  margin: 0 0 12px 4px;
  font-size: 15px;
}

.l2 .legacy-ig-frame {
  border: 1px solid var(--line);
  border-radius: var(--mk-frame);
  background: #fff;
  font-family: -apple-system, Segoe UI, Roboto, sans-serif;
  overflow: hidden;
}

.l2 .ig-top {
  border-bottom: 1px solid #efefef;
  align-items: center;
  gap: 10px;
  padding: 13px 16px;
  display: flex;
}

.l2 .ig-ava {
  background: linear-gradient(45deg, #f9ce34, #ee2a7b, #6228d7);
  border-radius: 999px;
  flex: none;
  width: 32px;
  height: 32px;
}

.l2 .ig-nm {
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 700;
}

.l2 .ig-ring2 {
  background: conic-gradient(from 210deg, #f9ce34, #ee2a7b, #6228d7, #f9ce34);
  border-radius: 999px;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.l2 .ig-ring2 .ava {
  border: 2px solid #fff;
}

.l2 .ig-act2 {
  color: #000;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  display: flex;
}

.l2 .ig-sub {
  color: #8e8e8e;
  font-size: 12px;
}

.l2 .ig-body {
  flex-direction: column;
  gap: 6px;
  padding: 14px 14px 18px;
  display: flex;
}

.l2 .ig-b {
  border-radius: var(--mk-ig-b);
  letter-spacing: 0;
  max-width: 76%;
  padding: 9px 14px;
  font-size: 14px;
  line-height: 19px;
}

.l2 .ig-b.them {
  color: #000;
  background: #f0f2f5;
  align-self: flex-start;
}

.l2 .ig-b.me {
  color: #fff;
  background: linear-gradient(#8a3ae2, #6641f1);
  align-self: flex-end;
}

.l2 .ig-b.me.wbtn {
  border-radius: var(--mk-ig-wb);
  max-width: 84%;
}

.l2 .ig-bchip {
  border-radius: var(--mk-ig-btn);
  color: #000;
  background: #fff;
  justify-content: center;
  align-items: center;
  height: 34px;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.l2 .ig-cm {
  border-bottom: 1px solid #efefef;
  align-items: flex-start;
  gap: 9px;
  margin-bottom: 8px;
  padding: 2px 2px 10px;
  display: flex;
}

.l2 .ig-cm .ava-sm {
  background: #dbdbdb;
  border-radius: 999px;
  flex: none;
  width: 26px;
  height: 26px;
}

.l2 .ig-cm .txt {
  letter-spacing: 0;
  font-size: 13px;
  line-height: 18px;
}

.l2 .ig-cm .txt b {
  font-weight: 600;
}

.l2 .tour-stage {
  flex-direction: column;
  width: 100%;
  max-width: 430px;
  height: 600px;
  margin: 0 auto;
  display: flex;
}

.l2 .ig-bar2 .fld {
  color: #686f78;
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: 999px;
  align-items: center;
  gap: 9px;
  height: 38px;
  padding: 0 6px 0 12px;
  display: flex;
}

.l2 .ig-bar2 .phld {
  white-space: nowrap;
  flex: auto;
  font-size: 13px;
  overflow: hidden;
}

.l2 .ig-bar2 .snd {
  color: #fff;
  background: #6c3df0;
  border-radius: 999px;
  flex: none;
  place-items: center;
  width: 46px;
  height: 28px;
  display: grid;
}

.l2 .tg-bar2 {
  color: #8aa0ad;
  background: #fff;
  align-items: center;
  gap: 9px;
  padding: 9px 12px 12px;
  font-size: 13.5px;
  display: flex;
}

.l2 .tg-bar2 .phld {
  flex: auto;
}

.l2 .tg-bar2 .snd {
  color: #2481cc;
}

.l2 .ig-post.p2 > * {
  position: static;
}

.l2 .ig-post.p2 {
  border-radius: var(--mk-post2);
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .09);
  flex-direction: column;
  flex: none;
  align-items: stretch;
  gap: 0;
  height: auto;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.l2 .p2-img {
  background: linear-gradient(160deg, #f4efe9, #e7e3f0);
  place-items: center;
  padding: 8px;
  display: grid;
}

.l2 .ig-post.p2 .tpl {
  zoom: .78;
}

.l2 .ig-post.p2 .tpl-cap {
  color: #000;
  padding: 3px 10px 7px;
  font-size: 12.5px;
}

.l2 .ph-ig .ig-cm {
  margin-bottom: 5px;
  padding: 2px 2px 6px;
}

.l2 .ig-bar2 {
  padding: 4px 12px 10px;
}

.l2 .p2-head {
  color: #000;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  font-size: 12.5px;
  font-weight: 600;
  display: flex;
}

.l2 .p2-head svg {
  color: #000;
  margin-left: auto;
}

.l2 .p2-act {
  color: #000;
  align-items: center;
  gap: 13px;
  padding: 5px 10px 0;
  display: flex;
}

.l2 .ig-top.cmts {
  gap: 8px;
}

.l2 .tg-b .tm svg {
  vertical-align: -2px;
  color: #4fae4e;
  margin-left: 3px;
}

.l2 .ph-screen {
  position: relative;
}

.l2 .legacy-tg-frame {
  border: 1px solid var(--line);
  border-radius: var(--mk-frame);
  background: #cfe4f5;
  font-family: -apple-system, Segoe UI, Roboto, sans-serif;
  overflow: hidden;
}

.l2 .tg-top {
  background: #f6f6f6;
  border-bottom: 1px solid rgba(0, 0, 0, .07);
  align-items: center;
  gap: 10px;
  padding: 13px 16px;
  display: flex;
}

.l2 .tg-ava {
  background: #229ed9;
  border-radius: 999px;
  flex: none;
  width: 32px;
  height: 32px;
}

.l2 .tg-nm {
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 600;
}

.l2 .tg-sub {
  color: #7b8b99;
  font-size: 12px;
}

.l2 .tg-body {
  flex-direction: column;
  gap: 8px;
  padding: 16px 14px 20px;
  display: flex;
}

.l2 .tg-b {
  border-radius: var(--mk-tg-b);
  letter-spacing: 0;
  max-width: 82%;
  padding: 8px 12px 6px;
  font-size: 14px;
  line-height: 19px;
  position: relative;
}

.l2 .tg-b.them {
  border-bottom-left-radius: var(--mk-tg-tail);
  background: #fff;
  align-self: flex-start;
}

.l2 .tg-b.me {
  border-bottom-right-radius: var(--mk-tg-tail);
  background: #effdde;
  align-self: flex-end;
}

.l2 .tg-b .tm {
  text-align: right;
  color: #8aa0ad;
  margin-top: 2px;
  font-size: 11px;
  display: block;
}

.l2 .tg-btn {
  text-align: center;
  border-radius: var(--mk-tg-btn);
  color: #2481cc;
  background: rgba(255, 255, 255, .85);
  margin-top: 6px;
  padding: 8px;
  font-size: 13px;
  font-weight: 500;
}

.l2 .jobs {
  -moz-column-gap: 64px;
  border-top: 1px solid var(--line);
  grid-template-columns: 1fr 1fr;
  column-gap: 64px;
  margin-top: 44px;
  display: grid;
}

.l2 .jobs div {
  border-bottom: 1px solid var(--line);
  letter-spacing: -.02em;
  padding: 20px 0;
  font-size: max(18px, min(1.7vw, 21px));
  line-height: 1.35;
}

@media (max-width: 760px) {
  .l2 .jobs {
    grid-template-columns: 1fr;
  }
}

.l2 .shot {
  border: 1px solid var(--line);
  border-radius: var(--bub-r);
  background: #fff;
  margin-top: 44px;
  overflow: hidden;
}

.l2 .shot img {
  width: 100%;
  height: auto;
  display: block;
}

.l2 .phone-shot {
  border-radius: var(--bub-r);
  max-width: 340px;
  margin-left: auto;
}

.l2 .btn.store {
  gap: 10px;
  margin-top: 30px;
  padding-left: 18px;
}

.l2 .split {
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 56px;
  display: grid;
}

@media (max-width: 860px) {
  .l2 .split {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.l2 .lines {
  letter-spacing: -.02em;
  gap: 13px;
  max-width: 46ch;
  margin-top: 30px;
  font-size: max(18px, min(1.7vw, 21px));
  line-height: 1.4;
  display: grid;
}

.l2 .plans {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 44px;
  display: grid;
}

@media (max-width: 760px) {
  .l2 .plans {
    grid-template-columns: 1fr;
  }
}

.l2 .plan {
  border: 1px solid var(--line);
  border-radius: var(--bub-r);
  background: #fff;
  padding: 30px;
}

.l2 .plan .nm {
  color: var(--muted);
  font-size: 15px;
}

.l2 .plan .big {
  letter-spacing: -.035em;
  margin-top: 10px;
  font-size: max(34px, min(4.2vw, 52px));
  font-weight: 600;
  line-height: 1;
}

.l2 .plan ul {
  color: var(--muted);
  gap: 9px;
  margin: 20px 0 0;
  padding: 0;
  font-size: 16px;
  list-style: none;
  display: grid;
}

.l2 .qa {
  border-top: 1px solid var(--line);
  margin-top: 40px;
}

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

.l2 .qa .row {
  border-bottom: 1px solid var(--line);
  grid-template-columns: .9fr 1.1fr;
  gap: 40px;
  padding: 22px 0;
  display: grid;
}

.l2 .qa .q {
  letter-spacing: -.02em;
  font-size: 19px;
}

.l2 .qa .a {
  color: var(--muted);
  font-size: 17px;
  line-height: 26px;
}

@media (max-width: 760px) {
  .l2 .qa .row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

.l2 .final {
  text-align: center;
  padding: 124px 0 120px;
}

.l2 .final h2 {
  max-width: 16ch;
  margin: 0 auto;
  font-size: max(32px, min(5.6vw, 68px));
}

.l2 .foot {
  border-top: 1px solid var(--line);
  color: var(--muted);
  flex-wrap: wrap;
  gap: 22px;
  padding: 32px 0 44px;
  font-size: 14px;
  display: flex;
}

@media (max-width: 760px) {
  .l2 section {
    padding: 62px 0 54px;
  }

  .l2 .hero {
    padding: 132px 0 58px;
  }

  .l2 .hero-brand {
    margin-bottom: 34px;
  }

  .l2 .final {
    padding: 72px 0 68px;
  }
}

.l2 .scenes {
  grid-template-columns: 1.05fr .95fr;
  align-items: stretch;
  gap: 56px;
  display: grid;
}

.l2 .only-narrow, .l2 .scenes-deck, .l2 .scenes-pips, .l2 .scenes-reg {
  display: none;
}

.l2 .scene-list {
  gap: 10px;
  margin-top: 34px;
  display: grid;
}

.l2 .scene-item {
  text-align: left;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  cursor: pointer;
  background: none;
  width: 100%;
  padding: 16px 18px;
  transition: background .15s, border-color .15s;
  display: block;
}

@media (hover: hover) and (pointer: fine) {
  .l2 .scene-item:hover {
    border-color: var(--ink);
  }
}

.l2 .scene-item.on {
  background: var(--accent);
  border-color: var(--accent);
}

.l2 .scene-item .t {
  letter-spacing: -.02em;
  color: var(--ink);
  font-size: 18px;
  font-weight: 500;
  display: block;
}

.l2 .scene-item .n {
  color: var(--muted);
  margin-top: 4px;
  font-size: 14px;
  line-height: 19px;
  display: block;
}

.l2 .scene-item.on .n {
  color: rgba(20, 20, 20, .62);
}

.l2 .scenes-right {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.l2 .scenes-right .tour-stage {
  flex: auto;
  height: auto;
  min-height: 600px;
}

.l2 .scenes-right .onb-scene {
  --mk-h: 100%;
}

.l2 .phone {
  aspect-ratio: 9 / 17;
  border-radius: var(--mk-phone);
  width: 300px;
  box-shadow: var(--float-sh);
  background: #141414;
  padding: 5px;
  position: relative;
}

.l2 .ph-notch {
  z-index: 3;
  background: #141414;
  border-radius: 999px;
  width: 84px;
  height: 18px;
  position: absolute;
  top: 11px;
  left: 50%;
  transform: translateX(-50%);
}

.l2 .ph-screen {
  border-radius: var(--mk-screen);
  background: #fff;
  height: 100%;
  overflow: hidden;
}

.l2 .ph-ig, .l2 .ph-tg {
  flex-direction: column;
  height: 100%;
  font-family: -apple-system, Segoe UI, Roboto, sans-serif;
  display: flex;
}

.l2 .ph-ig {
  background: #fff;
}

.l2 .ph-tg {
  background: #cfe4f5;
}

.l2 .ph-ig .ig-top, .l2 .ph-tg .tg-top {
  padding-top: 44px;
}

.l2 .ig-post {
  background: var(--panel);
  flex: none;
  height: 168px;
}

.l2 .ig-cmlist {
  align-content: start;
  gap: 14px;
  padding: 14px;
  display: grid;
}

.l2 .ig-cm.reply {
  padding-left: 26px;
}

.l2 .ig-cm .mut {
  color: #8e8e8e;
  font-size: 12px;
}

.l2 .ava-sm.dark {
  background: var(--accent);
}

.l2 .ph-ig .ig-body, .l2 .ph-tg .tg-body {
  flex: 1;
  justify-content: flex-end;
  overflow: hidden;
}

.l2 .ph-ig .ig-top, .l2 .ph-tg .tg-top {
  gap: 8px;
  padding-top: 44px;
}

.l2 .ig-top .chev, .l2 .tg-top .chev {
  color: #262626;
  flex: none;
  margin-right: 2px;
}

.l2 .tg-top .chev {
  color: #2481cc;
}

.l2 .ig-who, .l2 .tg-who {
  flex-direction: column;
  line-height: 1.25;
  display: flex;
}

.l2 .ig-bar {
  color: #8e8e8e;
  letter-spacing: 0;
  border-top: 1px solid #efefef;
  margin-top: auto;
  padding: 12px 16px 22px;
  font-size: 13px;
}

.l2 .ig-b.me .lnk {
  text-decoration: underline;
}

.l2 .ig-qr {
  justify-content: flex-end;
  margin: 2px 0 4px;
  display: flex;
}

.l2 .ig-qr span {
  color: #3797f0;
  letter-spacing: 0;
  border: 1px solid #3797f0;
  border-radius: 999px;
  padding: 7px 16px;
  font-size: 13px;
  font-weight: 500;
}

.l2 .ph-tg {
  background-color: #cfe4f5;
  background-image: radial-gradient(rgba(255, 255, 255, .55) 1.2px, rgba(0, 0, 0, 0) 1.3px), radial-gradient(rgba(120, 165, 200, .25) 1.2px, rgba(0, 0, 0, 0) 1.3px);
  background-position: 0 0, 13px 13px;
  background-size: 26px 26px, 26px 26px;
}

.l2 .tg-body {
  padding: 14px 12px 16px;
}

.l2 .tg-b {
  box-shadow: var(--mk-b-sh);
}

.l2 .tg-b .tm {
  float: right;
  margin: 4px 0 0 8px;
}

.l2 .tg-keys {
  clear: both;
  border-top: 1px solid rgba(0, 0, 0, .06);
  margin: 8px -12px -6px;
  display: grid;
}

.l2 .tg-keys span {
  text-align: center;
  color: #2481cc;
  padding: 9px 10px;
  font-size: 13px;
  font-weight: 500;
}

.l2 .tg-bar {
  color: #8b98a5;
  letter-spacing: 0;
  background: #fff;
  margin-top: auto;
  padding: 12px 16px 22px;
  font-size: 13px;
}

.l2 .ava {
  letter-spacing: 0;
  color: #fff;
  border-radius: 999px;
  flex: none;
  place-items: center;
  font-weight: 600;
  display: grid;
}

.l2 .ava.photo {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 999px;
}

.l2 .ava.t1 {
  background: #c98aa6;
}

.l2 .ava.t2 {
  background: #6f8fbf;
}

.l2 .ava.t3 {
  background: #229ed9;
}

.l2 .ava.t4 {
  background: #9a9f8e;
}

.l2 .ig-post {
  background: linear-gradient(160deg, #f4efe9, #e7e3f0);
  position: relative;
  overflow: hidden;
}

.l2 .ig-post span {
  border-radius: 999px;
  position: absolute;
}

.l2 .ig-post {
  place-items: center;
  gap: 10px;
  padding: 16px;
  display: grid;
}

.l2 .ig-post .tpl {
  border-radius: var(--mk-post-card);
  width: 62%;
  box-shadow: var(--float-sh);
  background: #fff;
  gap: 7px;
  padding: 12px 12px 10px;
  display: grid;
  position: static;
}

.l2 .ig-post .tpl span {
  border-radius: var(--mk-post-line);
  position: static;
}

.l2 .ig-post .tpl-h {
  background: #141414;
  width: 56%;
  height: 9px;
}

.l2 .ig-post .tpl-l {
  background: #e2ded9;
  height: 6px;
}

.l2 .ig-post .tpl-l.short {
  width: 72%;
}

.l2 .ig-post .tpl-chart {
  width: 100%;
  height: 52px;
  margin-top: 6px;
  overflow: visible;
}

.l2 .ig-post .tpl-cap {
  color: #6e6a67;
  letter-spacing: 0;
  font-size: 12px;
  position: static;
}

.l2 .ig-open {
  border-radius: var(--mk-ig-btn);
  color: #1c74d4;
  text-align: center;
  background: rgba(255, 255, 255, .92);
  margin-top: 9px;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 600;
  display: block;
}

.l2 .tg-b.voice {
  align-items: center;
  gap: 9px;
  padding: 10px 12px;
  display: flex;
}

.l2 .tg-b.voice .play {
  background: #229ed9;
  border-radius: 999px;
  flex: none;
  width: 30px;
  height: 30px;
  position: relative;
}

.l2 .tg-b.voice .play:after {
  content: "";
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid rgba(0, 0, 0, 0);
  border-left: 9px solid #fff;
  position: absolute;
  top: 9px;
  left: 11px;
}

.l2 .tg-b.voice .wave {
  align-items: center;
  gap: 2px;
  height: 22px;
  display: flex;
}

.l2 .tg-b.voice .wave i {
  background: #9ec6de;
  border-radius: 999px;
  width: 2px;
}

.l2 .tg-b.voice .dur {
  color: #8aa0ad;
  font-size: 11px;
}

.l2 .tg-b.voice .tm {
  float: none;
  margin: 0;
}

@media (max-width: 900px) {
  .l2 .scenes {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .l2 .scenes-left, .l2 .scenes-right, .l2 .only-wide {
    display: none;
  }

  .l2 .only-narrow {
    display: inline;
  }

  .l2 .scenes-deck {
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 -24px;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .l2 .scenes-deck::-webkit-scrollbar {
    display: none;
  }

  .l2 .sd-page {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    flex-direction: column;
    flex: 0 0 100%;
    padding: 0 24px;
    display: flex;
  }

  .l2 .sd-head h3 {
    letter-spacing: -.02em;
    color: var(--ink);
    margin: 0;
    font-size: 24px;
    font-weight: 700;
  }

  .l2 .sd-head p {
    color: var(--muted);
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 1.35;
  }

  .l2 .sd-page .tour-stage {
    align-items: center;
    max-width: none;
    height: 560px;
  }

  .l2 .sd-head {
    text-align: center;
  }

  .l2 .scenes-pips {
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
    display: flex;
  }

  .l2 .scenes-reg {
    justify-content: center;
    margin-top: 14px;
    display: flex;
  }

  .l2 .sd-pip {
    background: color-mix(in srgb, var(--ink) 18%, transparent);
    border-radius: 999px;
    width: 8px;
    height: 8px;
    transition: width .25s, background .25s;
  }

  .l2 .sd-pip.on {
    background: var(--accent-stroke);
    width: 22px;
  }

  .l2 .hero .note {
    white-space: pre-line;
  }

  .l2 .swipe-card {
    scroll-snap-align: center;
    flex-direction: column;
    flex: 0 0 74%;
    display: flex;
  }

  .l2 .swipe-cap {
    order: 2;
    margin-top: 14px;
  }

  .l2 .swipe-cap .t {
    letter-spacing: -.02em;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 600;
    display: block;
  }

  .l2 .swipe-cap .n {
    color: var(--muted);
    margin-top: 4px;
    font-size: 13px;
    line-height: 19px;
    display: block;
  }

  .l2 .swipe-card .phone {
    width: 250px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }

  .l2 .swipe-card .ph-screen > * {
    transform-origin: 0 0;
    width: 151.5%;
    height: 151.5%;
    transform: scale(.66);
  }

  .l2 .swipe-card .ph-screen > .mps {
    transform-origin: 0 0;
    width: 133.4%;
    height: 40px;
    transform: scale(.75);
  }

  .l2 .swipe-card .ph-ig .ig-top, .l2 .swipe-card .ph-tg .tg-top {
    padding-top: 54px;
  }

  .l2 .swipe-card .tour-stage {
    height: 540px;
  }
}

html[data-theme="dark"] .l2 .ph-ig {
  background: #000;
}

html[data-theme="dark"] .l2 .ph-ig .ig-top {
  border-bottom-color: #262626;
}

html[data-theme="dark"] .l2 .ig-nm, html[data-theme="dark"] .l2 .ig-cm .txt {
  color: #f5f5f5;
}

html[data-theme="dark"] .l2 .ig-b.them {
  color: #f5f5f5;
  background: #262626;
}

html[data-theme="dark"] .l2 .ig-post {
  background: linear-gradient(160deg, #24201d, #1b1a20);
}

html[data-theme="dark"] .l2 .ig-post .tpl {
  background: #1c1916;
}

html[data-theme="dark"] .l2 .ig-post .tpl-h {
  background: #f4f1ec;
}

html[data-theme="dark"] .l2 .ig-post .tpl-l {
  background: #3a352f;
}

html[data-theme="dark"] .l2 .ig-post .tpl-chart circle {
  fill: #f4f1ec;
}

html[data-theme="dark"] .l2 .ig-post .tpl-cap, html[data-theme="dark"] .l2 .ig-cm .mut {
  color: #a8a8a8;
}

html[data-theme="dark"] .l2 .ig-cmlist .ig-cm {
  border-color: #262626;
}

html[data-theme="dark"] .l2 .ig-bar {
  color: #a8a8a8;
  border-top-color: #262626;
}

html[data-theme="dark"] .l2 .ig-open {
  color: #cfe4ff;
  background: rgba(0, 0, 0, .35);
}

html[data-theme="dark"] .l2 .ph-screen {
  background: #000;
}

html[data-theme="dark"] .l2 .ph-tg {
  background-color: #0e1621;
  background-image: radial-gradient(rgba(255, 255, 255, .06) 1.2px, rgba(0, 0, 0, 0) 1.3px), radial-gradient(rgba(255, 255, 255, .03) 1.2px, rgba(0, 0, 0, 0) 1.3px);
}

html[data-theme="dark"] .l2 .tg-top {
  background: #17212b;
  border-bottom-color: rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .l2 .tg-nm {
  color: #f5f5f5;
}

html[data-theme="dark"] .l2 .tg-sub {
  color: #7d8b99;
}

html[data-theme="dark"] .l2 .tg-b.them {
  color: #f5f5f5;
  background: #182533;
}

html[data-theme="dark"] .l2 .tg-b.me {
  color: #f5f5f5;
  background: #2b5278;
}

html[data-theme="dark"] .l2 .tg-b .tm {
  color: #8aa0ad;
}

html[data-theme="dark"] .l2 .tg-keys {
  border-top-color: rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .l2 .tg-keys span {
  color: #6ab3f3;
}

html[data-theme="dark"] .l2 .tg-bar {
  color: #7d8b99;
  background: #17212b;
}

html[data-theme="dark"] .l2 .tg-b.voice .wave i {
  background: #5d7f96;
}

.l2 .s1 {
  width: 190px;
  height: 190px;
  animation-duration: 15s;
  top: 120px;
  left: -63px;
}

.l2 .s2 {
  width: 240px;
  height: 240px;
  animation-duration: 12.5s;
  animation-delay: -4s;
  top: 60px;
  right: -80px;
}

.l2 .s3 {
  width: 210px;
  height: 210px;
  animation-duration: 13.5s;
  animation-delay: -2s;
  top: 40px;
  left: -70px;
}

.l2 .s4 {
  width: 150px;
  height: 150px;
  animation-duration: 11s;
  animation-delay: -6s;
  top: auto;
  bottom: 30px;
  right: -50px;
}

@media (max-width: 1180px) {
  .l2 .s1, .l2 .s2, .l2 .s3, .l2 .s4 {
    display: none;
  }
}

.l2 .s5 {
  width: 260px;
  height: 260px;
  animation-duration: 16s;
  animation-delay: -3s;
  top: 420px;
  right: -87px;
}

.l2 .s6 {
  width: 120px;
  height: 120px;
  animation-duration: 12s;
  animation-delay: -7s;
  top: auto;
  bottom: 60px;
  left: 40px;
}

.l2 .s7 {
  width: 150px;
  height: 150px;
  animation-duration: 14s;
  animation-delay: -5s;
  top: auto;
  bottom: 40px;
  left: -50px;
}

.l2 .s8 {
  width: 110px;
  height: 110px;
  animation-duration: 10.5s;
  animation-delay: -1s;
  top: auto;
  bottom: -20px;
  right: 60px;
}

.l2 .s9 {
  width: 230px;
  height: 230px;
  animation-duration: 15.5s;
  animation-delay: -6s;
  top: 40px;
  right: 120px;
}

.l2 .s10 {
  width: 130px;
  height: 130px;
  animation-duration: 11.5s;
  animation-delay: -2s;
  top: auto;
  bottom: 40px;
  right: -43px;
}

.l2 .s11 {
  width: 170px;
  height: 170px;
  animation-duration: 13s;
  animation-delay: -4s;
  top: 90px;
  right: -57px;
}

.l2 .s12 {
  width: 140px;
  height: 140px;
  animation-duration: 12.5s;
  animation-delay: -8s;
  top: auto;
  bottom: 60px;
  left: -47px;
}

@media (max-width: 1180px) {
  .l2 .s5, .l2 .s6, .l2 .s7, .l2 .s8, .l2 .s9, .l2 .s10, .l2 .s11, .l2 .s12 {
    display: none;
  }
}

@media (max-width: 820px) {
  html:not(.app) .cab-auth:has(.drawer-ov.show .drawer.sheet) .l2 .topbar {
    visibility: hidden;
  }
}

/*# sourceMappingURL=_20f677c8._.css.map*/