.ed .tw, .ed .ct {
  --g-font: "Geist", "Geist Variable", ui-sans-serif, system-ui, sans-serif;
  --g-code: "JetBrains Mono", ui-monospace, monospace;
  
  --g-bg: rgba(255, 255, 255, .043);
  --g-solid: #1d1c1b;
  --g-line: rgba(255, 255, 255, .11);
  --g-rule: rgba(255, 255, 255, .07);
  --g-sub: rgba(255, 255, 255, .045);
  --g-ink: #f4f4f2;
  --g-ink2: #dadad8;
  --g-dim: #a9a9a2;
  --g-ok: #71d083;
  --g-ok-bg: rgba(113, 208, 131, .14);
  --g-bad: #ff7a66;
  --g-bad-bg: rgba(255, 122, 102, .13);
  --g-wait: #f5b454;
  --g-wait-bg: rgba(245, 180, 84, .14);
  --g-go: #f08257;
  --g-go-ink: #1a0d07;
  --g-shadow: 0 24px 60px rgba(0, 0, 0, .35);
}

.ed--band .tw, .ed--sage .tw, .ed--paper .tw:not(.sx-dark) {
  --g-bg: rgba(255, 254, 252, .94);
  --g-solid: #fffaf6;
  --g-line: rgba(255, 255, 255, .75);
  --g-rule: rgba(40, 22, 12, .09);
  --g-sub: rgba(40, 22, 12, .04);
  --g-ink: #1f1a17;
  --g-ink2: #3a332e;
  --g-dim: #7a6f67;
  --g-ok: #1f9d55;
  --g-ok-bg: rgba(31, 157, 85, .12);
  --g-bad: #d4382a;
  --g-bad-bg: rgba(212, 56, 42, .1);
  --g-wait: #b8740f;
  --g-wait-bg: rgba(233, 160, 40, .16);
  --g-go: #e0632e;
  --g-go-ink: #fff;
  --g-shadow: 0 30px 70px rgba(70, 25, 6, .28), 0 2px 6px rgba(70, 25, 6, .12);
}


.ed .tw {
  font-family: var(--g-font);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  color: var(--g-ink);
  background: var(--g-bg);
  border: 1px solid var(--g-line);
  border-radius: 12px;
  overflow: hidden;
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: var(--g-shadow);
}
.ed .tw-in { background: transparent; padding: 0; }
.ed .tw-b, .ed .tw-b--w { background: transparent; color: var(--g-ink); padding: 18px 20px 18px; }

