:root {
  --nvs-r: 18px;
  --nvs-r-sm: 12px;
  --nvs-hair: color-mix(in oklab, var(--line) 74%, transparent);
  --nvs-soft: color-mix(in oklab, var(--ink) 4%, transparent);
  --nvs-tint: color-mix(in oklab, var(--green) 9%, transparent);
  --nvs-sh: 0 1px 2px color-mix(in oklab, var(--ink) 8%, transparent);
  --nvs-sh-2: 0 18px 44px -22px color-mix(in oklab, var(--ink) 38%, transparent);
  --nvs-ease: cubic-bezier(.2, .8, .3, 1);
}

.ct-page .ct-hero .ct-hero-btns .sfbtn:not(.ghost):not(.light):not(.outline) {
  background: #fff;
  background-image: none;
  color: #0f1b2d;
  border: 1px solid transparent;
  box-shadow: 0 12px 26px -18px rgba(6, 12, 20, .65);
}
.ct-page .ct-hero .ct-hero-btns .sfbtn:not(.ghost):not(.light):not(.outline) svg,
.ct-page .ct-hero .ct-hero-btns .sfbtn:not(.ghost):not(.light):not(.outline) .nv-i,
.ct-page .ct-hero .ct-hero-btns .sfbtn:not(.ghost):not(.light):not(.outline) span {
  color: inherit;
}
.ct-page .ct-hero .ct-hero-btns .sfbtn:not(.ghost):not(.light):not(.outline):hover {
  background: color-mix(in oklab, #fff 90%, var(--pl-primary, var(--green)));
  color: #0f1b2d;
}
.ct-page .ct-hero .ct-hero-btns .sfbtn.ghost {
  color: var(--nmh-on, #fff);
}
html[data-theme="dark"] .ct-page .ct-hero .ct-hero-btns .sfbtn:not(.ghost):not(.light):not(.outline) {
  background: var(--pl-primary, var(--green));
  color: var(--pl-on-primary, #08101c);
  box-shadow: 0 12px 28px -18px color-mix(in oklab, var(--green) 70%, transparent);
}
html[data-theme="dark"] .ct-page .ct-hero .ct-hero-btns .sfbtn:not(.ghost):not(.light):not(.outline):hover {
  background: var(--pl-primary-hover, var(--green2));
  color: var(--pl-on-primary, #08101c);
}
.ct-page .ct-note .sfbtn:not(.ghost):not(.light):not(.outline) {
  color: var(--pl-on-primary, #fff);
}

.nvtr-page { max-width: 1100px }

.nvtr-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 30px;
  margin-bottom: 20px;
  border-radius: var(--sf-r-lg, 26px);
  border: 1px solid color-mix(in oklab, #fff 12%, transparent);
  color: var(--nmh-on, #fff);
  background-image:
    radial-gradient(120% 150% at 100% 0%, color-mix(in oklab, var(--pl-primary, var(--green)) 42%, transparent), transparent 62%),
    linear-gradient(140deg,
      color-mix(in oklab, var(--nmh-base, oklch(24% .028 264)) 90%, var(--pl-primary, var(--green))) 0%,
      color-mix(in oklab, var(--pl-primary, var(--green)) 34%, var(--nmh-base2, oklch(17% .022 264))) 100%);
  box-shadow: var(--sf-shadow-2);
}
.nvtr-hero-in { flex: 1 1 380px; min-width: 0 }
.nvtr-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .17);
  border: 1px solid rgba(255, 255, 255, .26);
  font: 700 11.5px var(--font);
  font-size: calc(11.5px * var(--fz-small, 1));
  color: var(--nmh-on, #fff);
}
.nvtr-hero h1 {
  margin: 12px 0 8px;
  font: 900 30px/1.4 var(--font);
  font-size: calc(30px * var(--fz-h1, var(--fz-base, 1)));
  letter-spacing: -.02em;
  color: var(--nmh-on, #fff);
}
.nvtr-hero p {
  margin: 0 0 18px;
  max-width: 46ch;
  font: 500 13px/1.9 var(--font);
  font-size: calc(13px * var(--fz-small, 1));
  color: var(--nmh-on, #fff);
  opacity: .9;
}
.nvtr-search { display: flex; gap: 10px; flex-wrap: wrap; align-items: stretch }
.nvtr-inp {
  position: relative;
  flex: 1 1 260px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 14px;
  min-height: 52px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .3);
  transition: border-color .18s var(--nvs-ease), background .18s var(--nvs-ease);
}
.nvtr-inp:focus-within { background: rgba(255, 255, 255, .2); border-color: rgba(255, 255, 255, .6) }
.nvtr-inp svg, .nvtr-inp .nv-i { flex: none; opacity: .8 }
.nvtr-page .nvtr-inp input[type="text"] {
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 0;
  height: 48px;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  color: var(--nmh-on, #fff);
  font: 800 14px var(--font);
  font-size: calc(14px * var(--fz-base, 1));
  letter-spacing: .04em;
}
.nvtr-page .nvtr-inp input::placeholder { color: rgba(255, 255, 255, .55); font-weight: 600; letter-spacing: .06em }
.nvtr-page .nvtr-search .sfbtn {
  min-height: 52px;
  padding-inline: 26px;
  border-radius: 14px;
  background: #fff;
  background-image: none;
  color: #0f1b2d;
  border: 1px solid transparent;
}
.nvtr-page .nvtr-search .sfbtn:not(.ghost):not(.light):not(.outline) { color: #0f1b2d }
.nvtr-page .nvtr-search .sfbtn:hover { background: color-mix(in oklab, #fff 90%, var(--pl-primary, var(--green))) }
.nvtr-note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
  font: 500 11px/1.8 var(--font);
  font-size: calc(11px * var(--fz-small, 1));
  color: var(--nmh-on, #fff);
  opacity: .78;
}
.nvtr-hero-art {
  position: relative;
  flex: 0 0 210px;
  align-self: stretch;
  min-height: 170px;
  display: block;
}
.nvtr-hero-art .b {
  position: absolute;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .22);
  color: #fff;
  backdrop-filter: blur(3px);
}
.nvtr-hero-art .b1 { inset-inline-start: 8%; top: 6% }
.nvtr-hero-art .b2 { inset-inline-start: 48%; top: 30%; width: 66px; height: 66px }
.nvtr-hero-art .b3 { inset-inline-start: 4%; top: 58% }
.nvtr-hero-art .b4 { inset-inline-start: 56%; top: 72% }

.nvtr-card {
  background: var(--surface);
  border: 1px solid var(--nvs-hair);
  border-radius: var(--nvs-r);
  box-shadow: var(--nvs-sh);
  overflow: hidden;
  margin-bottom: 16px;
}
.nvtr-top {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  padding: 16px 18px;
  background: var(--nvs-soft);
  border-bottom: 1px solid var(--nvs-hair);
}
.nvtr-top-ic {
  display: grid;
  place-items: center;
  flex: none;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: var(--nvs-tint);
  color: var(--green);
}
.nvtr-top-tx { flex: 1 1 200px; min-width: 0 }
.nvtr-top-tx small {
  display: block;
  font: 600 10.5px var(--font);
  font-size: calc(10.5px * var(--fz-small, 1));
  color: var(--muted);
}
.nvtr-code {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 3px;
  font: 900 17px var(--font);
  font-size: calc(17px * var(--fz-base, 1));
  color: var(--ink);
  direction: ltr;
}
.nvtr-copy {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 9px;
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid var(--nvs-hair);
  background: var(--surface);
  color: var(--muted);
  font: 700 10.5px var(--font);
  font-size: calc(10.5px * var(--fz-small, 1));
  direction: rtl;
  transition: color .16s var(--nvs-ease), border-color .16s var(--nvs-ease);
}
.nvtr-copy:hover { color: var(--green); border-color: color-mix(in oklab, var(--green) 45%, transparent) }
.nvtr-copy.is-done { color: var(--green); border-color: color-mix(in oklab, var(--green) 55%, transparent) }
.nvtr-copy svg, .nvtr-copy .nv-i { width: 13px; height: 13px }

.nvtr-chips { display: flex; flex-wrap: wrap; gap: 7px; align-items: center }
.nvtr-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 11px;
  border-radius: 999px;
  border: 1px solid var(--nvs-hair);
  background: color-mix(in oklab, var(--surface) 84%, transparent);
  font: 700 11px var(--font);
  font-size: calc(11px * var(--fz-small, 1));
  color: var(--ink);
}
.nvtr-chip svg, .nvtr-chip .nv-i { width: 14px; height: 14px; color: var(--muted) }
.nvtr-chip.is-code { direction: ltr; font-weight: 800; letter-spacing: .03em }
.nvtr-chip.is-green { border-color: color-mix(in oklab, var(--green) 40%, transparent); color: var(--green) }
.nvtr-chip.is-green svg, .nvtr-chip.is-green .nv-i { color: var(--green) }

.nvtr-flowwrap { padding: 24px 20px 18px }
.nvtr-flow {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 8px;
}
.nvtr-rail {
  position: absolute;
  inset-inline: 10%;
  top: 19px;
  height: 4px;
  border-radius: 99px;
  background: color-mix(in oklab, var(--ink) 10%, transparent);
  overflow: hidden;
}
.nvtr-rail i {
  display: block;
  height: 100%;
  width: var(--p, 0%);
  border-radius: 99px;
  background: linear-gradient(90deg, var(--green), color-mix(in oklab, var(--green) 55%, var(--gold)));
  transition: width .7s var(--nvs-ease);
}
.nvtr-step { position: relative; display: grid; justify-items: center; gap: 9px; text-align: center }
.nvtr-step .n {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--surface);
  border: 2px solid color-mix(in oklab, var(--ink) 12%, transparent);
  color: var(--muted);
  transition: transform .2s var(--nvs-ease), border-color .2s var(--nvs-ease);
}
.nvtr-step .n svg, .nvtr-step .n .nv-i { width: 18px; height: 18px }
.nvtr-step b {
  font: 800 11.5px var(--font);
  font-size: calc(11.5px * var(--fz-small, 1));
  color: var(--muted);
}
.nvtr-step.is-done .n {
  background: color-mix(in oklab, var(--green) 14%, var(--surface));
  border-color: color-mix(in oklab, var(--green) 55%, transparent);
  color: var(--green);
}
.nvtr-step.is-done b { color: var(--ink) }
.nvtr-step.is-now .n {
  background: var(--green);
  border-color: color-mix(in oklab, var(--green) 30%, var(--surface));
  color: var(--pl-on-primary, #fff);
  transform: scale(1.06);
  box-shadow: 0 0 0 6px color-mix(in oklab, var(--green) 16%, transparent);
}
.nvtr-step.is-now b { color: var(--green); font-weight: 900 }

.nvtr-void {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 20px 20px;
  padding: 14px 16px;
  border-radius: var(--nvs-r-sm);
  border: 1px solid color-mix(in oklab, var(--red) 34%, transparent);
  background: color-mix(in oklab, var(--red) 8%, var(--surface));
}
.nvtr-void .ic { flex: none; color: var(--red) }
.nvtr-void b { display: block; font: 800 12.5px var(--font); font-size: calc(12.5px * var(--fz-base, 1)); color: var(--ink) }
.nvtr-void p { margin: 4px 0 0; font: 500 11px/1.9 var(--font); font-size: calc(11px * var(--fz-small, 1)); color: var(--muted) }

.nvtr-split { display: grid; gap: 16px; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); align-items: start }
.nvtr-panel {
  background: var(--surface);
  border: 1px solid var(--nvs-hair);
  border-radius: var(--nvs-r);
  box-shadow: var(--nvs-sh);
  overflow: hidden;
}
.nvtr-panel-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 16px;
  background: var(--nvs-soft);
  border-bottom: 1px solid var(--nvs-hair);
}
.nvtr-panel-head .ic {
  display: grid;
  place-items: center;
  flex: none;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: var(--nvs-tint);
  color: var(--green);
}
.nvtr-panel-head b { flex: 1; font: 900 12.5px var(--font); font-size: calc(12.5px * var(--fz-base, 1)); color: var(--ink) }
.nvtr-panel-head span { font: 600 10.5px var(--font); font-size: calc(10.5px * var(--fz-small, 1)); color: var(--muted) }

.nvtr-line {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  border-bottom: 1px solid var(--nvs-hair);
}
.nvtr-line:last-child { border-bottom: 0 }
.nvtr-line .tx { flex: 1; min-width: 0 }
.nvtr-line .tx b {
  display: block;
  font: 700 12px/1.7 var(--font);
  font-size: calc(12px * var(--fz-base, 1));
  color: var(--ink);
}
.nvtr-line .tx small {
  display: block;
  margin-top: 2px;
  font: 500 10.5px var(--font);
  font-size: calc(10.5px * var(--fz-small, 1));
  color: var(--muted);
}
.nvtr-line .qty {
  flex: none;
  min-width: 34px;
  padding: 4px 8px;
  border-radius: 8px;
  background: var(--surface2);
  color: var(--muted);
  font: 800 11px var(--font);
  font-size: calc(11px * var(--fz-small, 1));
  text-align: center;
}
.nvtr-line .amt {
  flex: none;
  font: 800 12px var(--font);
  font-size: calc(12px * var(--fz-base, 1));
  color: var(--ink);
  white-space: nowrap;
}

.nvtr-sum { padding: 6px 16px 14px }
.nvtr-sum-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 0;
  border-bottom: 1px dashed var(--nvs-hair);
  font: 600 11.5px var(--font);
  font-size: calc(11.5px * var(--fz-small, 1));
  color: var(--muted);
}
.nvtr-sum-row b { color: var(--ink); font-weight: 800 }
.nvtr-sum-row.is-total { border-bottom: 0; padding-top: 12px }
.nvtr-sum-row.is-total span { color: var(--ink); font-weight: 800 }
.nvtr-sum-row.is-total b { color: var(--green); font: 900 16px var(--font); font-size: calc(16px * var(--fz-base, 1)) }
.nvtr-panel-foot { padding: 12px 16px; background: var(--nvs-soft); border-top: 1px solid var(--nvs-hair) }
.nvtr-panel-foot p { margin: 0; font: 500 10.5px/1.9 var(--font); font-size: calc(10.5px * var(--fz-small, 1)); color: var(--muted) }

.nvtr-ship {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 14px 16px;
  border-bottom: 1px solid var(--nvs-hair);
}
.nvtr-ship:last-child { border-bottom: 0 }
.nvtr-ship .ic {
  display: grid;
  place-items: center;
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: color-mix(in oklab, var(--blue) 12%, transparent);
  color: var(--blue);
}
.nvtr-ship .tx { flex: 1 1 160px; min-width: 0 }
.nvtr-ship .tx b {
  display: block;
  direction: ltr;
  text-align: start;
  font: 900 13px var(--font);
  font-size: calc(13px * var(--fz-base, 1));
  color: var(--ink);
  letter-spacing: .04em;
}
.nvtr-ship .tx small {
  display: block;
  margin-top: 3px;
  font: 500 10.5px var(--font);
  font-size: calc(10.5px * var(--fz-small, 1));
  color: var(--muted);
}
.nvtr-ship .act { display: flex; gap: 7px; flex-wrap: wrap; align-items: center }
.nvtr-mini {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 12px;
  border-radius: 10px;
  border: 1px solid var(--nvs-hair);
  background: var(--surface);
  color: var(--ink);
  cursor: pointer;
  font: 700 11px var(--font);
  font-size: calc(11px * var(--fz-small, 1));
  transition: color .16s var(--nvs-ease), border-color .16s var(--nvs-ease), background .16s var(--nvs-ease);
}
.nvtr-mini:hover { color: var(--green); border-color: color-mix(in oklab, var(--green) 45%, transparent); background: var(--nvs-tint) }
.nvtr-mini svg, .nvtr-mini .nv-i { width: 14px; height: 14px }
.nvtr-mini.is-done { color: var(--green) }

.nvtr-blank {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 4px;
  padding: 46px 24px;
  background: var(--surface);
  border: 1px solid var(--nvs-hair);
  border-radius: var(--nvs-r);
  box-shadow: var(--nvs-sh);
  margin-bottom: 16px;
}
.nvtr-blank .ic {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  margin-bottom: 8px;
  border-radius: 20px;
  background: color-mix(in oklab, var(--gold) 13%, transparent);
  color: var(--gold);
}
.nvtr-blank b { font: 900 15px var(--font); font-size: calc(15px * var(--fz-base, 1)); color: var(--ink) }
.nvtr-blank p {
  margin: 6px 0 14px;
  max-width: 44ch;
  font: 500 11.5px/1.9 var(--font);
  font-size: calc(11.5px * var(--fz-small, 1));
  color: var(--muted);
}
.nvtr-blank-act { display: flex; gap: 9px; flex-wrap: wrap; justify-content: center }

.nvtr-help { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) }
.nvtr-help-c {
  position: relative;
  padding: 17px;
  background: var(--surface);
  border: 1px solid var(--nvs-hair);
  border-radius: var(--nvs-r-sm);
  box-shadow: var(--nvs-sh);
  transition: transform .18s var(--nvs-ease), box-shadow .18s var(--nvs-ease);
}
.nvtr-help-c:hover { transform: translateY(-3px); box-shadow: var(--nvs-sh-2) }
.nvtr-help-c .ic {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-bottom: 11px;
  border-radius: 10px;
  background: var(--nvs-tint);
  color: var(--green);
}
.nvtr-help-c b { display: block; font: 800 12.5px var(--font); font-size: calc(12.5px * var(--fz-base, 1)); color: var(--ink) }
.nvtr-help-c p {
  margin: 6px 0 0;
  font: 500 11px/1.9 var(--font);
  font-size: calc(11px * var(--fz-small, 1));
  color: var(--muted);
}
.nvtr-help-c .go {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
  font: 800 11px var(--font);
  font-size: calc(11px * var(--fz-small, 1));
  color: var(--green);
}

.nvsup-head {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
  padding: 20px;
  margin-bottom: 14px;
  border: 1px solid var(--nvs-hair);
  border-radius: var(--nvs-r);
  background:
    radial-gradient(120% 160% at 100% 0%, color-mix(in oklab, var(--green) 15%, transparent), transparent 62%),
    radial-gradient(110% 140% at 0% 100%, color-mix(in oklab, var(--blue) 10%, transparent), transparent 58%),
    var(--surface);
  box-shadow: var(--nvs-sh);
}
.nvsup-head-ic {
  display: grid;
  place-items: center;
  flex: none;
  width: 54px;
  height: 54px;
  border-radius: 17px;
  background: color-mix(in oklab, var(--green) 15%, var(--surface2));
  color: var(--green);
  border: 1px solid color-mix(in oklab, var(--green) 26%, transparent);
}
.nvsup-head-tx { flex: 1 1 220px; min-width: 0 }
.nvsup-head-tx h1 {
  margin: 0 0 6px;
  font: 900 20px/1.5 var(--font);
  font-size: calc(20px * var(--fz-h1, var(--fz-base, 1)));
  color: var(--ink);
  letter-spacing: -.02em;
}
.nvsup-head-tx p {
  margin: 0;
  font: 500 11.5px/1.9 var(--font);
  font-size: calc(11.5px * var(--fz-small, 1));
  color: var(--muted);
}
.nvsup-head-act { display: flex; gap: 8px; flex-wrap: wrap }

.nvsup-stats { display: grid; gap: 11px; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); margin-bottom: 16px }
.nvsup-stat {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 14px;
  border: 1px solid var(--nvs-hair);
  border-radius: var(--nvs-r-sm);
  background: var(--surface);
  box-shadow: var(--nvs-sh);
}
.nvsup-stat::after {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  width: 3px;
  height: 100%;
  background: var(--nvs-tone, var(--green));
  opacity: .85;
}
.nvsup-stat .ic {
  display: grid;
  place-items: center;
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: color-mix(in oklab, var(--nvs-tone, var(--green)) 14%, transparent);
  color: var(--nvs-tone, var(--green));
}
.nvsup-stat b {
  display: block;
  font: 900 17px/1.3 var(--font);
  font-size: calc(17px * var(--fz-base, 1));
  color: var(--ink);
}
.nvsup-stat small {
  display: block;
  margin-top: 2px;
  font: 600 10.5px var(--font);
  font-size: calc(10.5px * var(--fz-small, 1));
  color: var(--muted);
}
.nvsup-stat[data-tone="gold"] { --nvs-tone: var(--gold) }
.nvsup-stat[data-tone="blue"] { --nvs-tone: var(--blue) }
.nvsup-stat[data-tone="muted"] { --nvs-tone: color-mix(in oklab, var(--ink) 40%, var(--muted)) }

.nvsup-grid { display: grid; gap: 16px; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: start }
.nvsup-col { min-width: 0 }

.nvsup-panel {
  background: var(--surface);
  border: 1px solid var(--nvs-hair);
  border-radius: var(--nvs-r);
  box-shadow: var(--nvs-sh);
  overflow: hidden;
}
.nvsup-panel + .nvsup-panel { margin-top: 14px }
.nvsup-panel-head {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px 16px;
  background: var(--nvs-soft);
  border-bottom: 1px solid var(--nvs-hair);
}
.nvsup-panel-head .ic {
  display: grid;
  place-items: center;
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: var(--nvs-tint);
  color: var(--green);
}
.nvsup-panel-head .tx { flex: 1; min-width: 0 }
.nvsup-panel-head b { display: block; font: 900 13px var(--font); font-size: calc(13px * var(--fz-base, 1)); color: var(--ink) }
.nvsup-panel-head span {
  display: block;
  margin-top: 3px;
  font: 500 10.5px var(--font);
  font-size: calc(10.5px * var(--fz-small, 1));
  color: var(--muted);
}
.nvsup-panel-body { padding: 16px }

.nvsup-filters { display: flex; flex-wrap: wrap; gap: 6px }
.nvsup-filters button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 999px;
  border: 1px solid var(--nvs-hair);
  background: var(--surface);
  color: var(--muted);
  font: 700 10.5px var(--font);
  font-size: calc(10.5px * var(--fz-small, 1));
  transition: color .16s var(--nvs-ease), border-color .16s var(--nvs-ease), background .16s var(--nvs-ease);
}
.nvsup-filters button:hover { color: var(--green); border-color: color-mix(in oklab, var(--green) 40%, transparent) }
.nvsup-filters button.is-on {
  background: var(--green);
  border-color: var(--green);
  color: var(--pl-on-primary, #fff);
}
.nvsup-filters button i {
  font-style: normal;
  font-weight: 800;
  opacity: .7;
}

.nvsup-list { display: grid }
.nvsup-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 15px 16px;
  border-bottom: 1px solid var(--nvs-hair);
  color: var(--ink);
  transition: background .16s var(--nvs-ease);
}
.nvsup-item:last-child { border-bottom: 0 }
.nvsup-item:hover { background: var(--nvs-soft) }
.nvsup-item .dot {
  flex: none;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: color-mix(in oklab, var(--nvs-tone, var(--green)) 13%, transparent);
  color: var(--nvs-tone, var(--green));
}
.nvsup-item[data-st="open"] { --nvs-tone: var(--gold) }
.nvsup-item[data-st="answered"] { --nvs-tone: var(--green) }
.nvsup-item[data-st="closed"] { --nvs-tone: color-mix(in oklab, var(--ink) 45%, var(--muted)) }
.nvsup-item .tx { flex: 1; min-width: 0 }
.nvsup-item .tx b {
  display: block;
  font: 800 12.5px/1.7 var(--font);
  font-size: calc(12.5px * var(--fz-base, 1));
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nvsup-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px }
.nvsup-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px solid var(--nvs-hair);
  background: color-mix(in oklab, var(--surface) 82%, transparent);
  font: 700 10px var(--font);
  font-size: calc(10px * var(--fz-small, 1));
  color: var(--muted);
}
.nvsup-tag svg, .nvsup-tag .nv-i { width: 12px; height: 12px }
.nvsup-tag.is-open { color: var(--gold); border-color: color-mix(in oklab, var(--gold) 40%, transparent) }
.nvsup-tag.is-answered { color: var(--green); border-color: color-mix(in oklab, var(--green) 40%, transparent) }
.nvsup-tag.is-closed { color: var(--muted) }
.nvsup-tag.is-high { color: var(--red); border-color: color-mix(in oklab, var(--red) 38%, transparent) }
.nvsup-tag.is-code { direction: ltr; font-weight: 800; letter-spacing: .03em }
.nvsup-item .go { flex: none; color: var(--muted); transition: color .16s var(--nvs-ease), transform .18s var(--nvs-ease) }
.nvsup-item:hover .go { color: var(--green) }

.nvsup-blank { display: grid; justify-items: center; text-align: center; padding: 44px 22px }
.nvsup-blank .ic {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 12px;
  border-radius: 18px;
  background: var(--nvs-tint);
  color: var(--green);
}
.nvsup-blank b { font: 900 13.5px var(--font); font-size: calc(13.5px * var(--fz-base, 1)); color: var(--ink) }
.nvsup-blank p {
  margin: 7px 0 0;
  max-width: 40ch;
  font: 500 11px/1.9 var(--font);
  font-size: calc(11px * var(--fz-small, 1));
  color: var(--muted);
}

.nvsup-form .nvsup-f { display: grid; gap: 7px; margin-bottom: 13px }
.nvsup-form .nvsup-f > label {
  display: flex;
  align-items: center;
  gap: 6px;
  font: 700 11px var(--font);
  font-size: calc(11px * var(--fz-form, var(--fz-small, 1)));
  color: var(--ink);
}
.nvsup-form .nvsup-f > label svg, .nvsup-form .nvsup-f > label .nv-i { width: 14px; height: 14px; color: var(--muted) }
.nvsup-form .nvsup-f input[type="text"],
.nvsup-form .nvsup-f select,
.nvsup-form .nvsup-f textarea {
  width: 100%;
  margin: 0;
  border-radius: 11px;
  border: 1px solid var(--nvs-hair);
  background: color-mix(in oklab, var(--surface2) 55%, var(--surface));
  color: var(--ink);
  font: 600 12px var(--font);
  font-size: calc(12px * var(--fz-form, var(--fz-base, 1)));
  transition: border-color .16s var(--nvs-ease), background .16s var(--nvs-ease), box-shadow .16s var(--nvs-ease);
}
.nvsup-form .nvsup-f input[type="text"]:focus,
.nvsup-form .nvsup-f select:focus,
.nvsup-form .nvsup-f textarea:focus {
  outline: 0;
  background: var(--surface);
  border-color: color-mix(in oklab, var(--green) 55%, transparent);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--green) 13%, transparent);
}
.nvsup-form .nvsup-f textarea { min-height: 116px; line-height: 1.9; resize: vertical }
.nvsup-form .nvsup-two { display: grid; gap: 11px; grid-template-columns: repeat(2, minmax(0, 1fr)) }
.nvsup-form .nvsup-f small { font: 500 10px var(--font); font-size: calc(10px * var(--fz-small, 1)); color: var(--muted) }
.nvsup-form .tk-drop { margin-top: 0 }
.nvsup-form .btn, .nvsup-form .sfbtn { width: 100% }

