:root {
  --bg: #07080c;
  --fg: #f4f6f5;
  --muted: #8b9690;
  --line: rgba(255, 255, 255, 0.08);
  --p: #22c55e;
  --glass: rgba(12, 14, 20, 0.72);
  --blur: blur(22px) saturate(1.4);
  --pager-h: 52px;
  --foot-h: 68px;
  --seg-h: 73px;
  --fab-s: 45px;
  --sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif;
  --display: "Space Grotesk", Inter, sans-serif;
}
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/spacegrotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/spacegrotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

html, body {
  margin: 0; height: 100svh; max-height: 100svh; box-sizing: border-box; overflow: hidden; background: var(--bg); color: var(--fg);
  font-family: var(--sans);
  text-transform: none; touch-action: manipulation; overscroll-behavior: none;
  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%;
}
html, body, input, button {
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
fieldset, img { border: 0; }
a, a:hover, a:focus, a:visited { cursor: pointer; text-decoration: none; }

.app { height: 100svh; max-height: 100svh; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden; position: relative; }
@media (min-width: 901px) { :root { --pager-h: 76px; } }
.demo-wm {
  position: absolute; inset: 0; z-index: 45; display: grid; place-items: center;
  pointer-events: none; overflow: hidden; user-select: none;
  font-size: min(32vw, 280px); font-weight: 900; letter-spacing: .18em; line-height: 1;
  color: rgba(255,255,255,.028); -webkit-text-stroke: 1.5px rgba(255,255,255,.06);
  transform: rotate(-28deg); transform-origin: center;
}
.inv-print-wrap {
  --inv-border: #e8edf2; --inv-line: color-mix(in srgb, #e8edf2 50%, #fff);
  --inv-muted: #64748b; --inv-soft: #fafbfd; --inv-text: #555;
  --inv-slate: #94a3b8; --inv-th: #475569;
  --mark: 18px; --inv-header-below: 2rem; --inv-header-rule-pad: 5px; --inv-aside-w: 220px; --inv-amt-pad: 18px;
  --inv-col-num: 40px; --inv-col-qty: 72px; --inv-col-unit: 96px; --inv-items-shift: 50px;
  --inv-section-pad: 24px; --inv-section-gap: 30px;
  position: relative; width: min(820px, 100%); max-width: 100%; margin: 0 auto;
  color: var(--inv-text); font-family: var(--sans);
}
.inv-print-wrap .inv-wm {
  position: absolute; inset: 0; z-index: 20; display: grid; place-items: center;
  pointer-events: none; overflow: visible; user-select: none;
  font-size: min(28vw, 200px); font-weight: 900; letter-spacing: .14em; line-height: 1;
  transform: rotate(-32deg); transform-origin: center;
}
.inv-print-wrap .inv-wm-paid { color: rgba(34,197,94,.06); -webkit-text-stroke: 1px rgba(34,197,94,.1); }
.inv-print-wrap .inv-wm-void { color: rgba(220,38,38,.05); -webkit-text-stroke: 1px rgba(220,38,38,.09); }
.inv-print-wrap .inv-wm-draft { color: rgba(15,23,42,.025); -webkit-text-stroke: 1px rgba(15,23,42,.04); }
.inv-print-wrap .inv-print-card {
  position: relative; isolation: isolate; background: #fff; border: 1px solid var(--inv-border);
  border-radius: 12px; padding: 42px; box-shadow: 0 8px 30px rgba(0,0,0,.04);
}
.inv-print-wrap table { width: 100%; border-collapse: collapse; }
.inv-print-head {
  padding-bottom: var(--inv-header-rule-pad); border-bottom: 0.5px solid var(--inv-line);
  margin-bottom: var(--inv-header-below);
}
.inv-print-header { margin: 0; border: 0; }
.inv-print-header td { padding: 0; vertical-align: middle; }
.inv-print-wrap .inv-print-brand-block.brand { width: auto; max-width: none; height: auto; padding: 0; }
.inv-print-wrap .inv-print-brand-block .brand-hit { height: auto; gap: 10px; cursor: default; align-items: center; }
.inv-print-wrap .inv-print-brand-block .brand-logo { width: var(--mark); height: var(--mark); }
.inv-print-wrap .brand .w { color: var(--inv-text); }
.inv-print-wrap .brand .g { color: var(--p); }
.inv-print-title {
  font-family: var(--display); font-size: 12px; font-weight: 400; letter-spacing: .14em;
  text-transform: uppercase; text-align: right; color: var(--inv-slate); line-height: 1.2; white-space: nowrap;
}
.inv-print-cols-3 {
  display: grid;
  grid-template-columns: minmax(0, 72fr) minmax(0, 14fr) minmax(0, 14fr);
  column-gap: 0;
}
.inv-print-meta {
  --inv-meta-row: calc(1rem * 1.7);
  border-bottom: 0.5px solid var(--inv-line); margin: 0 0 var(--inv-section-gap);
  padding-bottom: var(--inv-section-pad); line-height: var(--inv-meta-row);
}
.inv-print-meta .inv-print-sender { padding-right: 16px; text-align: left; line-height: var(--inv-meta-row); }
.inv-print-meta .inv-print-sender strong { display: block; margin-bottom: 2px; }
.inv-print-meta-lbl {
  text-align: left; font-size: 11.7px; color: var(--inv-muted); font-weight: 600;
}
.inv-print-meta-lbl > div,
.inv-print-meta-val > div {
  line-height: var(--inv-meta-row); min-height: var(--inv-meta-row);
}
.inv-print-meta-val {
  text-align: right; font-size: 11.7px; font-variant-numeric: tabular-nums;
}
.inv-print-label { font-size: 11.7px; color: var(--inv-muted); font-weight: 600; text-transform: capitalize; }
.inv-print-lines { display: block; }
.inv-print-lines.addr { white-space: pre-line; }
.inv-print-party.inv-print-cols-3 { align-items: start; }
.inv-print-party {
  margin-bottom: calc(var(--inv-section-gap) - 14px * 1.7);
  padding-bottom: var(--inv-section-pad);
}
.inv-print-billed {
  padding-right: 16px; text-align: left; line-height: 1.7; min-width: 0; font-size: 14.4px;
}
.inv-print-party .inv-print-total-box { grid-column: 2 / 4; }
.inv-print-billed > .inv-print-label { text-transform: uppercase; font-size: 10.53px; }
.inv-print-billed .sub { font-size: 12.6px; }
.inv-print-billed strong { display: block; margin-top: 4px; }
.inv-print-col-aside, .inv-col-aside { width: var(--inv-aside-w); }
.inv-print-total-box {
  display: grid; row-gap: 10px; width: 100%; box-sizing: border-box;
  border: 0.5px solid var(--inv-line); border-radius: 12px; background: var(--inv-soft);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  padding: calc(14px * 1.7) 0 var(--inv-amt-pad);
}
.inv-print-total-box > .inv-print-total-row:first-child { align-items: center; }
.inv-print-total-row {
  display: grid; grid-column: 1 / -1; grid-template-columns: subgrid;
  margin: 0; font-size: 14px;
}
.inv-print-total-row > span:first-child { text-align: left; padding-left: var(--inv-amt-pad); }
.inv-print-total-row > span:last-child {
  text-align: right; padding-right: var(--inv-amt-pad); font-variant-numeric: tabular-nums;
}
@supports not (grid-template-columns: subgrid) {
  .inv-print-total-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
.inv-print-total-final {
  position: relative; border-top: 0; padding-top: 20px; margin: 0;
  font-weight: 700; font-size: 18px; color: var(--inv-text);
}
.inv-print-total-final::before {
  content: ""; position: absolute; left: var(--inv-amt-pad); right: var(--inv-amt-pad); top: 0;
  border-top: 0.5px solid var(--inv-line);
}
.inv-print-total-final span { color: var(--inv-text); }
.inv-print-items {
  table-layout: fixed; width: 100%;
  border: 0.5px solid var(--inv-border); border-radius: 8px; border-collapse: separate; border-spacing: 0;
  overflow: clip; background: #fff;
}
.inv-print-items th:first-child,
.inv-print-items td:first-child { border-left: 0.5px solid var(--inv-border); }
.inv-print-items th:last-child,
.inv-print-items td:last-child { border-right: 0.5px solid var(--inv-border); }
.inv-print-items th {
  background: #f8fafc; color: var(--inv-th); font-size: 13px; font-weight: 600;
  padding: 14px 12px; border: 0; border-bottom: 0.5px solid var(--inv-line); text-align: left; vertical-align: middle;
}
.inv-print-items td {
  padding: 14px 12px; border: 0; border-bottom: 0.5px solid var(--inv-line); font-size: 14px; vertical-align: middle;
}
.inv-print-items tbody tr:nth-child(even) { background: var(--inv-soft); }
.inv-print-items tbody tr:last-child td { border-bottom: 0; }
.inv-print-items thead tr:first-child th:first-child { border-top-left-radius: 7px; }
.inv-print-items thead tr:first-child th:last-child { border-top-right-radius: 7px; }
.inv-print-items tbody tr:last-child td:first-child { border-bottom-left-radius: 7px; }
.inv-print-items tbody tr:last-child td:last-child { border-bottom-right-radius: 7px; }
.inv-print-items .num { font-variant-numeric: tabular-nums; }
.inv-print-items th:nth-child(1),
.inv-print-items td:nth-child(1) { text-align: center; padding-left: 12px; padding-right: 12px; }
.inv-print-items th:nth-child(2),
.inv-print-items td:nth-child(2) { text-align: left; }
.inv-print-items th:nth-child(3),
.inv-print-items td:nth-child(3),
.inv-print-items th:nth-child(4),
.inv-print-items td:nth-child(4),
.inv-print-items th:nth-child(5),
.inv-print-items td:nth-child(5) { text-align: center; }
.inv-col-num { width: var(--inv-col-num); }
.inv-col-qty { width: var(--inv-col-qty); }
.inv-col-unit { width: var(--inv-col-unit); }
.inv-col-amt { width: calc(var(--inv-aside-w) - var(--inv-items-shift)); }
.inv-print-items th.num:last-child,
.inv-print-items td.num:last-child { padding-right: 12px; }
.inv-print-paid { margin: 16px 0 0; font-weight: 700; letter-spacing: .08em; color: #16a34a; }
.inv-print-notes { margin: 16px 0 0; font-size: 13px; color: var(--inv-muted); line-height: 1.6; }
.inv-print-pay { margin: 16px 0 0; }
.inv-print-footer {
  margin-top: 36px; padding-top: 24px; border-top: 0.5px solid var(--inv-line);
  text-align: center; color: var(--inv-slate); font-size: 13px; line-height: 1.6; white-space: pre-line;
}
@media print {
  .hdr, .sidebar, .site-foot, .seg, .chat-float, .license-pulse { display: none !important; }
  .body, .main-col, .main-scroll, .sheet-stage { display: block !important; overflow: visible !important; height: auto !important; }
  .app { min-height: 0 !important; }
  .inv-print-wrap .inv-wm {
    position: fixed; inset: 0; display: grid; place-items: center;
    -webkit-print-color-adjust: exact; print-color-adjust: exact;
  }
}
.sheet-stage:has(> .demo-note-wrap) { padding-bottom: 0; }
.sheet-stage > .demo-note-wrap { margin-top: auto; padding-top: 16px; }
.page-fill > .page-fill-body { order: 0; }
.page-fill > .demo-note-wrap { order: 1; margin-top: auto; padding-top: 16px; }
.page-fill > .page-pager { order: 2; }
.page-fill:has(.demo-note-wrap) > .page-pager { margin-top: 0; }
.demo-note-wrap {
  width: 100%; display: flex; justify-content: center; box-sizing: border-box; padding: 0;
  background: none; flex: 0 0 auto;
}
.demo-note {
  flex: 0 1 560px; width: 100%; margin: 0; padding: 16px 20px; border-radius: 18px 18px 0 0;
  border: 1px solid var(--line); border-bottom: 0;
  background: linear-gradient(165deg, rgba(251, 191, 36, .22), rgba(234, 88, 12, .12));
  text-align: center; font-size: 14px; line-height: 1.55; color: #fdecc8;
}
.demo-note p { margin: 0; color: inherit; }
.demo-note a { color: #fff; font-weight: 700; text-decoration: none; }
.demo-note a:hover { text-decoration: underline; }
@media (max-width: 900px) { .demo-note-wrap { display: none !important; } }
.hdr {
  --mark: 30px;
  box-sizing: border-box;
  flex: 0 0 calc(58px + env(safe-area-inset-top, 0px));
  height: calc(58px + env(safe-area-inset-top, 0px));
  display: flex; align-items: center; justify-content: space-between;
  padding: env(safe-area-inset-top, 0px) 16px 0 0;
  border-bottom: 1px solid var(--line); background: var(--glass);
  backdrop-filter: var(--blur); -webkit-backdrop-filter: var(--blur); position: sticky; top: 0; z-index: 50;
}
.body { flex: 1 1 0; min-height: 0; display: flex; align-items: stretch; overflow: hidden; }
.sidebar {
  width: 248px; flex: 0 0 248px; display: flex; flex-direction: column;
  min-height: 0; max-height: 100%;
  padding: 8px 0 0; border-right: 1px solid var(--line); background: linear-gradient(180deg, rgba(12,14,20,.64), rgba(8,10,14,.42));
  backdrop-filter: var(--blur); -webkit-backdrop-filter: var(--blur);
  overflow: hidden;
}
.side-nav { flex: 1 1 0; min-height: 0; overflow-x: hidden; overflow-y: auto; scrollbar-width: none; }
.side-nav::-webkit-scrollbar { width: 0; }
.side-out {
  flex: 0 0 68px; height: 68px; margin-top: auto; box-sizing: border-box;
  padding: 0 14px; border-top: 1px solid var(--line);
  display: flex; align-items: center; flex-shrink: 0;
}
.side-out .btn { width: 100%; height: 40px; }
.side-out-mob { display: none; margin-top: 14px; }
@media (max-width: 900px) { .side-out-mob { display: block; } }
.nav-all {
  appearance: none; width: 100%; border: 0; background: transparent; cursor: pointer; font: inherit; text-align: left;
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  height: 36px; padding: 0 14px; color: #9aa6a2; font-size: 11px; font-weight: 750;
  letter-spacing: .06em; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,.07);
}
.nav-all:hover { color: #d7ddd9; }
.nav-all .nav-exp { opacity: .85; }
.nav-all-words { position: relative; height: 1.15em; overflow: hidden; flex: 1; min-width: 0; text-align: left; }
.nav-all-words > span {
  display: block; text-align: left; transform-origin: top left;
  transition: transform .7s cubic-bezier(.22,.95,.28,1), opacity .55s ease;
}
.nav-all-words > span:last-child {
  position: absolute; inset: 0;
  transform: translateY(120%) scaleY(.18); opacity: 0;
}
.nav-all-words.on > span:first-child { transform: translateY(-120%) scaleY(.18); opacity: 0; }
.nav-all-words.on > span:last-child { transform: none; opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .nav-all-words > span { transition: none; }
}
.nav-sub { height: 40px; font-size: 13px; }
.nav-lab { display: inline-flex; align-items: center; gap: 10px; flex: 1; min-width: 0; color: inherit; text-decoration: none; line-height: 16px; }
.nav-exp {
  flex: none; width: 22px; height: 22px; border: 0; background: transparent; color: inherit;
  border-radius: 8px; cursor: pointer; display: grid; place-items: center; opacity: .7; padding: 0;
}
.nav-exp:hover { opacity: 1; background: rgba(255,255,255,.08); }
.nav-exp .ico { transition: transform .55s cubic-bezier(.22,.95,.28,1); }
.nav-exp.open .ico { transform: rotate(180deg); }
.nav-fold {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .7s cubic-bezier(.22,.95,.28,1);
}
.nav-fold.open { grid-template-rows: 1fr; }
.nav-fold-in {
  overflow: hidden;
  min-height: 0;
  transform-origin: top center;
  transform: scaleY(.16) translateY(-8%);
  opacity: .35;
  transition: transform .7s cubic-bezier(.22,.95,.28,1), opacity .55s ease;
}
.nav-fold.open .nav-fold-in { transform: none; opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .nav-fold, .nav-fold-in, .nav-exp .ico { transition: none; }
}
.pay-guide { margin-top: 14px; }
.pay-guide h2 { margin-bottom: 6px; }
.pay-step { border-top: 1px solid var(--line); }
.pay-step:first-of-type { border-top: 0; }
.pay-step-h {
  display: flex; align-items: center; gap: 10px; width: 100%;
  padding: 13px 0; border: 0; background: transparent; color: inherit;
  font: inherit; text-align: left; cursor: pointer;
}
.pay-step-h:hover .pay-step-t { color: #fff; }
.pay-step-n {
  flex: none; width: 26px; height: 26px; border-radius: 99px;
  background: rgba(255,255,255,.08); font-size: 12px; font-weight: 700;
  display: grid; place-items: center; color: rgba(255,255,255,.85);
}
.pay-step-t { flex: 1; min-width: 0; font-weight: 600; font-size: 14px; line-height: 1.35; color: rgba(255,255,255,.88); }
.pay-step-chev { flex: none; opacity: .7; transition: transform .55s cubic-bezier(.22,.95,.28,1); }
.pay-step-chev.open { transform: rotate(180deg); }
.pay-fold {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .7s cubic-bezier(.22,.95,.28,1);
}
.pay-fold.open { grid-template-rows: 1fr; }
.pay-fold-in {
  overflow: hidden;
  min-height: 0;
  transform-origin: top center;
  transform: scaleY(.16) translateY(-8%);
  opacity: .35;
  transition: transform .7s cubic-bezier(.22,.95,.28,1), opacity .55s ease;
}
.pay-fold.open .pay-fold-in { transform: none; opacity: 1; }
.pay-fold-body { padding-bottom: 12px; }
.pay-fold-body p.sub:last-child { margin-bottom: 0; }
.pay-fold-body ul { margin: 0 0 10px; padding-left: 1.15em; }
.pay-fold-body li { margin-bottom: 5px; font-size: 14px; line-height: 1.45; color: rgba(255,255,255,.72); }
.pay-fold-body code {
  font-size: 12px; background: rgba(255,255,255,.08); padding: 2px 6px; border-radius: 6px;
  word-break: break-all;
}
.pay-fold-body a { color: var(--p); }
.install-guide { max-width: 720px; margin-left: auto; margin-right: auto; }
.install-shot { display: block; width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--line); margin: 0 0 12px; }
.install-term {
  margin: 0 0 12px; padding: 12px 14px; border-radius: 10px; overflow-x: auto;
  background: #0a0c10; border: 1px solid var(--line); color: #c8e6d0;
  font-size: 12px; line-height: 1.55; white-space: pre;
}
.install-ol { margin: 0 0 12px; padding-left: 1.2em; color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.55; }
.install-ol li { margin: 0 0 8px; }
.install-ol code { font-size: 12px; background: rgba(255,255,255,.08); padding: 2px 6px; border-radius: 6px; }
@media (prefers-reduced-motion: reduce) {
  .pay-fold, .pay-fold-in, .pay-step-chev { transition: none; }
}
.main-col { flex: 1 1 0; min-width: 0; min-height: 0; max-height: 100%; display: flex; flex-direction: column; overflow: hidden; }
.main-scroll {
  flex: 1 1 0; min-width: 0; min-height: 0; overflow-x: hidden; overflow-y: auto;
  -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.main-scroll.show-sb { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.28) transparent; }
.main-scroll::-webkit-scrollbar { width: 0; height: 0; }
.main-scroll.show-sb::-webkit-scrollbar { width: 8px; }
.main-scroll.show-sb::-webkit-scrollbar-thumb { background: rgba(255,255,255,.28); border-radius: 99px; }

.nav-a {
  display: flex; align-items: center; gap: 10px; width: 100%; height: 44px; padding: 0 14px; border-radius: 0;
  box-sizing: border-box; color: #d7ddd9; text-decoration: none; font-size: 14px; font-weight: 600; line-height: 16px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.nav-a:hover { background: rgba(255,255,255,.05); }
.nav-a.on { background: rgba(34,197,94,.14); color: #fff; }
.nav-a.nav-sub { padding-left: 42px; }
.ico { width: 16px; height: 16px; flex: none; display: inline-flex; align-items: center; justify-content: center; line-height: 0; vertical-align: middle; }
.ico svg { width: 16px; height: 16px; display: block; }

.seg {
  display: none; position: sticky; bottom: 0; z-index: 50;
  padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
  background: var(--glass); backdrop-filter: var(--blur); -webkit-backdrop-filter: var(--blur);
  border-top: 1px solid var(--line);
}
.seg-bar {
  display: flex; background: rgba(255,255,255,.06); border-radius: 27px; padding: 4px; gap: 2px;
}
.seg-a {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
  min-height: 48px; border-radius: 23px; color: #9aa6a2; text-decoration: none; font-size: 9px; font-weight: 700;
}
.seg-a .ico, .seg-a .ico svg { width: 16px; height: 16px; }
.seg-a.on { background: rgba(34,197,94,.28); color: #fff; }
button.seg-a { appearance: none; border: 0; background: transparent; font-size: 9px; font-weight: 700; font-family: inherit; letter-spacing: inherit; line-height: inherit; cursor: pointer; }
.more-sheet { align-items: stretch; text-align: left; width: 100%; padding-left: 0; padding-right: 0; }
.more-sheet .ios-sheet-bar { width: 100%; margin-left: 0; margin-right: 0; padding: 0 16px; box-sizing: border-box; }
.more-a {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  width: 100%; box-sizing: border-box; padding: 14px 16px; border-bottom: 1px solid var(--line);
  color: #e8eee9; font-size: 16px; font-weight: 400;
}
.more-lab { display: inline-flex; align-items: center; gap: 10px; min-width: 0; flex: 1; line-height: 16px; }
.more-lab .ico { opacity: .85; }
.more-a > .ico { opacity: .4; transform: rotate(-90deg); flex: none; margin-left: auto; }
.more-a:hover { color: #fff; }
.more-copy { margin: 16px 16px 0; color: var(--muted); font-size: 13px; text-align: center; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }

@media (max-width: 900px) {
  .sidebar { display: none !important; }
  .seg { display: block; }
}

.sheet-stage { min-height: 100%; padding: 0 18px 28px; display: flex; flex-direction: column; }
.site-foot {
  flex: 0 0 auto;
  height: calc(68px + env(safe-area-inset-bottom, 0px));
  flex-shrink: 0;
  box-sizing: border-box;
  margin-top: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 12px 20px;
  padding: 0 18px env(safe-area-inset-bottom, 0px);
  border-top: 1px solid var(--line);
  background: var(--glass);
  backdrop-filter: var(--blur);
  -webkit-backdrop-filter: var(--blur);
}
.foot-links { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-self: start; }
.foot-mid { display: flex; align-items: center; justify-content: center; gap: 10px; justify-self: center; }
.foot-copy { justify-self: end; text-align: right; }
@media (min-width: 901px) {
  .site-foot {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px 12px;
    font-size: var(--foot-fs, 12.5px);
  }
  .site-foot,
  .site-foot a,
  .site-foot button,
  .site-foot span,
  .site-foot p { font-size: inherit; }
  .foot-links,
  .foot-mid,
  .foot-copy {
    flex-wrap: nowrap;
    white-space: nowrap;
    min-width: 0;
  }
}
.foot-div { width: 1px; height: 11px; background: rgba(255,255,255,.18); flex: none; }
.site-foot,
.site-foot a,
.site-foot button,
.site-foot span,
.site-foot p {
  font-size: 12.5px;
  font-weight: 400;
  letter-spacing: .01em;
}
.foot-copy,
.foot-links a,
.foot-puru,
.foot-doc,
.foot-ver {
  margin: 0;
  color: var(--muted);
  text-transform: none;
}
.foot-copy .w, .foot-copy .g { text-transform: uppercase; }
.foot-links a {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  text-decoration: none;
}
.foot-links a:hover,
.foot-puru:hover,
.foot-doc:hover { color: #fff; background: none; border: 0; }
.foot-puru, .foot-doc {
  padding: 0;
  text-decoration: none;
}
.foot-doc {
  appearance: none; border: 0; background: none; cursor: pointer; font: inherit;
}
@media (max-width: 720px) {
  .site-foot {
    flex: none;
    height: auto;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    gap: 12px;
    padding: 16px 14px calc(12px + env(safe-area-inset-bottom, 0px));
    flex-wrap: wrap;
  }
  .foot-links { justify-content: center; gap: 12px; }
  .foot-mid { justify-content: center; }
  .site-foot,
  .site-foot a,
  .site-foot button,
  .site-foot span,
  .site-foot p { font-size: 12.5px; }
}
@media (max-width: 900px) {
  .site-foot { display: none !important; }
}
.main-scroll:has(.page-fill) { overflow: hidden; display: flex; flex-direction: column; }
.insight-stage, .sheet-stage { min-width: 0; max-width: 100%; }
.insight-stage:has(.page-fill) { flex: 1; min-height: 0; padding: 0; display: flex; flex-direction: column; }
.page-fill { flex: 1; min-width: 0; min-height: 0; overflow: hidden; display: flex; flex-direction: column; width: 100%; max-width: 100%; }
.page-fill-body { flex: 1; min-width: 0; min-height: 0; overflow: auto; max-width: 100%; padding: 0 18px 16px; }
.bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.find { position: relative; flex: 1 1 220px; max-width: 360px; margin-left: auto; }
.find.full { display: block; flex: none; max-width: none; width: 100%; margin: 0 0 16px; }
.find input {
  width: 100%; box-sizing: border-box; height: 44px; padding: 0 42px 0 14px; border-radius: 12px;
  background: rgba(255,255,255,.04); border: 1px solid var(--line); color: inherit; font: inherit;
}
.find input:focus { outline: none; border-color: var(--p); }
.find svg { position: absolute; right: 12px; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); color: var(--muted); pointer-events: none; }
.page-pager {
  display: flex; align-items: stretch; gap: 0; flex: 0 0 auto; width: 100%;
  box-sizing: border-box; height: var(--pager-h); min-height: var(--pager-h);
  margin-top: auto;
  border-top: 1px solid var(--line);
  background: var(--glass);
  padding: 0;
}
.page-pager-btn {
  flex: 1; min-height: 0; display: grid; place-items: center;
  border: none; border-radius: 0; background: transparent; color: #fff;
  font: inherit; font-size: 1.02rem; font-weight: 600; text-decoration: none; cursor: pointer;
}
.page-pager-btn.off { opacity: .34; cursor: default; }
.page-pager-mid {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
  min-width: 4.8rem; padding: 0 .85rem; flex-shrink: 0; text-align: center; line-height: 1.15;
  border-left: 1px solid var(--line); border-right: 1px solid var(--line);
}
.page-pager-pages { font-size: .92rem; font-weight: 650; letter-spacing: .02em; color: #fff; }
.page-pager-total { font-size: .68rem; font-weight: 600; letter-spacing: .04em; color: rgba(255,255,255,.52); }
@media (min-width: 901px) {
  .page-pager-mid { min-width: 5.4rem; padding: 0 1.1rem; }
}
@keyframes sheet-curtain-rise {
  0% { transform: translateY(112%) scaleY(0.18); opacity: 0.7; }
  60% { opacity: 1; }
  100% { transform: translateY(0) scaleY(1); opacity: 1; }
}
.insight-stage {
  transform-origin: bottom center;
  transform: translateY(112%) scaleY(0.18);
  opacity: 0.7;
}
.insight-stage.sheet-rise {
  animation: sheet-curtain-rise 1.15s cubic-bezier(0.22, 0.95, 0.28, 1) forwards;
}
@media (prefers-reduced-motion: reduce) {
  .insight-stage, .insight-stage.sheet-rise { animation: none !important; transform: none; opacity: 1; }
}

.card {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border: 1px solid var(--line); border-radius: 18px; padding: 16px;
  min-width: 0; max-width: 100%;
}
.mail-form { width: 100%; box-sizing: border-box; }
.form-std { width: 100%; max-width: 560px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
.mail-form .grid2 { width: 100%; }
.mail-form .field input:not([type=file]), .mail-form .field textarea, .mail-form .field select {
  width: 100%; box-sizing: border-box;
}
.mail-form .field textarea { min-height: min(40vh, 320px); height: auto; resize: vertical; }
.card:has(.tbl) { overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
a.card { color: inherit; text-decoration: none; display: block; }
.h1 { font-family: var(--display); font-size: 28px; font-weight: 750; letter-spacing: -0.03em; margin: 0 0 8px; }
.sub { color: var(--muted); margin: 0 0 18px; font-size: 14px; }
.page-head,
.sheet-stage > .h1:first-of-type,
.page-fill-body > .h1:first-of-type,
.login-hi-in > .h1:first-of-type {
  text-align: center; margin: 0 -18px; padding: 20px 20px 0;
  box-sizing: border-box; width: calc(100% + 36px); max-width: none; position: relative;
}
.page-head {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
  padding: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--line);
}
.page-head .h1 { margin: 0; line-height: 1; }
.page-head .sub { margin: 0; line-height: 1.2; }
.page-head .brand-ver { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); }
.sheet-stage > .h1:first-of-type,
.page-fill-body > .h1:first-of-type,
.login-hi-in > .h1:first-of-type { line-height: 1; }
.sheet-stage > .h1:first-of-type + .sub,
.page-fill-body > .h1:first-of-type + .sub,
.login-hi-in > .h1:first-of-type + .sub {
  text-align: center; margin: 8px -18px 20px; padding: 0 24px 20px;
  border-bottom: 1px solid var(--line); box-sizing: border-box; width: calc(100% + 36px); max-width: none; line-height: 1.2;
}
.sheet-stage > .h1:first-of-type:not(:has(+ .sub)),
.page-fill-body > .h1:first-of-type:not(:has(+ .sub)) {
  padding: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--line);
}
.addr { margin: 0; white-space: pre-line; }
.row { display: grid; gap: 12px; }
.dash-go { display: grid; gap: 10px; margin: 16px 0 20px; grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)); }
.dash-go-a {
  display: flex; flex-direction: column; gap: 6px; min-height: 108px; padding: 14px 14px 12px;
  border-radius: 16px; border: 1px solid var(--line); text-decoration: none; color: inherit;
  background: linear-gradient(165deg, rgba(255,255,255,.07), rgba(255,255,255,.015));
}
.dash-go-a:hover { border-color: rgba(34,197,94,.4); }
.dash-go-a b { font-size: 13px; font-weight: 750; letter-spacing: -.02em; line-height: 1.2; }
.dash-go-a > span:last-child { color: var(--muted); font-size: 12px; line-height: 1.3; }
.dash-go-ico {
  width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; margin-bottom: 2px;
  background: rgba(34,197,94,.12); color: #9fddb4;
}
.dash-go-ico .ico, .dash-go-ico .ico svg { width: 20px; height: 20px; }
.dash-go-a.n1 .dash-go-ico { background: rgba(96,165,250,.14); color: #93c5fd; }
.dash-go-a.n2 .dash-go-ico { background: rgba(251,191,36,.14); color: #fbbf24; }
.dash-go-a.n3 .dash-go-ico { background: rgba(244,114,182,.14); color: #f9a8d4; }
.dash-go-a.n4 .dash-go-ico { background: rgba(167,139,250,.14); color: #c4b5fd; }
.dash-go-a.n5 .dash-go-ico { background: rgba(52,211,153,.14); color: #6ee7b7; }
.dash-go-a.n6 .dash-go-ico { background: rgba(248,113,113,.14); color: #fca5a5; }
.dash-go-a.n7 .dash-go-ico { background: rgba(125,211,252,.14); color: #7dd3fc; }
.dash-go-a.n8 .dash-go-ico { background: rgba(253,186,116,.14); color: #fdba74; }
.dash-go-a.n9 .dash-go-ico { background: rgba(190,242,100,.14); color: #bef264; }
.dash-charts { display: grid; gap: 16px; grid-template-columns: 1fr; }
@media (min-width: 1180px) { .dash-charts { grid-template-columns: 1fr 1fr; } }
.chart-box { position: relative; min-width: 0; }
.chart-svg { width: 100%; height: auto; display: block; }
.chart-exp {
  position: absolute; top: 14px; right: 14px; z-index: 2;
  width: 36px; height: 36px; padding: 0; border-radius: 10px; cursor: pointer;
  border: 1px solid rgba(34,197,94,.35); background: rgba(16,24,20,.88); color: #9fddb4;
  display: grid; place-items: center;
}
.chart-exp:hover { color: #fff; border-color: rgba(34,197,94,.55); background: rgba(34,197,94,.16); }
.chart-box.full {
  position: fixed; inset: 58px 0 68px 248px; z-index: 240; padding: 18px 22px;
  background: rgba(7,8,12,.96); overflow: auto;
  animation: sheet-curtain-rise .7s cubic-bezier(.22,.95,.28,1);
}
.chart-box.full .card { height: 100%; display: flex; flex-direction: column; }
.chart-box.full .card svg[role="img"] { flex: 1; min-height: 280px; }
@media (max-width: 900px) {
  .chart-box.full { inset: 58px 0 0 0; padding: 14px 14px calc(88px + env(safe-area-inset-bottom, 0px)); }
}
.pills {
  display: flex; width: min(100%, 360px); margin: 0 0 16px; padding: 4px;
  border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid var(--line);
}
.form-std .pills { width: 100%; max-width: none; }
.login-pair { width: 100%; max-width: 960px; margin: 0 auto; box-sizing: border-box; }
.login-pair .pills { width: 100%; max-width: none; }
.login-split { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: stretch; }
.login-split > .card { min-height: 100%; box-sizing: border-box; }
.login-hint { display: flex; flex-direction: column; justify-content: center; }
.price-grid { display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; align-items: stretch; max-width: 960px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.price-grid > .card { flex: 1 1 calc(50% - 12px); min-width: min(100%, 260px); max-width: 100%; width: auto; margin: 0; box-sizing: border-box; }
.price-grid > .form-std { max-width: none; }
.price-card { text-align: left; color: inherit; display: flex; flex-direction: column; cursor: default; }
.price-eye { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.price-eye .h1 { margin: 0; font-size: 26px; min-width: 0; }
.price-live {
  margin-left: auto; flex: none;
  font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--p); white-space: nowrap;
  padding: 6px 12px; border: 1px solid var(--p); border-radius: 999px; background: rgba(34,197,94,.12);
}
.price-card.on { border-color: var(--p); box-shadow: 0 0 0 1px var(--p); }
.price-orn { display: flex; align-items: center; margin: 14px 0; }
.price-orn::before, .price-orn::after {
  content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%;
  border: 1px solid var(--p); background: rgba(34,197,94,.35); box-sizing: border-box;
}
.price-orn span { flex: 1; height: 1px; margin: 0 8px; background: linear-gradient(90deg, transparent, var(--line), var(--p), var(--line), transparent); }
.price-card .stat { margin: 0; text-align: center; }
.price-feats { margin: 0; padding: 0 0 0 18px; color: var(--muted); font-size: 14px; line-height: 1.55; }
.price-feats li { margin: 0 0 6px; }
.price-rule { border: 0; border-top: 1px solid var(--line); margin: 20px 0; width: 100%; }
.price-form { display: flex; flex-direction: column; min-height: 100%; }
.price-form > .sub:first-child { margin-bottom: 16px; }
.price-form .field { margin-bottom: 0; }
.price-agree { display: flex; align-items: center; gap: 10px; margin: 0; }
.price-agree .sub { margin: 0; flex: 1; min-width: 0; line-height: 1.45; font-size: 13px; }
.price-agree a { color: #fff; font-weight: 700; }
.price-agree .ios-switch { --pad: 2px; --kw: 28px; --kh: 16px; width: 50px; height: 20px; }
.price-pay-row { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; margin-top: auto; padding-top: 20px; }
.price-pay { min-width: 220px; height: 52px; padding: 0 28px; font-size: 17px; }
.price-dev { display: flex; flex-direction: column; max-width: 960px; width: 100%; margin: 24px auto 0; box-sizing: border-box; }
.price-dev > .h1 { font-size: 22px; margin: 0 0 16px; }
.price-dev > .sub { margin: 0 0 20px; }
.price-dev > .price-agree { margin: 0 0 20px; }
.price-dev-act { display: flex; justify-content: flex-end; }
@media (max-width: 720px) { .price-grid > .card { flex: 1 1 100%; } }
@media (max-width: 720px) { .login-split { grid-template-columns: 1fr; } }
.pill {
  flex: 1; height: 40px; border: 0; border-radius: 999px; cursor: pointer; font: inherit;
  font-size: 14px; font-weight: 750; background: transparent; color: #9aa6a2;
}
.pill.on { background: var(--p); color: #04120a; }
.login-in {
  --login-in-h: 49px;
  display: flex;
  align-items: center;
  min-width: 0;
  height: var(--login-in-h);
  border: 0;
  border-radius: 999px;
  background: #0a0a0c;
  box-shadow: 0 0 0 1px #1f2a25;
  overflow: hidden;
}
.login-in:focus-within {
  box-shadow: 0 0 0 1px var(--p), 0 0 0 4px rgba(34,197,94,.15);
}
.login-in input,
.field .login-in input:not([type=file]) {
  flex: 1 1 auto;
  min-width: 0;
  width: 0;
  height: 100%;
  border: 0;
  background: transparent;
  padding: 0 12px;
  color: #fff;
  font: inherit;
  outline: none;
  box-shadow: none;
  color-scheme: dark;
}
.login-in input:focus:not(:-webkit-autofill):not(:autofill),
.field .login-in input:not([type=file]):focus:not(:-webkit-autofill):not(:autofill) { border-color: transparent; box-shadow: none; }
.login-in input:-webkit-autofill,
.login-in input:-webkit-autofill:hover,
.login-in input:-webkit-autofill:focus,
.login-in input:-webkit-autofill:active,
.login-in input:autofill,
.field .login-in input:-webkit-autofill,
.field .login-in input:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff;
  border-radius: 0;
  background-color: #0a0a0c !important;
  background-clip: border-box !important;
  -webkit-box-shadow: 0 0 0 1000px #0a0a0c inset !important;
  box-shadow: 0 0 0 1000px #0a0a0c inset !important;
  transition: background-color 1e6s ease-out 0s;
}
.login-in .btn {
  --in-pad-y: 5px;
  --in-pad-r: 4px;
  flex: none;
  height: calc(var(--login-in-h) - 2 * var(--in-pad-y));
  margin: var(--in-pad-y) var(--in-pad-r) var(--in-pad-y) 0;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 13px;
  line-height: 1;
}
.login-in-go { min-width: 8rem; padding: 0 30px; font-size: inherit; }
.login-duo-head {
  display: flex;
  gap: 10px;
  margin-bottom: 6px;
}
.login-duo-head label {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-weight: 700;
  color: #9aa6a2;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.login-duo-head .login-hp-lab { flex: 0.85; }
.login-duo {
  display: flex;
  gap: 10px;
  align-items: stretch;
}
.login-duo .login-in { flex: 1; min-width: 0; }
.login-duo .login-in:first-child { flex: 1.15; }
.login-session-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 28px;
  padding-bottom: 28px;
}
.login-session {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
  text-align: center;
}
.login-session-tag {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--p);
}
.login-session-title { margin: 0 0 6px; }
.login-session-lead { margin: 0 0 20px; }
.login-hi { position: relative; }
.login-boom {
  position: fixed;
  inset: 0;
  z-index: 80;
  pointer-events: none;
  width: 100vw;
  height: 100vh;
  display: block;
}
.login-hi-in {
  position: relative;
  z-index: 1;
  transition: opacity 1.25s ease, transform 1.4s cubic-bezier(.22,.95,.28,1);
}
.login-hi.rain .login-hi-in {
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
}
.login-session-hero { padding: 18px 20px; margin-bottom: 12px; }
.login-session-hero-in {
  display: flex;
  align-items: center;
  gap: 14px;
  text-align: left;
}
.login-session-av {
  flex: none;
  width: 64px;
  height: 64px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(34,197,94,.35);
}
.login-session-av-ph {
  display: grid;
  place-items: center;
  font-size: 24px;
  font-weight: 800;
  color: var(--p);
  background: rgba(34,197,94,.08);
}
.login-session-hero-text { flex: 1; min-width: 0; }
p.login-session-eye {
  margin: 0 0 2px;
  font-size: 10px !important;
  font-weight: 600;
  letter-spacing: .08em;
  line-height: 1.1;
  color: #9aa6a2;
}
.login-session-name {
  margin: 0;
  font-size: 20px;
  font-weight: 780;
  letter-spacing: -.02em;
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.login-session-badge {
  flex: none;
  margin-left: auto;
  align-self: center;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--p);
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(34,197,94,.1);
  border: 1px solid rgba(34,197,94,.25);
  line-height: 1.2;
}
.login-session-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}
.login-session-stat {
  padding: 14px 16px;
  text-align: left;
}
.login-session-stat-lab {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #9aa6a2;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.login-session-stat-val {
  display: block;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.login-session-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}
.login-session-link {
  padding: 14px 16px;
  text-align: left;
  transition: border-color .15s ease, box-shadow .15s ease;
}
a.card.login-session-link {
  display: grid;
  gap: 8px;
}
.login-session-link b { display: block; font-size: 15px; line-height: 1.2; }
.login-session-link .sub { margin: 0; font-size: 12px; line-height: 1.4; }
.login-session-link:hover { border-color: rgba(34,197,94,.32); }
.login-session-link-main:hover { box-shadow: 0 0 40px rgba(34,197,94,.18); }
.login-session-out { margin-top: 4px; width: 100%; }
.login-session-out .btn { width: 100%; min-width: 0; }
@media (max-width: 520px) {
  .login-session-grid,
  .login-session-links { grid-template-columns: 1fr; }
  .login-session-body { padding-top: 18px; }
}
.login-in-short { display: inline; }
.login-in-full { display: none; }
@media (min-width: 721px) {
  .login-in-short { display: none; }
  .login-in-full { display: inline; }
  .login-in .btn { padding: 0 16px; }
}
.grid2 { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid3 { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 720px) { .grid2, .grid3 { grid-template-columns: 1fr; } }

.inv-act-row {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px; width: 100%;
}
.inv-act-row .inv-act-send { margin-left: auto; }
.inv-toolbar-btn { height: 40px; padding: 0 14px; font-size: 14px; line-height: 1; }
.save-row { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; width: 100%; }
.save-row .btn { flex: 0 0 auto; }
.btn {
  appearance: none; border: 0; cursor: pointer; font-family: inherit; font-weight: 700;
  height: 44px; padding: 0 16px; border-radius: 999px; background: var(--p); color: #04120a;
  text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
}
.btn.alt { background: rgba(255,255,255,.08); color: #fff; }
.btn.ok { background: #16a34a; }
.btn.bad { background: #dc2626; color: #fff; }
.btn:disabled { opacity: .55; cursor: not-allowed; pointer-events: none; }
.dl-prog{height:6px;margin:12px 0 0;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.dl-prog i{display:block;height:100%;background:var(--p);transition:width .35s ease}
.btn-live { box-shadow: 0 0 0 0 rgba(34,197,94,.45); animation: live-pulse 1.8s ease-out infinite; }
.btn-live .live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #04120a; flex: none;
  animation: live-dot 1.8s ease-out infinite;
}
@keyframes live-pulse {
  0% { box-shadow: 0 0 0 0 rgba(34,197,94,.5); }
  70% { box-shadow: 0 0 0 10px rgba(34,197,94,0); }
  100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}
@keyframes live-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .35; transform: scale(.75); }
}
.wave-letters span {
  display: inline-block;
  animation: wave-letter 1.15s ease-in-out infinite;
}
@keyframes wave-letter {
  0%, 100% { transform: translateY(0); opacity: .45; }
  40% { transform: translateY(-2px); opacity: 1; }
}
.field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
.field-lab, .field > label { font-size: 12px; font-weight: 700; color: #9aa6a2; letter-spacing: .04em; text-transform: uppercase; }
.field input:not([type=file]), .field textarea, .field select {
  height: 44px; border-radius: 12px; border: 1px solid #1f2a25; background: #0a0a0c; color: #fff;
  padding: 0 12px; font: inherit;
}
.field textarea { height: 96px; padding: 10px 12px; resize: none; }
.field input:not([type=file]):focus, .field textarea:focus, .field select:focus {
  outline: none; border-color: var(--p); box-shadow: 0 0 0 3px rgba(34,197,94,.15);
}
.tbl { width: 100%; border-collapse: collapse; font-size: 14px; }
.tbl th, .tbl td {
  text-align: left; padding: 10px 8px; border-bottom: 0;
  overflow-wrap: anywhere; word-break: break-word; vertical-align: top;
}
.tbl thead tr, .tbl tbody tr { border-bottom: 1px solid var(--line); }
.tbl tbody tr:last-child { border-bottom: 0; }
.tbl th { color: #9aa6a2; font-size: 12px; }
.tbl-sum td { border-bottom: 0; font-weight: 750; color: #fff; }
.tbl-sum td:last-child { white-space: nowrap; }
.tbl input, .tbl select, .tbl textarea { max-width: 100%; min-width: 0; width: 100%; box-sizing: border-box; }
.tbl-del { height: 32px; padding: 0 10px; font-size: 12px; white-space: nowrap; }
@media (max-width: 900px) {
  .card:has(.tbl) { padding: 12px 10px; }
  .tbl { min-width: 34rem; font-size: 13px; }
  .tbl th, .tbl td { padding: 8px 7px; }
}

.ios-switch { --pad: 4px; --kw: 40px; --kh: 28px; position: relative; display: inline-flex; align-items: center; width: 78px; height: 36px; cursor: pointer; flex: none; vertical-align: middle; }
.ios-switch input { opacity: 0; width: 0; height: 0; position: absolute; }
.ios-slider {
  position: absolute; inset: 0; border-radius: 999px; background: rgba(255,85,119,.22);
  border: 1px solid rgba(255,85,119,.55); transition: .22s;
}
.ios-slider:before {
  content: ""; position: absolute; top: 50%; left: var(--pad); transform: translateY(-50%);
  width: var(--kw); height: var(--kh); border-radius: 999px; background: #ffc0cb; transition: .22s;
}
.ios-switch input:checked + .ios-slider { background: rgba(34,197,94,.4); border-color: var(--p); }
.ios-switch input:checked + .ios-slider:before { left: calc(100% - var(--pad) - var(--kw)); background: #fff; }

.brand {
  display: flex; align-items: center; gap: 8px; box-sizing: border-box;
  width: 248px; max-width: 248px; height: 100%; padding: 0 8px 0 16px; line-height: 1;
}
.brand-hit {
  display: inline-flex; align-items: center; gap: 10px; min-width: 0; flex: 1;
  height: 100%; text-decoration: none;
}
.brand-logo { flex: none; width: var(--mark); height: var(--mark); display: block; object-fit: contain; }
.brand-text { display: flex; flex-direction: column; justify-content: center; width: max-content; }
.mark, .brand .w, .brand .g, .foot-copy .w, .foot-copy .g, .more-copy .w, .more-copy .g { font: inherit; }
.mark .w,
.brand .w,
.foot-copy .w,
.more-copy .w { color: #fff; }
.mark .g,
.brand .g,
.foot-copy .g,
.more-copy .g { color: var(--p); }
.brand-row { display: block; font-family: var(--display); font-weight: 800; letter-spacing: .04em; font-size: 18px; line-height: 1.05; white-space: nowrap; }
.brand-row .w, .brand-row .g { margin-right: -.04em; }
.brand-sub {
  display: flex; justify-content: space-between; width: 0; min-width: 100%; box-sizing: border-box; margin-top: 2px;
  font-size: 9px; font-weight: 750; color: var(--muted); line-height: 1; white-space: nowrap;
}
.brand-sub > span { flex: none; }
.brand-ver {
  flex: none; display: inline-flex; align-items: center; justify-content: center;
  height: 40px; padding: 0 10px; box-sizing: border-box; white-space: nowrap;
  font-size: 11px; font-weight: 750; letter-spacing: .04em; line-height: 1;
  color: var(--muted); border: 1px solid rgba(255,255,255,.12); border-radius: 8px;
}
.stat { font-family: var(--display); font-size: 26px; font-weight: 780; letter-spacing: -.03em; }
.glow { box-shadow: 0 0 40px rgba(34,197,94,.12); }
.pick { position: relative; margin-bottom: 14px; max-width: 560px; }
.pick-pop {
  position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 20;
  background: #12151c; border: 1px solid #2a3d34; border-radius: 12px;
  box-shadow: 0 18px 40px rgba(0,0,0,.55); max-height: 240px; overflow: auto; padding: 6px;
}
.pick-row {
  width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 12px;
  appearance: none; border: 0; background: transparent; color: #fff; font: inherit;
  text-align: left; padding: 10px 12px; border-radius: 10px; cursor: pointer;
}
.pick-row:hover { background: rgba(34,197,94,.14); }
.pick-empty { padding: 12px; color: #8b9690; font-size: 14px; }
.ios-sheet{position:fixed;inset:0;z-index:400;pointer-events:none;opacity:0}
.ios-sheet.show{pointer-events:auto;opacity:1}
.ios-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px)}
.ios-sheet-panel{
  position:absolute;left:50%;right:auto;bottom:0;width:90%;max-width:34rem;max-height:min(88vh,100%);
  box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;align-items:center;
  border-radius:24px 24px 0 0;padding:8px 16px calc(28px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(180deg,#141622,#0c0d14);border:1px solid rgba(255,255,255,.08);border-bottom:none;
  transform:translate(-50%,100%);text-align:center;box-shadow:0 -20px 60px rgba(0,0,0,.55);
}
.ios-sheet-panel.more-sheet{padding-left:0;padding-right:0}
.ios-sheet.show .ios-sheet-panel{transform:translate(-50%,0);animation:ios-sheet-up .42s cubic-bezier(.22,.95,.28,1) both}
@keyframes ios-sheet-up{from{transform:translate(-50%,100%)}to{transform:translate(-50%,0)}}
.ios-sheet-handle{width:42px;height:5px;border-radius:99px;background:rgba(255,255,255,.2);margin:8px auto 16px;flex:none}
.ios-sheet-bar{display:flex;align-items:stretch;justify-content:space-between;gap:12px;width:100%;margin:0 0 8px;box-sizing:border-box}
.ios-sheet-title{margin:0;font-size:18px;font-weight:700;line-height:1.2;color:#fff;text-align:left;min-width:0}
.ios-sheet-x{appearance:none;flex:none;margin:0;padding:5px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:18px;font-weight:400;line-height:1.2;cursor:pointer;display:inline-flex;align-items:center}
.ios-sheet-msg{margin:0 auto 0;max-width:36rem;font-size:.88rem;color:rgba(255,255,255,.72);line-height:1.55}
.ios-sheet-actions{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap;flex:none;margin-top:28px;padding-bottom:8px}
.ios-sheet-btn{appearance:none;background:var(--p);color:#04120a;border:none;font-size:.95rem;font-weight:700;padding:.7rem 1.4rem;border-radius:9999px;cursor:pointer;font-family:inherit}
.ios-sheet-btn.alt{background:rgba(255,255,255,.08);color:#fff}
.ios-sheet-btn:disabled{opacity:.45}
.ios-sheet-panel .sheet-form{width:100%;text-align:left;margin-top:16px}
.ios-sheet-panel .sheet-form .grid2{width:100%}
.ios-sheet-panel .sheet-form .field{margin-bottom:10px}
.ios-sheet-panel .sheet-form .sub{text-align:left}
.ios-sheet-panel.doc-sheet{max-width:40rem;align-items:stretch;text-align:left}
.doc-body{width:100%;min-height:0;overflow:auto;text-align:left;padding:4px 4px 0}
.doc-body .ios-sheet-msg{max-width:none;margin:0 0 16px;color:#fff;font-size:.95rem;line-height:1.55}
.doc-body section{margin:0 0 16px}
.doc-body h3{margin:0 0 6px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--p)}
.doc-body p{margin:0;font-size:.88rem;line-height:1.55;color:rgba(255,255,255,.72)}

.chat-input input::placeholder{color:rgba(180,200,190,.32)}
.chat-input input::-webkit-input-placeholder{color:rgba(180,200,190,.32)}
.chat-input input::-moz-placeholder{color:rgba(180,200,190,.32);opacity:1}
.chat-log{--chat-log-bg:#11141a;min-height:0;overflow:auto;background:var(--chat-log-bg);border:1px solid #1d1d1d;border-radius:14px;padding:1.2rem;display:flex;flex-direction:column;gap:.18rem}
.msg{--msg-user-fill:#0a84ff;--msg-bot-fill:color-mix(in srgb,#f2f2f2 8%,var(--chat-log-bg));max-width:78%;padding:.5rem .9rem;line-height:1.35;font-size:.92rem;position:relative;word-wrap:break-word;overflow-wrap:anywhere;animation:msgIn .22s cubic-bezier(.16,1,.3,1) both}
@keyframes msgIn{from{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}
.msg+.msg.same{margin-top:2px}
.msg.user{align-self:flex-end;background:var(--msg-user-fill);color:#fff;border-radius:20px 20px 6px 20px;white-space:pre-wrap}
.msg.bot{align-self:flex-start;background:var(--msg-bot-fill);color:#f2f2f2;border-radius:20px 20px 20px 6px;max-width:min(100%,34rem)}
.msg.bot .md{display:grid;gap:.55rem}
.msg.bot .md>*:first-child{margin-top:0}
.msg.bot .md>*:last-child{margin-bottom:0}
.msg.bot .md h1,.msg.bot .md h2,.msg.bot .md h3{margin:0;color:#fff;letter-spacing:.01em;line-height:1.25}
.msg.bot .md h1{font-size:1.05rem}
.msg.bot .md h2{font-size:1rem}
.msg.bot .md h3{font-size:.95rem;color:#d8eee0}
.msg.bot .md p{margin:0;color:#e8e8e8}
.msg.bot .md strong{color:#fff;font-weight:650}
.msg.bot .md em{color:#c8e6d0;font-style:italic}
.msg.bot .md code{font-size:.82em;padding:.08em .35em;border-radius:6px;background:#0a0c0e;border:1px solid #2a3a32;color:#b6f0c8}
.msg.bot .md ul,.msg.bot .md ol{margin:0;padding:.1rem 0 0 1.15rem;display:grid;gap:.28rem}
.msg.bot .md li{padding-left:.1rem}
.msg.bot .md ul{list-style:disc}
.msg.bot .md ol{list-style:decimal}
.msg.bot .md-table{overflow:auto;border:1px solid #2a3a32;border-radius:10px;background:#0c1012}
.msg.bot .md-table table{width:100%;border-collapse:collapse;font-size:.8rem}
.msg.bot .md-table th,.msg.bot .md-table td{padding:.42rem .55rem;text-align:left;border-bottom:1px solid #24322b;white-space:nowrap}
.msg.bot .md-table th{color:#9fddb4;font-weight:650;background:#101816}
.msg.bot .md-table tr:last-child td{border-bottom:0}
.audit-lab{display:inline-flex;align-items:center;gap:8px}
.audit-md.md,.audit-md .md{display:grid;gap:.7rem}
.audit-md h1{margin:0;font-size:1.35rem}
.audit-md h2{margin:.4rem 0 0;font-size:1.05rem}
.audit-md h3{margin:.2rem 0 0;font-size:1rem}
.audit-md p,.audit-md li{margin:0}
.audit-md ul,.audit-md ol{margin:0;padding-left:1.15rem;display:grid;gap:.25rem}
.audit-md .md-table{overflow:auto}
.audit-md .md-table th,.audit-md .md-table td{padding:.4rem .55rem;text-align:left;border-bottom:1px solid var(--border)}
.msg.user::before{content:"";position:absolute;bottom:0;right:-8px;width:20px;height:20px;background:var(--msg-user-fill);border-bottom-left-radius:15px}
.msg.user::after{content:"";position:absolute;bottom:0;right:-10px;width:10px;height:20px;background:var(--chat-log-bg);border-bottom-left-radius:10px}
.msg.bot::before{content:"";position:absolute;bottom:0;left:-8px;width:20px;height:20px;background:var(--msg-bot-fill);border-bottom-right-radius:15px}
.msg.bot::after{content:"";position:absolute;bottom:0;left:-10px;width:10px;height:20px;background:var(--chat-log-bg);border-bottom-right-radius:10px}
.msg.user.same::before,.msg.user.same::after,.msg.bot.same::before,.msg.bot.same::after,.msg.bot.typing::before,.msg.bot.typing::after{display:none}
.msg.user.same{border-radius:20px 6px 6px 20px}
.msg.bot.same{border-radius:6px 20px 20px 6px}
.chat-input{display:block;position:relative}
.chat-input input{width:100%;box-sizing:border-box;height:44px;min-height:44px;border-radius:27px!important;padding:.75rem 3rem .75rem 1rem!important;background:#0a0a0c;border:1px solid #1f2a25;color:#fff;font:inherit}
.chat-input input:focus{outline:none;border-color:var(--p)}
.chat-send-ico{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;border:none;background:transparent;color:rgba(255,255,255,.28);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .18s ease}
.chat-input:focus-within .chat-send-ico:not(:disabled){color:var(--p)}
.chat-send-ico svg{width:20px;height:20px;fill:currentColor;display:block}
.chat-send-ico:disabled{opacity:.4;cursor:default}
.chat-fab{position:fixed;right:18px;bottom:calc(var(--foot-h) + 10px);z-index:260;width:var(--fab-s);height:var(--fab-s);border-radius:50%;border:1px solid #2f4f40;background:linear-gradient(135deg,#0f2b20,#0d1310);color:var(--p);cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.55),0 0 20px rgba(34,197,94,.22);display:inline-flex;align-items:center;justify-content:center}
body:has(.page-pager) .chat-fab{bottom:calc(var(--foot-h) + (var(--pager-h) - var(--fab-s)) / 2)}
.chat-head-id{display:flex;align-items:center;gap:.55rem;min-width:0}
.chat-head-bot{width:26px;height:26px;color:var(--p);flex-shrink:0}
.chat-head-title{font-size:1rem;line-height:1;letter-spacing:.05em;color:#e6e6e6;font-weight:600;display:inline-flex;align-items:baseline}
.chat-head-title .bx{color:var(--p);font-size:calc(1rem + 8px);line-height:1;font-weight:700;vertical-align:-3px;margin:0 1px;letter-spacing:0}
.chat-close{display:inline-flex;align-items:center;height:32px;padding:0 12px;font-size:.8rem;line-height:1;border-radius:8px;box-sizing:border-box;background:rgba(34,197,94,.15);color:var(--p);border:1px solid rgba(34,197,94,.4);box-shadow:0 0 12px rgba(34,197,94,.25);cursor:pointer;font-family:inherit}
.chat-float{position:fixed;top:0;right:0;bottom:0;z-index:320;width:min(100vw,400px);height:auto;max-height:100svh;max-width:400px;box-sizing:border-box;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.65rem;background:#0b0b0b;border:1px solid #25352d;border-radius:0;padding:.8rem .8rem calc(.8rem + env(safe-area-inset-bottom,0px));box-shadow:0 18px 46px rgba(0,0,0,.62);transform-origin:bottom right;transform:scale(.85) translateY(12px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .18s ease,visibility 0s linear .22s}
.chat-float.show{transform:scale(1) translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition:transform .26s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility 0s}
.chat-float-head{display:flex;align-items:center;justify-content:space-between}
@media (prefers-reduced-motion:reduce){.chat-float{transition:opacity .15s ease,visibility 0s linear .15s;transform:none}.chat-float.show{transform:none}}
@media (max-width:900px){
  .chat-float{width:100vw;max-width:100vw;left:0;right:0}
  .chat-fab{bottom:calc(var(--seg-h) + env(safe-area-inset-bottom,0px) + 10px)}
  body:has(.page-pager) .chat-fab{bottom:calc(var(--seg-h) + env(safe-area-inset-bottom,0px) + var(--pager-h) + 10px)}
}
.head-tools{display:flex;align-items:center;gap:10px;height:100%}
.head-tools .btn{height:var(--mark);box-sizing:border-box;padding:0 12px;margin-left:10px}
@media (max-width:767px){
  .hdr{--mark:36px;padding-right:10px}
  .brand{width:auto;max-width:none;padding:0 0 0 10px}
  .head-tools{gap:6px}
  .head-tools .btn{margin-left:6px}
}
.bell-wrap{position:relative}
.bell-btn{position:relative;width:var(--mark);height:var(--mark);padding:0;box-sizing:border-box;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#e8eee9;cursor:pointer;display:grid;place-items:center}
.bell-btn:hover{border-color:rgba(34,197,94,.4);color:#fff}
.bell-dot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#22c55e;color:#04120a;font-size:10px;font-weight:800;display:grid;place-items:center}
.bell-pop{position:absolute;right:0;top:calc(100% + 8px);width:min(92vw,280px);z-index:80;background:#101410;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 16px 40px rgba(0,0,0,.5);display:grid;gap:6px}
.bell-pop>b{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#9fddb4;padding:2px 6px}
.bell-pop a{display:grid;gap:2px;padding:8px 8px;border-radius:10px;color:#e8eee9}
.bell-pop a:hover{background:rgba(34,197,94,.12)}
.bell-pop a span{color:var(--muted);font-size:12px}
.bell-pop p{margin:0;padding:8px;color:var(--muted);font-size:13px}
.face-link{display:block;flex:none;width:var(--mark);height:var(--mark);border-radius:50%}
.face{width:var(--mark);height:var(--mark);box-sizing:border-box;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(160deg,#163226,#0c1410);border:1px solid rgba(34,197,94,.4);color:#9fddb4;font-weight:800;font-size:13px}
.face img{width:var(--mark);height:var(--mark);max-width:100%;max-height:100%;object-fit:cover;display:block}
.av-pick{display:flex;align-items:center;gap:14px}
.av-prev{width:72px;height:72px;flex:none;border-radius:50%;overflow:hidden;border:1px solid rgba(34,197,94,.35);background:rgba(255,255,255,.04);margin:0;cursor:pointer}
.av-prev img{width:100%;height:100%;object-fit:cover;display:block}
.av-file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.logo-prev{width:72px;height:72px;border-radius:16px;object-fit:cover;border:1px solid rgba(34,197,94,.35);margin-bottom:8px}
.og-prev{width:min(100%,280px);height:auto;aspect-ratio:1200/630;border-radius:10px;object-fit:cover;border:1px solid rgba(34,197,94,.35);margin-bottom:8px}