.ed .tw-bar {
  height: 30px; align-items: center; padding: 0 12px 0 12px; gap: 12px;
  background: #151414; color: #e9e6df; border-bottom: 1px solid rgba(255, 255, 255, .06);
  font-family: var(--ed-mono); font-size: 18px; line-height: 18px; -webkit-font-smoothing: none;
}
.ed .tw-bar::before { content: ""; flex: none; width: 10px; height: 10px; border-radius: 50%; background: #ff5f57; box-shadow: 16px 0 #febc2e, 32px 0 #28c840; margin-right: 34px; }
.ed .tw-bar > span:first-child { display: flex; align-items: center; gap: 10px; }
.ed .tw-bar-r { display: flex; align-items: center; gap: 8px; margin-left: auto; }


.ed .tw b { font-weight: 500; }
.ed .tw .ed-code { font-family: var(--g-code); font-size: 12.5px; background: var(--g-sub); border: 1px solid var(--g-rule); border-radius: 5px; padding: 0 5px; }
.ed .tw .ic { width: 15px; height: 15px; flex: none; vertical-align: -3px; margin-right: 6px; }
.ed .sx-dv-h b, .ed .lv-big b { font: 500 34px/34px var(--g-font); letter-spacing: -.02em; color: var(--g-ink); }
.ed .sx-dv-h span { color: var(--g-dim); font-size: 14px; }
.ed .sx-dv-m { color: var(--g-dim); opacity: 1; font-size: 13px; }


.ed .tw .tw-tag { font: 500 12px/18px var(--g-font); padding: 1px 8px; border-radius: 6px; background: var(--g-sub); color: var(--g-ink2); box-shadow: inset 0 0 0 1px var(--g-rule); }
.ed .tw .tw-btn { font: 500 13px/18px var(--g-font); padding: 5px 12px; border-radius: 7px; background: var(--g-sub); color: var(--g-ink); box-shadow: inset 0 0 0 1px var(--g-rule); }
.ed .tw .tw-btn--go { background: var(--g-go); color: var(--g-go-ink); box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset, 0 4px 14px rgba(224, 99, 46, .35); }
.ed .tw .tw-btn--q { background: transparent; }
.ed .tw .tw-soon { font: 500 11.5px/16px var(--g-font); border: 1px dashed currentColor; border-radius: 999px; padding: 1px 8px; opacity: .8; }
.ed .tw-bar .tw-soon { color: #e9e6df; }
.ed .tw .tw-chip { font: 500 12.5px/18px var(--g-font); border-radius: 999px; padding: 2px 10px; background: var(--g-sub); box-shadow: inset 0 0 0 1px var(--g-rule); gap: 6px; }


.ed .tw-bar .lv-chip { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 2px 9px 2px 8px; border-radius: 999px; font: 500 12px/16px var(--g-font); -webkit-font-smoothing: antialiased; background: rgba(113, 208, 131, .16); color: #8fe0a0; }
.ed .tw-bar .lv-chip i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: none; }
.ed .tw-bar .lv-chip.lv-busy { background: rgba(245, 180, 84, .16); color: #f5c06a; }
.ed .tw-bar .lv-chip.lv-busy::after { display: none; }

.ed .tw-bar .lv-chip:not([data-flip]) { background: rgba(113, 208, 131, .16); color: #8fe0a0; }
.ed .tw-bar .lv-chip:not([data-flip]) i { animation: lv-pulse 1.6s ease-in-out infinite; }


.ed .tw .sx-ok, .ed .tw .sx-x { width: 18px; height: 18px; border-radius: 50%; background: var(--g-ok-bg); box-shadow: inset 0 0 0 1px var(--g-ok); position: relative; }
.ed .tw .sx-ok::after { content: ""; position: absolute; left: 6px; top: 3px; width: 4px; height: 8px; border: solid var(--g-ok); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.ed .tw .sx-x { background: var(--g-bad-bg); box-shadow: inset 0 0 0 1px var(--g-bad); }
.ed .tw .sx-x::before, .ed .tw .sx-x::after { content: ""; position: absolute; left: 8px; top: 4px; width: 2px; height: 10px; background: var(--g-bad); border: 0; transform: rotate(45deg); }
.ed .tw .sx-x::before { transform: rotate(-45deg); }


.ed .tw .sx-bar { height: 8px; border-radius: 999px; background: var(--g-sub); box-shadow: inset 0 0 0 1px var(--g-rule); overflow: hidden; }
.ed .tw .sx-bar i { border-radius: 999px; background: var(--g-dim); box-shadow: none; }
.ed .tw .sx-bar.is-on i { background: var(--g-ok); box-shadow: none; }


.ed .tw .lv-log { font-family: var(--g-code); font-size: 12.5px; line-height: 18px; border-bottom: 1px solid var(--g-rule); padding: 7px 0; }
.ed .tw .lv-log time { color: var(--g-dim); opacity: 1; }
.ed .tw .lv-log em { color: var(--g-dim); opacity: 1; }
.ed .tw .lv-log b { color: var(--g-ok); font-weight: 500; }
.ed .tw .lv-log .ed-code { font-size: 12px; }


.ed .tw .sx-dv-r, .ed .tw .lv-qr { border-top: 1px solid var(--g-rule); min-height: 40px; }
.ed .tw .sx-dv-r em, .ed .tw .sx-dv-q em, .ed .tw .lv-qr em { color: var(--g-dim); opacity: 1; font-style: normal; font-variant-numeric: tabular-nums; }
.ed .tw .lv-row.is-bad { background: var(--g-bad-bg); box-shadow: inset 3px 0 0 var(--g-bad); border-radius: 0 8px 8px 0; }
.ed .tw .lv-row.is-bad em { color: var(--g-bad); }
.ed .tw .lv-why { color: var(--g-dim); opacity: 1; font-size: 13px; }


.ed .tw .lv-stack { height: 12px; border-radius: 999px; overflow: hidden; box-shadow: none; background: var(--g-sub); gap: 2px; }
.ed .tw .lv-s0 i, .ed .tw i.lv-s0 { background: var(--g-ok); box-shadow: none; min-width: 8px; }
.ed .tw .lv-s1 i, .ed .tw i.lv-s1 { background: #8b7cf6; }
.ed .tw .lv-s2 i, .ed .tw i.lv-s2 { background: #f5b454; }
.ed .tw .lv-s3 i, .ed .tw i.lv-s3 { background: #5ec8d8; }
.ed .tw .lv-leg { font-size: 13px; }
.ed .tw .lv-leg i { border-radius: 3px; box-shadow: none; }
.ed .tw .lv-leg b { color: var(--g-dim); opacity: 1; font-weight: 400; }


.ed .tw .lv-tr span { color: var(--g-dim); opacity: 1; font-size: 13px; }
.ed .tw .lv-tr p { gap: 4px; }
.ed .tw .lv-tr p i { height: 14px; border-radius: 4px; background: var(--g-sub); box-shadow: inset 0 0 0 1px var(--g-rule); }
.ed .tw .lv-tr p i.on { background: var(--g-dim); box-shadow: none; opacity: .6; }
.ed .tw .lv-tr.is-after p i.on { background: var(--g-ok); opacity: 1; box-shadow: none; }
.ed .tw .lv-qr .tw-tag { background: var(--g-ok-bg); color: var(--g-ok); box-shadow: none; }
.ed .tw .lv-qr.is-bad .tw-tag { background: var(--g-bad-bg); color: var(--g-bad); box-shadow: none; }
.ed .tw .lv-qr.is-bad .sx-bar i { background: var(--g-bad); }
.ed .tw .lv-next { border-top: 1px solid var(--g-rule); color: var(--g-ink2); }


.ed .tw .gl-who { display: inline-flex; align-items: center; gap: 9px; }
.ed .tw .gl-av { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 6px; background: var(--av); color: #16110e; font: 600 12px/1 var(--g-font); font-style: normal; }
.ed .tw .sx-dv-q.is-you .gl-who { color: var(--g-go); font-weight: 500; }
.ed .tw .sx-dv-q.is-you .sx-bar i { background: var(--g-go); }
.ed .tw .sx-dv-q:not(.is-you) .sx-bar i { background: var(--g-ink2); opacity: .55; }
.ed .tw .lv-ans { background: var(--g-sub); box-shadow: inset 0 0 0 1px var(--g-rule); border-radius: 10px; }
.ed .tw .lv-ans-h em { color: var(--g-dim); opacity: 1; font-size: 12.5px; }
.ed .tw .lv-ans ol { line-height: 22px; }
.ed .tw .lv-ans-v { border-top: 1px solid var(--g-rule); }
.ed .tw .lv-ans-v b { color: var(--g-bad); }
.ed .tw .lv-ans-v p { color: var(--g-ink2); opacity: 1; line-height: 20px; }


.ed .tw .ed-diff { font-family: var(--g-code); font-size: 12.5px; line-height: 18px; border-radius: 8px; overflow: hidden; box-shadow: inset 0 0 0 1px var(--g-rule); }
.ed .tw .ed-d-out { background: var(--g-bad-bg); color: var(--g-bad); opacity: 1; }
.ed .tw .ed-d-in { background: var(--g-ok-bg); color: var(--g-ok); }
.ed .tw .lv-diff p { padding: 4px 10px; }
.ed .tw .lv-row .tw-tag { background: var(--g-ok-bg); color: var(--g-ok); box-shadow: none; }
.ed .tw .lv-wait { border-top: 1px solid var(--g-rule); }
.ed .tw .lv-wait p { color: var(--g-wait); font-weight: 500; }
.ed .tw .lv-pulse { background: var(--g-wait); box-shadow: 0 0 0 3px var(--g-wait-bg); border-radius: 50%; width: 8px; height: 8px; }


.ed .tw .ed-q { border-bottom: 1px solid var(--g-rule); height: 46px; font-size: 14px; }
.ed .tw .ed-q .tw-tag { background: transparent; box-shadow: none; padding: 0; font-size: 14px; color: var(--g-ink); }
.ed .tw .ed-q-d { color: var(--g-dim); opacity: 1; font-size: 13px; }
.ed .tw .ed-q-go { font: 500 12.5px/18px var(--g-font); border-radius: 7px; padding: 3px 11px; background: var(--g-wait-bg); color: var(--g-wait); }
.ed .tw .ed-q--done .ed-q-go { background: var(--g-ok-bg); color: var(--g-ok); box-shadow: none; }
.ed .tw .ed-q--done .tw-tag { color: var(--g-dim); background: transparent; }
.ed .tw .ed-q.is-sel { background: var(--g-sub); color: var(--g-ink); border-radius: 10px 10px 0 0; box-shadow: inset 0 0 0 1px var(--g-rule); border-bottom: 0; padding: 0 12px; margin: 6px -12px 0; }
.ed .tw .ed-q.is-sel .tw-tag { background: transparent; color: var(--g-ink); }
.ed .tw .lv-pv { background: var(--g-sub); box-shadow: inset 0 0 0 1px var(--g-rule); border-radius: 0 0 10px 10px; margin: 0 -12px 8px; padding: 6px 16px 14px; }
.ed .tw .lv-pv-h { font: 500 24px/30px var(--g-font); letter-spacing: -.01em; }
.ed .tw .lv-pv-m, .ed .tw .lv-pv-src { color: var(--g-dim); opacity: 1; font-size: 13px; }
.ed .tw .lv-pv-src { font-family: var(--g-code); font-size: 12px; }
.ed .tw .lv-pv .ed-tbl { font: 400 13.5px/18px var(--g-font); }
.ed .tw .lv-pv .ed-tbl th { font: 500 12px/16px var(--g-font); color: var(--g-dim); opacity: 1; }
.ed .tw .lv-pv .ed-tbl td { border-top: 1px solid var(--g-rule); }
.ed .tw .ed-q-auto { font-size: 13.5px; color: var(--g-ink2); }
.ed .tw .ed-switch { width: 34px; height: 20px; border-radius: 999px; background: var(--g-sub); box-shadow: inset 0 0 0 1px var(--g-rule); }
.ed .tw .ed-switch b { width: 14px; height: 14px; left: 3px; top: 3px; border-radius: 50%; background: var(--g-dim); }
.ed .tw .lv-ptr { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .4)); }


.ed .sx-app .tw-b { padding: 0; }
.ed .gl-app { display: flex; min-height: 100%; }
.ed .gl-main { flex: 1; min-width: 0; padding: 22px 26px 20px; }
.ed .cl-wrail { flex: none; width: 52px; display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 12px 0; border-right: 1px solid var(--g-rule); background: rgba(0, 0, 0, .18); }
.ed .cl-wrail i { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; color: var(--g-dim); font-style: normal; }
.ed .cl-wrail i .ic { margin: 0; width: 15px; height: 15px; }
.ed .cl-wrail i.on { background: rgba(255, 255, 255, .09); color: var(--g-ink); }
.ed .cl-wrail i.mark { background: var(--g-ok); color: #0d1a10; font: 600 13px/1 var(--g-font); }
.ed .cl-wrail hr { width: 18px; height: 1px; border: 0; background: var(--g-rule); margin: 3px 0; }
.ed .cl-wrail .grow { margin-top: auto; }
.ed .sx-app-h { font: 500 30px/1.1 var(--g-font); letter-spacing: -.02em; color: var(--g-ink); }
.ed .sx-app-tags { border-bottom: 1px solid var(--g-rule); color: var(--g-dim); font-size: 13.5px; }
.ed .sx-app-tags .tw-tag { background: var(--g-ok-bg); color: var(--g-ok); box-shadow: none; }
.ed .sx-app-card { background: var(--g-sub); box-shadow: inset 0 0 0 1px var(--g-rule); border-radius: 10px; }
.ed .sx-app-k { font: 500 14px/18px var(--g-font); color: var(--g-ink); }
.ed .sx-app-s { font: 400 14px/21px var(--g-font); color: var(--g-ink2); }
.ed .sx-app .ed-mx { gap: 0; border-top: 1px solid var(--g-rule); border-bottom: 1px solid var(--g-rule); margin: 0 -18px 12px; }
.ed .sx-app .ed-mx div { background: transparent; padding: 10px 18px; }
.ed .sx-app .ed-mx div + div { box-shadow: inset 1px 0 0 var(--g-rule); }
.ed .sx-app .ed-mx span { font-size: 12.5px; color: var(--g-dim); letter-spacing: 0; }
.ed .sx-app .ed-mx b { font: 500 22px/26px var(--g-font); color: var(--g-ink); }
.ed .sx-app .ed-mx em { color: var(--g-ok); font-size: 13px; font-weight: 500; }
.ed .sx-app .ed-yax { font: 400 11px/11px var(--g-font); color: var(--g-dim); }
.ed .sx-app .ed-line line { stroke: var(--g-rule); }
.ed .sx-app .ed-line path { stroke: var(--g-ok); stroke-width: 2; }
.ed .sx-app .ed-chart i { border-radius: 50%; background: var(--g-ok); box-shadow: 0 0 0 4px var(--g-ok-bg); width: 10px; height: 10px; right: -4px; }
.ed .sx-app .ed-leg { font-size: 12.5px; color: var(--g-dim); }
.ed .sx-app-task { border-top: 1px solid var(--g-rule); border-radius: 8px; font-size: 14px; }
.ed .sx-app-task.is-on { background: var(--g-sub); color: var(--g-ink); box-shadow: inset 0 0 0 1px var(--g-rule); }
.ed .sx-app-task > .tw-tag { background: var(--g-wait-bg); color: var(--g-wait); box-shadow: none; }
.ed .sx-app-task.is-on > .tw-tag { background: var(--g-wait-bg); color: var(--g-wait); }
.ed .sx-app-task:not(.is-on) > .tw-tag { background: var(--g-sub); color: var(--g-dim); }
.ed .sx-app .lv-sub .sx-bar { height: 6px; background: var(--g-sub); box-shadow: none; }
.ed .sx-app .lv-sub .sx-bar i { background: var(--g-ok); }
.ed .sx-app .lv-sub em { color: var(--g-dim); opacity: 1; font-size: 13px; }
.ed .lv-agent { background: var(--g-sub); box-shadow: inset 0 0 0 1px var(--g-rule); border-radius: 10px; font-size: 14px; }
.ed .lv-agent em { color: var(--g-dim); font-size: 13px; }
.ed .lv-spin { width: 14px; height: 14px; border-radius: 50%; background: none; border: 2px solid var(--g-rule); border-top-color: var(--g-ok); animation: lv-spin .8s linear infinite; }


.ed .ct { border-radius: 12px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .1); box-shadow: 0 30px 80px rgba(0, 0, 0, .45); }
.ed .ct .tw-bar { background: #1b1a19; }
.ed .gl-thead { display: flex; gap: 18px; align-items: center; margin: 0 0 16px; }
.ed .gl-thead .bo-t-mark { width: 62px; height: 47px; flex: none; }
.ed .gl-thead .ct-head { margin: 0 !important; line-height: 20px; }
.ed .sx-app-tags > span:first-child { display: inline-flex; align-items: center; }
.ed .sx-app-tags .tw-tag { display: inline-flex; align-items: center; border-radius: 999px; padding: 2px 10px; }
.ed .sx-app-tags .tw-tag .ic { width: 12px; height: 12px; margin-right: 5px; }
.ed .tw .ed-q .tw-tag { display: inline-flex; align-items: center; }
.ed .tw .ed-q .tw-tag .ic { color: var(--g-dim); }



.ed .tw-bar { justify-content: flex-start; }
.ed .tw-bar > span:first-child .ic { width: 14px; height: 14px; margin: 0; color: #e9e6df; }


.ed .tw .lv-pre, .ed .tw .lv-robots, .ed .tw .lv-sk-n, .ed .tw .lv-qs em, .ed .tw .sx-cw-row span, .ed .tw .sx-pill,
.ed .tw .sx-cw-doc p, .ed .tw .sx-cw-pl, .ed .tw .sx-chips .tw-chip, .ed .tw .sx-chips .tw-tag, .ed .tw .sx-cw-lab,
.ed .tw .ed-note, .ed .tw .ed-fine, .ed .tw .ed-qi span, .ed .tw .ed-foot, .ed .ed-w-ans .lv-ans-v, .ed .tw .lv-srcl { font-size: 13px; line-height: 19px; }
.ed .tw .ed-tbl, .ed .tw .ed-tbl--mono { font: 400 13.5px/18px var(--g-font); }
.ed .tw .ed-tbl th { font: 500 12px/16px var(--g-font); color: var(--g-dim); opacity: 1; letter-spacing: 0; }
.ed .tw .ed-tbl td { border-top: 1px solid var(--g-rule); padding: 8px 0; }
.ed .tw .gl-who { display: inline-flex; align-items: center; }
.ed .tw .ed-tbl tr.is-bad td { background: var(--g-bad-bg); color: var(--g-bad); }
.ed .tw .ed-tbl tr.is-bad td:first-child { box-shadow: inset 3px 0 0 var(--g-bad); padding-left: 8px; }
.ed .tw .tw-chip .ic { width: 13px; height: 13px; margin-right: 0; }
.ed .tw .tw-chip.lv-pick { background: var(--g-bad-bg); color: var(--g-bad); box-shadow: inset 0 0 0 1px var(--g-bad); }
.ed .tw .ed-code { color: var(--g-ink2); }


.ed .tw .ed-doc-h { font: 600 24px/1.15 var(--g-font); letter-spacing: -.02em; color: var(--g-ink); }
.ed .tw .ed-doc-d { font: 400 14px/1.45 var(--g-font); color: var(--g-ink2); }
.ed .tw .lv-lost { border-radius: 10px; box-shadow: inset 0 0 0 1.5px var(--g-bad); background: repeating-linear-gradient(135deg, transparent 0 7px, var(--g-bad-bg) 7px 8px); }
.ed .tw .lv-lost-n .tw-tag { background: var(--g-bad-bg); color: var(--g-bad); border-radius: 8px; padding: 6px 10px; font: 500 13px/18px var(--g-font); white-space: normal; box-shadow: none; }
.ed .tw .lv-pre { font-family: var(--g-code); font-size: 12.5px; line-height: 19px; background: #151414; color: #d6d3cc; border-radius: 8px; padding: 12px 14px; }
.ed .tw .lv-pre span:last-child { color: var(--g-bad); }
.ed--band .tw .lv-pre span:last-child { color: #ff8a73; }
.ed .tw .ed-tbl b { font-weight: 500; }
.ed .sx-fpanel .tw-b { padding: 18px 20px; }

.ed .sx-fpanel .ed-w-rendered .tw-b, .ed .sx-fpanel .ed-w-received .tw-b { padding-left: 20px; }
.ed .ed-w-rendered .tw-b::before, .ed .ed-w-received .tw-b::before { display: none; }


.ed .tw .ed-ans-q { background: var(--g-sub); border: 1px solid var(--g-rule); border-radius: 8px; padding: 8px 12px; font: 500 13.5px/18px var(--g-font); display: flex; align-items: center; }
.ed .tw .ed-ans-q::before { content: ""; width: 14px; height: 14px; margin-right: 8px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--g-dim); flex: none; }
.ed .tw .ed-ans-b { font: 400 14px/1.5 var(--g-font); color: var(--g-ink2); }
.ed .tw .ed-ans-l { font: 400 13.5px/1.6 var(--g-font); }
.ed .tw .lv-mk { background: var(--g-sub); color: var(--g-ink); font-weight: 600; border-radius: 4px; padding: 0 4px; box-shadow: inset 0 -2px 0 #a78bfa; }
.ed .tw .lv-ans-v b { font-size: 14px; }
.ed .tw .ed-dek { font: 400 14px/1.5 var(--g-font); color: var(--g-ink2); }
.ed .tw .ed-tiles { gap: 0; border: 1px solid var(--g-rule); border-radius: 10px; overflow: hidden; }
.ed .tw .ed-tiles div { background: var(--g-sub); padding: 10px 12px; }
.ed .tw .ed-tiles div + div { box-shadow: inset 1px 0 0 var(--g-rule); }
.ed .tw .ed-tiles span { font: 400 12.5px/16px var(--g-font); color: var(--g-dim); letter-spacing: 0; }
.ed .tw .ed-tiles b { font: 500 24px/28px var(--g-font); letter-spacing: -.01em; }
.ed .tw .ed-tiles em { font: 500 12.5px/16px var(--g-font); color: var(--g-ok); }
.ed .tw .ed-cal-n .tw-tag { background: var(--g-ok-bg); color: var(--g-ok); box-shadow: none; }
.ed .tw .ed-cal { border: 0; gap: 5px; }
.ed .tw .ed-cal i { border: 0; border-radius: 5px; background: var(--g-bad-bg); box-shadow: inset 0 0 0 1px rgba(212, 56, 42, .18); }
.ed .tw .ed-cal i::after { display: none; }
.ed .tw .ed-cal i.is-on { background: var(--g-ok); box-shadow: none; }
.ed .tw .ed-foot { display: flex; align-items: center; gap: 8px; color: var(--g-ink2); }
.ed .tw .ed-foot .tw-tag { background: var(--g-ok); color: #0d1a10; box-shadow: none; }


.ed .tw .ed-qi { border-bottom: 1px solid var(--g-rule); padding: 12px 12px; gap: 4px; border-radius: 10px; }
.ed .tw .ed-qi b { display: inline-flex; align-items: center; font-size: 14px; }
.ed .tw .ed-qi span { color: var(--g-dim); opacity: 1; }
.ed .tw .ed-qi.is-on { background: var(--g-sub); color: var(--g-ink); box-shadow: inset 0 0 0 1px var(--g-rule); border-bottom-color: transparent; }
.ed .tw .ed-qi .lv-qs .tw-tag { background: var(--g-wait-bg); color: var(--g-wait); box-shadow: none; }
.ed .tw .ed-qi.is-on .lv-qs .tw-tag { background: var(--g-ok-bg); color: var(--g-ok); }
.ed .tw .lv-qs em { color: var(--g-dim); }
.ed .tw .lv-sk { position: relative; padding: 0 0 14px 44px; box-shadow: none; margin: 0 0 4px; }
.ed .tw .lv-sk.is-app { box-shadow: none; }
.ed .tw .gl-sav { position: absolute; left: 0; top: 1px; width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font: 600 14px/1 var(--g-font); font-style: normal; background: #e8a87c; color: #3a1a08; }
.ed .tw .gl-sav.is-app { background: var(--g-ok); color: #0d1a10; }
.ed .tw .lv-sk-t { gap: 8px; margin: 0 0 2px; font-size: 14px; }
.ed .tw .lv-sk-t b { font-weight: 700; }
.ed .tw .lv-sk-t .tw-tag { font: 600 10px/14px var(--g-font); padding: 0 4px; border-radius: 3px; background: var(--g-sub); color: var(--g-dim); }
.ed .tw .lv-sk-t time { font-size: 12px; color: var(--g-dim); opacity: 1; }
.ed .tw .lv-sk-x { font: 400 14px/1.45 var(--g-font); }
.ed .tw .lv-men { background: rgba(29, 155, 209, .14); color: #1264a3; border-radius: 3px; padding: 0 2px; }
.ed .tw .lv-sk-at { border-radius: 8px; background: var(--g-sub); box-shadow: inset 4px 0 0 #36c5f0; padding: 10px 14px; }
.ed .tw .lv-sk-at p:nth-child(2) { font: 400 13.5px/1.4 var(--g-font); color: var(--g-ink2); opacity: 1; }
.ed .tw .gl-slackgo { background: #007a5a; color: #fff; box-shadow: none; }
.ed .tw .lv-sk-n { color: var(--g-dim); opacity: 1; font-style: italic; }


.ed .tw.sx-cw .tw-b { padding: 16px 18px; }
.ed .tw .sx-cw-lab { color: var(--g-dim); opacity: 1; font-weight: 500; }
.ed .tw .sx-leg p { border-top: 1px solid var(--g-rule); font-size: 13.5px; }
.ed .tw .sx-leg p:first-child b { color: var(--g-ok); }
.ed .tw .ed-stack { height: 10px; gap: 2px; border-radius: 999px; overflow: hidden; }
.ed .tw .ed-stack i { background: var(--g-dim); opacity: .5; }
.ed .tw .ed-stack i:first-child { background: var(--g-ok); opacity: 1; }
.ed .tw .sx-em { background: var(--g-ok-bg); color: var(--g-ok); border-radius: 6px; padding: 1px 7px; font: 500 12.5px/18px var(--g-font); }
.ed .tw .sx-cw-p { background: #151414; color: #d6d3cc; border-radius: 10px; padding: 12px 14px; }
.ed .tw .sx-cw-ph b { color: var(--g-ok); }
.ed .tw .sx-cw-ph span, .ed .tw .sx-cw-ph em { color: #a9a9a2; font-size: 12.5px; }
.ed .tw .sx-cw-pl { font-family: var(--g-code); font-size: 12.5px; line-height: 19px; }
.ed .tw .sx-cw-pl.is-dim { color: #ff8a73; }
.ed .tw .sx-cw-p .tw-btn { background: #007a5a; color: #fff; box-shadow: none; }
.ed .tw .sx-cw-p .tw-btn--q { background: transparent; color: #e9e6df; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25); }
.ed .tw .sx-cw-p .tw-soon { color: #e9e6df; }
.ed .tw .sx-cw-doc, .ed .tw .sx-cw-note { background: var(--g-sub); box-shadow: inset 0 0 0 1px var(--g-rule); border-radius: 10px; color: var(--g-ink); }
.ed .tw .sx-cw-doc p { font-size: 13.5px; color: var(--g-ink2); }
.ed .tw .sx-cw-note p:nth-child(2) { font: 400 13.5px/1.45 var(--g-font); color: var(--g-ink2); }
.ed .tw .sx-cw-strike { color: var(--g-bad); opacity: 1; }
.ed .tw .sx-cw-row { border-top: 1px solid var(--g-rule); }
.ed .tw .sx-cw-row span { color: var(--g-dim); opacity: 1; }
.ed .tw .sx-cw-row.is-lit { background: var(--g-sub); color: var(--g-ink); box-shadow: inset 0 0 0 1px var(--g-rule); border-radius: 8px; border-top-color: transparent; }
.ed .tw .sx-pill { font: 500 12px/18px var(--g-font); border-radius: 999px; padding: 2px 10px; box-shadow: inset 0 0 0 1px var(--g-rule); color: var(--g-ink2); }
.ed .tw .sx-pill.is-em { background: var(--g-wait-bg); color: var(--g-wait); box-shadow: none; }
.ed .tw .lv-ansr { font-size: 13px; line-height: 19px; color: var(--g-ink2); }
.ed .tw .sx-cw-find { background: var(--g-sub); color: var(--g-ink); border-radius: 8px; box-shadow: inset 0 0 0 1px var(--g-rule); font-size: 13.5px; }
.ed .tw .sx-cw-find em { color: var(--g-go); font-weight: 500; }
.ed .tw .lv-robots { font-family: var(--g-code); font-size: 12.5px; line-height: 19px; background: #151414; color: #d6d3cc; border-radius: 8px; box-shadow: none; }
.ed .tw .lv-robots .lv-hl { background: var(--g-bad-bg); color: #ff8a73; box-shadow: 0 0 0 3px var(--g-bad-bg); border-radius: 2px; }
.ed .tw .lv-now td, .ed .tw .lv-nowrow { background: var(--g-ok-bg); box-shadow: inset 3px 0 0 var(--g-ok); color: var(--g-ink); font: 500 13.5px/18px var(--g-font); }
.ed .tw .lv-nowrow { border-radius: 0 8px 8px 0; }
.ed .tw tr.lv-never td:nth-child(2) { color: var(--g-bad); }
.ed .tw .sx-on { background: var(--g-ok-bg) !important; color: var(--g-ok) !important; box-shadow: none; }
.ed .tw .sx-chips .tw-tag { background: var(--g-wait-bg); color: var(--g-wait); box-shadow: none; }


.ed .tw .ed-cn { font-size: 14px; line-height: 18px; }
.ed .tw .ed-cn-h { font: 500 12px/16px var(--g-font); color: var(--g-dim); opacity: 1; }
.ed .tw .ed-cn-r { border-top: 1px solid var(--g-rule); height: 48px; }
.ed .tw .ed-cn-r b { display: inline-flex; align-items: center; }
.ed .tw .ed-cn-r b .ic { color: var(--g-dim); }
.ed .tw .ed-cn-r span:not(.tw-tag) { font: 400 13.5px/1.35 var(--g-font); color: var(--g-ink2); }
.ed .tw .ed-cn-r em { color: var(--g-dim); font-variant-numeric: tabular-nums; }
.ed .tw .ed-cn-r.is-no { box-shadow: none; padding-left: 0; }
.ed .tw .gl-acc--read { background: rgba(94, 200, 216, .14); color: #5ec8d8; box-shadow: none; }
.ed .tw .gl-acc--ask { background: var(--g-wait-bg); color: var(--g-wait); box-shadow: none; }
.ed .tw .gl-acc--no { background: var(--g-bad-bg); color: var(--g-bad); box-shadow: none; }
.ed .tw .ed-cn-r .tw-tag.gl-acc { border-radius: 999px; }
.ed .tw .lv-audit { border-top: 1px solid var(--g-rule); }
.ed .tw .lv-log--a span { color: var(--g-ink); font-family: var(--g-font); font-size: 13.5px; }
.ed .tw .lv-log--a b { color: var(--g-ink2); font-weight: 400; }
.ed .tw .sx-lock { filter: none; }


.ed .tw .ed-pb { background: var(--g-solid); box-shadow: inset 0 0 0 1px var(--g-rule), 0 1px 2px rgba(0, 0, 0, .06); border-radius: 10px; padding: 6px 6px 6px 14px; font: 400 15px/20px var(--g-font); }
.ed .tw .ed-pb button { border-radius: 7px; }
.ed .tw .ed-fine { color: var(--g-dim); opacity: 1; }
.ed .tw .lv-log--f { border-top: 1px solid var(--g-rule); }
.ed .tw.sx-dark { --g-bg: rgba(24, 22, 20, .92); --g-line: rgba(255, 255, 255, .1); --g-rule: rgba(255, 255, 255, .07); --g-sub: rgba(255, 255, 255, .045); --g-ink: #f4f4f2; --g-ink2: #dadad8; --g-dim: #a9a9a2; --g-ok: #71d083; --g-ok-bg: rgba(113, 208, 131, .14); }
.ed .tw.sx-dark .tw-b { background: transparent; }
.ed .tw .sx-pv { gap: 10px; padding: 4px; }
.ed .tw .sx-pv > div { background: var(--g-sub); border: 1px solid var(--g-rule); border-radius: 10px; padding: 14px 16px; }
.ed .tw .sx-pv .sx-k { display: inline-flex; align-items: center; font: 500 12.5px/16px var(--g-font); text-transform: none; letter-spacing: 0; color: var(--g-dim); }
.ed .tw .sx-pv b { font: 500 30px/34px var(--g-font); letter-spacing: -.02em; color: var(--g-ink); margin: 12px 0 6px; }
.ed .tw .sx-pv p { font: 400 13px/1.45 var(--g-font); color: var(--g-dim); }
.ed .tw .sx-ind i { border-radius: 3px; box-shadow: inset 0 0 0 1px var(--g-rule); }
.ed .tw .sx-ind i.is-on { background: var(--g-ok); box-shadow: none; }
.ed .tw .sx-ind--bar { background: var(--g-sub); border-radius: 999px; overflow: hidden; }
.ed .tw .sx-ind--bar i { background: var(--g-ok); border-radius: 999px; }
.ed .tw .sx-ind--dots i.is-on { background: var(--g-wait); }
.ed .tw .tw-chip.lv-pick { background: var(--g-sub); color: var(--g-ink); box-shadow: inset 0 0 0 1.5px var(--g-ink2); }
.ed .tw .tw-chip.lv-pick--bad { background: var(--g-bad-bg); color: var(--g-bad); box-shadow: inset 0 0 0 1px var(--g-bad); }
.ed .tw .sx-chips .tw-tag.gl-ok { background: var(--g-ok-bg); color: var(--g-ok); }
.ed .tw .sx-chips .tw-tag.gl-wait { background: var(--g-wait-bg); color: var(--g-wait); }
.ed .tw .sx-cw-pl.is-chat { font: 400 13.5px/1.45 var(--g-font); color: #e9e6df; }



.ed .tw .gl-slackgo, .ed .tw .sx-cw-p .tw-btn:not(.tw-btn--q) { background: var(--g-go); color: var(--g-go-ink); }
.ed .tw .sx-pill.is-em { background: var(--g-go); color: var(--g-go-ink); box-shadow: none; }

.ed .tw .ed-q-go { background: transparent; color: var(--g-ink2); box-shadow: inset 0 0 0 1px var(--g-rule); }

.ed .tw .sx-dv-q.is-you .gl-who { color: var(--g-ink); font-weight: 600; }
.ed .tw .sx-dv-q.is-you .sx-bar i { background: var(--g-ink); opacity: 1; }
.ed .tw .sx-dv-q.is-you .gl-av { color: var(--g-solid); }

.ed .tw .sx-on { background: var(--g-wait-bg) !important; color: var(--g-wait) !important; }

.ed .tw .gl-acc--read { background: var(--g-sub); color: var(--g-ink2); box-shadow: inset 0 0 0 1px var(--g-rule); }

.ed .tw .sx-cw-strike { color: var(--g-bad) !important; opacity: 1 !important; }
.ed .tw .sx-ind i:not(.is-on) { box-shadow: inset 0 0 0 1px rgba(255, 122, 102, .55); }

.ed .tw .sx-cw-find em { color: var(--g-ink); text-decoration: underline; text-underline-offset: 3px; font-family: var(--g-code); font-size: 12.5px; }

.ed .ct .gl-t-add { color: #71d083; }
.ed .ct .gl-t-read { color: #8fb8c9; }
.ed .ct .gl-t-file { color: #f4f4f2; font-weight: 600; }
.ed .cl-wrail i.on { background: rgba(113, 208, 131, .14); color: #71d083; }

.ed .sx-app-tags { justify-content: flex-start; gap: 14px; }


.ed .tw, .ed .ct { border-radius: 0; }