.nvsup-tips { display: grid; gap: 11px }
.nvsup-tip { display: flex; align-items: flex-start; gap: 10px }
.nvsup-tip .ic {
  display: grid;
  place-items: center;
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: var(--nvs-tint);
  color: var(--green);
}
.nvsup-tip b { display: block; font: 800 11.5px var(--font); font-size: calc(11.5px * var(--fz-base, 1)); color: var(--ink) }
.nvsup-tip p {
  margin: 4px 0 0;
  font: 500 10.5px/1.9 var(--font);
  font-size: calc(10.5px * var(--fz-small, 1));
  color: var(--muted);
}

.nvsup-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  font: 700 11px var(--font);
  font-size: calc(11px * var(--fz-small, 1));
  color: var(--muted);
  transition: color .16s var(--nvs-ease);
}
.nvsup-back:hover { color: var(--green) }
.nvsup-back svg, .nvsup-back .nv-i { width: 15px; height: 15px }

.nvsup-thread { display: grid; gap: 14px }
.nvsup-sheet {
  background: var(--surface);
  border: 1px solid var(--nvs-hair);
  border-radius: var(--nvs-r);
  box-shadow: var(--nvs-sh);
  overflow: hidden;
}
.nvsup-sheet-head {
  display: flex;
  align-items: center;
  gap: 13px;
  flex-wrap: wrap;
  padding: 17px 18px;
  background:
    radial-gradient(120% 160% at 100% 0%, color-mix(in oklab, var(--green) 12%, transparent), transparent 60%),
    var(--nvs-soft);
  border-bottom: 1px solid var(--nvs-hair);
}
.nvsup-sheet-head .ic {
  display: grid;
  place-items: center;
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: color-mix(in oklab, var(--green) 14%, var(--surface));
  border: 1px solid color-mix(in oklab, var(--green) 24%, transparent);
  color: var(--green);
}
.nvsup-sheet-head .tx { flex: 1 1 220px; min-width: 0 }
.nvsup-sheet-head h1 {
  margin: 0 0 8px;
  font: 900 17px/1.6 var(--font);
  font-size: calc(17px * var(--fz-h1, var(--fz-base, 1)));
  color: var(--ink);
  letter-spacing: -.01em;
  word-break: break-word;
}

.nvsup-chat { display: flex; flex-direction: column; gap: 14px; padding: 18px }
.nvsup-msg { display: flex; align-items: flex-end; gap: 10px; max-width: 86% }
.nvsup-msg.is-staff { align-self: flex-start }
.nvsup-msg.is-me { align-self: flex-end; flex-direction: row-reverse }
.nvsup-av {
  flex: none;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--surface2);
  border: 1px solid var(--nvs-hair);
  color: var(--muted);
  font: 900 12px var(--font);
}
.nvsup-msg.is-staff .nvsup-av {
  background: color-mix(in oklab, var(--green) 14%, var(--surface));
  border-color: color-mix(in oklab, var(--green) 28%, transparent);
  color: var(--green);
}
.nvsup-bub {
  min-width: 0;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid var(--nvs-hair);
  background: var(--surface2);
  color: var(--ink);
  font: 500 12.5px/1.95 var(--font);
  font-size: calc(12.5px * var(--fz-base, 1));
  word-break: break-word;
}
.nvsup-msg.is-staff .nvsup-bub {
  border-start-start-radius: 5px;
  background: color-mix(in oklab, var(--green) 8%, var(--surface));
  border-color: color-mix(in oklab, var(--green) 26%, transparent);
}
.nvsup-msg.is-me .nvsup-bub { border-start-end-radius: 5px }
.nvsup-bub .who {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
  font: 800 10.5px var(--font);
  font-size: calc(10.5px * var(--fz-small, 1));
  color: var(--ink);
}
.nvsup-bub .who i {
  font-style: normal;
  font-weight: 600;
  color: var(--muted);
}
.nvsup-msg.is-staff .nvsup-bub .who { color: var(--green) }
.nvsup-bub .tk-att { margin-top: 10px }
.nvsup-bub .tk-att a { width: 78px; height: 78px }

.nvsup-reply { padding: 16px; border-top: 1px solid var(--nvs-hair); background: var(--nvs-soft) }
.nvsup-reply .nvsup-rhead {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
  font: 800 11.5px var(--font);
  font-size: calc(11.5px * var(--fz-base, 1));
  color: var(--ink);
}
.nvsup-reply .nvsup-rhead svg, .nvsup-reply .nvsup-rhead .nv-i { width: 15px; height: 15px; color: var(--green) }
.nvsup-reply textarea {
  width: 100%;
  min-height: 104px;
  margin: 0 0 11px;
  border-radius: 12px;
  border: 1px solid var(--nvs-hair);
  background: var(--surface);
  color: var(--ink);
  line-height: 1.95;
  resize: vertical;
  font: 500 12.5px var(--font);
  font-size: calc(12.5px * var(--fz-form, var(--fz-base, 1)));
  transition: border-color .16s var(--nvs-ease), box-shadow .16s var(--nvs-ease);
}
.nvsup-reply textarea:focus {
  outline: 0;
  border-color: color-mix(in oklab, var(--green) 55%, transparent);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--green) 13%, transparent);
}
.nvsup-reply .nvsup-ract { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap }
.nvsup-reply .nvsup-ract small { font: 500 10px var(--font); font-size: calc(10px * var(--fz-small, 1)); color: var(--muted) }
.nvsup-locked {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 15px 18px;
  border-top: 1px solid var(--nvs-hair);
  background: var(--nvs-soft);
}
.nvsup-locked .ic { flex: none; color: var(--muted) }
.nvsup-locked b { display: block; font: 800 11.5px var(--font); font-size: calc(11.5px * var(--fz-base, 1)); color: var(--ink) }
.nvsup-locked p { margin: 3px 0 0; font: 500 10.5px/1.9 var(--font); font-size: calc(10.5px * var(--fz-small, 1)); color: var(--muted) }
.nvsup-locked .act { margin-inline-start: auto }

html[data-theme="dark"] .nvtr-hero {
  background-image:
    radial-gradient(120% 150% at 100% 0%, color-mix(in oklab, var(--pl-primary, var(--green)) 28%, transparent), transparent 62%),
    linear-gradient(140deg,
      color-mix(in oklab, var(--bg) 60%, oklch(12% .02 264)),
      color-mix(in oklab, var(--pl-primary, var(--green)) 18%, oklch(14% .02 264)));
  border-color: color-mix(in oklab, var(--line) 82%, transparent);
}
html[data-theme="dark"] .nvtr-page .nvtr-search .sfbtn,
html[data-theme="dark"] .nvtr-page .nvtr-search .sfbtn:not(.ghost):not(.light):not(.outline) {
  background: var(--pl-primary, var(--green));
  color: var(--pl-on-primary, #08101c);
}
html[data-theme="dark"] .nvtr-page .nvtr-search .sfbtn:hover { background: var(--pl-primary-hover, var(--green2)) }
html[data-theme="dark"] .nvtr-card,
html[data-theme="dark"] .nvtr-panel,
html[data-theme="dark"] .nvtr-blank,
html[data-theme="dark"] .nvtr-help-c,
html[data-theme="dark"] .nvsup-head,
html[data-theme="dark"] .nvsup-stat,
html[data-theme="dark"] .nvsup-panel,
html[data-theme="dark"] .nvsup-sheet { background: color-mix(in oklab, var(--surface) 96%, var(--bg)) }
html[data-theme="dark"] .nvsup-bub { background: color-mix(in oklab, var(--surface2) 72%, var(--surface)) }
html[data-theme="dark"] .nvsup-form .nvsup-f input[type="text"],
html[data-theme="dark"] .nvsup-form .nvsup-f select,
html[data-theme="dark"] .nvsup-form .nvsup-f textarea,
html[data-theme="dark"] .nvsup-reply textarea { background: color-mix(in oklab, var(--surface2) 62%, var(--surface)) }
html[data-theme="dark"] .nvtr-step .n { background: color-mix(in oklab, var(--surface) 92%, var(--bg)) }

@media (max-width: 1000px) {
  .nvtr-split, .nvsup-grid { grid-template-columns: 1fr }
  .nvsup-grid .nvsup-col.is-side { order: -1 }
}
@media (max-width: 860px) {
  .nvtr-hero { padding: 24px; gap: 16px }
  .nvtr-hero-art { display: none }
  .nvtr-hero h1 { font-size: calc(24px * var(--fz-h1, var(--fz-base, 1))) }
}
@media (max-width: 680px) {
  .nvtr-flowwrap { padding: 18px 16px 8px }
  .nvtr-flow { grid-auto-flow: row; gap: 0 }
  .nvtr-rail { display: none }
  .nvtr-step {
    grid-template-columns: 42px minmax(0, 1fr);
    justify-items: start;
    text-align: start;
    align-items: center;
    padding-bottom: 14px;
  }
  .nvtr-step::before {
    content: '';
    position: absolute;
    inset-inline-start: 20px;
    top: 42px;
    bottom: 0;
    width: 2px;
    background: color-mix(in oklab, var(--ink) 10%, transparent);
  }
  .nvtr-step:last-child { padding-bottom: 0 }
  .nvtr-step:last-child::before { display: none }
  .nvtr-step.is-done::before { background: color-mix(in oklab, var(--green) 45%, transparent) }
  .nvtr-step.is-now .n { transform: none }
  .nvsup-form .nvsup-two { grid-template-columns: 1fr }
  .nvsup-msg { max-width: 94% }
  .nvsup-stats { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) }
  .nvsup-head { padding: 16px }
  .nvsup-head-act { width: 100% }
  .nvsup-head-act .btn, .nvsup-head-act .sfbtn { flex: 1 }
}
@media (max-width: 460px) {
  .nvtr-page .nvtr-search .sfbtn { width: 100% }
  .nvtr-line { flex-wrap: wrap }
  .nvtr-line .amt { margin-inline-start: auto }
}