/* [project]/apps/web/app/tokens.css [app-client] (css) */
:root {
  --ui-gutter: 32px;
  --ui-content-x: clamp(calc(var(--ui-gutter) + 224px), 15.5vw, 280px);
  --ui-search-inset: 20px;
  --ui-brand-gap: 46px;
  --ui-end-x: clamp(var(--ui-gutter), 4.4vw, 80px);
  --ui-header-top: 26px;
  --ui-header-h: 92px;
  --ui-tabs-h: 44px;
  --ui-search-w: 860px;
  --ui-home-search: var(--ui-search-w);
  --ui-main: 652px;
  --ui-side: 372px;
  --ui-side-gap: 76px;
  --ui-list-main: 724px;
  --ui-rail: 372px;
  --ui-rail-gap: 48px;
  --ui-footer-h: 56px;
  --ui-dash: repeating-linear-gradient(to right, color-mix(in srgb, var(--ui-line-strong) 65%, transparent) 0 2px, transparent 2px 5px);
  --ui-read-max: 720px;
  --ui-admin-nav: 220px;
  --ui-sp-1: 4px;
  --ui-sp-2: 8px;
  --ui-sp-3: 12px;
  --ui-sp-4: 16px;
  --ui-sp-5: 24px;
  --ui-sp-6: 32px;
  --ui-sp-7: 48px;
  --ui-sp-8: 64px;
  --ui-r-sm: 6px;
  --ui-r-md: 10px;
  --ui-r-pill: 999px;
  --ui-fs-display: clamp(44px, 5vw, 60px);
  --ui-fs-wordmark: 44px;
  --ui-fs-h1: 28px;
  --ui-fs-h2: 20px;
  --ui-fs-h3: 16px;
  --ui-fs-title: 16px;
  --ui-font-num: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --ui-fs-body: 14px;
  --ui-fs-meta: 13px;
  --ui-fs-note: 12px;
  --ui-lh-tight: 1.3;
  --ui-lh-body: 1.6;
  --ui-h-sm: 28px;
  --ui-h-md: 36px;
  --ui-h-lg: 48px;
  --ui-col-date: 96px;
  --ui-col-sub: 200px;
  --ui-col-status: 96px;
  --ui-row-h: 44px;
}

@media (max-width: 1023px) {
  :root {
    --ui-gutter: 24px;
  }
}

@media (max-width: 639px) {
  :root {
    --ui-gutter: 16px;
  }
}

html[data-theme="dark"] {
  --ui-bg: #070b14;
  --ui-surface: #0d1422;
  --ui-surface-2: #151e30;
  --ui-line: #94a3b824;
  --ui-line-strong: #94a3b842;
  --ui-text: #e8edf5;
  --ui-text-2: #a1acbe;
  --ui-text-3: #6c788b;
  --ui-accent: #2fd0e6;
  --ui-glow: #2fd0e612;
  --ui-pay: #1677ff;
  --ui-ok: #4ade80;
  --ui-seller: #a78bfa;
  --ui-warn: #f97316;
  --ui-bad: #f87171;
  --ui-search-bg: #0d1422;
  --ui-search-line: #94a3b838;
  --ui-search-line-hover: #94a3b866;
  --ui-search-focus: #2fd0e68c;
  --ui-search-ring: 0 0 0 3px #2fd0e61f;
  --ui-search-lift: 0 12px 32px #00000073;
  --ui-search-hl: #2fd0e614;
  --ui-note-1: #3a3322;
  --ui-note-2: #3a2629;
  --ui-note-3: #20342b;
  --ui-note-4: #222e40;
  --ui-note-5: #2f2840;
}

html[data-theme="light"] {
  --ui-bg: #fff;
  --ui-surface: #f6f8fa;
  --ui-surface-2: #eef1f5;
  --ui-line: #0f172a14;
  --ui-line-strong: #0f172a29;
  --ui-text: #0f172a;
  --ui-text-2: #4b5768;
  --ui-text-3: #8a94a5;
  --ui-accent: #0e7490;
  --ui-glow: #0e749009;
  --ui-pay: #1677ff;
  --ui-ok: #16a34a;
  --ui-seller: #7c3aed;
  --ui-warn: #ea580c;
  --ui-bad: #dc2626;
  --ui-search-bg: #fff;
  --ui-search-line: #0f172a24;
  --ui-search-line-hover: #0f172a38;
  --ui-search-focus: #0e749080;
  --ui-search-ring: 0 0 0 3px #0e74901a;
  --ui-search-lift: 0 4px 16px #0f172a14;
  --ui-search-hl: #0e74900f;
  --ui-note-1: #fdf3c8;
  --ui-note-2: #fde4e4;
  --ui-note-3: #dff3e7;
  --ui-note-4: #e1ebfb;
  --ui-note-5: #ece5fb;
}

html[data-theme="light"]:not([data-accent]), html[data-theme="light"][data-accent="graphite"] {
  --ui-bg: #f7f8fa;
  --ui-surface: #fff;
  --ui-surface-2: #eef1f5;
  --ui-accent: #30638e;
  --ui-text: #25282d;
  --ui-text-2: #626872;
  --ui-line: #e0e4e9;
}

html[data-theme="light"] [data-sw="graphite"] {
  --sw: #30638e;
  --sw2: #f7f8fa;
}

html[data-theme="dark"]:not([data-accent]), html[data-theme="dark"][data-accent="graphite"] {
  --ui-bg: #191c21;
  --ui-surface: #252a31;
  --ui-surface-2: #303640;
  --ui-accent: #9bc4e3;
  --ui-text: #eef0f3;
  --ui-text-2: #b2bac5;
  --ui-line: #424a55;
}

html[data-theme="dark"] [data-sw="graphite"] {
  --sw: #9bc4e3;
  --sw2: #191c21;
}

html[data-theme="light"][data-accent="blue"] {
  --ui-bg: #f5f7fa;
  --ui-surface: #fff;
  --ui-surface-2: #ebf0f8;
  --ui-accent: #2456c6;
  --ui-text: #17243b;
  --ui-text-2: #56647a;
  --ui-line: #dee4ee;
}

html[data-theme="light"] [data-sw="blue"] {
  --sw: #2456c6;
  --sw2: #f5f7fa;
}

html[data-theme="dark"][data-accent="blue"] {
  --ui-bg: #111925;
  --ui-surface: #1a2535;
  --ui-surface-2: #253247;
  --ui-accent: #8ab4ff;
  --ui-text: #e7eef9;
  --ui-text-2: #a6b5cc;
  --ui-line: #334156;
}

html[data-theme="dark"] [data-sw="blue"] {
  --sw: #8ab4ff;
  --sw2: #111925;
}

html[data-theme="light"][data-accent="cyan"] {
  --ui-bg: #f3f7f6;
  --ui-surface: #fff;
  --ui-surface-2: #e7efec;
  --ui-accent: #126d68;
  --ui-text: #193634;
  --ui-text-2: #546c69;
  --ui-line: #d8e5e2;
}

html[data-theme="light"] [data-sw="cyan"] {
  --sw: #126d68;
  --sw2: #f3f7f6;
}

html[data-theme="dark"][data-accent="cyan"] {
  --ui-bg: #101d1c;
  --ui-surface: #1a2b29;
  --ui-surface-2: #263b37;
  --ui-accent: #70cfc3;
  --ui-text: #e4f1ee;
  --ui-text-2: #a4bcb7;
  --ui-line: #304944;
}

html[data-theme="dark"] [data-sw="cyan"] {
  --sw: #70cfc3;
  --sw2: #101d1c;
}

html[data-theme="light"][data-accent="violet"] {
  --ui-bg: #f6f6fa;
  --ui-surface: #fff;
  --ui-surface-2: #eeeef6;
  --ui-accent: #5554aa;
  --ui-text: #26263f;
  --ui-text-2: #656579;
  --ui-line: #e0e0ed;
}

html[data-theme="light"] [data-sw="violet"] {
  --sw: #5554aa;
  --sw2: #f6f6fa;
}

html[data-theme="dark"][data-accent="violet"] {
  --ui-bg: #191927;
  --ui-surface: #242438;
  --ui-surface-2: #303048;
  --ui-accent: #b6b5f2;
  --ui-text: #edecf8;
  --ui-text-2: #b3b1cc;
  --ui-line: #41415a;
}

html[data-theme="dark"] [data-sw="violet"] {
  --sw: #b6b5f2;
  --sw2: #191927;
}

html[data-theme="light"][data-accent="gold"] {
  --ui-bg: #f5f6f8;
  --ui-surface: #fff;
  --ui-surface-2: #ebedf1;
  --ui-accent: #805c1a;
  --ui-text: #1c2c43;
  --ui-text-2: #5d6878;
  --ui-line: #dee2e8;
}

html[data-theme="light"] [data-sw="gold"] {
  --sw: #805c1a;
  --sw2: #f5f6f8;
}

html[data-theme="dark"][data-accent="gold"] {
  --ui-bg: #122033;
  --ui-surface: #1d2e45;
  --ui-surface-2: #2a3b53;
  --ui-accent: #ddbf7a;
  --ui-text: #ebeff5;
  --ui-text-2: #aebbcd;
  --ui-line: #3a4c64;
}

html[data-theme="dark"] [data-sw="gold"] {
  --sw: #ddbf7a;
  --sw2: #122033;
}

html[data-theme="light"][data-accent="rose"] {
  --ui-bg: #f8f6f6;
  --ui-surface: #fff;
  --ui-surface-2: #f1ebed;
  --ui-accent: #93536b;
  --ui-text: #30272c;
  --ui-text-2: #71616a;
  --ui-line: #e6dde1;
}

html[data-theme="light"] [data-sw="rose"] {
  --sw: #93536b;
  --sw2: #f8f6f6;
}

html[data-theme="dark"][data-accent="rose"] {
  --ui-bg: #211c20;
  --ui-surface: #2d252b;
  --ui-surface-2: #3b3038;
  --ui-accent: #dca6bc;
  --ui-text: #f3ebef;
  --ui-text-2: #c3b1bb;
  --ui-line: #51424b;
}

html[data-theme="dark"] [data-sw="rose"] {
  --sw: #dca6bc;
  --sw2: #211c20;
}

html[data-theme] {
  --ui-text-3: var(--ui-text-2);
  --ui-line-strong: color-mix(in srgb, var(--ui-text) 25%, var(--ui-bg));
  --ui-seller: var(--ui-accent);
  --ui-pay: #1677ff;
  --ui-glow: transparent;
  --ui-search-bg: var(--ui-surface);
  --ui-search-line: var(--ui-line);
  --ui-search-line-hover: var(--ui-line-strong);
  --ui-search-focus: var(--ui-accent);
  --ui-search-ring: 0 0 0 3px color-mix(in srgb, var(--ui-accent) 12%, transparent);
  --ui-search-hl: color-mix(in srgb, var(--ui-accent) 7%, var(--ui-surface));
  --bg: var(--ui-bg);
  --bg-2: var(--ui-surface);
  --bg-3: var(--ui-surface-2);
  --bg-elev: var(--ui-surface);
  --surface: var(--ui-surface);
  --surface-2: var(--ui-surface-2);
  --surface-3: var(--ui-surface-2);
  --text: var(--ui-text);
  --text-2: var(--ui-text-2);
  --text-3: var(--ui-text-3);
  --text-4: var(--ui-text-3);
  --muted: var(--ui-text-2);
  --line: var(--ui-line);
  --line-2: var(--ui-line-strong);
  --line-3: var(--ui-line-strong);
  --border: var(--ui-line);
  --border-2: var(--ui-line-strong);
  --border-3: var(--ui-line-strong);
  --accent: var(--ui-accent);
  --accent-text: var(--ui-accent);
  --accent-strong: var(--ui-accent);
  --accent-soft: color-mix(in srgb, var(--ui-accent) 10%, transparent);
  --accent-line: color-mix(in srgb, var(--ui-accent) 30%, transparent);
  --pay: var(--ui-pay);
}

/* [project]/apps/web/app/globals.css [app-client] (css) */
@layer legacy {
  :root {
    --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", system-ui, sans-serif;
    --font-mono: ui-monospace, "SF Mono", "SFMono-Regular", menlo, consolas, "Noto Sans Mono CJK SC", monospace;
    --maxw: 1200px;
    --pad: 28px;
    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 16px;
    --ease: cubic-bezier(.2, .8, .2, 1);
    --font: var(--font-sans);
    --mono: var(--font-mono);
  }

  html[data-theme="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --bg: #050a15;
    --bg-2: #0b1220;
    --bg-3: #0e1628;
    --bg-elev: #0b1220;
    --surface: #0b1220;
    --surface-2: #0e1628;
    --surface-3: #121c30;
    --glass: #050a15;
    --line: var(--border);
    --line-2: #94a3b847;
    --line-3: #94a3b866;
    --border: #94a3b82e;
    --border-2: #94a3b847;
    --border-3: #94a3b866;
    --text: #f4f7fb;
    --text-2: #8b9bb4;
    --text-3: #8b9bb4;
    --text-4: #64748b;
    --accent: #22d3ee;
    --accent-text: #67e8f9;
    --accent-strong: #22d3ee;
    --accent-soft: #22d3ee1f;
    --accent-line: #22d3ee66;
    --cyan: #22d3ee;
    --pay: #1677ff;
    --ok: var(--green);
    --ok-soft: #4ade801f;
    --warn: var(--amber);
    --warn-soft: #f973161f;
    --teal: #43c084;
    --teal-soft: #43c0841f;
    --amber: #e7a341;
    --amber-soft: #e7a3411f;
    --green: #4ade80;
    --green-soft: #4ade801f;
    --violet: #c09cff;
    --violet-soft: #c09cff1a;
    --red: #f87171;
    --red-soft: #f871711f;
    --blue: #8eb6ff;
    --blue-soft: #8eb6ff1f;
    --grid-line: #ffffff09;
    --hl: #ffffff0a;
    --shadow-lg: 0 30px 80px -20px #000000b3, 0 0 0 1px var(--border);
    --shadow-md: 0 12px 32px -12px #0009;
    --muted: var(--text-2);
    --faint: var(--text-3);
    --bad: var(--red);
    --info: var(--blue);
    --alipay: #1677ff;
    --alipay-soft: #1677ff1f;
    --line-strong: var(--border-2);
    --bg-elev-2: var(--surface-2);
  }

  html[data-theme="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --bg: #fff;
    --bg-2: #f6f7f8;
    --bg-3: #edeff2;
    --bg-elev: #f6f7f8;
    --surface: #f6f7f8;
    --surface-2: #edeff2;
    --surface-3: #e3e6eb;
    --glass: #fff;
    --line: var(--border);
    --line-2: #14161a21;
    --line-3: #14161a3d;
    --border: #14161a14;
    --border-2: #14161a21;
    --border-3: #14161a3d;
    --text: #16181c;
    --text-2: #464b54;
    --text-3: #6b707a;
    --text-4: #a0a5ae;
    --accent: #e8561c;
    --accent-text: #c2410c;
    --accent-strong: #c2410c;
    --accent-soft: #e8561c17;
    --accent-line: #e8561c47;
    --ok: var(--green);
    --ok-soft: #15803d17;
    --warn: var(--amber);
    --warn-soft: #b4530917;
    --teal: #15803d;
    --teal-soft: #15803d17;
    --amber: #b45309;
    --amber-soft: #b4530917;
    --green: #15803d;
    --green-soft: #15803d17;
    --violet: #6d28d9;
    --violet-soft: #6d28d91a;
    --red: #dc2626;
    --red-soft: #dc26261a;
    --blue: #2f5bd8;
    --blue-soft: #2f5bd81a;
    --grid-line: #14161a0a;
    --hl: #14161a0a;
    --shadow-lg: 0 18px 44px -20px #14161a2e;
    --shadow-md: 0 12px 32px -16px #14161a1f;
    --muted: var(--text-2);
    --faint: var(--text-3);
    --bad: var(--red);
    --info: var(--blue);
    --alipay: #1677ff;
    --alipay-soft: #1677ff1f;
    --line-strong: var(--border-2);
    --bg-elev-2: var(--surface-2);
  }

  * {
    box-sizing: border-box;
  }

  html {
    -webkit-text-size-adjust: 100%;
    scrollbar-gutter: stable;
  }

  html, body {
    background: var(--bg, transparent);
    min-height: 100%;
    color: var(--text, inherit);
    margin: 0;
  }

  html:not(.theme-ready), html:not(.theme-ready) body {
    visibility: hidden !important;
    opacity: 0 !important;
    color-scheme: normal !important;
    background: none !important;
  }

  body {
    min-height: 100vh;
    font-family: var(--font-sans);
    font-feature-settings: "cv11", "ss01";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    flex-direction: column;
    font-size: 14px;
    line-height: 1.55;
    display: flex;
    overflow-x: clip;
  }

  button, input, textarea, select {
    font: inherit;
    color: inherit;
  }

  button {
    cursor: pointer;
    background: none;
    border: 0;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  p, h1, h2, h3, h4 {
    margin: 0;
  }

  ::selection {
    background: var(--accent-soft);
    color: var(--text);
  }

  svg.i {
    stroke: currentColor;
    fill: none;
    stroke-width: 1.6px;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex: none;
    width: 16px;
    height: 16px;
  }

  svg.i.xs {
    width: 12px;
    height: 12px;
  }

  svg.i.faint {
    color: var(--text-3);
  }

  .mono, .money, .num {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
    letter-spacing: -.01em;
  }

  .money {
    font-weight: 500;
  }

  .faint {
    color: var(--text-3);
  }

  .muted, .lede, .note {
    color: var(--text-2);
  }

  .note, .faint {
    font-size: 12.5px;
  }

  .ambient {
    pointer-events: none;
    z-index: 0;
    position: fixed;
    inset: 0;
    overflow: hidden;
  }

  .ambient .grid {
    background-image: linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
    background-size: 56px 56px;
    position: absolute;
    inset: -1px;
    -webkit-mask-image: radial-gradient(80% 55% at 50% 0, #000 28%, #0000 74%);
    mask-image: radial-gradient(80% 55% at 50% 0, #000 28%, #0000 74%);
  }

  .ambient .glow {
    filter: blur(8px);
    background: radial-gradient(60% 60% at 50% 0, #8e9bff2e, #0000 70%);
    width: 1400px;
    height: 800px;
    position: absolute;
    top: -340px;
    left: 50%;
    transform: translateX(-50%);
  }

  .ambient .glow.b {
    background: radial-gradient(50% 50%, #5ee6cf12, #0000 70%);
    width: 700px;
    height: 480px;
    top: -180px;
    left: 78%;
  }

  .topbar {
    z-index: 50;
    background: var(--bg);
    border-bottom: 1px solid #0000;
    width: 100%;
    position: sticky;
    top: 0;
  }

  .topbar-inner {
    max-width: 1440px;
    height: 64px;
    padding: 0 var(--pad);
    align-items: center;
    gap: 20px;
    margin: 0 auto;
    display: flex;
  }

  .brand {
    letter-spacing: -.02em;
    white-space: nowrap;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
  }

  .brand > .brand-mark, .brand-mark.logo-bot {
    width: 26px;
    height: 26px;
    display: block;
  }

  .placeholder-tag {
    color: var(--amber);
    border: 1px dashed color-mix(in srgb, var(--amber) 55%, transparent);
    background: var(--amber-soft);
    border-radius: 5px;
    padding: 1px 6px;
    font-size: 10.5px;
    font-weight: 500;
  }

  .nav {
    flex: 1;
    justify-content: space-evenly;
    gap: 8px;
    min-width: 0;
    margin: 0 8px;
    display: flex;
  }

  .nav a {
    color: var(--text-2);
    white-space: nowrap;
    border-radius: 8px;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    font-size: 13px;
    font-weight: 500;
    display: flex;
  }

  .nav a:hover {
    color: var(--text);
    background: var(--hl);
  }

  .nav a.active {
    color: #ffd7c2;
    background: #ff6a2c1a;
    box-shadow: inset 0 0 0 1px #ff7a3d61;
  }

  .nav a .k {
    font-family: var(--font-mono);
    color: var(--text-4);
    font-size: 10.5px;
  }

  .spacer {
    flex: 1;
  }

  .cmdk {
    border: 1px solid var(--border);
    background: var(--surface);
    height: 32px;
    color: var(--text-3);
    border-radius: 8px;
    align-items: center;
    gap: 8px;
    min-width: 180px;
    padding: 0 8px 0 10px;
    display: flex;
  }

  .cmdk input {
    background: none;
    border: 0;
    outline: 0;
    width: 120px;
    padding: 0;
    font-size: 12.5px;
  }

  .cmdk input::placeholder {
    color: var(--text-3);
  }

  .kbd {
    font-family: var(--font-mono);
    border: 1px solid var(--border-2);
    color: var(--text-3);
    background: var(--surface-2);
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 10.5px;
    line-height: 16px;
  }

  .account {
    flex: none;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    display: flex;
  }

  .session-switch {
    align-items: center;
    gap: 6px;
    display: flex;
  }

  .session-switch form {
    margin: 0;
    display: flex;
  }

  .identity {
    border: 1px solid var(--border);
    background: var(--surface);
    height: 30px;
    color: var(--text-2);
    border-radius: 999px;
    align-items: center;
    gap: 6px;
    max-width: 148px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
  }

  .identity .who {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .identity:hover {
    border-color: var(--border-2);
    color: var(--text);
  }

  .identity .dot {
    background: var(--text-4);
    border-radius: 50%;
    flex: none;
    width: 6px;
    height: 6px;
  }

  .identity.ready .dot {
    background: var(--teal);
  }

  .identity.on {
    color: var(--text);
    border-color: var(--text-3);
    background: var(--bg-3, var(--surface-2));
  }

  .identity.on .dot {
    background: var(--accent);
    box-shadow: none;
  }

  .avatar {
    width: 28px;
    height: 28px;
    color: var(--text-2);
    background: var(--bg-3, var(--surface-2));
    box-shadow: none;
    border-radius: 50%;
    flex: none;
    place-items: center;
    font-size: 12px;
    font-weight: 500;
    display: grid;
  }

  .text-button {
    color: var(--text-3);
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0 4px;
    font-size: 12px;
  }

  .text-button:hover {
    color: var(--text);
  }

  .page, .subnav, .site-footer, .shell {
    z-index: 2;
    position: relative;
  }

  .page {
    width: 100%;
    max-width: none;
    padding: 32px var(--cr, var(--pad)) 96px var(--cl, var(--pad));
    flex: 1;
    margin: 0;
  }

  .page-narrow > .page-header, .page-narrow > .auth-card, .page-narrow > .cashier, .page-narrow > .panel, .page-narrow > .banner, .page-narrow > .button-row, .page-narrow > p {
    max-width: 520px;
  }

  .subnav {
    width: 100%;
    max-width: none;
    padding: 0 var(--cr, var(--pad)) 0 var(--cl, var(--pad));
    border-bottom: 1px solid var(--line, var(--border));
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
    display: flex;
  }

  .subnav a {
    height: 46px;
    color: var(--text-3);
    border-radius: 0;
    align-items: center;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 400;
    display: inline-flex;
    position: relative;
  }

  .subnav a:hover {
    color: var(--text);
  }

  .subnav a.on {
    color: var(--text);
    box-shadow: none;
    background: none;
  }

  .subnav a.on:after {
    content: "";
    background: var(--text);
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 12px;
    right: 12px;
  }

  .page-header {
    gap: 8px;
    max-width: 720px;
    margin-bottom: 22px;
    display: grid;
  }

  .page-header h1, .shell h1 {
    letter-spacing: -.02em;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
  }

  .eyebrow {
    color: var(--text-3);
    font-size: 12px;
    font-weight: 500;
  }

  .lede {
    max-width: 62ch;
    font-size: 14.5px;
    line-height: 1.7;
  }

  .shell {
    border: 1px solid var(--border);
    background: var(--surface);
    width: min(36rem, 100% - 32px);
    box-shadow: var(--shadow-lg);
    border-radius: 20px;
    gap: 10px;
    margin: 12vh auto;
    padding: 28px;
    display: grid;
  }

  .site-footer {
    width: 100%;
    max-width: var(--maxw);
    padding: 18px var(--pad) 28px;
    border-top: 1px solid var(--border);
    color: var(--text-4);
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin: 0 auto;
    font-size: 12px;
    display: flex;
  }

  .site-footer a {
    color: var(--text-3);
    border-bottom: 1px solid var(--border-2);
    margin-left: 10px;
  }

  .site-footer a:hover, .content-link {
    color: var(--accent-strong);
  }

  .panel a:not(.button), .auth-card a:not(.button), .empty a:not(.button), .banner a, .note a, .lede a, .prose a {
    color: var(--accent-strong);
    border-bottom: 1px solid var(--accent-line);
  }

  .eyebrow-pill {
    border: 1px solid var(--border-2);
    background: var(--surface);
    height: 28px;
    color: var(--text-2);
    border-radius: 999px;
    align-items: center;
    gap: 8px;
    padding: 0 12px 0 6px;
    font-size: 12px;
    display: inline-flex;
  }

  .eyebrow-pill .chip {
    font-family: var(--font-mono);
    background: var(--accent-soft);
    color: var(--accent-strong);
    border: 1px solid var(--accent-line);
    border-radius: 999px;
    padding: 2px 7px;
    font-size: 10.5px;
  }

  .button, button.button {
    border: 1px solid var(--text);
    background: var(--text);
    height: 36px;
    min-height: 36px;
    color: var(--bg);
    box-shadow: none;
    cursor: pointer;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
  }

  .button:hover, button.button:hover {
    opacity: .88;
    filter: none;
    color: var(--bg);
  }

  .button:active, button.button:active {
    transform: scale(.98);
  }

  .button.secondary, button.button.secondary {
    background: var(--bg-2, var(--surface));
    color: var(--text);
    border-color: var(--line-2, var(--border-2));
    box-shadow: none;
    filter: none;
    opacity: 1;
  }

  .button.secondary:hover, button.button.secondary:hover {
    border-color: var(--border-3);
    background: var(--surface-2);
  }

  .button.danger, button.button.danger {
    color: var(--red);
    border-color: color-mix(in srgb, var(--red) 35%, transparent);
    box-shadow: none;
    filter: none;
    background: none;
  }

  .button.danger:hover, button.button.danger:hover {
    background: var(--red-soft);
  }

  .button.alipay, button.button.alipay, a.button.alipay {
    color: #fff;
    box-shadow: none;
    filter: none;
    opacity: 1;
    background: #1677ff;
    border-color: #1677ff;
  }

  .button.alipay:hover, button.button.alipay:hover, a.button.alipay:hover {
    color: #fff;
    opacity: 1;
    background: #4096ff;
    border-color: #4096ff;
  }

  .button.block, button.button.block {
    width: 100%;
  }

  .button.lg, button.button.lg {
    border-radius: 8px;
    height: 44px;
    min-height: 44px;
    padding: 0 22px;
    font-size: 15px;
  }

  button:disabled, .button:disabled {
    opacity: .45;
    cursor: not-allowed;
    filter: none;
    transform: none;
  }

  .button-row, .inline-form, .cashier-actions {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .card, .panel, .auth-card, .order-card, .kpi-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
  }

  .panel, .auth-card, .order-card {
    align-content: start;
    gap: 12px;
    padding: 18px;
    display: grid;
  }

  .card-link {
    transition: transform .3s var(--ease), border-color .2s, box-shadow .3s var(--ease);
    padding: 18px;
    text-decoration: none;
    display: block;
  }

  .card-link:hover {
    border-color: var(--border-2);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
  }

  .kicker {
    color: var(--text-3);
    font-size: 12px;
  }

  .panel h2, .auth-card h2, .card h2, .order-card h2 {
    letter-spacing: -.02em;
    font-size: 16px;
    font-weight: 600;
  }

  .summary {
    color: var(--text-2);
    font-size: 13px;
    line-height: 1.65;
  }

  .banner {
    border: 1px solid var(--border);
    background: var(--surface);
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 13px;
  }

  .page > .banner {
    margin-bottom: 14px;
  }

  main p a:not(.button) {
    color: var(--accent-strong);
    border-bottom: 1px solid var(--accent-line);
  }

  .banner-bad {
    color: var(--red);
    background: var(--red-soft);
    border-color: color-mix(in srgb, var(--red) 28%, transparent);
  }

  .banner-ok {
    color: var(--green);
    background: var(--green-soft);
    border-color: color-mix(in srgb, var(--green) 28%, transparent);
  }

  .banner-info {
    color: var(--blue);
    background: var(--blue-soft);
    border-color: color-mix(in srgb, var(--blue) 28%, transparent);
  }

  .pill {
    white-space: nowrap;
    border: 1px solid var(--border);
    height: 22px;
    color: var(--text-2);
    background: var(--surface-2);
    font-size: 11.5px;
    font-weight: 500;
    font-family: var(--font-sans);
    border-radius: 999px;
    align-items: center;
    gap: 5px;
    padding: 0 8px;
    display: inline-flex;
  }

  .pill-ok {
    color: var(--green);
    background: var(--green-soft);
    border-color: color-mix(in srgb, var(--green) 22%, transparent);
  }

  .pill-warn {
    color: var(--amber);
    background: var(--amber-soft);
    border-color: color-mix(in srgb, var(--amber) 22%, transparent);
  }

  .pill-bad {
    color: var(--red);
    background: var(--red-soft);
    border-color: color-mix(in srgb, var(--red) 22%, transparent);
  }

  .pill-info {
    color: var(--blue);
    background: var(--blue-soft);
    border-color: color-mix(in srgb, var(--blue) 22%, transparent);
  }

  .pill-neutral {
    color: var(--text-2);
    background: var(--surface-2);
    border-color: var(--border);
  }

  .agent-badge {
    height: 22px;
    color: var(--teal);
    background: linear-gradient(90deg, var(--teal-soft), transparent);
    border: 1px solid color-mix(in srgb, var(--teal) 28%, transparent);
    border-radius: 6px;
    align-items: center;
    gap: 5px;
    padding: 0 8px 0 6px;
    font-size: 11px;
    font-weight: 500;
    display: inline-flex;
  }

  .form-stack {
    gap: 12px;
    display: grid;
  }

  .field {
    gap: 6px;
    display: grid;
  }

  .field span, .check {
    color: var(--text-2);
    font-size: 12.5px;
  }

  input, textarea, select {
    background: var(--bg);
    border: 1px solid var(--border-2);
    border-radius: 10px;
    outline: none;
    width: 100%;
    padding: 11px 12px;
    transition: border-color .2s, box-shadow .2s;
  }

  input::placeholder, textarea::placeholder {
    color: var(--text-4);
  }

  input:focus, textarea:focus, select:focus {
    border-color: var(--accent-line);
    box-shadow: 0 0 0 4px var(--accent-soft);
  }

  textarea {
    resize: vertical;
    min-height: 84px;
  }

  .check {
    align-items: flex-start;
    gap: 8px;
    display: flex;
  }

  .check input {
    width: auto;
    margin-top: 3px;
  }

  input.step-up {
    font-family: var(--font-mono);
    letter-spacing: .42em;
    text-align: center;
    max-width: 220px;
    font-size: 18px;
  }

  .money-line {
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 9px 0;
    display: flex;
  }

  .money-line + .money-line {
    border-top: 1px dashed var(--border-2);
  }

  .money-line span:first-child {
    color: var(--text-2);
  }

  .timeline {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .timeline li {
    border-top: 1px solid var(--border);
    grid-template-columns: 148px 1fr;
    gap: 12px;
    padding: 10px 0;
    font-size: 13px;
    display: grid;
  }

  .timeline li:first-child {
    border-top: 0;
  }

  .meter {
    background: var(--surface-3);
    border-radius: 999px;
    height: 6px;
    overflow: hidden;
  }

  .meter > span {
    border-radius: inherit;
    background: linear-gradient(90deg, var(--teal), var(--accent));
    width: 8%;
    height: 100%;
    display: block;
  }

  .meter-low > span {
    width: 22%;
  }

  .meter-empty > span {
    width: 0;
  }

  .qr-frame {
    width: fit-content;
    box-shadow: var(--shadow-md);
    background: #fff;
    border-radius: 16px;
    padding: 12px;
  }

  .mock-qr {
    background: #fff;
    width: 132px;
    height: 132px;
    display: block;
  }

  .qr-on {
    fill: #09090b;
  }

  .qr-off {
    fill: #fff;
  }

  .countdown {
    color: var(--text-2);
    font-size: 13px;
  }

  .countdown .mono {
    color: var(--amber);
    font-size: 16px;
  }

  .empty {
    text-align: center;
    justify-items: center;
    gap: 8px;
    padding: 48px 16px;
    display: grid;
  }

  .empty h2 {
    letter-spacing: -.02em;
    font-size: 16px;
  }

  .mock-banner {
    color: var(--text-3);
    font-size: 12.5px;
  }

  .hero {
    grid-template-columns: 1.12fr .88fr;
    align-items: center;
    gap: 48px;
    padding: 28px 0 8px;
    display: grid;
  }

  .hero h1 {
    letter-spacing: -.04em;
    margin: 18px 0 16px;
    font-size: 52px;
    font-weight: 600;
    line-height: 1.08;
  }

  .grad {
    background: linear-gradient(100deg, var(--text) 8%, var(--accent-strong) 46%, var(--teal) 88%);
    color: #0000;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .hero .lede {
    max-width: 540px;
    font-size: 15.5px;
    line-height: 1.75;
  }

  .hero .lede b {
    color: var(--text);
    font-weight: 550;
  }

  .search {
    max-width: 560px;
    margin-top: 26px;
  }

  .search-box {
    background: var(--surface);
    border: 1px solid var(--border-2);
    border-radius: 14px;
    align-items: center;
    gap: 10px;
    height: 52px;
    padding: 0 8px 0 16px;
    display: flex;
    box-shadow: 0 20px 40px -28px #000c;
  }

  .search-box:focus-within {
    border-color: var(--accent-line);
    box-shadow: 0 0 0 4px var(--accent-soft);
  }

  .search-box input {
    box-shadow: none;
    background: none;
    border: 0;
    outline: 0;
    flex: 1;
    padding: 0;
    font-size: 14.5px;
  }

  .search-box input:focus {
    box-shadow: none;
  }

  .search-box .scope {
    background: var(--surface-2);
    border: 1px solid var(--border);
    height: 36px;
    color: var(--text-2);
    border-radius: 9px;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    font-size: 12px;
    display: inline-flex;
  }

  .search-hints {
    color: var(--text-3);
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    font-size: 12px;
    display: flex;
  }

  .search-hints a {
    border: 1px solid var(--border);
    height: 26px;
    color: var(--text-2);
    border-radius: 7px;
    align-items: center;
    padding: 0 10px;
    display: inline-flex;
  }

  .search-hints a:hover, .chip-btn:hover {
    border-color: var(--border-2);
    color: var(--text);
    background: var(--surface);
  }

  .ledger {
    background: linear-gradient(160deg, var(--border-3), var(--border) 42%, transparent 80%);
    border-radius: 18px;
    padding: 1px;
  }

  .ledger-in {
    background: linear-gradient(180deg, var(--surface), var(--bg-elev));
    border-radius: 17px;
    overflow: hidden;
  }

  .ledger-hd {
    border-bottom: 1px solid var(--border);
    align-items: center;
    gap: 8px;
    padding: 14px 16px;
    font-size: 12.5px;
    display: flex;
  }

  .ledger-hd b {
    font-weight: 600;
  }

  .live {
    color: var(--green);
    font-family: var(--font-mono);
    align-items: center;
    gap: 6px;
    margin-left: auto;
    font-size: 11px;
    display: inline-flex;
  }

  .live i {
    background: var(--green);
    border-radius: 50%;
    width: 6px;
    height: 6px;
    box-shadow: 0 0 #4ade808c;
  }

  .lrow {
    border-bottom: 1px solid var(--border);
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    font-size: 12.5px;
    display: grid;
  }

  .lrow:hover {
    background: var(--hl);
  }

  .lcopy {
    min-width: 0;
    display: grid;
  }

  .ledger-empty {
    color: var(--text-3);
    padding: 18px 16px;
    font-size: 13px;
  }

  .lrow .t1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 550;
    overflow: hidden;
  }

  .lrow .t2 {
    color: var(--text-3);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11.5px;
    overflow: hidden;
  }

  .lrow .amt {
    text-align: right;
  }

  .lrow .amt .money {
    font-size: 13px;
    display: block;
  }

  .ledger-ft {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }

  .ledger-ft > div {
    border-right: 1px solid var(--border);
    padding: 14px 16px;
  }

  .ledger-ft > div:last-child {
    border-right: 0;
  }

  .ledger-ft .k {
    color: var(--text-3);
    font-size: 11px;
  }

  .ledger-ft .v {
    letter-spacing: -.02em;
    margin-top: 3px;
    font-size: 14px;
  }

  .rails {
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    background: var(--surface);
    grid-template-columns: repeat(4, 1fr);
    margin: 36px 0 56px;
    display: grid;
    overflow: hidden;
  }

  .rail {
    border-right: 1px solid var(--border);
    padding: 18px 20px;
    position: relative;
  }

  .rail:last-child {
    border-right: 0;
  }

  .rail .n {
    font-family: var(--font-mono);
    color: var(--text-3);
    align-items: center;
    gap: 8px;
    font-size: 11px;
    display: flex;
  }

  .rail .n svg {
    color: var(--c, var(--text-3));
  }

  .rail h3 {
    letter-spacing: -.01em;
    margin: 10px 0 4px;
    font-size: 14px;
    font-weight: 600;
  }

  .rail p {
    color: var(--text-3);
    font-size: 12.5px;
    line-height: 1.6;
  }

  .rail:after {
    content: "";
    background: linear-gradient(90deg, transparent, var(--c, transparent), transparent);
    opacity: .7;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .rail.amber {
    --c: var(--amber);
  }

  .rail.blue {
    --c: var(--blue);
  }

  .rail.violet {
    --c: var(--violet);
  }

  .rail.green {
    --c: var(--green);
  }

  .section-title {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 16px;
    display: flex;
  }

  .section-title h2 {
    letter-spacing: -.02em;
    font-size: 20px;
    font-weight: 600;
  }

  .section-title p {
    color: var(--text-3);
    margin-top: 4px;
    font-size: 13px;
  }

  .chips {
    flex-wrap: wrap;
    gap: 6px;
    display: flex;
  }

  .chip-btn {
    border: 1px solid var(--border);
    background: var(--surface);
    height: 32px;
    color: var(--text-2);
    border-radius: 9px;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    font-size: 12.5px;
    font-weight: 500;
    display: inline-flex;
  }

  .chip-btn.on {
    color: var(--text);
    border-color: var(--accent-line);
    background: var(--accent-soft);
    box-shadow: 0 0 0 3px var(--accent-soft);
  }

  .grid-products, .catalog {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    gap: 14px;
    display: grid;
  }

  .pcard {
    border-radius: var(--r-lg);
    background: var(--surface);
    border: 1px solid var(--border);
    isolation: isolate;
    min-height: 228px;
    transition: transform .35s var(--ease), border-color .25s, box-shadow .35s var(--ease);
    flex-direction: column;
    padding: 18px;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .pcard:before {
    content: "";
    z-index: -1;
    opacity: 0;
    background: radial-gradient(360px circle at 18% 0%, var(--accent-soft), transparent 46%);
    transition: opacity .3s;
    position: absolute;
    inset: 0;
  }

  .pcard:hover {
    border-color: var(--border-2);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
  }

  .pcard:hover:before {
    opacity: 1;
  }

  .pc-top {
    align-items: flex-start;
    gap: 12px;
    display: flex;
  }

  .glyph {
    color: var(--c, var(--accent));
    background: linear-gradient(145deg, color-mix(in srgb, var(--c, var(--accent)) 16%, transparent), color-mix(in srgb, var(--c, var(--accent)) 4%, transparent));
    border: 1px solid color-mix(in srgb, var(--c, var(--accent)) 26%, transparent);
    flex: none;
    place-items: center;
    display: grid;
    box-shadow: inset 0 1px #ffffff0f;
  }

  .glyph-md {
    border-radius: 11px;
    width: 40px;
    height: 40px;
  }

  .glyph-md svg {
    width: 18px;
    height: 18px;
  }

  .glyph-sm {
    border-radius: 8px;
    width: 28px;
    height: 28px;
  }

  .glyph-sm svg {
    width: 14px;
    height: 14px;
  }

  .glyph-lg {
    border-radius: 16px;
    width: 60px;
    height: 60px;
  }

  .glyph-lg svg {
    width: 26px;
    height: 26px;
  }

  .tone-blue {
    --c: var(--blue);
  }

  .tone-violet {
    --c: var(--violet);
  }

  .tone-teal {
    --c: var(--teal);
  }

  .tone-amber {
    --c: var(--amber);
  }

  .tone-green {
    --c: var(--green);
  }

  .spark {
    color: var(--c, var(--accent));
  }

  .pc-type {
    font-family: var(--font-mono);
    color: var(--text-3);
    letter-spacing: .04em;
    text-transform: uppercase;
    font-size: 10.5px;
  }

  .pc-title {
    letter-spacing: -.015em;
    margin-top: 2px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
  }

  .pc-desc {
    color: var(--text-2);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 12px 0;
    font-size: 12.5px;
    line-height: 1.65;
    display: -webkit-box;
    overflow: hidden;
  }

  .pc-meta {
    color: var(--text-3);
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    font-size: 12px;
    display: flex;
  }

  .seller {
    color: var(--text-2);
  }

  .pc-foot {
    border-top: 1px dashed var(--border-2);
    justify-content: space-between;
    align-items: flex-end;
    gap: 10px;
    margin-top: 14px;
    padding-top: 14px;
    display: flex;
  }

  .price {
    align-items: baseline;
    gap: 6px;
    display: flex;
  }

  .price .money {
    letter-spacing: -.03em;
    font-size: 19px;
  }

  .price .u {
    color: var(--text-3);
    font-size: 12px;
  }

  .spark {
    width: 84px;
    height: 28px;
  }

  .spark path.l {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5px;
  }

  .pc-badges {
    gap: 6px;
    display: flex;
    position: absolute;
    top: 16px;
    right: 16px;
  }

  .crumbs {
    color: var(--text-3);
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 4px 0 18px;
    font-size: 12.5px;
    display: flex;
  }

  .crumbs a:hover {
    color: var(--text);
  }

  .pd, .detail, .auth-split {
    grid-template-columns: minmax(0, 1fr) 380px;
    align-items: start;
    gap: 28px;
    display: grid;
  }

  .pd-head {
    align-items: flex-start;
    gap: 16px;
    display: flex;
  }

  .pd-head h1 {
    letter-spacing: -.03em;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
  }

  .tags {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    display: flex;
  }

  .pd-stats {
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--surface);
    grid-template-columns: repeat(4, 1fr);
    margin: 22px 0;
    display: grid;
    overflow: hidden;
  }

  .pd-stats > div {
    border-right: 1px solid var(--border);
    padding: 14px 16px;
  }

  .pd-stats > div:last-child {
    border-right: 0;
  }

  .pd-stats .k, .lbl, .stat-k {
    color: var(--text-3);
    font-size: 11.5px;
  }

  .pd-stats .v, .stat-v {
    letter-spacing: -.02em;
    margin-top: 4px;
    font-size: 14px;
  }

  .prose p {
    color: var(--text-2);
    font-size: 14px;
    line-height: 1.75;
  }

  .feat {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 18px 0 8px;
    display: grid;
  }

  .feat > div {
    border-radius: var(--r-md);
    border: 1px solid var(--border);
    background: var(--surface);
    gap: 12px;
    padding: 14px;
    display: flex;
  }

  .feat svg {
    color: var(--accent);
    margin-top: 2px;
  }

  .feat b {
    font-size: 13px;
    font-weight: 600;
    display: block;
  }

  .feat span {
    color: var(--text-3);
    font-size: 12px;
  }

  .h3 {
    letter-spacing: -.01em;
    margin: 28px 0 12px;
    font-size: 15px;
    font-weight: 600;
  }

  .buy {
    background: linear-gradient(170deg, var(--border-3), var(--border) 30%, var(--border));
    border-radius: 18px;
    padding: 1px;
    position: sticky;
    top: 80px;
  }

  .buy-in {
    background: var(--surface);
    border-radius: 17px;
    overflow: hidden;
  }

  .buy-sec {
    padding: 18px;
  }

  .buy-sec + .buy-sec {
    border-top: 1px solid var(--border);
  }

  .lbl {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
  }

  .tier {
    border: 1px solid var(--accent-line);
    background: var(--accent-soft);
    border-radius: 12px;
    grid-template-columns: 18px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    display: grid;
  }

  .tier .radio {
    border: 1.5px solid var(--accent);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: relative;
  }

  .tier .radio:after {
    content: "";
    background: var(--accent);
    border-radius: 50%;
    position: absolute;
    inset: 3px;
  }

  .tier b {
    font-size: 13px;
    font-weight: 600;
    display: block;
  }

  .tier span {
    color: var(--text-3);
    font-size: 11.5px;
  }

  .fees {
    display: grid;
  }

  .alipay-note {
    color: var(--text-3);
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    font-size: 11.5px;
    display: flex;
  }

  .ap {
    color: #fff;
    background: #1677ff;
    border-radius: 4px;
    place-items: center;
    width: 16px;
    height: 16px;
    font-size: 10px;
    font-weight: 700;
    display: grid;
  }

  .escrow {
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    background: var(--surface);
    margin-top: 8px;
    overflow: hidden;
  }

  .escrow-track {
    grid-template-columns: repeat(4, 1fr);
    padding: 22px 12px 18px;
    display: grid;
  }

  .estep {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 0 8px;
    display: flex;
  }

  .estep .node {
    background: var(--surface-2);
    border: 1px solid var(--border-2);
    width: 36px;
    height: 36px;
    color: var(--c, var(--text-3));
    font-family: var(--font-mono);
    border-radius: 12px;
    place-items: center;
    font-size: 12px;
    display: grid;
  }

  .estep h3 {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 600;
  }

  .estep p {
    color: var(--text-3);
    margin-top: 3px;
    font-size: 11.5px;
    line-height: 1.5;
  }

  .req {
    background: linear-gradient(160deg, color-mix(in srgb, var(--teal) 45%, transparent), var(--border) 35%, var(--border));
    border-radius: 20px;
    padding: 1px;
  }

  .req-in, .cashier {
    background: var(--surface);
    border-radius: 19px;
    overflow: hidden;
  }

  .cashier {
    border: 1px solid var(--border);
    box-shadow: var(--shadow-lg);
    background: linear-gradient(180deg, var(--surface), var(--bg-elev));
    border-radius: 20px;
    padding: 8px 0 0;
  }

  .req-hd {
    border-bottom: 1px solid var(--border);
    background: linear-gradient(180deg, var(--teal-soft), transparent);
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    padding: 22px 24px;
    display: flex;
  }

  .agent-av {
    width: 48px;
    height: 48px;
    color: var(--teal);
    background: linear-gradient(145deg, color-mix(in srgb, var(--teal) 22%, transparent), transparent);
    border: 1px solid color-mix(in srgb, var(--teal) 35%, transparent);
    border-radius: 14px;
    flex: none;
    place-items: center;
    display: grid;
  }

  .req-hd h2 {
    letter-spacing: -.02em;
    font-size: 18px;
    font-weight: 600;
  }

  .req-hd .sub {
    color: var(--text-3);
    margin-top: 2px;
    font-size: 12.5px;
  }

  .req-body, .req-actions, .cashier-body {
    gap: 16px;
    padding: 22px 24px;
    display: grid;
  }

  .req-actions {
    border-top: 1px solid var(--border);
    background: var(--hl);
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    display: flex;
  }

  .req-item {
    border: 1px solid var(--border);
    background: var(--surface-2);
    border-radius: 14px;
    align-items: center;
    gap: 14px;
    padding: 14px;
    display: flex;
  }

  .req-item .amt {
    text-align: right;
    margin-left: auto;
  }

  .req-item .amt .money {
    letter-spacing: -.03em;
    font-size: 26px;
  }

  .pay-amount .money, .cashier-amount .money {
    letter-spacing: -.045em;
    font-size: 40px;
    font-weight: 500;
  }

  .cashier h2 {
    letter-spacing: -.02em;
    margin-top: 4px;
    font-size: 16px;
    font-weight: 600;
  }

  .consent-points {
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .consent-points li {
    color: var(--text-2);
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    display: flex;
  }

  .consent-points li:before {
    content: "";
    background: var(--teal);
    border-radius: 50%;
    flex: none;
    width: 6px;
    height: 6px;
    margin-top: 7px;
  }

  .id-grid {
    border: 1px solid var(--border);
    border-radius: 12px;
    display: grid;
    overflow: hidden;
  }

  .id-grid .money-line {
    background: var(--surface-2);
    padding: 12px 14px;
  }

  .channel-row {
    align-items: center;
    gap: 10px;
    display: flex;
  }

  .sh {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 18px;
    display: flex;
  }

  .sh h1 {
    letter-spacing: -.03em;
    align-items: center;
    gap: 10px;
    font-size: 28px;
    font-weight: 600;
    display: flex;
  }

  .sh p {
    color: var(--text-3);
    margin-top: 4px;
    font-size: 13px;
  }

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

  .kpi-card {
    padding: 18px;
    position: relative;
    overflow: hidden;
  }

  .kpi-card .k {
    color: var(--text-3);
    font-size: 12px;
  }

  .kpi-card .v {
    font-family: var(--font-mono);
    letter-spacing: -.04em;
    margin-top: 10px;
    font-size: 28px;
    font-weight: 450;
  }

  .kpi-card .kpi-text {
    letter-spacing: -.02em;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 550;
    line-height: 1.45;
  }

  .stack {
    gap: 14px;
    margin-top: 14px;
    display: grid;
  }

  .order-sheet {
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    background: var(--surface);
    overflow: hidden;
  }

  .order-row {
    border-bottom: 1px solid var(--border);
    grid-template-columns: minmax(0, 1.4fr) auto auto;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    display: grid;
  }

  .order-row:last-child {
    border-bottom: 0;
  }

  .order-row:hover {
    background: var(--hl);
  }

  .order-row .t1 {
    font-weight: 550;
  }

  .order-row .t2 {
    color: var(--text-3);
    margin-top: 2px;
    font-size: 12px;
  }

  .fee-grid {
    background: var(--border);
    border-radius: 12px;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    display: grid;
    overflow: hidden;
  }

  .fee-grid.pairs {
    grid-template-columns: 1fr 1fr;
  }

  .fee-grid .money-line {
    background: var(--surface-2);
    border: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 12px 14px;
  }

  .fee-grid .money-line + .money-line {
    border-top: 0;
  }

  .fee-grid .money {
    font-size: 16px;
  }

  .deliver {
    border-top: 1px solid var(--border);
    gap: 12px;
    padding-top: 4px;
    display: grid;
  }

  .deliver-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    display: grid;
  }

  .copy-row {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .copy-row input {
    flex: 220px;
    min-width: 0;
  }

  .claim-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    display: grid;
  }

  .claim {
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 12px;
    gap: 6px;
    padding: 12px 14px;
    display: grid;
  }

  .claim .who {
    color: var(--text-3);
    font-size: 12px;
  }

  .order-row a {
    color: inherit;
    border-bottom: 1px solid var(--border-2);
  }

  .quota {
    gap: 8px;
    padding-top: 4px;
    display: grid;
  }

  .quota + .quota {
    border-top: 1px solid var(--border);
    margin-top: 4px;
    padding-top: 14px;
  }

  .quota .top {
    justify-content: space-between;
    gap: 12px;
    font-size: 13px;
    display: flex;
  }

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

  .entry-grid {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    display: grid;
  }

  .entry {
    border-radius: var(--r-lg);
    border: 1px solid var(--border);
    background: var(--surface);
    gap: 8px;
    min-height: 140px;
    padding: 18px;
    display: grid;
  }

  .entry:hover {
    border-color: var(--border-2);
  }

  .entry h2 {
    letter-spacing: -.02em;
    font-size: 16px;
  }

  .entry p {
    color: var(--text-2);
    font-size: 13px;
    line-height: 1.6;
  }

  .actions-col {
    gap: 8px;
    display: grid;
  }

  @media (max-width: 1100px) {
    .hero, .pd, .detail, .auth-split, .grid-products, .catalog {
      grid-template-columns: 1fr;
    }

    .buy {
      position: relative;
      top: 0;
    }

    .cmdk {
      display: none;
    }

    .kpis, .feat, .pd-stats, .rails {
      grid-template-columns: 1fr 1fr;
    }

    .rail:nth-child(2) {
      border-right: 0;
    }

    .rail:nth-child(-n+2) {
      border-bottom: 1px solid var(--border);
    }
  }

  @media (max-width: 760px) {
    :root {
      --pad: 16px;
    }

    .placeholder-tag, .nav a .k, .lbl-long, .avatar {
      display: none;
    }

    .nav a {
      padding: 6px 8px;
    }

    .hero {
      padding-top: 12px;
    }

    .hero h1 {
      font-size: 34px;
    }

    .page-header h1, .shell h1, .sh h1, .pd-head h1 {
      font-size: 26px;
    }

    .rails, .kpis, .feat, .pd-stats, .fee-grid, .fee-grid.pairs, .deliver-grid, .claim-grid, .entry-grid, .escrow-track, .ledger-ft {
      grid-template-columns: 1fr;
    }

    .rail, .pd-stats > div, .ledger-ft > div {
      border-right: 0;
      border-bottom: 1px solid var(--border);
    }

    .order-row, .timeline li, .site-footer, .req-item, .req-hd, .req-actions {
      grid-template-columns: 1fr;
      display: grid;
    }

    .req-item .amt {
      text-align: left;
      margin-left: 0;
    }

    .topbar-inner {
      flex-wrap: wrap;
      height: auto;
      padding-top: 10px;
      padding-bottom: 10px;
    }

    .nav {
      flex: auto;
      justify-content: flex-start;
      gap: 2px;
      margin: 0;
    }

    .account {
      order: 5;
      width: 100%;
      margin-left: 0;
    }

    .session-switch {
      flex-wrap: wrap;
      flex: 1;
      width: auto;
    }

    .search-box .kbd {
      display: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    *, :before, :after {
      transition: none !important;
      animation: none !important;
    }
  }

  .page.home {
    padding-top: 0;
  }

  .tech-hero {
    text-align: center;
    background: radial-gradient(28% 55% at 8% 42%, #ff6a2c33, #0000 70%), radial-gradient(28% 55% at 92% 48%, #ff6a2c29, #0000 70%), radial-gradient(46% 72% at 50% 30%, #ff6a2c33, #0000 68%), linear-gradient(#07080b 0%, #07080b00 100%);
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 4px 0 48px;
    position: relative;
  }

  .particle-stage {
    height: 360px;
    margin: 0 0 4px;
    position: relative;
  }

  .particle-canvas {
    width: 100%;
    height: 100%;
    display: block;
  }

  .colon-mark {
    font-family: var(--font-mono);
    color: #ff7a3c;
    text-shadow: 0 0 18px #ff6a2ce6, 0 0 42px #ff5a1e73;
    z-index: 1;
    pointer-events: none;
    align-items: center;
    gap: 3px;
    font-size: 32px;
    font-weight: 560;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .colon-mark:before {
    content: "";
    filter: blur(4px);
    z-index: -1;
    background: radial-gradient(circle, #ff6a2c52, #0000 68%);
    border-radius: 999px;
    position: absolute;
    inset: -28px -40px;
  }

  .colon-dots {
    gap: 7px;
    padding: 0 1px 2px;
    display: grid;
  }

  .colon-dots i {
    background: #ff8a4c;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    animation: 2.4s ease-in-out infinite colon-pulse;
    box-shadow: 0 0 10px #ff6a2c;
  }

  .colon-dots i:last-child {
    animation-delay: .2s;
  }

  @keyframes colon-pulse {
    0%, 100% {
      opacity: .72;
    }

    50% {
      opacity: 1;
    }
  }

  .tech-hero h1 {
    letter-spacing: -.045em;
    max-width: 16ch;
    margin: 16px auto 14px;
    font-size: clamp(36px, 5vw, 58px);
    font-weight: 600;
    line-height: 1.08;
  }

  .mark-end {
    vertical-align: .08em;
    background: #ff6a2c;
    width: .28em;
    height: .28em;
    margin-left: .12em;
    display: inline-block;
    box-shadow: 0 0 14px #ff6a2cbf;
  }

  .tech-hero .lede {
    max-width: 640px;
    margin: 0 auto;
  }

  .hero-cta {
    justify-content: center;
    margin-top: 22px;
  }

  .button.paylink, button.button.paylink {
    background: var(--text);
    color: var(--bg);
    box-shadow: none;
  }

  .hero-quiet {
    color: var(--text-3);
    justify-content: center;
    gap: 16px;
    margin: 14px 0 0;
    font-size: 13px;
    display: flex;
  }

  .hero-quiet a {
    border-bottom: 1px solid var(--border-2);
  }

  .hero-quiet a:hover {
    color: var(--text);
  }

  .metric-row {
    grid-template-columns: repeat(3, minmax(0, 200px));
    justify-content: center;
    gap: 48px;
    margin: 32px auto 0;
    display: grid;
  }

  .metric-row dt {
    color: var(--text-3);
    font-size: 12px;
  }

  .metric-row dd {
    margin: 2px 0 0;
  }

  .count-num {
    font-family: var(--font-mono);
    letter-spacing: -.05em;
    color: #ffd0b4;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 0 22px #ff6a2c73;
    font-size: 48px;
    font-weight: 560;
  }

  .count-sr {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .metric-row p, .hero-note {
    color: var(--text-3);
    font-size: 12px;
  }

  .hero-note {
    margin-top: 14px;
  }

  .tech-block {
    margin-top: 48px;
    scroll-margin-top: 76px;
  }

  .proto {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    display: grid;
  }

  .proto-card {
    border: 1px solid var(--border);
    background: #0c0e12;
    border-radius: 12px;
    min-width: 0;
    overflow: hidden;
  }

  .proto-card header {
    border-bottom: 1px solid var(--border);
    font-family: var(--font-mono);
    color: var(--text-3);
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    font-size: 12px;
    display: flex;
  }

  .codeblock {
    font-family: var(--font-mono);
    color: #d6dae3;
    white-space: pre;
    margin: 0;
    padding: 14px 16px 16px;
    font-size: 12px;
    line-height: 1.65;
    overflow: auto;
  }

  .tok-cm {
    color: #6c707a;
  }

  .tok-key {
    color: #8eb6ff;
  }

  .tok-str, .codeblock a {
    color: #ffb088;
  }

  .codeblock a {
    border-bottom: 1px solid #ff7a3d73;
  }

  .tok-fn {
    color: #7ee0c6;
  }

  .proto-links {
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 8px;
    display: flex;
  }

  .pipe {
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin: 0;
    padding: 22px 0 0;
    list-style: none;
    display: grid;
    position: relative;
  }

  .pipe:before {
    content: "";
    background: linear-gradient(90deg, #0000, #ff6a2c, #ffb088, #ff6a2c, #0000);
    height: 2px;
    position: absolute;
    top: 28px;
    left: 6%;
    right: 6%;
  }

  .pipe li {
    padding-top: 4px;
    position: relative;
  }

  .pipe-node {
    background: var(--bg);
    border: 2px solid #ff7a3c;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin-bottom: 14px;
    display: block;
    box-shadow: 0 0 0 4px #ff6a2c29;
  }

  .pipe-k {
    font-family: var(--font-mono);
    color: #ffb088;
    margin-bottom: 4px;
    font-size: 11px;
  }

  .pipe h3 {
    letter-spacing: -.02em;
    margin-bottom: 6px;
    font-size: 15px;
  }

  .pipe li p:last-child {
    color: var(--text-3);
    font-size: 12.5px;
    line-height: 1.6;
  }

  .reg {
    border: 1px solid var(--border);
    background: #0c0e12b8;
    border-radius: 12px;
    overflow: hidden;
  }

  .reg-bar {
    border-bottom: 1px solid var(--border);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px;
    display: flex;
  }

  .reg-search {
    align-items: center;
    gap: 8px;
    min-width: min(100%, 360px);
    display: flex;
  }

  .reg-search label {
    border: 1px solid var(--border);
    background: var(--surface);
    border-radius: 8px;
    flex: 1;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 0 10px;
    display: flex;
  }

  .reg-search input {
    background: none;
    border: 0;
    outline: 0;
    flex: 1;
    min-width: 0;
    padding: 0;
  }

  .reg-head, .reg-row {
    grid-template-columns: 148px 92px minmax(160px, 1.5fr) minmax(88px, .7fr) minmax(120px, .9fr) 108px;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    display: grid;
  }

  .reg-head {
    font-family: var(--font-mono);
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--text-3);
    background: #ffffff05;
    font-size: 11px;
  }

  .reg-row {
    border-top: 1px solid var(--border);
    font-size: 13px;
  }

  .reg-row:hover {
    background: #ff6a2c0d;
  }

  .reg-id {
    color: #ffb088;
    font-size: 12px;
  }

  .reg-type {
    font-family: var(--font-mono);
    color: var(--text-2);
    font-size: 12px;
  }

  .reg-tag {
    color: #ffb088;
    margin-left: 6px;
  }

  .reg-name {
    min-width: 0;
    display: grid;
  }

  .reg-title {
    font-weight: 600;
  }

  .reg-sum, .reg-settle, .reg-seller {
    color: var(--text-3);
    font-size: 12px;
  }

  .reg-sum {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .reg-price {
    text-align: right;
    color: var(--text-3);
  }

  .reg-price .money {
    color: var(--text-2);
    font-size: 12px;
  }

  @media (max-width: 1100px) {
    .proto, .pipe {
      grid-template-columns: 1fr 1fr;
    }

    .pipe:before {
      display: none;
    }
  }

  @media (min-width: 1100px) {
    .particle-stage {
      height: 460px;
    }

    .tech-hero {
      padding-bottom: 64px;
    }

    .count-num {
      font-size: 64px;
    }

    .colon-mark {
      font-size: 40px;
    }
  }

  @media (max-width: 760px) {
    .particle-stage {
      height: 220px;
    }

    .tech-hero h1 {
      font-size: 34px;
    }

    .metric-row {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }

    .count-num {
      font-size: 24px;
    }

    .proto, .pipe {
      grid-template-columns: 1fr;
    }

    .reg-head {
      display: none;
    }

    .reg-row {
      grid-template-columns: 1fr auto;
    }

    .reg-id, .reg-name, .reg-settle {
      grid-column: 1 / -1;
    }
  }
}

/* [project]/apps/web/app/cc-ui.css [app-client] (css) */
@layer legacy {
  :root {
    --font: var(--font-sans);
    --font-display: "SF Pro Display", "Segoe UI Variable Display", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
    --mono: var(--font-mono);
    --hd: 76px;
    --page: 1200px;
    --side: 340px;
    --gut: 32px;
    --ease: cubic-bezier(.2, .8, .2, 1);
  }

  html[data-theme="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --bg: #0b0c0e;
    --bg-2: #121418;
    --bg-3: #1a1d22;
    --line: #ffffff14;
    --line-2: #ffffff1f;
    --line-3: #ffffff38;
    --text: #ecedef;
    --text-2: #b3b7bf;
    --text-3: #868b94;
    --text-4: #5a5f69;
    --accent: #ff6a2c;
    --accent-text: #ff9a6b;
    --accent-soft: #ff6a2c1f;
    --ok: #43c084;
    --ok-soft: #43c0841f;
    --warn: #e7a341;
    --warn-soft: #e7a3411f;
    --info: #8eb6ff;
    --info-soft: #8eb6ff1f;
    --blue: #8eb6ff;
    --blue-soft: #8eb6ff1f;
    --red: #e5484d;
    --red-soft: #e5484d1f;
    --alipay: #1677ff;
    --alipay-soft: #1677ff24;
    --alipay-hover: #4096ff;
    --pop: 0 18px 44px -18px #000000b3;
    --note-cream: #2a261f;
    --note-peach: #2c221e;
    --note-mint: #1e2a24;
    --paper: var(--note-cream);
    --wall: #141210;
    --tok-key: #8eb6ff;
    --tok-str: #ffb088;
    --tok-num: #ffd0b4;
    --tok-ok: #4ade80;
    --tok-cm: #5a5f69;
    --tok-fn: #7ee0c6;
    --p-grey: 170,175,186;
    --p-cool: 142,155,255;
    --p-pop: 255,214,190;
  }

  html[data-theme="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --bg: #fff;
    --bg-2: #f6f7f8;
    --bg-3: #edeff2;
    --line: #14161a14;
    --line-2: #14161a21;
    --line-3: #14161a3d;
    --text: #16181c;
    --text-2: #464b54;
    --text-3: #6b707a;
    --text-4: #a0a5ae;
    --accent: #e8561c;
    --accent-text: #c2410c;
    --accent-soft: #e8561c17;
    --ok: #15803d;
    --ok-soft: #15803d17;
    --warn: #b45309;
    --warn-soft: #b4530917;
    --info: #1677ff;
    --info-soft: #1677ff17;
    --blue: #1677ff;
    --blue-soft: #1677ff17;
    --red: #dc2626;
    --red-soft: #dc26261a;
    --alipay: #1677ff;
    --alipay-soft: #1677ff1a;
    --alipay-hover: #4096ff;
    --pop: 0 18px 44px -20px #14161a47;
    --note-cream: #fbf6e9;
    --note-peach: #ffede4;
    --note-mint: #e8f5ef;
    --paper: var(--note-cream);
    --wall: #ede6d9;
    --tok-key: #2f5bd8;
    --tok-str: #b4531f;
    --tok-num: #c2410c;
    --tok-ok: #15803d;
    --tok-cm: #a0a5ae;
    --tok-fn: #0e8f7a;
    --p-grey: 92,98,110;
    --p-cool: 70,84,214;
    --p-pop: 180,83,9;
  }

  *, :before, :after {
    box-sizing: border-box;
  }

  html {
    -webkit-text-size-adjust: 100%;
    scroll-padding-top: calc(var(--hd) + 56px);
    scrollbar-gutter: stable;
  }

  body {
    background: var(--bg, transparent);
    min-height: 100vh;
    color: var(--text, inherit);
    font-family: var(--font);
    -webkit-font-smoothing: antialiased;
    flex-direction: column;
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    display: flex;
  }

  body > main, .page-fade, .page-fade > main {
    flex: 1 0 auto;
  }

  .page-fade {
    flex-direction: column;
    width: 100%;
    min-width: 0;
    display: flex;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  a:hover {
    color: var(--text);
  }

  img, svg {
    display: block;
  }

  button {
    font: inherit;
    color: inherit;
  }

  code, kbd, pre, .mono {
    font-family: var(--mono);
  }

  h1, h2, h3, p, ul, ol, dl, dd {
    margin: 0;
  }

  ::selection {
    background: var(--accent-soft);
  }

  :focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
  }

  .sr-only {
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  @view-transition {
    navigation: none;
  }

  @keyframes page-fade-in {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .page-fade.is-entering {
    animation: page-fade-in .2s var(--ease) both;
  }

  @media (min-width: 768px) {
    .page-fade.is-entering:has( > .adm) {
      animation: none;
    }
  }

  .pg {
    width: 100%;
    max-width: calc(var(--page) + var(--gut) * 2);
    padding: 0 var(--gut);
    margin: 0 auto;
  }

  .crumb {
    color: var(--text-3);
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    display: flex;
  }

  .crumb a:hover {
    color: var(--text);
  }

  .crumb span {
    color: var(--text-4);
  }

  .crumb b {
    color: var(--text-2);
    font-weight: 400;
  }

  .pg h1 {
    letter-spacing: -.02em;
    margin-top: 12px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
  }

  .lede {
    color: var(--text-3);
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.75;
  }

  .tok-key {
    color: var(--tok-key);
  }

  .tok-str {
    color: var(--tok-str);
  }

  .tok-num {
    color: var(--tok-num);
  }

  .tok-ok {
    color: var(--tok-ok);
  }

  .tok-cm {
    color: var(--tok-cm);
  }

  .tok-fn {
    color: var(--tok-fn);
  }

  html[data-theme="dark"] {
    --bot-stroke: #c9d2dc;
    --bot-head-top: #2a3038;
    --bot-head-bottom: #14181d;
    --bot-visor: #071012;
    --bot-visor-line: #5ee6cf73;
    --bot-eye: #5ee6cf;
    --bot-bulb: #5ee6cf;
    --bot-glow: #5ee6cf73;
  }

  html[data-theme="light"] {
    --bot-head-top: #fff;
    --bot-head-bottom: #e3e6eb;
    --bot-stroke: #2b3038;
    --bot-visor: #10141a;
  }

  .logo-bot {
    display: block;
  }

  .logo-bot .head {
    stroke: var(--bot-stroke);
    stroke-width: 1.5px;
  }

  .logo-bot .line {
    stroke: var(--bot-stroke);
    stroke-width: 1.6px;
    stroke-linecap: round;
    fill: none;
  }

  .logo-bot .visor {
    fill: var(--bot-visor);
    stroke: var(--bot-visor-line);
    stroke-width: 1.1px;
  }

  .logo-bot .eyes {
    transform: translate(var(--lx, 0px), var(--ly, 0px));
  }

  .logo-bot.follow {
    transform-origin: 50% 60%;
    will-change: transform;
  }

  .logo-bot .eye {
    fill: var(--bot-eye);
    transform-box: fill-box;
    transform-origin: center;
    filter: drop-shadow(0 0 2px var(--bot-glow));
  }

  .logo-bot .bulb {
    fill: var(--bot-bulb);
    filter: drop-shadow(0 0 3px var(--bot-glow));
  }

  .logo-bot .mouth {
    stroke: var(--bot-stroke);
    stroke-opacity: .4;
    stroke-width: 1.4px;
    stroke-linecap: round;
  }

  .logo-bot.live .eye {
    animation: 5.5s infinite blink;
  }

  .logo-bot.live .bulb {
    animation: 2.6s ease-in-out infinite pulse;
  }

  @keyframes blink {
    0%, 92%, 100% {
      transform: scaleY(1);
    }

    94% {
      transform: scaleY(.1);
    }

    96% {
      transform: scaleY(1);
    }
  }

  @keyframes pulse {
    0%, 100% {
      opacity: .7;
    }

    50% {
      opacity: 1;
    }
  }

  .hd {
    z-index: 40;
    background: var(--bg);
    view-transition-name: none;
    border-bottom: 1px solid #0000;
    transition: border-color .2s;
    position: sticky;
    top: 0;
  }

  .hd.is-lined {
    border-bottom-color: var(--line);
  }

  .hd-bar {
    max-width: calc(var(--page) + var(--gut) * 2);
    height: var(--hd);
    padding: 0 var(--gut);
    align-items: center;
    gap: 24px;
    margin: 0 auto;
    display: flex;
  }

  .hd-brand {
    letter-spacing: -.01em;
    flex: none;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
  }

  .hd-brand .logo-bot {
    width: 30px;
    height: 30px;
  }

  .hd-search {
    border: 1px solid var(--line-2);
    background: var(--bg-2);
    min-width: 0;
    height: 40px;
    color: var(--text-3);
    border-radius: 999px;
    flex: 0 520px;
    align-items: center;
    gap: 10px;
    padding: 0 6px 0 16px;
    transition: border-color .2s, background .2s;
    display: flex;
  }

  .hd-search:hover {
    border-color: var(--line-3);
  }

  .hd-search:focus-within {
    border-color: var(--line-3);
    background: var(--bg);
    box-shadow: var(--pop);
  }

  .hd-search input {
    min-width: 0;
    height: 100%;
    font: inherit;
    color: var(--text);
    background: none;
    border: 0;
    outline: 0;
    flex: 1;
    font-size: 14px;
  }

  .hd-search input::placeholder {
    color: var(--text-4);
  }

  .hd-search input::-webkit-search-cancel-button {
    display: none;
  }

  .hd-search .vc-btn {
    width: 30px;
    height: 30px;
  }

  .hd-nav {
    color: var(--text-2);
    gap: 20px;
    margin-left: auto;
    font-size: 14px;
    display: flex;
  }

  .hd-nav a[aria-current="page"] {
    color: var(--text);
    font-weight: 500;
  }

  .hd-actions {
    flex: none;
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .hd-signin {
    color: var(--text-2);
    font-size: 14px;
  }

  .hd-account {
    flex: none;
    position: relative;
  }

  .hd-avatar {
    background: var(--ui-pay);
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 50%;
    flex: none;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 0;
    display: grid;
  }

  .hd-avatar:hover, .hd-avatar[aria-expanded="true"] {
    background: color-mix(in srgb, var(--ui-pay) 90%, #000);
  }

  .hd-avatar:focus-visible {
    outline: 2px solid var(--ui-pay);
    outline-offset: 2px;
  }

  .hd-avatar-glyph {
    -webkit-user-select: none;
    user-select: none;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
  }

  .hd-avatar:hover .hd-avatar-glyph, .hd-avatar[aria-expanded="true"] .hd-avatar-glyph {
    color: #fff;
  }

  .hd-account-menu {
    z-index: 50;
    border: 1px solid var(--line);
    background: var(--bg);
    min-width: 180px;
    box-shadow: var(--pop);
    border-radius: 10px;
    gap: 2px;
    padding: 6px;
    display: grid;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
  }

  .hd-account-label {
    color: var(--text-3);
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8px 12px 6px;
    font-size: 12px;
    line-height: 1.3;
    overflow: hidden;
  }

  .hd-account-sep {
    background: var(--line);
    height: 1px;
    margin: 4px 6px;
  }

  .hd-account-menu form {
    margin: 0;
    display: grid;
  }

  .hd-account-item {
    width: 100%;
    font: inherit;
    color: var(--text-2);
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 8px;
    align-items: center;
    padding: 8px 12px;
    font-size: 13px;
    text-decoration: none;
    display: flex;
  }

  .hd-account-item:hover, .hd-account-item:focus-visible {
    background: var(--bg-3);
    color: var(--text);
    outline: none;
  }

  .hd-account-danger {
    color: var(--text-2);
  }

  .hd-account-danger:hover, .hd-account-danger:focus-visible {
    color: var(--text);
  }

  .hd-actions .hd-menu {
    display: none;
  }

  .hd-panel {
    padding: 8px var(--gut) 16px;
    background: var(--bg);
    border-bottom: 1px solid var(--line);
    box-shadow: var(--pop);
    display: grid;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }

  .hd-panel[hidden] {
    display: none;
  }

  .hd-panel a {
    border-bottom: 1px solid var(--line);
    color: var(--text-2);
    padding: 12px 0;
    font-size: 15px;
  }

  .hd-panel a:last-child {
    border-bottom: 0;
  }

  .ft {
    min-height: 48px;
    padding: 12px var(--gut);
    border-top: 1px solid var(--line);
    background: var(--bg);
    color: var(--text-3);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px 24px;
    font-size: 14px;
    display: flex;
  }

  .ft nav {
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    display: flex;
  }

  .ft a, .ft .foot-link {
    font: inherit;
    color: var(--text-3);
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
  }

  .ft a:hover, .ft .foot-link:hover {
    color: var(--text);
  }

  .ft span {
    color: var(--text-4);
  }

  .btn {
    border: 1px solid var(--line-2);
    background: var(--bg-2);
    height: 36px;
    color: var(--text);
    white-space: nowrap;
    cursor: pointer;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 500;
    transition: border-color .15s, background .15s, opacity .15s;
    display: inline-flex;
  }

  .btn:hover {
    border-color: var(--line-3);
    color: var(--text);
  }

  .btn-primary {
    background: var(--text);
    border-color: var(--text);
    color: var(--bg);
  }

  .btn-primary:hover {
    opacity: .88;
    color: var(--bg);
  }

  .btn-sm {
    height: 32px;
    padding: 0 14px;
    font-size: 13px;
  }

  .btn-lg {
    height: 44px;
    padding: 0 22px;
    font-size: 15px;
  }

  .btn:disabled, .btn[disabled] {
    opacity: .4;
    cursor: not-allowed;
  }

  .icon-btn {
    width: 34px;
    height: 34px;
    color: var(--text-2);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 999px;
    place-items: center;
    padding: 0;
    transition: background .15s, color .15s;
    display: grid;
  }

  .icon-btn:hover {
    background: var(--bg-3);
    color: var(--text);
  }

  .link-btn {
    color: var(--text-3);
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
    font-size: 13px;
  }

  .link-btn:hover {
    color: var(--text);
    text-underline-offset: 3px;
    text-decoration: underline;
  }

  .chip {
    background: var(--bg-3);
    height: 22px;
    color: var(--text-2);
    white-space: nowrap;
    border-radius: 999px;
    align-items: center;
    padding: 0 9px;
    font-size: 12px;
    display: inline-flex;
  }

  .chip:empty {
    display: none;
  }

  .chip.ok {
    background: var(--ok-soft);
    color: var(--ok);
  }

  .chip.warn {
    background: var(--warn-soft);
    color: var(--warn);
  }

  .chip.info {
    background: var(--blue-soft, #2f5bd81a);
    color: var(--blue, #2f5bd8);
  }

  .chip.bad {
    background: var(--red-soft, #dc26261a);
    color: var(--red, #dc2626);
  }

  .seg {
    align-items: center;
    gap: 2px;
    display: inline-flex;
  }

  .seg button {
    height: 28px;
    color: var(--text-3);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 13px;
    transition: color .15s;
  }

  .seg button:hover {
    color: var(--text);
  }

  .seg button[aria-pressed="true"] {
    background: var(--bg-3);
    color: var(--text);
  }

  .seg-icon button {
    place-items: center;
    width: 30px;
    padding: 0;
    display: grid;
  }

  .opt-list {
    gap: 8px;
    display: grid;
  }

  .opt {
    border: 1px solid var(--line-2);
    cursor: pointer;
    border-radius: 10px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    transition: border-color .15s, background .15s;
    display: grid;
  }

  .opt:hover {
    border-color: var(--line-3);
  }

  .opt.is-checked {
    border-color: var(--text-3);
    background: var(--bg-2);
  }

  .opt:has(input:checked) {
    border-color: var(--text-3);
    background: var(--bg-2);
  }

  .opt.is-checked {
    color: inherit;
    text-decoration: none;
  }

  .opt-dot {
    border: 1.5px solid var(--line-3);
    width: 14px;
    height: 14px;
    box-shadow: inset 0 0 0 0 var(--text);
    border-radius: 999px;
    transition: box-shadow .15s, border-color .15s;
  }

  .opt.is-checked .opt-dot {
    border-color: var(--text);
    box-shadow: inset 0 0 0 4px var(--text);
  }

  .opt input {
    accent-color: var(--text);
    margin: 0;
  }

  .opt .t {
    gap: 2px;
    min-width: 0;
    display: grid;
  }

  .opt .t strong {
    font-size: 14px;
    font-weight: 500;
  }

  .opt .t span {
    color: var(--text-3);
    font-size: 12px;
  }

  .opt b, .opt small {
    color: var(--text-2);
    white-space: nowrap;
    font-size: 13px;
    font-weight: 400;
  }

  .rows {
    display: grid;
  }

  .rows > div {
    border-bottom: 1px solid var(--line);
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 10px 0;
    display: flex;
  }

  .rows > div:first-child {
    padding-top: 0;
  }

  .rows dt {
    color: var(--text-3);
    flex: none;
    font-size: 13px;
  }

  .rows dd {
    text-align: right;
    overflow-wrap: anywhere;
    min-width: 0;
    font-size: 14px;
  }

  .rows dd small {
    color: var(--text-3);
    font-size: 12px;
  }

  .rows code, .note code, .pd-body code {
    color: var(--text-2);
    font-size: 12px;
  }

  .panel {
    border: 1px solid var(--line);
    background: var(--bg);
    border-radius: 12px;
    padding: 24px;
  }

  .panel-h {
    color: var(--text-3);
    margin-bottom: 10px;
    font-size: 13px;
  }

  .note {
    color: var(--text-3);
    margin-top: 16px;
    font-size: 13px;
    line-height: 1.75;
  }

  .actions {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
    display: flex;
  }

  .actions.center {
    justify-content: center;
  }

  .stepper {
    flex-wrap: wrap;
    gap: 8px 24px;
    margin: 24px 0 16px;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .stepper li {
    color: var(--text-4);
    align-items: center;
    gap: 8px;
    font-size: 13px;
    display: flex;
  }

  .stepper b {
    border: 1px solid var(--line-3);
    border-radius: 999px;
    place-items: center;
    width: 20px;
    height: 20px;
    font-size: 11px;
    font-weight: 500;
    display: grid;
  }

  .stepper li.on {
    color: var(--text);
  }

  .stepper li.on b {
    border-color: var(--text);
    background: var(--text);
    color: var(--bg);
  }

  .stepper li.done {
    color: var(--text-3);
  }

  .stepper li.done b {
    border-color: var(--ok);
    color: var(--ok);
  }

  .pipe {
    color: var(--text-3);
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    font-size: 12px;
    display: flex;
  }

  .pipe.center {
    justify-content: center;
  }

  .pipe span {
    border: 1px solid var(--line-2);
    border-radius: 999px;
    padding: 3px 10px;
  }

  .pipe span.on {
    border-color: var(--ok);
    color: var(--ok);
  }

  .pipe span.done {
    background: var(--bg-3);
    color: var(--text-2);
    border-color: #0000;
  }

  .pipe em {
    color: var(--text-4);
    font-style: normal;
  }

  .vc-btn {
    width: 36px;
    height: 36px;
    color: var(--text-3);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 999px;
    flex: none;
    place-items: center;
    padding: 0;
    transition: color .2s, background .2s;
    display: grid;
  }

  .vc-btn[hidden] {
    display: none;
  }

  .vc-btn:hover {
    color: var(--text);
    background: var(--bg-3);
  }

  .vc-btn.is-listening {
    color: #fff;
    background: #e5482a;
    animation: 1.4s ease-in-out infinite vc-pulse;
  }

  @keyframes vc-pulse {
    0%, 100% {
      box-shadow: 0 0 #e5482a73;
    }

    50% {
      box-shadow: 0 0 0 8px #e5482a00;
    }
  }

  .toast {
    left: 50%;
    bottom: calc(24px + env(safe-area-inset-bottom, 0px));
    z-index: 60;
    opacity: 0;
    border: 1px solid var(--line-3);
    background: var(--bg-3);
    pointer-events: none;
    border-radius: 999px;
    padding: 9px 16px;
    font-size: 13px;
    transition: opacity .2s, transform .2s;
    position: fixed;
    transform: translate(-50%, 16px);
  }

  .toast.show {
    opacity: 1;
    transform: translate(-50%);
  }

  .home {
    flex: 1 0 auto;
    height: calc(100svh - 76px);
    min-height: calc(100svh - 76px);
    position: relative;
    overflow: hidden;
  }

  .stage {
    --cx: .5;
    --cy: .36;
    --spread: .7;
    --core: 0;
    --pop-x: 2.4;
    --pop-y: 58;
    position: absolute;
    inset: 0;
  }

  .stage canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .stage:before {
    content: "";
    z-index: 1;
    pointer-events: none;
    background: radial-gradient(ellipse 70% 60% at 50% 36%, transparent 40%, var(--bg) 100%);
    position: absolute;
    inset: 0;
  }

  .home-center {
    z-index: 2;
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
    display: flex;
    position: absolute;
    top: calc(29% - 4px);
    left: 0;
    right: 0;
  }

  .wordmark {
    letter-spacing: -.05em;
    margin: 0;
    padding-bottom: 6px;
    font-size: clamp(44px, 4.6vw, 66px);
    font-weight: 700;
    line-height: 1.1;
  }

  .wordmark em {
    color: inherit;
    font-style: normal;
  }

  .home .hs {
    margin-top: 40px;
  }

  .home-btns {
    justify-content: center;
    gap: 12px;
    margin-top: 30px;
    display: flex;
  }

  .hs.is-open .home-btns {
    visibility: hidden;
  }

  .home-types {
    color: var(--text-3);
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 20px;
    margin-top: 28px;
    font-size: 13px;
    display: flex;
  }

  .home .ft {
    z-index: 2;
    background: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .hs {
    text-align: left;
    width: min(680px, 100%);
    position: relative;
  }

  .hs-box {
    border: 1px solid var(--line-2);
    background: var(--bg);
    border-radius: 25px;
    align-items: center;
    gap: 14px;
    height: 50px;
    padding: 0 8px 0 20px;
    transition: border-color .2s, box-shadow .2s;
    display: flex;
  }

  .hs-box:hover, .hs-box:focus-within {
    border-color: var(--line-3);
    box-shadow: var(--pop);
  }

  .hs.is-open .hs-box {
    border-bottom-color: var(--line);
    box-shadow: none;
    border-radius: 25px 25px 0 0;
  }

  .hs-ic {
    color: var(--text-3);
    flex: none;
  }

  .hs-box input {
    min-width: 0;
    height: 100%;
    font: inherit;
    color: var(--text);
    background: none;
    border: 0;
    outline: 0;
    flex: 1;
    font-size: 16px;
  }

  .hs-box input::placeholder {
    color: var(--text-4);
  }

  .hs-box input::-webkit-search-cancel-button {
    display: none;
  }

  .hs-pop {
    z-index: 30;
    border: 1px solid var(--line-3);
    background: var(--bg);
    box-shadow: var(--pop);
    border-top: 0;
    border-radius: 0 0 25px 25px;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .hs-pop[hidden] {
    display: none;
  }

  .hs-pop ul {
    margin: 0;
    padding: 6px 0;
    list-style: none;
  }

  .hs-pop li a {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "t p"
                         "d m";
    gap: 2px 16px;
    padding: 10px 24px 10px 54px;
    display: grid;
  }

  .hs-pop li a:hover, .hs-pop li.is-cur a {
    background: var(--bg-2);
  }

  .hs-t {
    text-overflow: ellipsis;
    white-space: nowrap;
    grid-area: t;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
  }

  .hs-d {
    color: var(--text-3);
    text-overflow: ellipsis;
    white-space: nowrap;
    grid-area: d;
    font-size: 12px;
    overflow: hidden;
  }

  .hs-p {
    color: var(--text-2);
    text-align: right;
    grid-area: p;
    font-size: 13px;
  }

  .hs-m {
    color: var(--text-4);
    text-align: right;
    grid-area: m;
    font-size: 11px;
  }

  .hs-pop mark {
    color: var(--text);
    background: none;
    font-weight: 600;
  }

  .hs-none {
    color: var(--text-3);
    padding: 16px 24px 16px 54px;
    font-size: 13px;
  }

  .hs-all {
    border-top: 1px solid var(--line);
    color: var(--text-2);
    padding: 12px 24px 14px 54px;
    font-size: 13px;
    display: block;
  }

  .hs-all:hover {
    background: var(--bg-2);
  }

  .rs-bar {
    border-bottom: 1px solid var(--line);
  }

  .rs-bar-in {
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    display: flex;
  }

  .sr-tabs {
    scrollbar-width: none;
    gap: 4px;
    min-width: 0;
    display: flex;
    overflow-x: auto;
  }

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

  .sr-tabs button {
    color: var(--text-3);
    cursor: pointer;
    background: none;
    border: 0;
    flex: none;
    align-items: baseline;
    gap: 6px;
    padding: 12px 12px 13px;
    font-size: 14px;
    display: inline-flex;
    position: relative;
  }

  .sr-tabs button:first-child {
    padding-left: 0;
  }

  .sr-tabs button:hover, .sr-tabs button[aria-current="true"] {
    color: var(--text);
  }

  .sr-tabs button[aria-current="true"]:after {
    content: "";
    background: var(--text);
    border-radius: 2px 2px 0 0;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 12px;
    right: 12px;
  }

  .sr-tabs em {
    color: var(--text-4);
    font-size: 11px;
    font-style: normal;
  }

  .rs-ops {
    flex: none;
    align-items: center;
    gap: 6px;
    padding-bottom: 8px;
    display: flex;
  }

  .rs-ops > * + :before {
    content: none;
  }

  .rs-tools-btn {
    height: 28px;
    color: var(--text-3);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 6px;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    font-size: 13px;
    display: inline-flex;
  }

  .rs-tools-btn:hover, .rs-tools-btn[aria-expanded="true"] {
    color: var(--text);
  }

  .rs-tools-btn[aria-expanded="true"] {
    background: var(--bg-3);
  }

  .rs-tools-btn em {
    font-style: normal;
    font-family: var(--mono);
    color: var(--accent-text);
    font-size: 11px;
  }

  .rs-tools {
    border-top: 1px solid var(--line);
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 40px;
    padding-top: 12px;
    padding-bottom: 14px;
    display: flex;
  }

  .rs-tools[hidden] {
    display: none;
  }

  .sr-tool {
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .sr-tool > span {
    color: var(--text-4);
    flex: none;
    font-size: 13px;
  }

  .v16-chips {
    flex-wrap: wrap;
    gap: 6px;
    display: flex;
  }

  .v16-chips button {
    border: 1px solid var(--line-2);
    height: 28px;
    color: var(--text-2);
    cursor: pointer;
    background: none;
    border-radius: 999px;
    padding: 0 12px;
    font-size: 13px;
    transition: border-color .15s, color .15s;
  }

  .v16-chips button:hover {
    border-color: var(--line-3);
    color: var(--text);
  }

  .v16-chips button[aria-pressed="true"] {
    border-color: var(--text);
    background: var(--text);
    color: var(--bg);
  }

  .v16-chips .v16-more {
    color: var(--text-3);
    border-style: dashed;
  }

  .v16-clear {
    color: var(--text-3);
    cursor: pointer;
    background: none;
    border: 0;
    margin-left: auto;
    padding: 0;
    font-size: 13px;
  }

  .v16-clear:hover {
    color: var(--text);
  }

  .rs-body {
    padding-top: 20px;
    padding-bottom: 72px;
  }

  .rs-count {
    color: var(--text-3);
    margin-bottom: 16px;
    font-size: 13px;
  }

  .rs-count b {
    color: var(--text);
    font-weight: 500;
  }

  .posts-empty {
    color: var(--text-3);
    padding: 56px 0;
  }

  .empty-guide {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    display: flex;
  }

  .empty-guide h2 {
    color: var(--text);
    margin: 0;
    font-size: 18px;
    font-weight: 500;
  }

  .empty-guide .button-row {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 4px;
    display: flex;
  }

  .empty-illu {
    color: var(--text-3);
    opacity: .85;
  }

  .posts-empty.empty-guide {
    text-align: center;
    align-items: center;
  }

  .posts-empty.empty-guide .button-row {
    justify-content: center;
  }

  .pager {
    border-top: 1px solid var(--line);
    color: var(--text-3);
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 40px;
    padding-top: 20px;
    font-size: 13px;
    display: flex;
  }

  .pager:empty {
    display: none;
  }

  .pager-pages {
    gap: 2px;
    display: flex;
  }

  .pager-pages button {
    min-width: 32px;
    height: 32px;
    font-family: var(--mono);
    color: var(--text-3);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 6px;
    padding: 0 8px;
    font-size: 13px;
  }

  .pager-pages button:hover {
    color: var(--text);
  }

  .pager-pages button[aria-current="true"] {
    background: var(--bg-3);
    color: var(--text);
  }

  .pager-pages button:disabled {
    opacity: .3;
    cursor: default;
  }

  .v22-grid {
    border-top: 1px solid var(--line);
    border-left: 1px solid var(--line);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .v22-grid > li {
    z-index: 1;
    isolation: isolate;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    perspective: 1000px;
    perspective-origin: 50% 0;
    background: var(--wall);
    position: relative;
  }

  .v22-grid > .posts-empty {
    background: none;
    grid-column: 1 / -1;
    padding: 56px 24px;
  }

  .v22-note {
    height: 100%;
    min-height: 260px;
    color: inherit;
    background: var(--paper);
    flex-direction: column;
    padding: 26px 22px 22px;
    transition: background .3s;
    display: flex;
    position: relative;
  }

  .v22-grid > li:nth-child(3n+1) {
    --paper: var(--note-cream);
  }

  .v22-grid > li:nth-child(3n+2) {
    --paper: var(--note-peach);
  }

  .v22-grid > li:nth-child(3n+3) {
    --paper: var(--note-mint);
  }

  .v22-grid > li {
    background: var(--wall);
  }

  .v22-note {
    background: var(--paper);
  }

  .v22-note h3 {
    letter-spacing: -.02em;
    color: var(--text);
    text-wrap: balance;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    transition: color .25s;
    display: -webkit-box;
    overflow: hidden;
  }

  .v22-bill {
    letter-spacing: .02em;
    color: var(--text-3);
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    margin-top: 10px;
    font-size: 11px;
    display: flex;
  }

  .v22-bill i {
    color: var(--text-4);
    font-style: normal;
  }

  .v22-desc {
    color: var(--text-3);
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 22px;
    font-size: 13px;
    line-height: 1.8;
    display: -webkit-box;
    overflow: hidden;
  }

  .v22-foot {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: auto;
    padding-top: 22px;
    display: flex;
  }

  .v22-type {
    min-width: 0;
    color: var(--text-4);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    overflow: hidden;
  }

  .v22-price {
    color: var(--text);
    white-space: nowrap;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    display: inline-flex;
  }

  .v22-price svg {
    width: 13px;
    height: 13px;
    color: var(--text-4);
  }

  .v22-price small {
    color: var(--text-3);
    margin-left: -2px;
    font-size: 12px;
  }

  .v22-note:hover h3, .has-paper:hover .paper h3 {
    color: var(--accent-text);
  }

  .has-paper {
    position: relative;
    background: none !important;
  }

  .has-paper > :not(.paper):not(.paper-shadow) {
    visibility: hidden;
  }

  .paper {
    z-index: 1;
    pointer-events: none;
    transform-style: preserve-3d;
    position: absolute;
    inset: 0;
  }

  .paper .band {
    transform-origin: 50% 0;
    transform-style: preserve-3d;
    will-change: transform;
    position: absolute;
    left: 0;
    right: 0;
  }

  .paper .band-clip {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    background: var(--paper) !important;
  }

  .paper .paper-face {
    visibility: visible;
    min-height: 0;
    position: absolute;
    left: 0;
    box-shadow: none !important;
    background: var(--paper) !important;
    transform: none !important;
  }

  .paper .paper-face:before, .paper .paper-face:after {
    display: none;
  }

  .paper .band-shade {
    pointer-events: none;
    opacity: 0;
    mix-blend-mode: soft-light;
    background: #ffffffe6;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .paper-shadow {
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(50% 50% at 50% 55%, #00000073, #0000 100%);
    position: absolute;
    inset: 35% 4% -6%;
  }

  [data-theme="light"] .paper-shadow {
    background: radial-gradient(50% 50% at 50% 55%, #14161a59, #0000 100%);
  }

  .sr-list {
    max-width: 720px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .sr-list > li + li {
    border-top: 1px solid var(--line);
  }

  .sr-row {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "k p"
                         "t p"
                         "d p";
    gap: 4px 32px;
    padding: 18px 0;
    display: grid;
  }

  .sr-row-k {
    color: var(--text-4);
    grid-area: k;
    font-size: 12px;
  }

  .sr-row h3 {
    letter-spacing: -.02em;
    grid-area: t;
    font-size: 18px;
    font-weight: 500;
  }

  .sr-row:hover h3 {
    color: var(--accent-text);
    text-underline-offset: 3px;
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }

  .sr-row h3 small {
    color: var(--text-3);
    margin-left: 10px;
    font-size: 13px;
    font-weight: 400;
  }

  .sr-row p {
    color: var(--text-3);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    grid-area: d;
    margin-top: 2px;
    font-size: 14px;
    line-height: 1.75;
    display: -webkit-box;
    overflow: hidden;
  }

  .sr-row h3 b, .sr-row p b {
    color: var(--text);
    font-weight: 600;
  }

  .sr-row-p {
    white-space: nowrap;
    grid-area: p;
    align-self: center;
    justify-items: end;
    gap: 4px;
    font-size: 15px;
    display: grid;
  }

  .sr-row-p small {
    color: var(--text-3);
    margin-left: 2px;
    font-size: 12px;
  }

  .sr-row-p em {
    font-style: normal;
    font-family: var(--font);
    color: var(--text-4);
    font-size: 12px;
  }

  .pd-meta {
    color: var(--text-3);
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    margin-top: 12px;
    font-size: 13px;
    display: flex;
  }

  .pd-meta b {
    color: var(--text-2);
    font-weight: 500;
  }

  .ava {
    background: var(--bg-3);
    width: 24px;
    height: 24px;
    color: var(--text-2);
    border-radius: 999px;
    place-items: center;
    font-size: 12px;
    display: inline-grid;
  }

  .tag {
    background: var(--ok-soft);
    color: var(--ok);
    border-radius: 999px;
    padding: 1px 8px;
    font-size: 12px;
  }

  .pd-lead {
    color: var(--text-2);
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.85;
  }

  .pd-buy {
    border: 1px solid var(--line);
    border-radius: 12px;
    margin-top: 28px;
    padding: 16px;
  }

  .pd-buy-row {
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
    margin-top: 16px;
    display: flex;
  }

  .pd-assure {
    color: var(--text-3);
    font-size: 13px;
  }

  .spec {
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 16px;
    margin-top: 32px;
    padding: 16px 0;
    display: grid;
  }

  .spec dt {
    color: var(--text-4);
    font-size: 12px;
  }

  .spec dd {
    margin-top: 4px;
    font-size: 14px;
  }

  .pd-body h2, .pd-sec h2 {
    letter-spacing: -.01em;
    margin: 40px 0 12px;
    font-size: 18px;
    font-weight: 600;
  }

  .pd-body ul {
    padding-left: 20px;
  }

  .pd-body li, .pd-body p {
    color: var(--text-2);
    font-size: 14px;
    line-height: 1.9;
  }

  .codebox {
    border: 1px solid var(--line);
    border-radius: 10px;
    overflow: hidden;
  }

  .codebox-head {
    border-bottom: 1px solid var(--line);
    background: var(--bg-2);
    font-family: var(--mono);
    color: var(--text-3);
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    font-size: 12px;
    display: flex;
  }

  .codebox pre.code {
    color: var(--text-2);
    white-space: pre;
    margin: 0;
    padding: 14px 16px;
    font-size: 13px;
    line-height: 1.75;
    overflow-x: auto;
  }

  .pd-author {
    align-items: flex-start;
    gap: 12px;
    display: flex;
  }

  .pd-author .ava {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }

  .pd-author b {
    font-weight: 500;
  }

  .pd-author .mono {
    color: var(--text-3);
    font-size: 12px;
  }

  .pd-author p {
    color: var(--text-3);
    margin-top: 4px;
    font-size: 14px;
  }

  .link-list {
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
  }

  .link-list li {
    border-top: 1px solid var(--line);
  }

  .link-list li:last-child {
    border-bottom: 1px solid var(--line);
  }

  .link-list a {
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 12px 0;
    font-size: 14px;
    display: flex;
  }

  .link-list a:hover span {
    color: var(--accent-text);
  }

  .link-list small {
    color: var(--text-3);
    margin-left: 10px;
    font-size: 12px;
  }

  .link-list em {
    color: var(--text-2);
    font-size: 13px;
    font-style: normal;
  }

  .pd-share {
    color: var(--text-3);
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 40px;
    font-size: 13px;
    display: flex;
  }

  .pd-share code {
    background: var(--bg-2);
    color: var(--text-2);
    overflow-wrap: anywhere;
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 12px;
  }

  .co-sub {
    color: var(--text-3);
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
    font-size: 13px;
    display: flex;
  }

  .co-sub code {
    font-size: 12px;
  }

  .co-amount {
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    display: flex;
  }

  .co-amount b {
    letter-spacing: -.02em;
    font-size: 32px;
    font-weight: 500;
  }

  .pay-box {
    border: 1px dashed var(--line-2);
    border-radius: 10px;
    align-items: center;
    gap: 20px;
    margin-top: 16px;
    padding: 16px;
    display: flex;
  }

  .qr {
    background: #fff;
    border-radius: 8px;
    flex: none;
    grid-template-columns: repeat(21, 1fr);
    width: 132px;
    height: 132px;
    padding: 8px;
    display: grid;
  }

  .qr i {
    background: none;
  }

  .qr i.on {
    background: #111;
  }

  .pay-meta {
    color: var(--text-3);
    gap: 4px;
    font-size: 13px;
    display: grid;
  }

  .pay-meta strong {
    color: var(--text);
    font-size: 20px;
    font-weight: 500;
  }

  .done-line {
    font-size: 15px;
    line-height: 1.75;
  }

  .log {
    border: 1px solid var(--line);
    background: var(--bg-2);
    font-family: var(--mono);
    border-radius: 8px;
    margin-top: 16px;
    padding: 10px 14px;
    font-size: 12px;
    line-height: 1.9;
  }

  .log div {
    flex-wrap: wrap;
    gap: 4px 12px;
    display: flex;
  }

  .log .t {
    color: var(--text-4);
  }

  .log .e {
    color: var(--text);
  }

  .log .v {
    color: var(--text-3);
  }

  .co .rows {
    margin-top: 16px;
  }

  .co-help {
    color: var(--text-3);
    margin-top: 20px;
    font-size: 13px;
  }

  .co-help a, .docs-steps p a {
    text-underline-offset: 3px;
    text-decoration: underline;
  }

  .need {
    border-top: 1px solid var(--line);
    gap: 10px;
    margin-top: 16px;
    padding: 16px 0 0;
    list-style: none;
    display: grid;
  }

  .need li {
    color: var(--text-2);
    align-items: center;
    gap: 6px;
    font-size: 13px;
    display: flex;
  }

  .need i {
    border: 1px solid var(--line-3);
    border-radius: 999px;
    width: 8px;
    height: 8px;
  }

  .need li.ok {
    color: var(--text-3);
  }

  .need li.ok i {
    border-color: var(--ok);
    background: var(--ok);
  }

  #form-panel h2 {
    font-size: 18px;
    font-weight: 600;
  }

  #form-panel .desc {
    color: var(--text-3);
    margin-top: 6px;
    font-size: 13px;
  }

  .v15-ctx {
    border-bottom: 1px solid var(--line);
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    display: flex;
  }

  .v15-sel {
    color: var(--text-3);
    align-items: center;
    gap: 10px;
    font-size: 13px;
    display: flex;
  }

  .select {
    border: 1px solid var(--line-2);
    background: var(--bg-2);
    height: 34px;
    font: inherit;
    color: var(--text);
    border-radius: 8px;
    padding: 0 10px;
    font-size: 14px;
  }

  .v15-list {
    border: 1px solid var(--line);
    border-radius: 10px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
  }

  .v15-up {
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .v15-up + .v15-up {
    border-top: 1px solid var(--line);
  }

  .v15-thumb {
    background: var(--bg-3);
    width: 40px;
    height: 32px;
    color: var(--text-3);
    border-radius: 6px;
    flex: none;
    align-content: center;
    place-items: center;
    gap: 3px;
    display: grid;
  }

  .v15-thumb i {
    background: var(--text-4);
    border-radius: 1px;
    width: 22px;
    height: 2px;
    display: block;
  }

  .v15-thumb i:nth-child(2) {
    width: 16px;
  }

  .v15-name {
    flex: 1;
    min-width: 0;
    display: grid;
  }

  .v15-name strong {
    font-size: 14px;
    font-weight: 500;
  }

  .v15-name small {
    color: var(--text-3);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    overflow: hidden;
  }

  .v15-pick input, .v17-redo input {
    display: none;
  }

  .v15-st {
    color: var(--text-3);
    font-size: 12px;
  }

  .v15-st.ok {
    color: var(--ok);
  }

  .v17-redo {
    color: var(--text-3);
    cursor: pointer;
    margin-left: 12px;
    font-size: 12px;
  }

  .v17-redo:hover {
    color: var(--text);
  }

  .v15-up.scanning:after {
    content: "";
    background: var(--accent);
    height: 2px;
    animation: 1.2s ease-in-out infinite scan;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  @keyframes scan {
    0% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(54px);
    }

    100% {
      transform: translateY(0);
    }
  }

  .v15-sample {
    color: var(--text-3);
    cursor: pointer;
    text-underline-offset: 3px;
    background: none;
    border: 0;
    margin-top: 10px;
    padding: 0;
    font-size: 13px;
    text-decoration: underline;
  }

  .v15-recog {
    border-top: 1px solid var(--line);
    margin-top: 20px;
    padding-top: 16px;
  }

  .v15-recog-h {
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
    display: flex;
  }

  .v15-recog-h span {
    font-size: 14px;
    font-weight: 500;
  }

  .v15-recog-h small {
    color: var(--text-3);
    font-size: 12px;
  }

  .v17-acts {
    margin-left: auto;
  }

  .v17-acts button {
    color: var(--text-3);
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
    font-size: 13px;
  }

  .v17-acts button:hover {
    color: var(--text);
  }

  .form {
    grid-template-columns: 1fr 1fr;
    gap: 14px 16px;
    margin-top: 14px;
    display: grid;
  }

  .field {
    gap: 6px;
    min-width: 0;
    display: grid;
  }

  .field.full {
    grid-column: 1 / -1;
  }

  .field label {
    color: var(--text-2);
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    display: flex;
  }

  .input {
    border: 1px solid var(--line-2);
    background: var(--bg);
    width: 100%;
    height: 38px;
    font: inherit;
    color: var(--text);
    border-radius: 8px;
    outline: 0;
    padding: 0 12px;
    font-size: 14px;
    transition: border-color .15s;
  }

  .input:focus {
    border-color: var(--text-3);
  }

  .field.unsure .input {
    border-color: var(--warn);
  }

  .v17-flag {
    color: var(--warn);
    align-items: center;
    gap: 6px;
    font-size: 12px;
    display: inline-flex;
  }

  .v17-flag button {
    border: 1px solid var(--warn);
    height: 22px;
    color: var(--warn);
    cursor: pointer;
    background: none;
    border-radius: 999px;
    padding: 0 8px;
    font-size: 12px;
  }

  .hint {
    color: var(--text-4);
    font-size: 12px;
  }

  .form-actions {
    border-top: 1px solid var(--line);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
    padding-top: 16px;
    display: flex;
  }

  .form-actions .left {
    color: var(--text-3);
    font-size: 12px;
  }

  .form-actions .left.warn {
    color: var(--warn);
  }

  .form-actions .right {
    gap: 8px;
    margin-left: auto;
    display: flex;
  }

  .v15-note {
    background: var(--bg-2);
    color: var(--text-2);
    border-radius: 8px;
    margin-top: 14px;
    padding: 10px 14px;
    font-size: 13px;
  }

  .v15-sub {
    color: var(--text-3);
    margin: 24px 0 8px;
    font-size: 13px;
  }

  #form-panel .rows {
    margin-top: 20px;
  }

  .v15-checks {
    gap: 10px;
    margin-top: 20px;
    display: grid;
  }

  .check {
    color: var(--text-2);
    cursor: pointer;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    line-height: 1.6;
    display: flex;
  }

  .check input {
    accent-color: var(--text);
    margin: 3px 0 0;
  }

  .result {
    text-align: center;
    padding: 24px 0 8px;
  }

  .result .logo-bot {
    width: 64px;
    height: 64px;
    margin: 0 auto;
  }

  .result h2 {
    margin-top: 16px;
    font-size: 22px;
  }

  .result p {
    color: var(--text-3);
    margin-top: 8px;
    font-size: 14px;
  }

  .result code {
    color: var(--text);
  }

  .docs-facts {
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
    padding: 14px 0;
    display: grid;
  }

  .docs-facts dt {
    color: var(--text-4);
    font-size: 12px;
  }

  .docs-facts dd {
    margin-top: 4px;
    font-size: 14px;
  }

  .docs h2 {
    letter-spacing: -.01em;
    margin: 48px 0 12px;
    font-size: 22px;
    font-weight: 600;
  }

  .docs p:not(.crumb) {
    color: var(--text-2);
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.9;
  }

  .docs p:not(.crumb) a {
    text-underline-offset: 3px;
    text-decoration: underline;
  }

  .docs p code, .docs-table code, .docs-steps code {
    background: var(--bg-2);
    color: var(--text);
    border-radius: 4px;
    padding: 1px 6px;
    font-size: 12px;
  }

  .docs pre.code {
    border: 1px solid var(--line);
    background: var(--bg-2);
    color: var(--text-2);
    white-space: pre;
    border-radius: 10px;
    margin: 14px 0 0;
    padding: 16px 18px;
    font-size: 13px;
    line-height: 1.8;
    overflow-x: auto;
  }

  .docs-steps {
    counter-reset: step;
    gap: 14px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .docs-steps li {
    counter-increment: step;
    padding-left: 34px;
    position: relative;
  }

  .docs-steps li:before {
    content: counter(step);
    border: 1px solid var(--line-3);
    width: 22px;
    height: 22px;
    color: var(--text-2);
    border-radius: 999px;
    place-items: center;
    font-size: 12px;
    display: grid;
    position: absolute;
    top: 1px;
    left: 0;
  }

  .docs-steps b {
    font-size: 14px;
    font-weight: 500;
  }

  .docs-steps p {
    color: var(--text-3);
    margin-top: 2px;
    font-size: 13px;
  }

  .docs-table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 14px;
    font-size: 13px;
  }

  .docs-table th {
    border-bottom: 1px solid var(--line-2);
    color: var(--text-4);
    text-align: left;
    padding: 10px 12px 10px 0;
    font-size: 12px;
    font-weight: 400;
  }

  .docs-table td {
    border-bottom: 1px solid var(--line);
    color: var(--text-2);
    vertical-align: top;
    padding: 10px 12px 10px 0;
  }

  .agent-view {
    display: none;
  }

  [data-view="agent"] main {
    display: none !important;
  }

  [data-view="agent"] .agent-view {
    display: block;
  }

  [data-view="agent"] body[data-page="home"] .agent-view {
    padding-top: var(--hd);
  }

  .av-wrap {
    max-width: calc(920px + var(--gut) * 2);
    padding: 24px var(--gut) 72px;
    margin: 0 auto;
  }

  .av-note {
    color: var(--text-3);
    font-size: 13px;
  }

  .av-head {
    border: 1px solid var(--line);
    background: var(--bg-2);
    border-radius: 10px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    padding: 10px 14px;
    display: flex;
  }

  .av-method {
    background: var(--bot-eye);
    font-family: var(--mono);
    color: #071012;
    border-radius: 6px;
    padding: 1px 8px;
    font-size: 12px;
  }

  .av-head code {
    overflow-wrap: anywhere;
    font-size: 13px;
  }

  .av-meta {
    color: var(--text-4);
    font-size: 12px;
  }

  .av-tools {
    gap: 6px;
    margin-left: auto;
    display: flex;
  }

  .copy {
    border: 1px solid var(--line-2);
    height: 26px;
    color: var(--text-2);
    cursor: pointer;
    background: none;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 12px;
  }

  .copy:hover, .copy[aria-pressed="true"] {
    background: var(--bg-3);
    color: var(--text);
  }

  .av-wrap pre.code {
    border: 1px solid var(--line);
    background: var(--bg-2);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    border-radius: 10px;
    max-height: 70vh;
    margin: 10px 0 0;
    padding: 16px;
    font-size: 12px;
    line-height: 1.7;
    overflow: auto;
  }

  .av-link {
    text-underline-offset: 2px;
    text-decoration: underline;
  }

  .av-actions {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
    display: flex;
  }

  .av-exit {
    border: 1px solid var(--line-2);
    height: 30px;
    color: var(--text-2);
    cursor: pointer;
    background: none;
    border-radius: 999px;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    font-size: 12px;
    display: none;
  }

  .av-exit em {
    color: var(--text-4);
    font-style: normal;
  }

  [data-view="agent"] .av-exit {
    display: inline-flex;
  }

  .vt-dot {
    background: var(--bot-eye);
    width: 6px;
    height: 6px;
    box-shadow: 0 0 6px var(--bot-glow);
    border-radius: 999px;
  }

  @media (max-width: 1080px) {
    .v22-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (max-width: 900px) {
    .hd-nav {
      display: none;
    }

    .hd-actions .hd-menu {
      display: grid;
    }

    .hd-search {
      flex: 1;
      margin-left: auto;
    }

    .v22-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rs-bar-in {
      flex-direction: column;
      align-items: stretch;
      gap: 0;
    }

    .rs-ops {
      justify-content: flex-start;
      padding: 0 0 10px;
    }
  }

  @media (max-width: 640px) {
    :root {
      --gut: 16px;
    }

    .hd-bar {
      gap: 10px;
    }

    .hd-actions {
      gap: 4px;
    }

    .hd-actions .btn-primary {
      display: none;
    }

    body[data-page="home"] .hd-actions .btn-primary {
      display: inline-flex;
    }

    .home-center {
      top: calc(26% - 20px);
    }

    .home .ft, .ft {
      justify-content: center;
    }

    .ft nav {
      justify-content: center;
      gap: 18px;
    }

    .pg h1 {
      font-size: 24px;
    }

    .v22-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    .v22-note {
      min-height: 0;
    }

    .sr-row {
      grid-template-columns: 1fr;
      grid-template-areas: "k"
                           "t"
                           "d"
                           "p";
    }

    .sr-row-p {
      grid-auto-flow: column;
      justify-content: start;
      align-items: baseline;
      gap: 10px;
      margin-top: 4px;
    }

    .sr-tool {
      align-items: flex-start;
    }

    .sr-tool > span {
      padding-top: 5px;
    }

    .v16-clear {
      margin-left: 0;
    }

    .panel {
      padding: 18px;
    }

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

    .pay-box {
      flex-direction: column;
      align-items: flex-start;
    }

    .docs-facts {
      grid-template-columns: 1fr;
      gap: 10px;
    }

    .docs-table {
      display: block;
      overflow-x: auto;
    }
  }

  @media (max-height: 640px) {
    .home-types {
      display: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .logo-bot.live .eye, .logo-bot.live .bulb, .vc-btn.is-listening, .v15-up.scanning:after {
      animation: none;
    }

    .page-fade {
      animation: none !important;
    }

    ::view-transition-group(*) {
      animation: none !important;
    }

    ::view-transition-old(*) {
      animation: none !important;
    }

    ::view-transition-new(*) {
      animation: none !important;
    }
  }

  .pg.two {
    grid-template-columns: minmax(0, 1fr) var(--side);
    grid-template-areas: "head side"
                         "main side";
    column-gap: 64px;
    padding-top: 32px;
    padding-bottom: 96px;
    display: grid;
  }

  .two > .head {
    grid-area: head;
  }

  .two > .main {
    grid-area: main;
    min-width: 0;
  }

  .two > .side {
    top: calc(var(--hd) + 24px);
    grid-area: side;
    align-self: start;
    position: sticky;
  }

  .side-card {
    border: 1px solid var(--line);
    background: var(--bg);
    border-radius: 12px;
    padding: 20px;
  }

  .side-k {
    color: var(--text-4);
    font-size: 12px;
  }

  .side-big small {
    color: var(--text-3);
    font-size: 15px;
  }

  .side-big {
    letter-spacing: -.02em;
    margin-top: 4px;
    font-size: 30px;
    font-weight: 500;
  }

  .side-card .opt-list {
    margin-top: 16px;
  }

  .side-card .btn-block {
    width: 100%;
    margin-top: 16px;
  }

  .side-list {
    border-top: 1px solid var(--line);
    color: var(--text-3);
    gap: 8px;
    margin: 16px 0 0;
    padding: 16px 0 0;
    font-size: 13px;
    list-style: none;
    display: grid;
  }

  .side-list li {
    gap: 8px;
    display: flex;
  }

  .side-list li:before {
    content: "✓";
    color: var(--ok);
  }

  .side-note {
    color: var(--text-4);
    margin-top: 12px;
    font-size: 12px;
  }

  .side-card .rows {
    margin-top: 16px;
  }

  .rs-bar {
    top: var(--hd);
    z-index: 30;
    background: var(--bg);
    position: sticky;
  }

  .rs-body {
    padding-top: 24px;
  }

  .sr-row p {
    max-width: 820px;
  }

  .hd.is-lined + main .rs-bar, body[data-page="market"] .hd {
    border-bottom-color: #0000;
  }

  .pd .head .pd-lead {
    max-width: 760px;
  }

  .pd .spec {
    margin-top: 28px;
  }

  .pd .pd-share {
    border-top: 1px solid var(--line);
    margin-top: 16px;
    padding-top: 16px;
  }

  .co .co-amount {
    margin-top: 0;
  }

  .co .stepper {
    margin-top: 20px;
  }

  .pg.docs-layout {
    grid-template-columns: 200px minmax(0, 780px);
    column-gap: 64px;
    padding-top: 32px;
    padding-bottom: 96px;
    display: grid;
  }

  .doc-nav {
    top: calc(var(--hd) + 24px);
    align-self: start;
    gap: 2px;
    display: grid;
    position: sticky;
  }

  .doc-nav p {
    color: var(--text-4);
    margin: 16px 0 6px;
    font-size: 12px;
  }

  .doc-nav p:first-child {
    margin-top: 0;
  }

  .doc-nav a {
    color: var(--text-3);
    border-radius: 6px;
    margin-left: -10px;
    padding: 6px 10px;
    font-size: 14px;
  }

  .doc-nav a:hover {
    color: var(--text);
  }

  .doc-nav a[aria-current="true"] {
    background: var(--bg-3);
    color: var(--text);
  }

  .docs h2 {
    scroll-margin-top: calc(var(--hd) + 24px);
  }

  @media (max-width: 1080px) {
    :root {
      --side: 300px;
    }

    .pg.two {
      column-gap: 40px;
    }
  }

  @media (max-width: 900px) {
    .pg.two {
      grid-template-columns: minmax(0, 1fr);
      grid-template-areas: "head"
                           "side"
                           "main";
    }

    .two > .side {
      margin-top: 24px;
      position: static;
    }

    .two > .main {
      margin-top: 8px;
    }

    .pg.docs-layout {
      grid-template-columns: minmax(0, 1fr);
    }

    .doc-nav {
      flex-wrap: wrap;
      gap: 4px;
      margin-bottom: 8px;
      display: flex;
      position: static;
    }

    .doc-nav p {
      display: none;
    }

    .doc-nav a {
      border: 1px solid var(--line);
      border-radius: 999px;
      margin: 0;
      font-size: 13px;
    }
  }

  :root {
    --L0: clamp(var(--gut), 7vw, 120px);
    --brand-w: 134px;
    --rail: calc(var(--L0) + var(--brand-w) + 24px);
    --col: 720px;
    --rgap: 64px;
  }

  .hd-bar {
    max-width: none;
    padding-left: var(--L0);
    padding-right: var(--gut);
    margin: 0;
  }

  .hd-brand {
    width: var(--brand-w);
  }

  .hd-search {
    flex: 0 1 var(--col);
  }

  .pg {
    max-width: none;
    padding-left: var(--rail);
    padding-right: var(--gut);
    margin: 0;
  }

  .pg.two, .rs-body {
    grid-template-columns: var(--col) minmax(280px, 412px);
    column-gap: var(--rgap);
    justify-content: start;
    display: grid;
  }

  .pg.two {
    grid-template-areas: "head side"
                         "main side";
  }

  .rs-bar-in, .rs-tools {
    max-width: calc(var(--rail) + var(--col) + var(--gut));
    padding-left: var(--rail);
    padding-right: var(--gut);
    margin: 0;
  }

  .rs-bar-in {
    justify-content: space-between;
  }

  .rs-main {
    min-width: 0;
  }

  .rs-side {
    top: calc(var(--hd) + 72px);
    align-self: start;
    gap: 16px;
    margin-top: 36px;
    display: grid;
    position: sticky;
  }

  .rs-body.is-wall {
    grid-template-columns: minmax(0, 1fr);
  }

  .rs-body.is-wall .rs-side {
    display: none;
  }

  .sr-list, .sr-row p {
    max-width: none;
  }

  .side-title {
    letter-spacing: -.01em;
    overflow-wrap: anywhere;
    margin-top: 6px;
    font-size: 20px;
    font-weight: 600;
  }

  .side-sub {
    color: var(--text-3);
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.7;
  }

  .side-link {
    color: var(--text-2);
    font-size: 13px;
  }

  .side-link:hover {
    color: var(--text);
  }

  .side-card > .side-link {
    margin-top: 14px;
    display: inline-block;
  }

  .side-links {
    align-items: center;
    gap: 16px;
    margin-top: 14px;
    display: flex;
  }

  .pg.docs-layout {
    grid-template-columns: var(--col) 220px;
    grid-template-areas: none;
  }

  .docs-layout > .docs {
    grid-area: 1 / 1;
    min-width: 0;
  }

  .docs-layout > .doc-nav {
    grid-area: 1 / 2;
  }

  .doc-nav a {
    margin-left: 0;
  }

  body:not([data-page="home"]) .ft {
    padding-left: var(--rail);
  }

  @media (max-width: 1400px) {
    .pg.two, .rs-body {
      grid-template-columns: minmax(0, 1fr) 300px;
      column-gap: 40px;
    }

    .pg.docs-layout {
      grid-template-columns: minmax(0, 1fr) 200px;
    }

    :root {
      --main-w: calc(100vw - var(--rail) - var(--gut) - 340px);
    }

    .hd-search {
      flex: 0 0 var(--main-w);
      max-width: var(--main-w);
    }

    .rs-bar-in, .rs-tools {
      max-width: none;
      padding-right: calc(var(--gut) + 340px);
    }

    .rs-body {
      grid-template-columns: minmax(0, 1fr);
    }

    .rs-side {
      display: none;
    }

    .rs-bar-in, .rs-tools {
      padding-right: var(--gut);
    }

    body[data-page="market"] .hd-search {
      flex: auto;
      max-width: 720px;
    }
  }

  @media (max-width: 900px) {
    :root {
      --L0: var(--gut);
      --rail: var(--gut);
    }

    .hd-search {
      flex: auto;
      max-width: none;
    }

    .hd-brand {
      width: auto;
    }

    .pg.two {
      grid-template-columns: minmax(0, 1fr);
      grid-template-areas: "head"
                           "side"
                           "main";
    }

    .pg.docs-layout {
      grid-template-columns: minmax(0, 1fr);
    }

    .docs-layout > .doc-nav {
      grid-area: 1 / 1;
    }

    .docs-layout > .docs {
      grid-row: 2;
    }
  }

  body.is-wall .rs-bar-in, body.is-wall .rs-tools {
    max-width: none;
    padding-right: var(--gut);
  }

  :root {
    --L0: clamp(40px, 7vw, 120px);
    --brand-gap: 48px;
    --rail: calc(var(--L0) + var(--brand-w) + var(--brand-gap));
    --rgap: 48px;
  }

  .rs-bar-in {
    align-items: center;
    gap: 24px;
    height: 48px;
  }

  .sr-tabs {
    align-self: stretch;
    align-items: center;
  }

  .sr-tabs button {
    align-items: center;
    height: 100%;
    padding: 0 11px;
    line-height: 20px;
  }

  .sr-tabs button[aria-current="true"]:after {
    left: 11px;
    right: 11px;
  }

  .sr-tabs button:first-child[aria-current="true"]:after {
    left: 0;
  }

  .rs-ops {
    align-items: center;
    gap: 0;
    padding: 0;
  }

  .rs-ops > * + * {
    border-left: 1px solid var(--line);
    margin-left: 10px;
    padding-left: 10px;
  }

  .rs-ops .seg button, .rs-ops .rs-tools-btn {
    height: 30px;
    font-size: 14px;
    line-height: 20px;
  }

  .rs-ops .rs-tools-btn {
    padding: 0 8px;
  }

  .rs-ops .seg:not(.seg-icon) button {
    background: none;
    padding: 0 8px;
  }

  .rs-ops .seg:not(.seg-icon) button[aria-pressed="true"] {
    color: var(--text);
  }

  .rs-ops .seg-icon button {
    width: 30px;
  }

  .two > .side, .rs-side {
    border-left: 1px solid var(--line);
    padding-left: 32px;
  }

  .side-card {
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
  }

  .rs-side {
    gap: 0;
  }

  .rs-side > .side-card + .side-card {
    border-top: 1px solid var(--line);
    margin-top: 28px;
    padding-top: 28px;
  }

  .doc-nav {
    border-left: 1px solid var(--line);
    padding-left: 24px;
  }

  @media (max-width: 1040px) {
    .rs-bar-in {
      flex-direction: column;
      align-items: stretch;
      gap: 0;
      height: auto;
    }

    .sr-tabs button {
      height: 46px;
    }

    .rs-ops {
      justify-content: flex-start;
      height: 44px;
    }
  }

  @media (max-width: 900px) {
    :root {
      --L0: var(--gut);
      --rail: var(--gut);
    }

    .hd-brand {
      margin-right: 0;
    }

    .two > .side {
      border-left: 0;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      padding: 24px 0;
    }

    .doc-nav {
      border-left: 0;
      padding-left: 0;
    }
  }

  .pd .pd-share code {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    padding: 6px 8px;
    display: block;
    overflow: hidden;
  }

  :root {
    --W: calc(var(--col) + var(--rgap) + 412px);
    --cl: max(var(--rail), (100vw - var(--W)) / 2);
    --cr: max(var(--gut), 100vw - var(--cl) - var(--W));
  }

  body {
    --cl: max(var(--rail), (100% - var(--W)) / 2);
    --cr: max(var(--gut), 100% - var(--cl) - var(--W));
  }

  .hd-brand {
    margin-right: calc(var(--cl) - var(--L0) - var(--brand-w) - 24px);
  }

  .pg {
    padding-left: var(--cl);
    padding-right: var(--cr);
  }

  .rs-bar-in, .rs-tools, body.is-wall .rs-bar-in, body.is-wall .rs-tools {
    max-width: none;
    padding-left: var(--cl);
    padding-right: var(--cr);
  }

  .ft, body:not([data-page="home"]) .ft {
    min-height: 56px;
    padding: 14px var(--gut);
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px 32px;
    font-size: 14px;
    display: grid;
  }

  .ft nav {
    gap: 30px;
  }

  .ft nav:last-child {
    justify-content: flex-end;
  }

  .ft-mid {
    color: var(--text-3);
    text-align: center;
    margin: 0;
  }

  @media (max-width: 900px) {
    .ft, body:not([data-page="home"]) .ft {
      grid-template-columns: 1fr;
      justify-items: center;
    }

    .ft nav, .ft nav:last-child {
      justify-content: center;
      gap: 20px;
    }
  }

  @media (max-width: 1400px) {
    .rs-bar-in, .rs-tools {
      max-width: none;
      padding-right: var(--gut);
    }
  }

  @media (max-width: 900px) {
    .hd-brand {
      margin-right: 0;
    }
  }

  .pg.two {
    grid-template-rows: auto 1fr;
  }

  .side .rows > div {
    grid-template-columns: 72px minmax(0, 1fr);
    justify-content: start;
    gap: 12px;
    display: grid;
  }

  .side .rows dd {
    text-align: left;
    color: var(--text-2);
    font-size: 13px;
    line-height: 1.6;
  }

  .side-big {
    font-variant-numeric: tabular-nums;
  }

  .side-big small {
    margin-left: 2px;
  }

  .pd .pd-share {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px 12px;
    display: grid;
  }

  .pd .pd-share .side-k {
    grid-column: 1 / -1;
  }

  .pd .pd-share code {
    width: auto;
  }

  .doc-nav {
    padding-left: 32px;
  }

  .doc-nav a, .docs-layout .doc-nav a {
    margin-left: -10px;
  }

  .home .ft {
    border-top-color: #0000;
  }

  .rs-side {
    margin-top: 54px;
  }

  @media (max-width: 900px) {
    .doc-nav {
      padding-left: 0;
    }

    .doc-nav a, .docs-layout .doc-nav a {
      margin-left: 0;
    }

    .sr-tabs {
      -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 40px), #0000);
      mask-image: linear-gradient(90deg, #000 calc(100% - 40px), #0000);
    }
  }

  .side .need + .rows {
    border-top: 1px solid var(--line);
    margin-top: 20px;
    padding-top: 12px;
  }

  .side .need + .rows > div:first-child {
    padding-top: 10px;
  }

  @media (max-width: 900px) {
    .docs-layout > .doc-nav {
      display: none;
    }
  }

  .ob-facts {
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
    padding: 14px 0;
    display: grid;
  }

  .ob-facts dt {
    color: var(--text-4);
    font-size: 12px;
  }

  .ob-facts dd {
    color: var(--text-2);
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.6;
  }

  .ob .stepper {
    margin-top: 28px;
  }

  .ob-tip {
    color: var(--text-4);
    margin-top: 10px;
    font-size: 12px;
  }

  .ob-tip + .v15-sample {
    margin-top: 8px;
  }

  .ob-qr {
    border-top: 1px solid var(--line);
    align-items: center;
    gap: 18px;
    padding: 16px 14px;
    display: flex;
  }

  .ob-qr-code {
    color: #111;
    background: #fff;
    border-radius: 8px;
    flex: none;
    place-items: center;
    padding: 8px;
    display: grid;
  }

  .ob-qr > span:last-child {
    gap: 4px;
    display: grid;
  }

  .ob-qr b {
    font-size: 14px;
    font-weight: 500;
  }

  .ob-qr small {
    color: var(--text-3);
    font-size: 12px;
    line-height: 1.6;
  }

  .ob-qr .v15-sample {
    justify-self: start;
    margin-top: 6px;
  }

  .ob-phone {
    margin-top: 20px;
  }

  .ob-code {
    gap: 8px;
    display: flex;
  }

  .ob-code .input {
    flex: 1;
    min-width: 0;
  }

  .ob-code .btn {
    font-variant-numeric: tabular-nums;
    flex: none;
    min-width: 104px;
  }

  .input[readonly] {
    color: var(--text-2);
    background: var(--bg-2);
    cursor: default;
  }

  .input:disabled {
    opacity: .5;
  }

  .ob-sum {
    margin-top: 24px;
  }

  .ob-sum-h {
    border-bottom: 1px solid var(--line);
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 8px;
    display: flex;
  }

  .ob-sum-h b {
    font-size: 13px;
    font-weight: 500;
  }

  .ob-sum-h .link-btn {
    font-size: 12px;
  }

  #form-panel .ob-sum .rows {
    margin-top: 0;
  }

  .ob-sum .rows > div {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 12px;
    display: grid;
  }

  .ob-sum .rows > div:first-child {
    padding-top: 10px;
  }

  .ob-sum .rows dd {
    text-align: left;
  }

  .check a {
    text-underline-offset: 3px;
    text-decoration: underline;
  }

  .check a:hover {
    color: var(--text);
  }

  .result + .ob-next {
    margin: 8px auto 0;
  }

  .ob-next {
    max-width: 420px;
    padding: 0;
    list-style: none;
  }

  .ob-next li {
    gap: 2px;
    padding: 0 0 18px 26px;
    display: grid;
    position: relative;
  }

  .ob-next li:before {
    content: "";
    border: 1px solid var(--line-3);
    background: var(--bg);
    border-radius: 999px;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 6px;
    left: 4px;
  }

  .ob-next li:after {
    content: "";
    background: var(--line-2);
    width: 1px;
    position: absolute;
    top: 18px;
    bottom: 0;
    left: 8px;
  }

  .ob-next li:last-child {
    padding-bottom: 0;
  }

  .ob-next li:last-child:after {
    display: none;
  }

  .ob-next li.done:before {
    border-color: var(--text-3);
    background: var(--text-3);
  }

  .ob-next li.on:before {
    border-color: var(--ok);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ok) 20%, transparent);
  }

  .ob-next b {
    font-size: 14px;
    font-weight: 500;
  }

  .ob-next li:not(.done):not(.on) b {
    color: var(--text-3);
  }

  .ob-next span {
    color: var(--text-3);
    font-size: 13px;
    line-height: 1.6;
  }

  .ob-wait {
    text-align: center;
    color: var(--text-3);
    margin-top: 24px;
    font-size: 13px;
  }

  .ob-next ~ .actions {
    margin-top: 16px;
  }

  .need-g {
    border-top: 1px solid var(--line);
    gap: 16px;
    margin-top: 16px;
    padding: 16px 0 0;
    list-style: none;
    display: grid;
  }

  .need-g > li > p {
    color: var(--text-4);
    align-items: center;
    gap: 8px;
    font-size: 12px;
    display: flex;
  }

  .need-g > li > p b {
    border: 1px solid var(--line-3);
    border-radius: 999px;
    place-items: center;
    width: 16px;
    height: 16px;
    font-size: 10px;
    font-weight: 500;
    display: grid;
  }

  .need-g > li.on > p {
    color: var(--text);
  }

  .need-g > li.on > p b {
    border-color: var(--text);
    background: var(--text);
    color: var(--bg);
  }

  .need-g > li.ok:not(.on) > p b {
    border-color: var(--ok);
    color: var(--ok);
  }

  .need-g .need {
    border-top: 0;
    gap: 8px;
    margin-top: 8px;
    padding: 0 0 0 24px;
  }

  .need-g > li:not(.on) .need li:not(.ok) {
    color: var(--text-3);
  }

  .need-none {
    color: var(--text-3);
    margin-top: 6px;
    padding-left: 24px;
    font-size: 13px;
  }

  .side .need-g + .rows {
    border-top: 1px solid var(--line);
    margin-top: 20px;
    padding-top: 12px;
  }

  .side .need-g + .rows > div:first-child {
    padding-top: 10px;
  }

  @media (max-width: 900px) {
    .ob-facts {
      grid-template-columns: 1fr;
      gap: 10px;
    }

    .ob-qr {
      align-items: flex-start;
    }

    .pg.two.ob {
      grid-template-rows: auto;
      grid-template-areas: "head"
                           "main"
                           "side";
    }

    .ob > .side {
      margin-top: 32px;
    }

    .ob .v15-name small {
      white-space: normal;
    }
  }

  .pipe {
    padding: 0;
  }

  .pipe:before {
    content: none;
    background: none;
  }

  .foot-link {
    font: inherit;
  }

  #wall {
    scroll-margin-top: calc(var(--hd) + 8px);
  }

  .sr-tabs a {
    height: 48px;
    color: var(--text-3);
    flex: none;
    align-items: center;
    gap: 6px;
    padding: 0 11px;
    font-size: 14px;
    line-height: 20px;
    display: inline-flex;
    position: relative;
  }

  .sr-tabs a:first-child {
    padding-left: 0;
  }

  .sr-tabs a:hover, .sr-tabs a[aria-current="true"] {
    color: var(--text);
  }

  .sr-tabs a[aria-current="true"]:after {
    content: "";
    background: var(--text);
    border-radius: 2px 2px 0 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 11px;
    right: 11px;
  }

  .sr-tabs a:first-child[aria-current="true"]:after {
    left: 0;
  }

  .sr-tabs a em {
    color: var(--text-4);
    font-size: 11px;
    font-style: normal;
  }

  .seg a, a.rs-tools-btn {
    height: 30px;
    color: var(--text-3);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    font-size: 14px;
    line-height: 20px;
    display: inline-flex;
  }

  .seg-icon a {
    width: 30px;
    padding: 0;
  }

  .seg a[aria-pressed="true"], a.rs-tools-btn[aria-pressed="true"] {
    color: var(--text);
  }

  .pager-pages a {
    min-width: 32px;
    height: 32px;
    font-family: var(--mono);
    color: var(--text-3);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    font-size: 13px;
    display: inline-flex;
  }

  .pager-pages a:hover {
    color: var(--text);
  }

  .pager-pages a[aria-current="true"] {
    background: var(--bg-3);
    color: var(--text);
  }

  .hd-signin {
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
  }

  .form > .full {
    grid-column: 1 / -1;
  }

  .hd-actions .identity {
    background: none;
    border: 0;
    max-width: none;
    height: 28px;
    padding: 0 8px;
    font-size: 13px;
  }

  .hd-actions .identity.on {
    background: var(--bg-3);
  }

  .hd-actions .session-switch {
    align-items: center;
    gap: 4px;
    max-width: min(420px, 46vw);
    margin-left: 4px;
    display: inline-flex;
    overflow-x: auto;
  }

  @media (max-width: 900px) {
    .hd-actions .session-switch {
      display: none;
    }

    .hd-actions .hd-signin {
      display: inline-flex;
    }
  }

  .side form .btn-block {
    width: 100%;
    margin-top: 16px;
  }

  .hs-box .hs-go {
    border-radius: 999px;
    height: 34px;
    padding: 0 14px;
  }

  .theme-toggle {
    color: var(--text-2);
  }

  [data-theme="light"] {
    --bg-elev: #f6f7f8;
    --surface: #f6f7f8;
    --surface-2: #edeff2;
    --surface-3: #e4e7eb;
    --glass: #fff;
    --border: #14161a14;
    --border-2: #14161a21;
    --border-3: #14161a3d;
    --accent-strong: #c2410c;
    --accent-line: #e8561c59;
    --teal: #15803d;
    --teal-soft: #15803d17;
    --amber: #b45309;
    --amber-soft: #b4530917;
    --green: #15803d;
    --green-soft: #15803d17;
    --red: #dc2626;
    --red-soft: #dc26261a;
    --blue: #2f5bd8;
    --blue-soft: #2f5bd81a;
    --hl: #14161a0a;
    --shadow-lg: 0 18px 44px -20px #14161a2e;
    --shadow-md: 0 12px 32px -16px #14161a1f;
  }

  html:not(.theme-ready), html:not(.theme-ready) * {
    transition: none !important;
  }

  html[data-theme="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    background-color: #0b0c0e;
  }

  html[data-theme="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    background-color: #fff;
  }

  body[data-page="home"] .hd {
    background: none;
    border-bottom-color: #0000;
    position: sticky;
    top: 0;
    left: auto;
    right: auto;
  }

  body:has(.home) .hd {
    background: none;
    border-bottom-color: #0000;
    position: sticky;
    top: 0;
    left: auto;
    right: auto;
  }

  body[data-page="home"] .hd-search {
    visibility: hidden;
    pointer-events: none;
  }

  body:has(.home) .hd-search {
    visibility: hidden;
    pointer-events: none;
  }

  body[data-page="home"] .hd-brand {
    visibility: hidden;
    pointer-events: none;
  }

  body:has(.home) .hd-brand {
    visibility: hidden;
    pointer-events: none;
  }

  body[data-page="home"] .ft {
    z-index: 3;
    background: none;
    border-top-color: #0000;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  body:has(.home) .ft {
    z-index: 3;
    background: none;
    border-top-color: #0000;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .hd-bar {
    width: 100%;
    max-width: none;
    height: var(--hd);
    padding-left: var(--L0);
    padding-right: var(--gut);
    box-sizing: border-box;
    align-items: center;
    gap: 24px;
    margin: 0;
    display: flex;
  }

  .hd-actions {
    flex: none;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    display: flex;
  }

  .hd-brand em {
    color: inherit;
    font-style: normal;
  }

  body[data-page="home"] .hd, body[data-page="market"] .hd {
    padding-top: 12px;
  }

  body:has(.home) .hd {
    padding-top: 12px;
  }

  body:not([data-page="home"]):not(:has(.home)) .hd {
    padding-top: 12px;
  }

  body:has(.rs) .hd {
    padding-top: 12px;
  }

  body[data-page="home"] .hd-bar, body[data-page="market"] .hd-bar {
    box-sizing: border-box;
    align-items: center;
    height: auto;
    min-height: 48px;
    padding-top: 4px;
    padding-bottom: 12px;
  }

  body:has(.home) .hd-bar {
    box-sizing: border-box;
    align-items: center;
    height: auto;
    min-height: 48px;
    padding-top: 4px;
    padding-bottom: 12px;
  }

  body:not([data-page="home"]):not(:has(.home)) .hd-bar {
    box-sizing: border-box;
    align-items: center;
    height: auto;
    min-height: 48px;
    padding-top: 4px;
    padding-bottom: 12px;
  }

  body:has(.rs) .hd-bar {
    box-sizing: border-box;
    align-items: center;
    height: auto;
    min-height: 48px;
    padding-top: 4px;
    padding-bottom: 12px;
  }

  body[data-page="home"] .hd-brand, body[data-page="market"] .hd-brand {
    letter-spacing: -.03em;
    height: 44px;
    color: var(--text);
    align-self: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 44px;
  }

  body:has(.home) .hd-brand {
    letter-spacing: -.03em;
    height: 44px;
    color: var(--text);
    align-self: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 44px;
  }

  body:not([data-page="home"]):not(:has(.home)) .hd-brand {
    letter-spacing: -.03em;
    height: 44px;
    color: var(--text);
    align-self: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 44px;
  }

  body:has(.rs) .hd-brand {
    letter-spacing: -.03em;
    height: 44px;
    color: var(--text);
    align-self: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 44px;
  }

  body[data-page="market"] .hd-brand {
    visibility: visible;
    pointer-events: auto;
  }

  body:not([data-page="home"]):not(:has(.home)) .hd-brand {
    visibility: visible;
    pointer-events: auto;
  }

  body:has(.rs) .hd-brand {
    visibility: visible;
    pointer-events: auto;
  }

  body[data-page="home"] .hd-brand > *, body[data-page="market"] .hd-brand > * {
    line-height: 44px;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    display: inline-block;
  }

  body:has(.home) .hd-brand > * {
    line-height: 44px;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    display: inline-block;
  }

  body:not([data-page="home"]):not(:has(.home)) .hd-brand > * {
    line-height: 44px;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    display: inline-block;
  }

  body:has(.rs) .hd-brand > * {
    line-height: 44px;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    display: inline-block;
  }

  body[data-page="market"] .hd-brand em {
    font-weight: inherit;
    color: inherit;
  }

  body:not([data-page="home"]):not(:has(.home)) .hd-brand em {
    font-weight: inherit;
    color: inherit;
  }

  body:has(.rs) .hd-brand em {
    font-weight: inherit;
    color: inherit;
  }

  body[data-page="market"] .hd-search {
    align-self: center;
    height: 44px;
  }

  body:not([data-page="home"]):not(:has(.home)) .hd-search {
    align-self: center;
    height: 44px;
  }

  body:has(.rs) .hd-search {
    align-self: center;
    height: 44px;
  }

  body[data-page="market"] .rs-body {
    max-width: none;
    padding-left: var(--cl);
    padding-right: var(--cr);
    margin: 0;
  }

  body:not([data-page="home"]):not(:has(.home)) .pg {
    max-width: none;
    padding-left: var(--cl);
    padding-right: var(--cr);
    margin: 0;
  }

  body:has(.rs) .pg {
    max-width: none;
    padding-left: var(--cl);
    padding-right: var(--cr);
    margin: 0;
  }

  body:has(.rs) .rs-body {
    max-width: none;
    padding-left: var(--cl);
    padding-right: var(--cr);
    margin: 0;
  }

  body[data-page="market"] .rs-bar-in {
    padding-left: var(--cl);
    padding-right: var(--cr);
  }

  body:has(.rs) .rs-bar-in {
    padding-left: var(--cl);
    padding-right: var(--cr);
  }

  .brand-mark {
    font-family: var(--font-display);
    letter-spacing: -.035em;
    color: var(--text);
    font-feature-settings: "kern" 1, "liga" 1, "ss01" 1;
    margin: 0;
    font-weight: 650;
    line-height: 1;
  }

  .brand-mark .bm-tail {
    color: var(--accent);
    font-style: normal;
    font-weight: inherit;
    letter-spacing: inherit;
  }

  .brand-mark em {
    font-style: normal;
    font-weight: inherit;
    color: inherit;
    letter-spacing: inherit;
  }

  .wordmark.brand-mark {
    font-family: var(--font-display);
    letter-spacing: -.038em;
    color: var(--text);
    text-align: center;
    width: 100%;
    height: auto;
    max-height: none;
    margin: 0 -.038em 0 0;
    padding-bottom: 0;
    font-size: clamp(46px, 5vw, 60px);
    font-weight: 700;
    line-height: 1.15;
    display: block;
  }

  .wordmark.brand-mark .bm-tail {
    color: var(--accent);
  }

  body[data-page="home"] .hd-brand .brand-mark, body[data-page="market"] .hd-brand .brand-mark {
    height: 44px;
    font-family: var(--font-display);
    letter-spacing: -.035em;
    color: var(--text);
    text-align: left;
    width: auto;
    margin-right: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 44px;
    display: inline-block;
  }

  body:has(.home) .hd-brand .brand-mark {
    height: 44px;
    font-family: var(--font-display);
    letter-spacing: -.035em;
    color: var(--text);
    text-align: left;
    width: auto;
    margin-right: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 44px;
    display: inline-block;
  }

  body:not([data-page="home"]):not(:has(.home)) .hd-brand .brand-mark {
    height: 44px;
    font-family: var(--font-display);
    letter-spacing: -.035em;
    color: var(--text);
    text-align: left;
    width: auto;
    margin-right: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 44px;
    display: inline-block;
  }

  body:has(.rs) .hd-brand .brand-mark {
    height: 44px;
    font-family: var(--font-display);
    letter-spacing: -.035em;
    color: var(--text);
    text-align: left;
    width: auto;
    margin-right: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 44px;
    display: inline-block;
  }

  body[data-page="market"] .hd-brand .brand-mark .bm-tail {
    color: var(--accent);
  }

  body:not([data-page="home"]):not(:has(.home)) .hd-brand .brand-mark .bm-tail {
    color: var(--accent);
  }

  body:has(.rs) .hd-brand .brand-mark .bm-tail {
    color: var(--accent);
  }

  body[data-page="market"] .hd-brand .brand-mark em {
    font-weight: inherit;
    color: inherit;
  }

  body:not([data-page="home"]):not(:has(.home)) .hd-brand .brand-mark em {
    font-weight: inherit;
    color: inherit;
  }

  body:has(.rs) .hd-brand .brand-mark em {
    font-weight: inherit;
    color: inherit;
  }

  .home-center {
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 36px;
    padding: 0 20px;
    display: flex;
    top: 30vh;
    left: 0;
    right: 0;
  }

  .home-center > .wordmark, .home-center > .hs, .home-center > .home-chips {
    box-sizing: border-box;
    width: min(584px, 100%);
  }

  .home-center > .wordmark {
    height: auto;
    max-height: none;
    margin: 0 -.038em 0 0;
  }

  .wordmark {
    font-family: var(--font-display);
    letter-spacing: -.038em;
    color: var(--text);
    text-align: center;
    height: auto;
    max-height: none;
    margin-right: -.038em;
    font-size: clamp(46px, 5vw, 60px);
    font-weight: 700;
  }

  .home .hs {
    width: min(584px, 100%);
    margin-top: 0;
  }

  .home-center > .home-chips {
    margin-top: 0;
  }

  .home .hs-box {
    border-color: var(--line-2);
    height: 46px;
    box-shadow: none;
    background: var(--bg);
    border-radius: 24px;
  }

  .home .hs-box:hover, .home .hs-box:focus-within {
    border-color: var(--line-3);
    box-shadow: var(--pop);
  }

  .home-chips {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    max-width: 584px;
    margin: 30px 0 0;
    display: flex;
  }

  .home-chip {
    background: var(--bg-3, var(--bg-2));
    height: 32px;
    color: var(--text-2);
    border: 0;
    border-radius: 16px;
    align-items: center;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    transition: background .15s, color .15s;
    display: inline-flex;
  }

  .home-chip:hover {
    background: var(--bg-2);
    color: var(--text);
  }

  .hs-mic {
    color: var(--text-3);
    flex: none;
  }

  .hs-mic[hidden] {
    display: none;
  }

  .hs-mic.is-on {
    color: var(--accent);
  }

  .legal-page .muted {
    color: var(--text-3);
    font-size: 14px;
  }

  @media (max-width: 900px) {
    .ft, .ft.ft-google {
      flex-direction: column;
      align-items: stretch;
      gap: 14px;
    }

    .ft-left {
      justify-content: flex-start;
    }

    .ft-right {
      justify-content: flex-start;
      gap: 16px 20px;
      margin-left: 0;
    }
  }

  .pg.two.me > .side {
    align-self: start;
  }

  .me-side .me-nav-user {
    margin: 6px 0 0;
  }

  .me-side .side-note {
    margin-top: 6px;
  }

  .me-nav-list a:hover, .me-nav-list button:hover {
    color: var(--text);
  }

  .me-side .side-list {
    margin-top: 20px;
  }

  .me .me-panel {
    background: none;
    border: 0;
    padding: 4px 0 8px;
  }

  .me .me-panel h2 {
    letter-spacing: -.01em;
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 600;
  }

  .me-panel-bar {
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 8px;
    display: flex;
  }

  .me-panel-bar h2 {
    margin-bottom: 0;
  }

  .me .me-order-sheet.order-sheet {
    border: 0;
    border-top: 1px solid var(--line);
    background: none;
    border-radius: 0;
    overflow: visible;
  }

  .me .me-order-sheet .order-row {
    border-bottom: 1px solid var(--line);
    background: none;
    padding: 14px 0;
  }

  .me .me-order-sheet .order-row:hover {
    background: none;
  }

  .me .me-order-sheet .order-row:hover .t1 {
    color: var(--accent-text);
    text-underline-offset: 3px;
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }

  .me .me-panel .note {
    color: var(--text-2);
    font-size: 14px;
    line-height: 1.9;
  }

  .me .me-panel .rows {
    margin-top: 8px;
  }

  .me .head .lede {
    max-width: 42em;
  }

  .hd {
    z-index: 40;
    box-sizing: border-box;
    background: var(--bg);
    width: 100%;
    position: sticky;
    top: 0;
  }

  body:has(.rs-bar) .hd {
    background: var(--bg);
  }

  body:has(.rs-bar) .hd:after {
    content: "";
    background: var(--bg);
    pointer-events: none;
    z-index: 0;
    height: 16px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }

  .rs-bar {
    top: calc(var(--hd) - 8px);
    z-index: 30;
    box-sizing: border-box;
    background: var(--bg);
    border-bottom: 1px solid var(--line);
    background-clip: padding-box;
    width: 100%;
    margin-top: -8px;
    padding-top: 8px;
    position: sticky;
  }

  body:has(.rs-bar) .two > .side {
    top: calc(var(--hd) + 48px + 24px);
  }

  .page-fade {
    overflow: visible;
  }

  .pager-pages button {
    min-width: 32px;
    height: 32px;
    color: var(--text-3);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 6px;
    padding: 0 8px;
  }

  .pager-pages button:hover, .pager-pages button[aria-current="true"] {
    color: var(--text);
    background: var(--bg-3);
  }

  @media (max-width: 900px) {
    .me-nav-list {
      border-top: 0;
      flex-wrap: wrap;
      gap: 4px;
      margin-top: 16px;
      padding-top: 0;
      display: flex;
    }

    .me-nav-list a, .me-nav-list button {
      border: 1px solid var(--line);
      border-radius: 999px;
      width: auto;
      margin-left: 0;
      padding: 6px 12px;
      font-size: 13px;
    }

    .me-nav-list a.on, .me-nav-list a[aria-current="page"], .me-nav-list button.on, .me-nav-list button[aria-current="page"] {
      box-shadow: none;
      border-color: var(--text-2);
      color: var(--text);
      background: var(--bg-3);
    }

    .me-side .side-list {
      display: none;
    }
  }

  .login-page {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    padding-top: 32px;
    padding-bottom: 96px;
  }

  .login-page > h1, .login-page > .lede, .login-page > .banner, .login-page > .page-header, .login-page > .auth-card, .login-page > .login-sec, .login-page > .panel, .login-page > .button-row, .login-page > .note, .login-page > p {
    max-width: var(--col);
    box-sizing: border-box;
    width: 100%;
  }

  .login-page > .lede {
    color: var(--text-2);
    margin: 10px 0 22px;
  }

  .login-page > h1 {
    letter-spacing: -.02em;
    font-size: 28px;
    font-weight: 600;
  }

  .login-page > .banner {
    margin-bottom: 14px;
  }

  .login-page .login-sec {
    padding-top: 4px;
  }

  .login-page .login-sec h2 {
    letter-spacing: -.01em;
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 600;
  }

  .login-bullets {
    color: var(--text-2);
    margin: 12px 0 0;
    padding-left: 1.2em;
    font-size: 14px;
    line-height: 1.9;
  }

  .login-bullets li + li, .login-help-rows {
    margin-top: 4px;
  }

  .login-help-rows > div {
    grid-template-columns: minmax(120px, 160px) minmax(0, 1fr);
    justify-content: start;
    gap: 12px;
    display: grid;
  }

  .login-help-rows dd {
    text-align: left;
    color: var(--text-2);
    font-size: 14px;
    line-height: 1.7;
  }

  .login-help-rows a {
    text-underline-offset: 3px;
    text-decoration: underline;
  }

  .me-stat {
    border: 1px solid var(--line);
    background: var(--bg);
    color: inherit;
    border-radius: 12px;
    flex-direction: column;
    gap: 6px;
    padding: 16px 14px;
    text-decoration: none;
    transition: border-color .15s, background .15s;
    display: flex;
  }

  .me-order-btn {
    text-align: left;
    cursor: pointer;
    width: 100%;
    font: inherit;
    color: inherit;
    background: none;
    border: 0;
  }

  .me-order-detail {
    border-top: 1px solid var(--line);
    margin-top: 20px;
    padding-top: 16px;
  }

  .me-sub-card, .me-pub-card, .me-auth-card {
    border-bottom: 1px solid var(--line);
    padding: 16px 0;
  }

  .me-sub-card h3, .me-pub-card h3, .me-auth-card h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
  }

  .me-auth-new, .me-onboard-form {
    border-bottom: 1px solid var(--line);
    gap: 12px;
    margin: 8px 0 20px;
    padding: 16px 0;
    display: grid;
  }

  .me-auth-new h3 {
    margin: 0;
    font-size: 15px;
  }

  .me-onboard-steps {
    gap: 10px;
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .me-onboard-steps li {
    border-bottom: 1px solid var(--line);
    color: var(--text-2);
    gap: 2px;
    padding: 12px 0;
    font-size: 14px;
    display: grid;
  }

  .me-onboard-steps b {
    color: var(--text);
    font-weight: 600;
  }

  .me-steps-side {
    border-top: 1px solid var(--line);
    color: var(--text-3);
    gap: 8px;
    margin: 16px 0 0;
    padding: 16px 0 0;
    font-size: 13px;
    list-style: none;
    display: grid;
  }

  .me-steps-side .on {
    color: var(--text);
    font-weight: 500;
  }

  @media (max-width: 900px) {
    .me-stat-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 560px) {
    .me-stat-grid {
      grid-template-columns: 1fr;
    }
  }

  .button.alipay, button.button.alipay, a.button.alipay, .btn-alipay {
    background: var(--alipay, #1677ff) !important;
    border-color: var(--alipay, #1677ff) !important;
    color: #fff !important;
  }

  .button.alipay:hover, button.button.alipay:hover, a.button.alipay:hover, .btn-alipay:hover {
    opacity: 1;
    background: var(--alipay-hover, #4096ff) !important;
    border-color: var(--alipay-hover, #4096ff) !important;
    color: #fff !important;
  }

  #login-alipay .button.block, .login-page .auth-card form > .button.block.lg:not(.secondary) {
    background: var(--alipay, #1677ff);
    border-color: var(--alipay, #1677ff);
    color: #fff;
  }

  #login-alipay .button.block:hover, .login-page .auth-card form > .button.block.lg:not(.secondary):hover {
    background: var(--alipay-hover, #4096ff);
    border-color: var(--alipay-hover, #4096ff);
    color: #fff;
    opacity: 1;
  }

  .me-nav-list a.on, .me-nav-list a[aria-current="page"], .me-nav-list button.on, .me-nav-list button[aria-current="page"] {
    color: var(--text);
    background: var(--bg-3);
    box-shadow: none;
  }

  .me-stat {
    border: 1px solid var(--line);
    background: var(--bg);
    cursor: pointer;
    font: inherit;
    text-align: left;
    border-radius: 12px;
    width: 100%;
  }

  .me-stat .v {
    color: var(--text);
  }

  .me .empty h2 {
    color: var(--text);
  }

  .me .empty .muted, .me .empty .muted a {
    color: var(--text-2);
  }

  .me-side .side-note {
    color: var(--text-3);
  }

  .pg.two.me .side-card, .me .side-card {
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
  }

  .me-filter-chips .chip-btn.on, .me .v16-chips button[aria-pressed="true"], .me .v16-chips button.on {
    border-color: var(--line-2);
    background: var(--bg-3);
    color: var(--text);
  }

  @media (max-width: 900px) {
    .me-nav-list a.on, .me-nav-list a[aria-current="page"], .me-nav-list button.on, .me-nav-list button[aria-current="page"] {
      box-shadow: none;
      border-color: var(--line-2);
      background: var(--bg-3);
      color: var(--text);
    }
  }

  .hd-account-menu {
    min-width: 220px;
    padding: 8px;
  }

  .hd-account-identity {
    color: inherit;
    border-radius: 8px;
    gap: 2px;
    margin-bottom: 2px;
    padding: 10px 12px;
    text-decoration: none;
    display: grid;
  }

  .hd-account-identity:hover, .hd-account-identity:focus-visible {
    background: var(--bg-3);
    outline: none;
  }

  .hd-account-id-name {
    color: var(--text);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
  }

  .hd-account-id-meta {
    color: var(--text-4);
    font-size: 11px;
  }

  .hd-account-group {
    gap: 6px;
    padding: 6px 6px 8px;
    display: grid;
  }

  .hd-account-k {
    color: var(--text-4);
    margin: 0;
    padding: 0 6px;
    font-size: 11px;
  }

  .hd-account-seg {
    flex-wrap: wrap;
    width: 100%;
  }

  .hd-account-swatches {
    gap: 10px;
    padding: 2px 6px;
    display: flex;
  }

  .hd-account-swatches button {
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 50%;
    place-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    transition: box-shadow .15s;
    display: grid;
    box-shadow: inset 0 0 0 1.5px #0000;
  }

  .hd-account-swatches button > span {
    background: linear-gradient(135deg, var(--sw) 50%, var(--sw2) 50%);
    border-radius: 50%;
    width: 20px;
    height: 20px;
  }

  .hd-account-swatches button:hover {
    box-shadow: inset 0 0 0 1.5px var(--ui-line-strong);
  }

  .hd-account-swatches button[aria-checked="true"] {
    box-shadow: inset 0 0 0 2px var(--sw);
  }

  [data-sw="cyan"] {
    --sw: #2fd0e6;
    --sw2: #a78bfa;
  }

  [data-sw="blue"] {
    --sw: #60a5fa;
    --sw2: #f0abfc;
  }

  [data-sw="violet"] {
    --sw: #a78bfa;
    --sw2: #2dd4bf;
  }

  [data-sw="gold"] {
    --sw: #f5c451;
    --sw2: #60a5fa;
  }

  [data-sw="rose"] {
    --sw: #f472b6;
    --sw2: #60a5fa;
  }

  html[data-theme="light"] [data-sw="cyan"] {
    --sw: #0e7490;
    --sw2: #7c3aed;
  }

  html[data-theme="light"] [data-sw="blue"] {
    --sw: #1d4ed8;
    --sw2: #a21caf;
  }

  html[data-theme="light"] [data-sw="violet"] {
    --sw: #6d28d9;
    --sw2: #0f766e;
  }

  html[data-theme="light"] [data-sw="gold"] {
    --sw: #a16207;
    --sw2: #1d4ed8;
  }

  html[data-theme="light"] [data-sw="rose"] {
    --sw: #be185d;
    --sw2: #1d4ed8;
  }

  .hd-account-seg button {
    flex: auto;
    min-width: 0;
    padding: 0 8px;
    font-size: 12px;
  }

  .settings-pg .st-block {
    gap: 10px;
    margin-top: 18px;
    display: grid;
  }

  .settings-pg .st-label {
    color: var(--text-3);
    margin: 0;
    font-size: 13px;
  }

  .settings-pg .st-rows {
    margin-top: 16px;
  }

  .settings-pg .st-swatch {
    vertical-align: -1px;
    background: var(--accent, #f5a623);
    width: 12px;
    height: 12px;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent);
    border-radius: 50%;
    margin-left: 8px;
    display: inline-block;
  }

  .settings-pg .st-switch {
    border-top: 1px solid var(--line);
    cursor: pointer;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 12px 0;
    display: flex;
  }

  .settings-pg .st-switch:first-child {
    border-top: 0;
    padding-top: 0;
  }

  .settings-pg .st-switch-copy {
    gap: 4px;
    min-width: 0;
    display: grid;
  }

  .settings-pg .st-switch-label {
    color: var(--text);
    font-size: 14px;
  }

  .settings-pg .st-switch-hint {
    color: var(--text-4);
    font-size: 12px;
    line-height: 1.5;
  }

  .settings-pg .st-switch input {
    width: 18px;
    height: 18px;
    accent-color: var(--text);
    flex: none;
    margin-top: 2px;
  }

  .settings-pg .st-switch.is-disabled {
    opacity: .55;
    cursor: not-allowed;
  }

  .settings-pg .st-inline {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .settings-pg .st-inline .input {
    flex: 1;
    min-width: 0;
  }

  .settings-pg .st-links {
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 16px;
    font-size: 14px;
    display: flex;
  }

  .settings-pg .st-links a {
    color: var(--text-2);
    text-underline-offset: 3px;
    text-decoration: underline;
  }

  .settings-pg .st-links a:hover {
    color: var(--text);
  }

  .settings-pg .seg button:disabled {
    opacity: .45;
    cursor: not-allowed;
  }

  html.reduce-motion .page-fade, html.reduce-motion .logo-bot.live .eye, html.reduce-motion .logo-bot.live .bulb, html.reduce-motion .vc-btn.is-listening, html.reduce-motion .v15-up.scanning:after {
    animation: none !important;
  }

  html.reduce-motion * {
    scroll-behavior: auto !important;
  }

  .me .head h1 {
    letter-spacing: -.02em;
    font-size: 28px;
    font-weight: 600;
  }

  .me .head .lede {
    max-width: 36em;
    color: var(--text-2);
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 1.7;
  }

  .me-panel-bar {
    margin-bottom: 12px;
  }

  .me-id {
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .me-id-ava {
    background: var(--bg-3);
    border: 1px solid var(--line);
    width: 40px;
    height: 40px;
    color: var(--text);
    border-radius: 999px;
    flex: none;
    place-items: center;
    font-size: 15px;
    font-weight: 600;
    display: inline-grid;
  }

  .me-id-meta {
    min-width: 0;
  }

  .me-id-meta .side-title {
    margin: 0;
  }

  .me-id-meta .side-note {
    color: var(--text-3);
    margin: 4px 0 0;
  }

  .me-nav-list {
    border-top: 1px solid var(--line);
    gap: 4px;
    margin-top: 22px;
    padding-top: 18px;
    display: grid;
  }

  .me-nav-list a, .me-nav-list button {
    text-align: left;
    width: 100%;
    color: var(--text-3);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 8px;
    margin-left: -10px;
    padding: 8px 10px;
    font-size: 14px;
    display: block;
  }

  .me-nav-list a:hover, .me-nav-list button:hover {
    color: var(--text);
    background: var(--bg-3);
  }

  .me-side .side-list {
    display: none;
  }

  .me-foot {
    border-top: 1px solid var(--line);
    color: var(--text-4);
    margin: 40px 0 8px;
    padding-top: 16px;
    font-size: 12px;
    line-height: 1.6;
  }

  .me-stat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    display: grid;
  }

  .me-stat {
    border: 1px solid var(--line);
    background: var(--bg);
    color: inherit;
    text-align: left;
    width: 100%;
    font: inherit;
    cursor: pointer;
    border-radius: 12px;
    flex-direction: column;
    gap: 8px;
    padding: 18px 16px;
    transition: border-color .18s, box-shadow .18s, transform .18s, background .18s;
    display: flex;
  }

  .me-stat:hover {
    border-color: color-mix(in srgb, var(--accent) 55%, var(--line));
    background: var(--bg);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px #00000014;
  }

  .me-quick {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
    display: flex;
  }

  .me .btn-brand:hover, .me a.btn-brand:hover, .me button.btn-brand:hover {
    opacity: .92;
    color: #fff;
  }

  .me .btn-alipay:hover, .me a.btn-alipay:hover, .me button.btn-alipay:hover {
    background: var(--alipay-hover, #4096ff);
    border-color: var(--alipay-hover, #4096ff);
    color: #fff;
    opacity: 1;
  }

  .me .btn-danger, .me button.btn-danger {
    color: var(--red);
    border-color: color-mix(in srgb, var(--red) 35%, var(--line-2));
    background: none;
  }

  .me .btn-danger:hover, .me button.btn-danger:hover {
    background: var(--red-soft);
    border-color: var(--red);
    color: var(--red);
  }

  .me .me-order-sheet.order-sheet {
    background: none;
    border: 0;
    border-radius: 0;
    gap: 10px;
    display: grid;
    overflow: visible;
  }

  .me .me-order-sheet .order-row {
    border: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: var(--bg);
    border-radius: 12px;
    padding: 16px 18px;
    transition: border-color .15s, box-shadow .15s;
  }

  .me .me-order-sheet .order-row:hover {
    background: var(--bg);
    border-color: var(--line-3);
    box-shadow: 0 4px 14px #0000000f;
  }

  .me .me-order-sheet .order-row:hover .t1 {
    color: var(--accent-text);
    text-decoration: none;
  }

  .me-order-btn.is-on {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent);
    border-color: color-mix(in srgb, var(--accent) 45%, var(--line)) !important;
  }

  .me-order-btn.is-on .t1 {
    color: var(--accent-text);
  }

  .me-id-line {
    color: var(--text-4);
    font-size: 12px;
    font-family: var(--mono);
    font-weight: 400;
  }

  .me-filter-chips {
    margin: 4px 0 18px;
  }

  .me .v16-chips button[aria-pressed="true"], .me .v16-chips button.on {
    border-color: var(--line-2);
    background: var(--bg-3);
    color: var(--text);
  }

  .me-order-detail {
    border: 1px solid var(--line);
    background: var(--bg);
    border-top: 1px solid var(--line);
    border-radius: 12px;
    margin-top: 28px;
    padding: 18px 18px 16px;
  }

  .me-order-detail h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
  }

  .me-paper-card {
    border: 1px solid var(--line);
    background: var(--bg);
    border-radius: 12px;
    padding: 18px 18px 16px;
  }

  .me-sub-list, .me-pub-list, .me-auth-grid {
    gap: 16px;
    display: grid;
  }

  .me-sub-card, .me-pub-card, .me-auth-card {
    border: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: var(--bg);
    border-radius: 12px;
    padding: 18px 18px 16px;
  }

  .me-sub-top, .me-pub-top, .me-auth-card-top {
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    display: flex;
  }

  .me-sub-card h3, .me-pub-card h3, .me-auth-card h3 {
    letter-spacing: -.01em;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
  }

  .me-card-meta {
    color: var(--text-3);
    margin: 6px 0 0;
    font-size: 13px;
  }

  .me-card-actions {
    margin-top: 14px;
  }

  .me-auth-card.is-disabled {
    opacity: .62;
    background: var(--bg-2);
  }

  .me-auth-summary {
    color: var(--text-3);
    margin: 0 0 14px;
    font-size: 13px;
  }

  .me-auth-new, .me-onboard-form {
    border: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: var(--bg);
    border-radius: 12px;
    gap: 14px;
    margin: 8px 0 24px;
    padding: 18px 18px 16px;
    display: grid;
  }

  .me-auth-new h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
  }

  .me-auth-new label, .me-onboard-form label {
    color: var(--text-3);
    gap: 6px;
    font-size: 13px;
    display: grid;
  }

  .me-auth-new input, .me-onboard-form input {
    border: 1px solid var(--line-2);
    background: var(--bg);
    height: 40px;
    color: var(--text);
    border-radius: 8px;
    padding: 0 12px;
    font-size: 14px;
  }

  .me-onboard-steps-h {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .me-onboard-steps-h li {
    border: 1px solid var(--line);
    background: var(--bg);
    color: var(--text-3);
    border-bottom: 1px solid var(--line);
    border-radius: 12px;
    gap: 4px;
    padding: 14px;
    font-size: 13px;
    display: grid;
  }

  .me-onboard-steps-h li.on {
    border-color: color-mix(in srgb, var(--accent) 50%, var(--line));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);
    color: var(--text-2);
  }

  .me-onboard-steps-h b {
    color: var(--text);
    font-size: 14px;
    font-weight: 600;
  }

  .me-account-hero {
    align-items: center;
    gap: 16px;
    margin-bottom: 8px;
    display: flex;
  }

  .me-account-ava {
    background: var(--bg-3);
    border: 1px solid var(--line);
    width: 64px;
    height: 64px;
    color: var(--text);
    border-radius: 999px;
    flex: none;
    place-items: center;
    font-size: 24px;
    font-weight: 600;
    display: inline-grid;
  }

  .me-account-name {
    letter-spacing: -.02em;
    margin: 0 0 4px;
    font-size: 20px;
    font-weight: 600;
  }

  .me .empty {
    border: 1px solid var(--line);
    background: var(--bg);
    border-radius: 12px;
    padding: 32px 20px;
  }

  @media (max-width: 900px) {
    .me-stat-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .me-onboard-steps-h {
      grid-template-columns: 1fr;
    }

    .me-nav-list {
      border-top: 0;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 16px;
      padding-top: 0;
      display: flex;
    }

    .me-nav-list a, .me-nav-list button {
      border: 1px solid var(--line);
      border-radius: 999px;
      width: auto;
      margin-left: 0;
      padding: 6px 12px;
      font-size: 13px;
    }
  }

  @media (max-width: 560px) {
    .me-stat-grid {
      grid-template-columns: 1fr;
    }

    .me-account-hero {
      flex-direction: column;
      align-items: flex-start;
    }
  }

  .me-hub {
    --me-orange: #f97316;
    --me-pay: #1677ff;
  }

  .me-hub .sr-tabs button[aria-current="true"], .me-hub .sr-tabs a[aria-current="true"] {
    color: var(--me-orange);
    box-shadow: inset 0 -2px 0 var(--me-orange);
  }

  .me-tab-dot {
    position: relative;
  }

  .me-dot {
    background: var(--me-orange);
    vertical-align: 6px;
    width: 7px;
    height: 7px;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--me-orange) 25%, transparent);
    border-radius: 999px;
    margin-left: 6px;
    display: inline-block;
  }

  .me .me-paper-card, .me-paper-card {
    border: 1px solid var(--line);
    background: var(--bg);
    border-radius: 16px;
  }

  .pg.two.me .main {
    max-width: 760px;
  }

  .me .head h1 {
    letter-spacing: -.02em;
    font-weight: 600;
  }

  .me-todo {
    border-color: color-mix(in srgb, var(--me-orange) 35%, var(--line));
    background: linear-gradient(135deg, color-mix(in srgb, var(--me-orange) 8%, var(--bg)) 0%, var(--bg) 55%);
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
    padding: 22px 22px 20px;
    display: flex;
  }

  .me-todo-copy {
    min-width: 0;
  }

  .me-todo-copy p {
    color: var(--text-2);
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
  }

  .me-todo .btn {
    flex: none;
  }

  .me-stat-grid {
    gap: 16px;
    margin-bottom: 8px;
  }

  .me-stat {
    border-radius: 16px;
    padding: 18px 16px;
  }

  .me-stat:hover {
    border-color: color-mix(in srgb, var(--me-orange) 50%, var(--line));
  }

  .me-activity {
    gap: 12px;
    display: grid;
  }

  .me-activity-row {
    text-align: left;
    color: inherit;
    font: inherit;
    cursor: pointer;
    border-radius: 16px;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 14px 16px;
    text-decoration: none;
    transition: border-color .15s, box-shadow .15s;
    display: flex;
  }

  .me-activity-row:hover {
    border-color: var(--line-3);
    box-shadow: 0 4px 14px #0000000d;
  }

  .me-activity-row .t1 {
    font-size: 15px;
    font-weight: 550;
  }

  .me-activity-row .t2 {
    color: var(--text-3);
    margin-top: 4px;
    font-size: 13px;
  }

  .me-order-row {
    gap: 12px;
    padding: 4px 4px 12px;
    display: grid;
  }

  .me-order-row.is-on {
    border-color: color-mix(in srgb, var(--me-orange) 45%, var(--line));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--me-orange) 22%, transparent);
  }

  .me-order-row-main {
    width: 100%;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 14px 14px 0;
    display: flex;
  }

  .me-order-row-body .t1 {
    font-size: 15px;
    font-weight: 600;
  }

  .me-order-row-body .t2 {
    color: var(--text-3);
    margin-top: 4px;
    font-size: 13px;
  }

  .me-order-row-right {
    flex: none;
    justify-items: end;
    gap: 8px;
    display: grid;
  }

  .me-order-row-right .money {
    font-size: 16px;
    font-weight: 600;
  }

  .me-order-row-cta {
    padding: 0 14px;
  }

  .me-filter-hint {
    color: var(--text-3);
    margin: 0 0 14px;
    font-size: 13px;
  }

  .me-timeline {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .me-timeline li {
    color: var(--text-4);
    text-align: center;
    justify-items: center;
    gap: 8px;
    font-size: 12px;
    display: grid;
    position: relative;
  }

  .me-timeline li:before {
    content: "";
    background: var(--line);
    height: 2px;
    position: absolute;
    top: 7px;
    left: calc(8px - 50%);
    right: calc(50% + 8px);
  }

  .me-timeline li:first-child:before {
    display: none;
  }

  .me-timeline-dot {
    z-index: 1;
    border: 2px solid var(--line-2);
    background: var(--bg);
    border-radius: 999px;
    width: 14px;
    height: 14px;
    position: relative;
  }

  .me-timeline li.is-done {
    color: var(--text-2);
  }

  .me-timeline li.is-done:before, .me-timeline li.is-current:before {
    background: color-mix(in srgb, var(--me-orange) 55%, var(--line));
  }

  .me-timeline li.is-done .me-timeline-dot {
    border-color: var(--me-orange);
    background: var(--me-orange);
  }

  .me-timeline li.is-current {
    color: var(--text);
    font-weight: 550;
  }

  .me-timeline li.is-current .me-timeline-dot {
    border-color: var(--me-orange);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--me-orange) 22%, transparent);
  }

  .me-sub-pills {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
    display: flex;
  }

  .me-pill-amber {
    background: var(--warn-soft);
    height: 22px;
    color: var(--warn);
    border-radius: 999px;
    align-items: center;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 550;
    display: inline-flex;
  }

  .me-sub-list, .me-pub-list, .me-auth-grid {
    gap: 16px;
  }

  .me-sub-card, .me-pub-card, .me-auth-card {
    border-radius: 16px;
  }

  .me-auth-id {
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    display: flex;
  }

  .me-auth-ava {
    color: #fff;
    border-radius: 12px;
    flex: none;
    place-items: center;
    width: 40px;
    height: 40px;
    font-size: 15px;
    font-weight: 650;
    display: inline-grid;
  }

  .me-auth-budget {
    margin-top: 14px;
  }

  .me-auth-budget-row {
    color: var(--text-3);
    justify-content: space-between;
    gap: 12px;
    font-size: 13px;
    display: flex;
  }

  .me-auth-budget-row strong {
    color: var(--text);
    font-weight: 600;
  }

  .me-auth-bar {
    background: var(--bg-3);
    border-radius: 999px;
    height: 6px;
    margin-top: 8px;
    overflow: hidden;
  }

  .me-auth-bar i {
    border-radius: inherit;
    background: var(--me-orange);
    height: 100%;
    display: block;
  }

  .me-scope-set {
    border: 0;
    margin: 0;
    padding: 0;
  }

  .me-scope-set legend {
    color: var(--text-3);
    margin-bottom: 8px;
    font-size: 13px;
  }

  .me-scope-grid {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
  }

  .me-scope-chip {
    border: 1px solid var(--line-2);
    height: 34px;
    color: var(--text-2);
    cursor: pointer;
    border-radius: 999px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    font-size: 13px;
    display: inline-flex;
  }

  .me-scope-chip:has(input:checked) {
    border-color: color-mix(in srgb, var(--me-orange) 55%, var(--line));
    background: color-mix(in srgb, var(--me-orange) 10%, var(--bg));
    color: var(--text);
  }

  .me-scope-chip input {
    accent-color: var(--me-orange);
  }

  .me-field-err {
    color: var(--red);
    margin: 8px 0 0;
    font-size: 13px;
  }

  .me-token-box {
    background: var(--bg-2);
    border: 1px dashed var(--line-2);
    border-radius: 12px;
    gap: 8px;
    padding: 12px 14px;
    display: grid;
  }

  .me-token-label {
    color: var(--text-3);
    font-size: 12px;
  }

  .me-token-val {
    font-family: var(--mono);
    word-break: break-all;
    color: var(--text);
    font-size: 13px;
  }

  .me-confirm {
    margin-top: 16px;
  }

  .me-confirm p {
    color: var(--text-2);
    margin: 0 0 12px;
    font-size: 14px;
  }

  .me-back {
    font: inherit;
    cursor: pointer;
    color: var(--text-3);
    background: none;
    border: 0;
    margin-bottom: 12px;
    display: inline-block;
  }

  .me-back:hover {
    color: var(--text);
  }

  .me-kyc-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .me-kyc-steps li {
    border: 1px solid var(--line);
    background: var(--bg);
    color: var(--text-3);
    border-radius: 14px;
    align-items: center;
    gap: 8px;
    padding: 12px;
    font-size: 13px;
    display: flex;
  }

  .me-kyc-steps li.on {
    border-color: color-mix(in srgb, var(--me-orange) 55%, var(--line));
    color: var(--text);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--me-orange) 18%, transparent);
  }

  .me-kyc-steps li.done {
    color: var(--text-2);
  }

  .me-kyc-step-n {
    background: var(--bg-3);
    width: 22px;
    height: 22px;
    color: var(--text);
    border-radius: 999px;
    place-items: center;
    font-size: 12px;
    font-weight: 650;
    display: inline-grid;
  }

  .me-kyc-steps li.on .me-kyc-step-n {
    background: var(--me-orange);
    color: #fff;
  }

  .me-kyc-status-row {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    display: flex;
  }

  .me-kyc-lede {
    max-width: 40em;
    margin: 0 0 16px !important;
  }

  .me-subject-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  .me-subject-card {
    text-align: left;
    cursor: pointer;
    font: inherit;
    color: inherit;
    gap: 8px;
    padding: 16px;
    transition: border-color .15s, box-shadow .15s;
    display: grid;
  }

  .me-subject-card strong {
    font-size: 15px;
  }

  .me-subject-card span {
    color: var(--text-3);
    font-size: 13px;
    line-height: 1.55;
  }

  .me-subject-card.is-on {
    border-color: color-mix(in srgb, var(--me-orange) 55%, var(--line));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--me-orange) 20%, transparent);
  }

  .me-kyc-form, .me-publish-form, .me-auth-new, .me-onboard-form {
    border-radius: 16px;
    gap: 14px;
    padding: 18px;
    display: grid;
  }

  .me-kyc-form label, .me-publish-form label, .me-auth-new label {
    color: var(--text-3);
    gap: 6px;
    font-size: 13px;
    display: grid;
  }

  .me-kyc-form input, .me-publish-form input:not([type="radio"]):not([type="checkbox"]), .me-auth-new input:not([type="checkbox"]) {
    border: 1px solid var(--line-2);
    background: var(--bg);
    height: 40px;
    color: var(--text);
    border-radius: 10px;
    padding: 0 12px;
    font-size: 14px;
  }

  .me-kyc-2col {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    display: grid;
  }

  .me-hint {
    color: var(--text-4);
    font-size: 12px;
  }

  .me-check {
    align-items: flex-start;
    gap: 10px;
    color: var(--text-2) !important;
    grid-template-columns: none !important;
    font-size: 13px !important;
    display: flex !important;
  }

  .me-check input {
    accent-color: var(--me-orange);
    margin-top: 2px;
  }

  .me-upload-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    display: grid;
  }

  .me-upload {
    border: 1.5px dashed var(--line-2);
    background: var(--bg-2);
    border-radius: 14px;
    gap: 10px;
    min-height: 140px;
    padding: 14px;
    display: grid;
  }

  .me-upload.has-file {
    background: var(--bg);
    border-style: solid;
  }

  .me-upload-label {
    color: var(--text-3);
    font-size: 13px;
  }

  .me-upload-dash {
    min-height: 64px;
    color: var(--text-4);
    place-items: center;
    font-size: 13px;
    display: grid;
  }

  .me-upload-thumb {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    max-height: 120px;
  }

  .me-upload-actions {
    gap: 8px;
    display: flex;
  }

  .me-upload-name {
    color: var(--text-4);
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-size: 12px;
    overflow: hidden;
  }

  .me-kyc-agree ul {
    color: var(--text-2);
    margin: 12px 0 16px;
    padding-left: 1.2em;
    font-size: 14px;
    line-height: 1.7;
  }

  .me-kyc-demo-actions {
    border-top: 1px solid var(--line);
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    padding-top: 14px;
    display: flex;
  }

  .me-kyc-demo-note {
    color: var(--text-4);
    margin-top: 12px;
    font-size: 12px;
  }

  .me-kyc-nav {
    margin-top: 20px;
  }

  .me-sku-set {
    border: 0;
    gap: 10px;
    margin: 0;
    padding: 0;
    display: grid;
  }

  .me-sku-set legend {
    color: var(--text-3);
    margin-bottom: 4px;
    font-size: 13px;
  }

  .me-sku-card {
    border: 1px solid var(--line);
    cursor: pointer;
    border-radius: 14px;
    gap: 4px;
    padding: 14px;
    display: grid;
  }

  .me-sku-card input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .me-sku-card strong {
    color: var(--text);
    font-size: 14px;
  }

  .me-sku-card span {
    color: var(--text-3);
    font-size: 13px;
  }

  .me-account-grid {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 18px;
    display: grid;
  }

  .me-account-grid h3 {
    margin: 0 0 6px;
    font-size: 15px;
  }

  .me-account-grid .note {
    margin: 0 0 12px;
  }

  .me-account-ava {
    background: color-mix(in srgb, var(--me-orange) 16%, var(--bg-3));
    border-color: color-mix(in srgb, var(--me-orange) 30%, var(--line));
    border-radius: 18px;
  }

  .me-inline-confirm {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: inline-flex;
  }

  .me-id-ava {
    background: color-mix(in srgb, var(--me-orange) 14%, var(--bg-3));
    border-color: color-mix(in srgb, var(--me-orange) 28%, var(--line));
  }

  @media (max-width: 900px) {
    .me-todo {
      flex-direction: column;
      align-items: flex-start;
    }

    .me-subject-grid, .me-kyc-2col, .me-upload-grid, .me-account-grid, .me-timeline, .me-kyc-steps {
      grid-template-columns: 1fr 1fr;
    }
  }

  @media (max-width: 560px) {
    .me-subject-grid, .me-kyc-2col, .me-upload-grid, .me-account-grid, .me-timeline, .me-kyc-steps {
      grid-template-columns: 1fr;
    }
  }

  .me .me-paper-card, .me-paper-card {
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
  }

  .me-text-action, button.me-text-action {
    font: inherit;
    color: var(--text);
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 550;
    text-decoration: none;
    display: inline;
  }

  .me-text-muted {
    color: var(--text-3);
    font-size: 13px;
    text-decoration: none;
  }

  .me-text-muted:hover {
    color: var(--text);
  }

  .me-text-danger, button.me-text-danger {
    font: inherit;
    color: var(--red, #dc2626);
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 550;
    display: inline;
  }

  .me-inline-form {
    margin: 0;
    display: inline;
  }

  .me-row-main {
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-width: 0;
    display: flex;
  }

  .me-row-copy {
    flex: 1;
    min-width: 0;
  }

  .me-row-copy .t1 {
    color: var(--text);
    font-size: 15px;
    font-weight: 550;
  }

  .me-row-copy .t2 {
    color: var(--text-3);
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.5;
  }

  .me-row-end {
    flex-wrap: wrap;
    flex: none;
    justify-content: flex-end;
    align-items: center;
    gap: 10px 14px;
    display: flex;
  }

  .me-todo {
    border: 0;
    border-bottom: 1px solid var(--line);
    background: none;
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin: 0 0 8px;
    padding: 16px 0 18px;
    display: flex;
  }

  .me-todo-pay {
    border-color: var(--line);
    background: none;
  }

  .me-todo-copy h2 {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 600;
  }

  .me-todo-copy p {
    color: var(--text-3);
    margin: 0;
    font-size: 13px;
  }

  .me-stat-grid {
    border-bottom: 1px solid var(--line);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 8px 0 4px;
    padding: 4px 0;
    display: grid;
  }

  .me-stat {
    border: 0;
    border-right: 1px solid var(--line);
    box-shadow: none;
    text-align: left;
    cursor: pointer;
    font: inherit;
    color: inherit;
    background: none;
    border-radius: 0;
    flex-direction: column;
    gap: 6px;
    padding: 16px 14px 16px 0;
    display: flex;
  }

  .me-stat:last-child {
    border-right: 0;
    padding-right: 0;
  }

  .me-stat:hover {
    border-color: var(--line);
    background: none;
  }

  .me-stat:hover .v {
    color: var(--me-orange, #f97316);
  }

  .me-stat .k {
    color: var(--text-3);
    font-size: 12px;
  }

  .me-stat .v {
    letter-spacing: -.03em;
    color: var(--text);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
  }

  .me-stat .h {
    color: var(--text-4);
    font-size: 12px;
  }

  .me-activity {
    flex-direction: column;
    gap: 0;
    display: flex;
  }

  .me-activity-row {
    border: 0;
    border-bottom: 1px solid var(--line);
    box-shadow: none;
    text-align: left;
    color: inherit;
    font: inherit;
    cursor: pointer;
    background: none;
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 14px 0;
    text-decoration: none;
    transition: none;
    display: flex;
  }

  .me-activity-row:hover {
    border-color: var(--line);
    box-shadow: none;
    background: none;
  }

  .me-activity-row:hover .t1 {
    color: var(--me-orange, #f97316);
  }

  .me-activity-row:last-child {
    border-bottom: 0;
  }

  .me .v16-chips.me-filter-chips, .me-filter-chips {
    background: none;
    border: 0;
    margin: 0 0 8px;
    padding: 0;
  }

  .me .v16-chips button {
    color: var(--text-3);
    background: none;
    border-color: #0000;
  }

  .me .v16-chips button:hover {
    color: var(--text);
    background: var(--bg-2);
    border-color: #0000;
  }

  .me .v16-chips button[aria-pressed="true"], .me .v16-chips button.on {
    background: var(--bg-3);
    color: var(--text);
    border-color: #0000;
  }

  .me-order-sheet, .me .me-order-sheet.order-sheet {
    background: none;
    border: 0;
    flex-direction: column;
    gap: 0;
    padding: 0;
    display: flex;
  }

  .me-order-row {
    border: 0;
    border-bottom: 1px solid var(--line);
    box-shadow: none;
    background: none;
    border-radius: 0;
    align-items: center;
    gap: 12px;
    padding: 14px 0;
    display: flex;
  }

  .me-order-row.is-on {
    border-color: var(--line);
    box-shadow: none;
    background: none;
  }

  .me-order-row-main {
    background: none;
    border: 0;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    min-width: 0;
    padding: 0;
    display: flex;
  }

  .me-order-row-cta {
    flex: none;
    padding: 0;
  }

  .me-order-row-cta .btn-alipay {
    height: 32px;
    padding: 0 14px;
    font-size: 13px;
  }

  .me-order-detail {
    border: 0;
    border-top: 1px solid var(--line);
    box-shadow: none;
    background: none;
    border-radius: 0;
    margin-top: 28px;
    padding: 20px 0 0;
  }

  .me-sub-list, .me-pub-list {
    flex-direction: column;
    gap: 0;
    display: flex;
  }

  .me-sub-row, .me-pub-row {
    border-bottom: 1px solid var(--line);
    padding: 16px 0;
  }

  .me-sub-row:last-child, .me-pub-row:last-child {
    border-bottom: 0;
  }

  .me-sub-card, .me-pub-card, .me-auth-card {
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid var(--line);
    background: none;
    border-radius: 0;
    padding: 16px 0;
  }

  .me-auth-list {
    flex-direction: column;
    gap: 0;
    display: flex;
  }

  .me-group-title {
    color: var(--text-3);
    letter-spacing: .02em;
    margin: 8px 0 4px;
    font-size: 13px;
    font-weight: 550;
  }

  .me-auth-grid {
    flex-direction: column;
    gap: 0;
    display: flex;
  }

  .me-auth-row {
    border-bottom: 1px solid var(--line);
    padding: 14px 0;
  }

  .me-auth-row:last-child {
    border-bottom: 0;
  }

  .me-auth-row.is-disabled {
    opacity: .65;
  }

  .me-auth-row .me-auth-id {
    align-items: center;
  }

  .me-auth-ava {
    border-radius: 999px;
    width: 32px;
    height: 32px;
    font-size: 13px;
  }

  .me-auth-new {
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
  }

  .me-token-box {
    border: 1px dashed var(--line-2);
    background: var(--bg-2);
    border-radius: 12px;
  }

  .me-confirm {
    z-index: 80;
    border: 1px solid var(--line);
    background: var(--bg);
    border-radius: 16px;
    width: min(400px, 100vw - 32px);
    margin: 0;
    padding: 20px 20px 16px;
    position: fixed;
    top: 28%;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 18px 48px #00000024;
  }

  .me-kyc-progress-track {
    background: var(--bg-3);
    border-radius: 999px;
    height: 4px;
    overflow: hidden;
  }

  .me-kyc-progress-track i {
    border-radius: inherit;
    background: var(--me-orange, #f97316);
    height: 100%;
    transition: width .2s;
    display: block;
  }

  .me-kyc-progress-labels {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .me-kyc-progress-labels li {
    color: var(--text-4);
    text-align: center;
    font-size: 12px;
  }

  .me-kyc-progress-labels li.done {
    color: var(--text-3);
  }

  .me-kyc-steps {
    display: none !important;
  }

  .me-kyc-block h2 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 600;
  }

  .me-subject-grid {
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    display: grid;
  }

  .me-subject-card {
    border: 0;
    border-right: 1px solid var(--line);
    box-shadow: none;
    text-align: left;
    cursor: pointer;
    font: inherit;
    color: inherit;
    background: none;
    border-radius: 0;
    gap: 6px;
    padding: 16px 14px;
    display: grid;
  }

  .me-subject-card.is-on {
    border-color: var(--line);
    box-shadow: none;
    background: color-mix(in srgb, var(--me-orange, #f97316) 6%, transparent);
  }

  .me-kyc-form, .me-publish-form, .me-auth-new, .me-onboard-form, .me-kyc-agree, .me-kyc-review {
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
    padding: 4px 0 0;
  }

  .me-sku-card {
    border: 0;
    border-bottom: 1px solid var(--line);
    background: none;
    border-radius: 0;
    padding: 12px 0;
  }

  .me-sku-card.is-on {
    border-color: var(--line);
    background: none;
  }

  .me-sku-card.is-on strong {
    color: var(--me-orange, #f97316);
  }

  .me-sku-set {
    border-top: 1px solid var(--line);
  }

  .me-account-hero {
    border: 0;
    border-bottom: 1px solid var(--line);
    box-shadow: none;
    background: none;
    border-radius: 0;
    align-items: center;
    gap: 14px;
    margin: 0 0 8px;
    padding: 8px 0 18px;
    display: flex;
  }

  .me-account-ava {
    background: color-mix(in srgb, var(--me-orange, #f97316) 14%, var(--bg-3));
    border: 1px solid color-mix(in srgb, var(--me-orange, #f97316) 28%, var(--line));
    border-radius: 999px;
    flex: none;
    place-items: center;
    width: 48px;
    height: 48px;
    font-size: 18px;
    font-weight: 650;
    display: inline-grid;
  }

  .me-account-name {
    margin: 0 0 4px;
    font-size: 20px;
    font-weight: 600;
  }

  .me-account-attrs {
    margin: 0;
    padding: 0;
  }

  .me-account-attrs > div {
    border-bottom: 1px solid var(--line);
    grid-template-columns: 96px 1fr;
    gap: 12px;
    padding: 14px 0;
    font-size: 14px;
    display: grid;
  }

  .me-account-attrs dt {
    color: var(--text-3);
    margin: 0;
    font-weight: 450;
  }

  .me-account-attrs dd {
    color: var(--text-2);
    margin: 0;
  }

  .me-account-grid {
    display: none;
  }

  @media (max-width: 900px) {
    .me-stat-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .me-stat:nth-child(2) {
      border-right: 0;
    }

    .me-stat:nth-child(3), .me-stat:nth-child(4) {
      border-top: 1px solid var(--line);
    }

    .me-subject-grid {
      grid-template-columns: 1fr;
    }

    .me-subject-card {
      border-right: 0;
      border-bottom: 1px solid var(--line);
    }

    .me-subject-card:last-child {
      border-bottom: 0;
    }

    .me-kyc-progress-labels {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .me-row-main {
      flex-direction: column;
      align-items: flex-start;
    }

    .me-row-end {
      justify-content: flex-start;
    }

    .me-order-row {
      flex-direction: column;
      align-items: stretch;
    }
  }

  @media (max-width: 560px) {
    .me-stat-grid {
      grid-template-columns: 1fr;
    }

    .me-stat {
      border-right: 0;
      border-bottom: 1px solid var(--line);
    }

    .me-stat:last-child {
      border-bottom: 0;
    }

    .me-account-attrs > div {
      grid-template-columns: 1fr;
      gap: 4px;
    }
  }

  .me-ov {
    flex-direction: column;
    gap: 0;
    padding-top: 0;
    display: flex;
  }

  .me-ov-sec {
    border-bottom: 1px solid var(--line);
    padding: 24px 0;
  }

  .me-ov-sec:last-child {
    border-bottom: 0;
    padding-bottom: 8px;
  }

  .me-ov-head h2 {
    color: var(--text);
    letter-spacing: -.01em;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
  }

  .me-ov-rows {
    flex-direction: column;
    gap: 0;
    display: flex;
  }

  .me-ov-row {
    background: none;
    border: 0;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
    display: flex;
  }

  .me-ov-row + .me-ov-row {
    border-top: 1px solid var(--line);
  }

  .me-ov-empty-row {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    display: flex;
  }

  .me-ov-empty {
    color: var(--text-3);
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
  }

  .me-ov-more {
    cursor: pointer;
    background: none;
    border: 0;
    align-self: flex-start;
    margin-top: 8px;
    padding: 0;
  }

  .me-ov .me-todo, .me-ov-sec {
    border-color: var(--line);
    box-shadow: none;
    background: none;
  }

  @media (max-width: 560px) {
    .me-ov-sec {
      padding: 20px 0;
    }

    .me-ov-row, .me-ov-empty-row {
      flex-direction: column;
      align-items: flex-start;
    }
  }

  .me-hub, .pg.two.me {
    --me-orange: #f97316;
    --me-pay: #1677ff;
    --me-fs-title: 19px;
    --me-fw-title: 600;
    --me-fs-body: 15px;
    --me-fw-body: 500;
    --me-fs-meta: 13px;
    --me-fw-meta: 400;
    --me-row-min: 52px;
    --me-sec-y: 28px;
    --me-space-1: 8px;
    --me-space-2: 12px;
    --me-space-3: 16px;
    --me-space-4: 24px;
    --me-space-5: 32px;
    --me-ink: var(--text);
    --me-ink-2: var(--text-2);
    --me-ink-meta: var(--text-3);
    --me-ink-faint: var(--text-4);
    --me-hover: color-mix(in srgb, var(--text) 4%, transparent);
    --me-radius-btn: 999px;
    --me-radius-input: 9px;
  }

  .me .me-panel > .me-panel-bar h2, .me .me-panel-bar h2, .me .me-panel > h2, .me-ov-head h2, .me-kyc-block h2, .me-account-name {
    font-size: var(--me-fs-title);
    font-weight: var(--me-fw-title);
    letter-spacing: -.015em;
    color: var(--me-ink);
    line-height: 1.35;
  }

  .me .me-panel h2 {
    margin: 0 0 var(--me-space-2);
    font-size: var(--me-fs-title);
    font-weight: var(--me-fw-title);
  }

  .me-row-copy .t1, .me-order-row-body .t1, .me-activity-row .t1, .me-ov-row .t1, .me-todo-copy h2 {
    font-size: var(--me-fs-body);
    font-weight: var(--me-fw-body);
    color: var(--me-ink);
    letter-spacing: -.01em;
    line-height: 1.4;
  }

  .me-row-copy .t2, .me-order-row-body .t2, .me-activity-row .t2, .me-ov-row .t2, .me-todo-copy p, .me-id-line, .me-filter-hint, .me-auth-summary, .me-card-meta, .me-group-title, .me-text-muted, .me-ov-empty, .me-hint, .me-foot, .me .note, .me-kyc-lede, .me-subject-card span {
    font-size: var(--me-fs-meta);
    font-weight: var(--me-fw-meta);
    color: var(--me-ink-meta);
    line-height: 1.55;
  }

  .me-group-title {
    margin: var(--me-space-1) 0 var(--me-space-1);
    letter-spacing: .01em;
  }

  .me-id-line, .me-foot, .me-hint {
    color: var(--me-ink-faint);
    font-size: 12px;
  }

  .me-text-action, button.me-text-action {
    font-size: var(--me-fs-meta);
    color: var(--me-ink);
    font-weight: 500;
  }

  .me-text-action:hover, button.me-text-action:hover {
    color: var(--me-orange);
  }

  .me-ov-sec {
    padding: var(--me-sec-y) 0;
    border-bottom: 1px solid var(--line);
  }

  .me-ov-sec:first-child {
    padding-top: var(--me-space-1);
  }

  .me-ov-sec:last-child {
    padding-bottom: var(--me-space-1);
    border-bottom: 0;
  }

  .me-ov-head {
    margin-bottom: var(--me-space-2);
    gap: var(--me-space-2);
  }

  .me-sec {
    margin-top: var(--me-space-5);
  }

  .me-panel-bar {
    margin-bottom: var(--me-space-2);
    justify-content: space-between;
    align-items: baseline;
    gap: var(--me-space-2);
    display: flex;
  }

  .me .me-panel {
    padding: var(--me-space-1) 0 var(--me-space-2);
  }

  .me-ov-row, .me-sub-row, .me-pub-row, .me-auth-row, .me-order-row, .me-activity-row, .me-row-main {
    min-height: var(--me-row-min);
  }

  .me-ov-row, .me-sub-row, .me-pub-row, .me-auth-row {
    justify-content: space-between;
    align-items: center;
    gap: var(--me-space-3);
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 10px;
    margin: 0 -8px;
    padding: 10px 8px;
    transition: background .12s;
    display: flex;
  }

  .me-ov-row + .me-ov-row {
    box-shadow: inset 0 1px 0 var(--line);
    border-top: 0;
  }

  .me-sub-row, .me-pub-row, .me-auth-row {
    box-shadow: inset 0 -1px 0 var(--line);
    border-bottom: 0;
    border-radius: 0;
    margin: 0;
    padding: 12px 8px;
  }

  .me-sub-row:last-child, .me-pub-row:last-child, .me-auth-row:last-child {
    box-shadow: none;
  }

  .me-ov-row:hover, .me-sub-row:hover, .me-pub-row:hover, .me-auth-row:hover {
    background: var(--me-hover);
    border-color: #0000;
    box-shadow: inset 0 0 #0000;
  }

  .me-ov-rows .me-ov-row + .me-ov-row:hover, .me-sub-list .me-sub-row:hover, .me-pub-list .me-pub-row:hover, .me-auth-list .me-auth-row:hover {
    box-shadow: none;
  }

  .me-ov-rows .me-ov-row + .me-ov-row {
    box-shadow: inset 0 1px 0 var(--line);
  }

  .me-order-row {
    box-shadow: inset 0 -1px 0 var(--line);
    border: 0;
    border-radius: 10px;
    margin: 0 -8px;
    padding: 10px 8px;
    transition: background .12s;
  }

  .me-order-row:last-child {
    box-shadow: none;
  }

  .me-order-row:hover, .me-order-row.is-on {
    background: var(--me-hover);
    box-shadow: none;
    border-color: #0000;
  }

  .me-order-row.is-on .me-order-row-body .t1, .me-activity-row:hover .t1, .me-order-row:hover .t1 {
    color: var(--me-ink);
  }

  .me-row-end, .me-order-row-right, .me-order-row-cta {
    flex-wrap: wrap;
    flex: none;
    justify-content: flex-end;
    align-items: center;
    gap: 8px 12px;
    min-width: 0;
    display: flex;
  }

  .me-order-row-right {
    justify-items: end;
    gap: 6px;
    display: grid;
  }

  .me-order-row-right .money {
    font-size: var(--me-fs-body);
    color: var(--me-ink);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
  }

  .me .empty, .me-empty {
    margin: var(--me-space-1) 0;
    padding: var(--me-space-4) 0 var(--me-space-3);
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
  }

  .me .empty h2, .me-empty .me-empty-title {
    margin: 0 0 var(--me-space-1);
    font-size: var(--me-fs-body);
    font-weight: var(--me-fw-body);
    color: var(--me-ink);
    letter-spacing: -.01em;
  }

  .me .empty .muted, .me-empty .me-empty-copy {
    font-size: var(--me-fs-meta);
    font-weight: var(--me-fw-meta);
    color: var(--me-ink-meta);
    max-width: 36em;
    margin: 0;
    line-height: 1.6;
  }

  .me .empty .button-row, .me-empty .button-row {
    align-items: center;
    gap: var(--me-space-2) var(--me-space-3);
    margin-top: var(--me-space-3);
    flex-wrap: wrap;
    display: flex;
  }

  .me-ov-empty {
    max-width: 36em;
    margin: 0;
  }

  .me-ov-empty-block {
    align-items: flex-start;
    gap: var(--me-space-3);
    flex-direction: column;
    padding: 4px 0 2px;
    display: flex;
  }

  .me-ov-empty-block .button-row {
    align-items: center;
    gap: var(--me-space-2) var(--me-space-3);
    flex-wrap: wrap;
    margin: 0;
    display: flex;
  }

  .me .btn {
    border-radius: var(--me-radius-btn);
  }

  .me .btn-brand, .me a.btn-brand, .me button.btn-brand {
    background: var(--me-orange);
    border-color: var(--me-orange);
    color: #fff;
  }

  .me .btn-alipay, .me a.btn-alipay, .me button.btn-alipay {
    background: var(--me-pay);
    border-color: var(--me-pay);
    color: #fff;
  }

  .me-pill-amber, .me .pill {
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
  }

  .me-kyc-progress {
    margin: 0 0 var(--me-space-4);
  }

  .me-kyc-progress-track {
    height: 3px;
  }

  .me-kyc-progress-labels li {
    font-size: 12px;
    font-weight: var(--me-fw-meta);
    color: var(--me-ink-faint);
  }

  .me-kyc-progress-labels li.on {
    color: var(--me-ink);
    font-weight: 500;
  }

  .me-kyc-status-row {
    margin-bottom: var(--me-space-3);
    background: none;
    padding: 0;
  }

  .me-kyc-form, .me-publish-form, .me-auth-new, .me-onboard-form, .me-kyc-agree, .me-kyc-review {
    padding: var(--me-space-1) 0 0;
    box-shadow: none;
    gap: var(--me-space-3);
    background: none;
    border: 0;
    border-radius: 0;
  }

  .me-kyc-form label, .me-publish-form label:not(.me-sku-card):not(.me-check), .me-auth-new label:not(.me-scope-chip):not(.me-check) {
    text-align: left;
    font-size: var(--me-fs-meta);
    color: var(--me-ink-2);
    justify-items: start;
    gap: 6px;
    font-weight: 500;
    display: grid;
  }

  .me-kyc-form input, .me-publish-form input:not([type="radio"]):not([type="checkbox"]), .me-auth-new input:not([type="checkbox"]) {
    border-radius: var(--me-radius-input);
    height: 40px;
  }

  .me-upload {
    border: 1.5px dashed var(--line-2);
    background: var(--bg-2);
    border-radius: 12px;
  }

  .me-subject-grid {
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    gap: 0;
  }

  .me-subject-card {
    border: 0;
    border-right: 1px solid var(--line);
    box-shadow: none;
    padding: var(--me-space-3) var(--me-space-2);
    background: none;
    border-radius: 0;
  }

  .me-subject-card:last-child {
    border-right: 0;
  }

  .me-subject-card.is-on {
    background: var(--me-hover);
    border-color: var(--line);
    box-shadow: none;
  }

  .me-subject-card.is-on strong {
    color: var(--me-ink);
  }

  .me-subject-card strong {
    font-size: var(--me-fs-body);
    font-weight: var(--me-fw-body);
    color: var(--me-ink);
  }

  .me-account-hero {
    padding: var(--me-space-1) 0 var(--me-space-3);
    margin-bottom: var(--me-space-1);
  }

  .me-account-attrs > div {
    font-size: var(--me-fs-body);
    padding: 14px 0;
  }

  .me-account-attrs dt {
    font-size: var(--me-fs-meta);
    color: var(--me-ink-meta);
  }

  .me-account-attrs dd {
    font-size: var(--me-fs-body);
    font-weight: var(--me-fw-body);
    color: var(--me-ink);
  }

  .me-stat-grid, .me-stat {
    display: none !important;
  }

  @media (max-width: 560px) {
    .me-ov-sec {
      padding: var(--me-space-4) 0;
    }

    .me-ov-row, .me-sub-row, .me-pub-row, .me-auth-row, .me-order-row {
      flex-direction: column;
      align-items: flex-start;
      min-height: 0;
    }

    .me-row-end, .me-order-row-right, .me-order-row-cta {
      justify-content: flex-start;
    }
  }

  .me.me-shell, main.me.me-shell {
    width: 100%;
    max-width: none;
    padding: 20px var(--gut, 24px) 72px;
    box-sizing: border-box;
    margin: 0 auto;
    display: block;
  }

  .me.me-shell .me-main {
    width: 100%;
    max-width: var(--page, 1080px);
    min-width: 0;
    margin: 0 auto;
  }

  .me.me-shell > .head, .pg.two.me > .head, .me .head, .pg.two.me > .side, .me.me-shell > .side, .me-side, .me .side-card, .pg.two.me .side-card {
    display: none !important;
  }

  .pg.two.me {
    padding-bottom: 72px;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    column-gap: 0 !important;
    padding-top: 20px !important;
    display: block !important;
  }

  .pg.two.me > .main {
    max-width: var(--page, 1080px);
    width: 100%;
    margin: 0 auto;
  }

  .me-hub .me-shell, .me-hub .me.me-shell {
    padding-top: 24px;
  }

  .me-guest-empty {
    max-width: 36em;
    padding-top: 8px;
  }

  .me-guest-empty .me-ov-empty {
    margin: 0 0 16px;
  }

  .me .empty {
    background: none;
    border: 0;
    border-radius: 0;
    margin-top: 8px;
    padding: 20px 0;
  }

  .me .empty h2 {
    font-size: var(--me-fs-title, 19px);
    margin: 0 0 8px;
    font-weight: 600;
  }

  .me-ov-empty-block {
    padding-top: 4px;
  }

  .me-foot {
    border-top: 1px solid var(--line);
    color: var(--text-4);
    opacity: .72;
    margin: 24px 0 0;
    padding-top: 12px;
    font-size: 12px;
  }

  .me .me-order-sheet .order-row {
    margin: 0 -8px;
    padding: 12px 8px;
    transition: background .12s;
    box-shadow: none !important;
    box-shadow: inset 0 -1px 0 var(--line) !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  .me .me-order-sheet .order-row:hover {
    background: color-mix(in srgb, var(--text) 4%, transparent) !important;
    box-shadow: inset 0 -1px 0 var(--line) !important;
    transform: none !important;
  }

  .me .me-order-sheet.order-sheet {
    gap: 0;
  }

  .me-order-detail {
    border: 0;
    border-top: 1px solid var(--line);
    background: none;
    border-radius: 0;
    margin-top: 20px;
    padding: 16px 0 0;
  }

  .me-hub .sr-tabs button[aria-current="true"], .me-hub .sr-tabs a[aria-current="true"] {
    color: #f97316;
    font-weight: 500;
    box-shadow: inset 0 -2px #f97316;
  }

  .me-filter-chips.v16-chips button, .me .v16-chips button {
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 13px;
  }

  .me-filter-hint {
    color: var(--text-3);
    margin: 8px 0 16px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.55;
  }

  .me-sub-card, .me-pub-card, .me-auth-card, .me-paper-card {
    box-shadow: none !important;
    border: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    background: none !important;
    border-radius: 0 !important;
    padding: 12px 0 !important;
  }

  .me-sub-card:hover, .me-pub-card:hover, .me-auth-card:hover, .me-paper-card:hover {
    box-shadow: none !important;
    transform: none !important;
  }

  .me h1, .me .head h1, .pg.two.me .head h1 {
    font-size: var(--me-fs-title, 19px) !important;
    font-weight: 600 !important;
  }

  .me-hub.me-admin, .me-admin {
    --me-orange: #f97316;
    --me-pay: #1677ff;
    --me-fs-title: 18px;
    --me-lh-title: 26px;
    --me-fw-title: 600;
    --me-fs-body: 14px;
    --me-lh-body: 20px;
    --me-fw-body: 500;
    --me-fs-meta: 12px;
    --me-lh-meta: 16px;
    --me-fw-meta: 400;
    --me-space-1: 8px;
    --me-space-2: 12px;
    --me-space-3: 16px;
    --me-space-4: 24px;
    --me-space-5: 32px;
    --me-nav-w: 220px;
    --me-row-h: 44px;
    --me-head-h: 40px;
    --me-nav-row: 40px;
    --me-radius-btn: 8px;
    --me-radius-pill: 6px;
    --me-nav-bg: color-mix(in srgb, var(--text) 3.5%, var(--bg));
    --me-nav-active-bg: #f9731624;
    --me-ink: var(--text);
    --me-ink-2: var(--text-2);
    --me-ink-meta: var(--text-3);
    --me-hover: color-mix(in srgb, var(--text) 4%, transparent);
    min-height: calc(100vh - var(--hd, 48px));
    box-sizing: border-box;
    background: var(--bg);
    align-items: stretch;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    display: flex;
  }

  html[data-theme="dark"] .me-hub.me-admin, :root[data-theme="dark"] .me-hub.me-admin, [data-theme="dark"] .me-hub.me-admin {
    --me-nav-bg: #111;
    --me-nav-active-bg: #f973162e;
  }

  :is(body:has(.me-hub.me-admin) .hd, body:has(.me-admin) .hd), :is(body:has(.me-hub.me-admin) .hd-bar, body:has(.me-admin) .hd-bar) {
    height: 48px;
    min-height: 48px;
  }

  .me-hub.me-admin .rs-bar.me-bar, .me-admin .rs-bar.me-bar {
    display: none !important;
  }

  .me-side-nav {
    flex: 0 0 var(--me-nav-w);
    width: var(--me-nav-w);
    top: var(--hd, 48px);
    height: calc(100vh - var(--hd, 48px));
    background: var(--me-nav-bg);
    border-right: 1px solid var(--line);
    box-sizing: border-box;
    z-index: 2;
    flex-direction: column;
    justify-content: space-between;
    align-self: flex-start;
    padding: 12px 0 0;
    display: flex;
    position: sticky;
  }

  .me-side-tabs {
    flex-direction: column;
    gap: 2px;
    padding: 4px 8px;
    display: flex;
    overflow: auto;
  }

  .me-side-tab {
    height: var(--me-nav-row);
    color: var(--me-ink-2);
    font-size: var(--me-fs-body);
    line-height: var(--me-lh-body);
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
    background: none;
    border: 0;
    border-radius: 8px;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 0 12px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    position: relative;
  }

  .me-side-tab:hover {
    background: color-mix(in srgb, var(--text) 5%, transparent);
    color: var(--me-ink);
  }

  .me-side-tab.is-on {
    background: var(--me-nav-active-bg);
    color: var(--me-orange);
    font-weight: 600;
  }

  .me-side-tab.is-on:before {
    content: "";
    background: var(--me-orange);
    border-radius: 0 2px 2px 0;
    width: 3px;
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 0;
  }

  .me-side-ico {
    width: 18px;
    height: 18px;
    color: inherit;
    opacity: .92;
    flex: none;
    display: inline-flex;
  }

  .me-side-lab {
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: auto;
    min-width: 0;
    overflow: hidden;
  }

  .me-side-count {
    font-size: var(--me-fs-meta);
    line-height: var(--me-lh-meta);
    color: var(--me-ink-meta);
    font-weight: 400;
  }

  .me-side-tab .me-dot {
    background: var(--me-orange);
    border-radius: 50%;
    flex: none;
    width: 6px;
    height: 6px;
  }

  .me-side-identity {
    border-top: 1px solid var(--line);
    box-sizing: border-box;
    align-items: center;
    gap: 10px;
    min-height: 64px;
    padding: 12px 14px 16px;
    display: flex;
  }

  .me-side-ava {
    background: color-mix(in srgb, var(--me-orange) 18%, transparent);
    width: 32px;
    height: 32px;
    color: var(--me-orange);
    border-radius: 999px;
    flex: none;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
  }

  .me-side-id-copy {
    flex: auto;
    min-width: 0;
  }

  .me-side-id-name {
    font-size: var(--me-fs-body);
    line-height: var(--me-lh-body);
    color: var(--me-ink);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
    overflow: hidden;
  }

  .me-side-id-meta {
    font-size: var(--me-fs-meta);
    line-height: var(--me-lh-meta);
    color: var(--me-ink-meta);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .me-side-vip {
    background: var(--me-orange);
    color: #fff;
    border-radius: 4px;
    flex: none;
    padding: 0 6px;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
  }

  .me-admin-body {
    background: var(--bg);
    flex-direction: column;
    flex: auto;
    min-width: 0;
    display: flex;
    overflow: auto;
  }

  .me.me-shell.me-admin-main, main.me.me-shell.me-admin-main {
    box-sizing: border-box;
    flex: auto;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 20px 24px 48px;
    display: block;
  }

  .me.me-shell.me-admin-main .me-main {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .me-page-head {
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    min-height: 56px;
    margin: 0 0 8px;
    display: flex;
  }

  .me-page-title {
    line-height: var(--me-lh-title);
    color: var(--me-ink);
    letter-spacing: -.015em;
    margin: 0;
    font-size: var(--me-fs-title) !important;
    font-weight: var(--me-fw-title) !important;
  }

  .me-page-count {
    font-size: var(--me-fs-meta);
    line-height: var(--me-lh-meta);
    color: var(--me-ink-meta);
    margin-left: 4px;
    font-weight: 400;
  }

  .me-next-card {
    box-sizing: border-box;
    background: none;
    border: 0;
    border-radius: 0;
    flex-direction: column;
    gap: 4px;
    min-height: 0;
    max-height: none;
    margin: 0 0 8px;
    padding: 0;
    display: flex;
    overflow: visible;
  }

  .me-next-top {
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    display: flex;
  }

  .me-next-lede {
    font-size: var(--me-fs-body);
    line-height: var(--me-lh-body);
    color: var(--me-ink);
    flex: auto;
    margin: 0;
    font-weight: 500;
  }

  .me-next-rows {
    flex-direction: column;
    display: flex;
  }

  .me-hairline {
    border: 0;
    border-top: 1px solid var(--line);
    height: 0;
    margin: 20px 0;
  }

  .me-flat-row {
    min-height: var(--me-row-h);
    background: none;
    border: 0;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 0;
    display: flex;
  }

  .me-flat-row + .me-flat-row {
    box-shadow: inset 0 1px 0 var(--line);
  }

  .me-step-rows .me-flat-row {
    padding: 4px 0;
  }

  .me-step-n {
    width: 22px;
    height: 22px;
    color: var(--me-orange);
    background: color-mix(in srgb, var(--me-orange) 12%, transparent);
    border-radius: 999px;
    flex: none;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
  }

  .me-table-wrap {
    width: 100%;
    overflow-x: auto;
  }

  .me-table {
    border-collapse: collapse;
    table-layout: auto;
    width: 100%;
  }

  .me-table th, .me-table td {
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid var(--line);
    font-size: var(--me-fs-body);
    line-height: var(--me-lh-body);
    padding: 0 12px;
  }

  .me-table th {
    height: var(--me-head-h);
    color: var(--me-ink-meta);
    background: color-mix(in srgb, var(--text) 2.5%, transparent);
    white-space: nowrap;
    font-weight: 500;
  }

  .me-table td {
    height: var(--me-row-h);
    color: var(--me-ink);
    font-weight: 500;
  }

  .me-table tbody tr:hover td {
    background: var(--me-hover);
  }

  .me-table .t1 {
    color: var(--me-ink);
    font-weight: 500;
  }

  .me-table .t2, .me-table td.t2 {
    font-size: var(--me-fs-meta);
    line-height: var(--me-lh-meta);
    color: var(--me-ink-meta);
    font-weight: 400;
  }

  .me-table .num {
    text-align: right;
    font-variant-numeric: tabular-nums;
  }

  .me-table .act {
    text-align: right;
    white-space: nowrap;
  }

  .me-table .mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 12px;
  }

  .me-table .act .me-text-action, .me-table .act .me-text-muted, .me-table .act .me-text-danger, .me-table .act .me-pay-link {
    margin-left: 10px;
  }

  .me-pay-link {
    font-size: var(--me-fs-meta);
    font-weight: 600;
    text-decoration: none;
    color: var(--me-pay) !important;
  }

  .me-text-danger {
    appearance: none;
    color: #dc2626;
    font-size: var(--me-fs-meta);
    line-height: var(--me-lh-meta);
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
    font-weight: 500;
  }

  .me-text-action, .me-text-muted {
    appearance: none;
    cursor: pointer;
    font-size: var(--me-fs-meta);
    line-height: var(--me-lh-meta);
    background: none;
    border: 0;
    padding: 0;
    text-decoration: none;
  }

  .me-text-action {
    color: var(--me-orange);
    font-weight: 500;
  }

  .me-text-muted {
    color: var(--me-ink-meta);
    font-weight: 400;
  }

  .me-admin .btn, .me-admin a.btn, .me-admin button.btn {
    border-radius: var(--me-radius-btn);
    justify-content: center;
    align-items: center;
    height: 32px;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
  }

  .me-admin .btn-brand, .me-admin a.btn-brand, .me-admin button.btn-brand {
    background: var(--me-orange);
    border-color: var(--me-orange);
    color: #fff;
  }

  .me-admin .btn-alipay, .me-admin a.btn-alipay, .me-admin button.btn-alipay {
    background: var(--me-pay);
    border-color: var(--me-pay);
    color: #fff;
  }

  .me-admin .pill, .me-admin .me-pill-amber, .me-hub.me-admin .pill {
    border-radius: var(--me-radius-pill);
    height: 22px;
    font-size: var(--me-fs-meta);
    box-sizing: border-box;
    align-items: center;
    padding: 0 8px;
    font-weight: 500;
    line-height: 22px;
    display: inline-flex;
  }

  .me-ov-sec {
    border: 0;
    padding: 8px 0 20px;
  }

  .me-ov-head {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    display: flex;
  }

  .me-ov-head h2 {
    font-size: var(--me-fs-title);
    line-height: var(--me-lh-title);
    font-weight: var(--me-fw-title);
    color: var(--me-ink);
    letter-spacing: -.015em;
    margin: 0;
  }

  .me-ov-empty {
    font-size: var(--me-fs-body);
    line-height: var(--me-lh-body);
    color: var(--me-ink-meta);
    text-align: left;
    margin: 0 0 12px;
    font-weight: 400;
  }

  .me-empty-top, .me-guest-empty {
    text-align: left;
    max-width: 36em;
    padding-top: 4px;
  }

  .me-guest-empty .button-row {
    margin-top: 12px;
  }

  .me-account-strip {
    align-items: center;
    gap: 12px;
    min-height: 40px;
    max-height: 40px;
    margin-bottom: 4px;
    display: flex;
  }

  .me-account-ava {
    background: color-mix(in srgb, var(--me-orange) 16%, transparent);
    width: 32px;
    height: 32px;
    color: var(--me-orange);
    border-radius: 999px;
    flex: none;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
  }

  .me-account-strip-copy {
    align-items: center;
    gap: 10px;
    min-width: 0;
    display: flex;
  }

  .me-role-chip {
    background: color-mix(in srgb, var(--text) 6%, transparent);
    color: var(--me-ink-2);
    border-radius: 4px;
    padding: 0 6px;
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
  }

  .me-account-attrs {
    margin: 0;
  }

  .me-account-attrs > div {
    border-bottom: 1px solid var(--line);
    font-size: var(--me-fs-body);
    grid-template-columns: 120px 1fr;
    gap: 12px;
    padding: 12px 0;
    display: grid;
  }

  .me-account-attrs > div:last-child {
    border-bottom: 0;
  }

  .me-account-attrs dt {
    font-size: var(--me-fs-meta);
    color: var(--me-ink-meta);
    font-weight: 400;
  }

  .me-account-attrs dd {
    font-size: var(--me-fs-body);
    color: var(--me-ink);
    margin: 0;
    font-weight: 500;
  }

  .me-danger-row {
    padding: 16px 0 4px;
  }

  .me-foot {
    color: var(--text-4);
    opacity: .45;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 11px;
    display: none;
  }

  .me-admin .me-sku-set {
    border: 0;
    flex-direction: column;
    gap: 0;
    margin: 8px 0 12px;
    padding: 0;
    display: flex;
  }

  .me-admin .me-sku-card {
    box-shadow: inset 0 -1px 0 var(--line);
    background: none;
    border: 0;
    border-radius: 0;
    grid-template-columns: 18px 1fr;
    gap: 2px 10px;
    padding: 12px 0;
    display: grid;
  }

  .me-admin .me-sku-card input {
    grid-row: 1 / span 2;
    margin-top: 3px;
  }

  .me-admin .me-sku-card strong {
    font-size: var(--me-fs-body);
    color: var(--me-ink);
    font-weight: 500;
  }

  .me-admin .me-sku-card span {
    font-size: var(--me-fs-meta);
    color: var(--me-ink-meta);
  }

  .me-admin .me-sku-card.is-on {
    box-shadow: inset 0 -1px 0 var(--line);
    background: none;
  }

  .me-admin .me-subject-card {
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  .me-stat-grid, .me-stat, a.me-stat, button.me-stat, .me-admin .head, .me-admin .side-card, .me-admin .me-side {
    display: none !important;
  }

  .me-admin .me-row-copy .t1, .me-admin .t1 {
    font-size: var(--me-fs-body);
    line-height: var(--me-lh-body);
    color: var(--me-ink);
    font-weight: 500;
  }

  .me-admin .me-row-copy .t2, .me-admin .t2 {
    font-size: var(--me-fs-meta);
    line-height: var(--me-lh-meta);
    color: var(--me-ink-meta);
    font-weight: 400;
  }

  @media (max-width: 1279px) {
    .me-hub.me-admin {
      --me-nav-w: 200px;
    }
  }

  @media (max-width: 1023px) {
    .me-hub.me-admin {
      --me-nav-w: 64px;
    }

    .me-side-lab, .me-side-count, .me-side-id-copy, .me-side-vip {
      display: none;
    }

    .me-side-tab {
      justify-content: center;
      padding: 0;
    }

    .me-side-tab.is-on:before {
      top: 10px;
      bottom: 10px;
    }

    .me-side-identity {
      justify-content: center;
      padding: 12px 0 16px;
    }

    .me.me-shell.me-admin-main {
      padding: 16px 14px 40px;
    }
  }

  .me-auth-desk-wrap .me-auth-desk > .me-panel-bar .note, .me-auth-desk-wrap .me-auth-list, .me-auth-desk-wrap .me-auth-desk > .empty {
    display: none;
  }

  .me-hub.me-admin .me-ov-head h2, .me-admin .me-ov-head h2 {
    color: var(--me-ink);
    font-size: var(--me-fs-title) !important;
    line-height: var(--me-lh-title) !important;
    font-weight: var(--me-fw-title) !important;
  }

  .me-hub.me-admin .me-next-card, .me-admin .me-next-card {
    min-height: 0 !important;
    max-height: none !important;
    box-shadow: none !important;
    background: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }

  .me-stat-grid, .me-stat, a.me-stat, button.me-stat, .me-kyc-steps, .me-todo, .me-todo-pay {
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none !important;
  }
}

/* [project]/apps/web/app/night-indigo.css [app-client] (css) */
@layer legacy {
  html[data-theme="dark"] body {
    color: #f4f7fb;
    background: linear-gradient(#050a15 0%, #0b1220 48%, #070b16 100%);
  }

  .halo {
    vertical-align: middle;
    flex: none;
    place-items: center;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    display: inline-grid;
  }

  .halo-ring {
    background: radial-gradient(circle, #22d3ee33, #0000 68%);
    border: 2px solid #22d3ee;
    border-radius: 999px;
    width: 70%;
    height: 70%;
    box-shadow: 0 0 10px #22d3eed9, 0 0 22px #22d3ee59;
  }

  .hd-brand {
    align-items: center;
    display: inline-flex;
  }

  .wordmark.brand-mark {
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
  }

  .wordmark .halo {
    width: 52px;
    height: 52px;
  }

  .wordmark.brand-mark, .hd-brand .brand-mark, .brand-mark, body[data-page="home"] .hd-brand .brand-mark, body[data-page="market"] .hd-brand .brand-mark {
    color: #f4f7fb;
    font-family: Palatino, Palatino Linotype, Iowan Old Style, Georgia, serif;
    font-weight: 560;
  }

  body:has(.home) .hd-brand .brand-mark {
    color: #f4f7fb;
    font-family: Palatino, Palatino Linotype, Iowan Old Style, Georgia, serif;
    font-weight: 560;
  }

  body:not([data-page="home"]):not(:has(.home)) .hd-brand .brand-mark {
    color: #f4f7fb;
    font-family: Palatino, Palatino Linotype, Iowan Old Style, Georgia, serif;
    font-weight: 560;
  }

  body:has(.rs) .hd-brand .brand-mark {
    color: #f4f7fb;
    font-family: Palatino, Palatino Linotype, Iowan Old Style, Georgia, serif;
    font-weight: 560;
  }

  .brand-mark .bm-tail, .wordmark.brand-mark .bm-tail, .hd-brand .brand-mark .bm-tail, body[data-page="home"] .hd-brand .brand-mark .bm-tail, body[data-page="market"] .hd-brand .brand-mark .bm-tail {
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
  }

  body:has(.home) .hd-brand .brand-mark .bm-tail {
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
  }

  body:not([data-page="home"]):not(:has(.home)) .hd-brand .brand-mark .bm-tail {
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
  }

  body:has(.rs) .hd-brand .brand-mark .bm-tail {
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
  }

  html[data-theme="light"] .brand-mark, html[data-theme="light"] .wordmark.brand-mark, html[data-theme="light"] .hd-brand .brand-mark, html[data-theme="light"] body[data-page="home"] .hd-brand .brand-mark, html[data-theme="light"] body[data-page="market"] .hd-brand .brand-mark {
    color: #12141a;
  }

  html[data-theme="light"] body:has(.home) .hd-brand .brand-mark {
    color: #12141a;
  }

  html[data-theme="light"] body:not([data-page="home"]):not(:has(.home)) .hd-brand .brand-mark {
    color: #12141a;
  }

  html[data-theme="light"] body:has(.rs) .hd-brand .brand-mark {
    color: #12141a;
  }

  .hs-kbd {
    color: #8b9bb4;
    font-family: var(--mono);
    border: 1px solid #94a3b859;
    border-radius: 6px;
    flex: none;
    margin-right: 6px;
    padding: 2px 6px;
    font-size: 11px;
  }

  .home-index {
    text-align: center;
    color: #22d3ee;
    margin: 6px 0 0;
    font-size: 13px;
  }

  .home-sheet {
    width: min(1240px, 100% - 48px);
    margin: 28px auto 72px;
  }

  .agent-table {
    width: 100%;
  }

  .agent-table ol {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .agent-head, .agent-line {
    grid-template-columns: minmax(0, 1fr) 132px 156px 96px 20px;
    align-items: center;
    gap: 12px;
    width: 100%;
    display: grid;
  }

  .agent-line {
    text-decoration: none;
  }

  .agent-head {
    color: #8b9bb4;
    letter-spacing: .08em;
    padding: 8px 8px 10px;
    font-size: 11px;
  }

  .agent-line {
    color: inherit;
    border-top: 1px solid #94a3b82e;
    padding: 14px 8px;
  }

  .agent-table li:last-child .agent-line {
    border-bottom: 1px solid #94a3b82e;
  }

  .agent-who {
    gap: 12px;
    min-width: 0;
    display: flex;
  }

  .agent-who strong {
    font-size: 15px;
    font-weight: 600;
    display: block;
  }

  .agent-who em {
    color: #8b9bb4;
    margin-top: 3px;
    font-size: 13px;
    font-style: normal;
    display: block;
  }

  .agent-ava {
    color: #67e8f9;
    background: #121c30;
    border-radius: 999px;
    flex: none;
    place-items: center;
    width: 36px;
    height: 36px;
    display: grid;
  }

  .agent-rate small, .agent-lat {
    color: #8b9bb4;
    font-size: 12px;
  }

  .agent-rate i {
    color: #f4f7fb;
    font-style: normal;
  }

  .agent-go {
    color: #8b9bb4;
  }

  .ni-check {
    color: #8b9bb4;
    align-items: center;
    gap: 8px;
    min-height: 28px;
    font-size: 13px;
    line-height: 1.2;
    display: flex;
  }

  .ni-filter input[type="checkbox"] {
    accent-color: #22d3ee;
    width: 15px;
    height: 15px;
    box-shadow: none;
    border-radius: 3px;
    flex: none;
    margin: 0;
    padding: 0;
  }

  .ft-left {
    justify-content: flex-start;
  }

  .ft-right {
    justify-content: flex-end;
    margin-left: auto;
  }

  main.ni-check.two {
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 420px);
    grid-template-areas: "head head"
                         "side main";
  }

  .check-deadline {
    color: #f87171;
    font-size: 13px;
  }

  .check-debug {
    color: #8b9bb4;
    margin-top: 12px;
    font-size: 12px;
  }

  .qr-wait {
    color: #16181c;
    text-align: center;
    background: #fff;
    place-items: center;
    width: 168px;
    height: 168px;
    padding: 12px;
    font-size: 12px;
    display: grid;
  }

  .plan-switch {
    gap: 8px;
    margin: 12px 0;
    display: flex;
  }

  .plan-switch a {
    color: #8b9bb4;
    border: 1px solid #94a3b847;
    border-radius: 999px;
    padding: 4px 10px;
  }

  .plan-switch a.on {
    color: #f4f7fb;
    border-color: #1677ff;
  }

  .plan-compare {
    border-collapse: collapse;
    color: #8b9bb4;
    width: 100%;
    font-size: 12px;
  }

  .plan-compare th, .plan-compare td {
    text-align: right;
    border-bottom: 1px solid #94a3b82e;
    padding: 6px 4px;
  }

  .plan-compare th:first-child, .plan-compare td:first-child {
    text-align: left;
  }

  .plan-panel .opt-list {
    display: grid;
  }

  .login-card {
    text-align: center;
    width: min(420px, 100%);
    margin-top: 12px;
  }

  .login-or {
    color: #8b9bb4;
    margin: 14px 0;
  }

  .login-fields {
    text-align: left;
    gap: 10px;
    display: grid;
  }

  .login-fields label {
    color: #8b9bb4;
    gap: 6px;
    font-size: 13px;
    display: grid;
  }

  .me-guest-rows {
    gap: 8px;
    display: grid;
  }

  .me-guest-rows h2 {
    color: #8b9bb4;
    margin: 18px 0 6px;
    font-size: 13px;
    font-weight: 500;
  }

  .me-guest-rows .me-flat-row {
    color: inherit;
    border-bottom: 1px solid #94a3b82e;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 0;
    display: flex;
  }

  .me-guest-rows em {
    color: #4ade80;
    font-style: normal;
  }

  .home-chips button.home-chip {
    cursor: pointer;
    font: inherit;
    background: none;
  }

  .home-chip[aria-pressed="true"] {
    color: #f4f7fb;
    border-color: #f4f7fb;
  }

  .offsite-social, .offsite-bottom {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    display: grid;
  }

  .offsite-preview {
    border: 1px solid #94a3b82e;
    border-radius: 16px;
    gap: 6px;
    padding: 20px;
    display: grid;
  }

  .me-guest-rows .me-table td.is-ok, .me-table td.is-ok {
    color: #4ade80;
  }

  .home-tagline {
    text-align: center;
    color: #8b9bb4;
    margin: 14px 0 0;
    font-size: 15px;
    line-height: 1.7;
  }

  body[data-page="home"] .home, .ni-home .home {
    height: auto;
    min-height: calc(100svh - var(--hd) - 72px);
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: visible;
  }

  .ni-home .home-center {
    align-items: center;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    position: relative;
    top: auto;
    transform: translateY(-56px);
  }

  .ni-home .home-center > .wordmark.brand-mark, .ni-home .home-center > .hs {
    align-self: center;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .ni-home .home-center > .hs {
    max-width: var(--ui-home-search);
    flex: none;
    width: min(var(--ui-home-search), 100%) !important;
  }

  .ni-home .home-center > .wordmark.brand-mark {
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    padding: 0;
    display: flex;
  }

  body:has(.ni-home) .halo {
    display: none !important;
  }

  .ni-home .home-chips {
    justify-content: center;
  }

  .ni-home .home-chip {
    color: #f4f7fb;
    background: none;
    border: 1px solid #94a3b859;
  }

  html[data-theme="light"] .ni-home .home-chip {
    color: #16181c;
    border-color: #14161a2e;
  }

  .ni-rows {
    width: min(920px, 100% - 48px);
    margin: 28px auto 48px;
  }

  .ni-row {
    color: inherit;
    border-top: 1px solid #94a3b82e;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 24px;
    padding: 16px 4px;
    display: grid;
  }

  .ni-rows li:last-child .ni-row {
    border-bottom: 1px solid #94a3b82e;
  }

  .ni-row h3 {
    letter-spacing: -.02em;
    font-size: 16px;
    font-weight: 560;
  }

  .ni-row p {
    color: #8b9bb4;
    grid-column: 1;
    font-size: 13px;
  }

  .ni-row:hover h3 {
    color: #67e8f9;
  }

  .ni-row-price {
    grid-row: 1 / span 2;
    align-self: center;
    font-size: 15px;
  }

  .ni-list {
    grid-template-columns: 188px minmax(0, 1fr);
    gap: 28px;
    width: min(1240px, 100% - 32px);
    margin: 20px auto 64px;
    display: grid;
  }

  .ni-list .rs-main {
    width: 100%;
    min-width: 0;
  }

  .ni-filter {
    top: calc(var(--hd) + 16px);
    border-right: 1px solid #94a3b82e;
    align-self: start;
    gap: 18px;
    padding-right: 8px;
    display: grid;
    position: sticky;
  }

  .ni-filter h2 {
    font-size: 14px;
    font-weight: 600;
  }

  .ni-filter button {
    text-align: left;
    color: #8b9bb4;
    cursor: pointer;
    width: 100%;
    font: inherit;
    background: none;
    border: 0;
    padding: 6px 0;
    display: flex;
  }

  .ni-filter button[aria-pressed="true"] {
    color: #f4f7fb;
  }

  .ni-list .rs-body {
    padding: 0;
    display: block;
  }

  .ni-list .rs-side {
    display: none;
  }

  .live-bar {
    z-index: 2;
    color: #8b9bb4;
    background: #050a15f0;
    border-top: 1px solid #94a3b82e;
    order: 1;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 34px;
    margin-top: auto;
    padding: 6px 16px;
    font-size: 12px;
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    display: none !important;
  }

  .live-dot {
    background: #22d3ee;
    border-radius: 999px;
    width: 7px;
    height: 7px;
    box-shadow: 0 0 8px #22d3ee;
  }

  body {
    padding-bottom: 0;
  }

  html[data-theme="light"] .live-bar {
    color: #464b54;
    background: #fffffff0;
  }

  .btn-alipay, .button.alipay, a.button.alipay {
    color: #fff !important;
    background: #1677ff !important;
    border-color: #1677ff !important;
  }

  .btn-alipay:hover, .button.alipay:hover {
    background: #3b8bff !important;
    border-color: #3b8bff !important;
  }

  .ni-steps {
    color: #8b9bb4;
    align-items: center;
    gap: 0;
    margin: 0 0 18px;
    padding: 0;
    font-size: 13px;
    list-style: none;
    display: flex;
  }

  .ni-steps li {
    align-items: center;
    gap: 8px;
    display: inline-flex;
  }

  .ni-steps li + li:before {
    content: "";
    background: #94a3b866;
    width: 42px;
    height: 1px;
    margin: 0 12px;
  }

  .ni-steps i {
    border: 1px solid #94a3b873;
    border-radius: 999px;
    place-items: center;
    width: 22px;
    height: 22px;
    font-size: 12px;
    font-style: normal;
    display: grid;
  }

  .ni-steps .on {
    color: #1677ff;
    font-weight: 600;
  }

  .ni-steps .on i {
    color: #fff;
    background: #1677ff;
    border-color: #1677ff;
  }

  .ni-extra {
    gap: 16px;
    margin-top: 18px;
    display: grid;
  }

  .ni-extra h2 {
    margin: 0 0 8px;
    font-size: 15px;
  }

  .ni-line {
    color: #8b9bb4;
    border-left: 1px solid #94a3b847;
    gap: 8px;
    padding-left: 14px;
    font-size: 13px;
    display: grid;
  }

  .ni-faq {
    color: #8b9bb4;
    gap: 8px;
    font-size: 13px;
    display: grid;
  }

  .login-page {
    justify-items: center;
    padding-top: 8vh;
    display: grid;
  }

  .login-page .auth-card, .login-page .login-sec {
    width: min(420px, 100%);
  }

  .ni-offsite {
    gap: 22px;
    max-width: 860px;
    display: grid;
  }

  .ni-offsite .panel, .ni-offsite .order-card {
    box-shadow: none;
    background: none;
  }

  .me-side-tab.is-on:before {
    background: #f97316;
  }

  .me-side-tab.is-on {
    color: #f97316;
  }

  @media (max-width: 800px) {
    .ni-list {
      grid-template-columns: 1fr;
    }

    .ni-filter {
      border-bottom: 1px solid #94a3b82e;
      border-right: 0;
      padding-bottom: 12px;
      position: static;
    }

    main.plan-page.pg.two {
      grid-template-columns: minmax(0, 1fr);
      grid-template-areas: "head"
                           "side"
                           "main";
    }
  }

  .login-nav {
    color: #8b9bb4;
    justify-content: center;
    gap: 28px;
    margin: 16px 0 4px;
    font-size: 14px;
    display: flex;
  }

  .login-nav a[aria-current="page"] {
    color: #f4f7fb;
  }

  .login-more {
    color: #8b9bb4;
    justify-content: center;
    gap: 18px;
    margin-top: 16px;
    font-size: 13px;
    display: flex;
  }

  .hd-bar .ni-steps {
    margin: 0 0 0 auto;
  }

  aside.check-summary .rows > div {
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 16px;
  }

  aside.check-summary .rows dt {
    white-space: nowrap;
  }

  .me-side-nav {
    height: calc(100vh - var(--hd, 48px) - 40px);
  }

  .login-card button.btn {
    color: #0b1220;
    background: #f4f7fb;
    border-radius: 10px;
  }

  .bm-name {
    white-space: nowrap;
    display: inline;
  }

  body[data-chrome="promo"] .hd-search {
    pointer-events: none;
    visibility: hidden !important;
  }

  body[data-chrome="promo"]:has(.offsite-hero) .hd {
    display: none;
  }

  body:has(.offsite-hero) .subnav {
    display: none;
  }

  .serp-tabs-bar {
    z-index: 40;
    padding: 0 24px 0 var(--serp-x);
    background: #050a15;
    border-bottom: 0;
    position: sticky;
    top: 55px;
  }

  .serp-tabs-bar .market-tabs {
    margin: 0;
    padding: 2px 0 4px;
  }

  .ni-serp {
    box-sizing: border-box;
    width: 100%;
    padding: 0 40px 64px 0;
    position: relative;
  }

  .serp-stage {
    margin-left: var(--serp-x);
    position: relative;
  }

  .serp-col {
    width: var(--serp-w);
    max-width: 100%;
  }

  .serp-count {
    color: #8b9bb4;
    margin: 2px 0 0;
    font-size: 13px;
  }

  .serp-float {
    top: 0;
    left: calc(var(--serp-w) + var(--serp-gutter, 54px));
    background: #0b1220eb;
    border: 1px solid #94a3b847;
    border-radius: 10px;
    width: 200px;
    padding: 8px 10px;
    position: absolute;
    right: auto;
  }

  .serp-float h2, .serp-float .ni-filter-title {
    margin: 0 0 2px;
    font-size: 12px;
  }

  .serp-float .ni-rate, .serp-float .ni-check {
    min-height: 0;
    padding: 2px 0;
  }

  .serp-float.ni-filter {
    border-right: 0;
    padding-right: 16px;
    position: absolute;
  }

  .market-tabs button[aria-pressed="true"]:after {
    background: #1677ff;
  }

  .serp-hits {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .serp-hit {
    color: inherit;
    border-top: 0;
    padding: 6px 0 7px;
    text-decoration: none;
    display: block;
  }

  .serp-site {
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    height: 24px;
    min-height: 0;
    display: grid;
  }

  .serp-ico {
    color: #67e8f9;
    background: #121c30;
    border-radius: 999px;
    justify-self: center;
    place-items: center;
    width: 22px;
    height: 22px;
    font-size: 11px;
    line-height: 22px;
    display: grid;
  }

  .serp-copy {
    gap: 0;
    min-width: 0;
    display: grid;
  }

  .serp-title, .serp-url, .serp-snip, .serp-meta {
    margin: 0;
  }

  .serp-title {
    color: #1677ff;
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
  }

  .serp-url, .serp-meta {
    color: #8b9bb4;
    font-size: 13px;
    line-height: 16px;
  }

  .serp-snip {
    color: #f4f7fb;
    font-size: 13px;
    line-height: 16px;
  }

  html[data-theme="light"] .serp-float {
    background: #fff;
  }

  html[data-theme="light"] .serp-snip {
    color: #16181c;
  }

  .ni-market .ni-filter {
    border-right: 0;
    padding-right: 0;
  }

  .market-tabs {
    gap: 22px;
    margin: 0;
    padding: 4px 0 14px;
    display: flex;
  }

  .market-tabs button {
    color: #8b9bb4;
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 8px 0;
    font-size: 14px;
    position: relative;
  }

  .market-tabs button[aria-pressed="true"] {
    color: #f4f7fb;
  }

  .market-tabs button[aria-pressed="true"]:after {
    content: "";
    background: #f4f7fb;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .ni-rate {
    color: #8b9bb4;
    width: 100%;
    font: inherit;
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
    font-size: 13px;
    display: flex;
  }

  .ni-rate[aria-pressed="true"] {
    color: #f4f7fb;
  }

  body[data-chrome="promo"] .ni-offsite {
    width: min(860px, 100% - 48px);
    margin: 0 auto 72px;
  }

  .offsite-hero {
    text-align: center;
    justify-items: center;
    gap: 6px;
    padding-top: 7vh;
    display: grid;
  }

  .offsite-hero h2 {
    letter-spacing: .08em;
    margin: 0;
    font-size: 28px;
  }

  .check-deadline, .check-clock {
    color: #f87171;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
  }

  .check-pay .mock-qr {
    width: 180px;
    height: 180px;
  }

  .plan-page .plan-sheet, .plan-page .plan-panel {
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
  }

  main.plan-page > .side {
    box-shadow: none;
    background: none;
    border-left: 0;
    padding-left: 8px;
  }

  main.plan-page.pg.two {
    grid-template-columns: minmax(0, 720px) minmax(280px, 412px);
    column-gap: 48px;
  }

  .plan-radios {
    flex-wrap: wrap;
    gap: 8px 22px;
    margin: 14px 0 16px;
    display: flex;
  }

  .plan-radios a {
    color: #8b9bb4;
    background: none;
    border: 0;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    display: inline-flex;
  }

  .plan-radios a.on {
    color: #f4f7fb;
  }

  .plan-radio {
    box-sizing: border-box;
    border: 1.5px solid #8b9bb4;
    border-radius: 999px;
    width: 14px;
    height: 14px;
  }

  .plan-radios a.on .plan-radio {
    border-color: #1677ff;
    box-shadow: inset 0 0 0 3px #0b1220, inset 0 0 0 7px #1677ff;
  }

  .pd-cats .rs-bar {
    background: none;
    border-bottom: 0;
  }

  .pd-cats .rs-bar-in {
    justify-content: center;
    max-width: none;
    height: auto;
  }

  .pd-cats .sr-tabs {
    justify-content: center;
    gap: 8px;
    width: 100%;
  }

  .pd-cats .sr-tabs a {
    height: 40px;
    padding: 0 18px;
  }

  .ni-filter-title {
    color: #f4f7fb;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
  }

  .ni-filter h2 {
    color: #f4f7fb;
    letter-spacing: .02em;
    margin: 0 0 4px;
  }

  .me-logout {
    flex: none;
    margin: 0;
  }

  .me-logout button {
    color: #8b9bb4;
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
    font-size: 13px;
  }

  .me-logout button:hover {
    color: #f4f7fb;
  }

  .offsite-qr {
    justify-items: start;
    gap: 12px;
    display: grid;
  }

  .offsite-qr .mock-qr {
    box-sizing: content-box;
    background: #fff;
    border-radius: 8px;
    width: 128px;
    height: 128px;
    padding: 8px;
  }
}

/* [project]/apps/web/app/skeleton.css [app-client] (css) */
html, body {
  overscroll-behavior-y: none;
}

html[data-theme] body {
  background: var(--ui-bg);
  color: var(--ui-text);
}

html[data-theme] body[data-page="home"] {
  background: radial-gradient(ellipse 760px 420px at 50% 42%, var(--ui-glow), transparent 72%),
    var(--ui-bg);
}

body[data-page="home"] .hd {
  background: none;
}

.brand-mark, .brand-mark .bm-tail {
  color: var(--ui-text);
}

body {
  --hd: var(--ui-header-h);
  --L0: var(--ui-gutter);
  --rail: var(--ui-content-x);
  --cl: var(--ui-content-x);
  --cr: var(--ui-end-x);
}

.hd {
  z-index: 50;
  height: var(--ui-header-h);
  background: var(--ui-bg);
  border-bottom: 0;
  padding: 0;
  display: block;
  position: sticky;
  top: 0;
}

.hd-bar {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  height: var(--ui-h-lg);
  min-height: 0;
  margin: var(--ui-header-top) 0 0;
  padding: 0 var(--ui-end-x) 0 0;
  align-items: center;
  gap: 0;
  display: flex;
}

.hd-brand {
  box-sizing: border-box;
  width: calc(var(--ui-content-x) - var(--ui-search-inset));
  height: var(--ui-h-lg);
  padding: 0 var(--ui-brand-gap) 0 var(--ui-gutter);
  visibility: visible;
  pointer-events: auto;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  display: flex;
}

.hd-brand .brand-mark {
  white-space: nowrap;
  align-items: center;
  height: auto;
  font-size: 22px;
  line-height: 1;
  display: inline-flex;
}

.hd-brand .halo {
  width: 24px;
  height: 24px;
  margin-right: var(--ui-sp-2);
  display: inline-grid;
}

.hd-search {
  box-sizing: border-box;
  flex: 0 1 var(--ui-search-w);
  width: auto;
  max-width: var(--ui-search-w);
  height: var(--ui-h-lg);
  padding: 0 var(--ui-sp-3) 0 var(--ui-search-inset);
  border-radius: var(--ui-r-pill);
  margin: 0;
}

.hd-search, .home .hs-box {
  border: 1px solid var(--ui-search-line);
  background: var(--ui-search-bg);
  box-shadow: none;
  transition: border-color .15s, box-shadow .15s;
}

.home .hs-box {
  box-sizing: border-box;
  height: var(--ui-h-lg);
  border-radius: var(--ui-r-pill);
}

.hd-search:hover, .home .hs-box:hover {
  border-color: var(--ui-search-line-hover);
  background: var(--ui-search-bg);
}

html[data-theme="light"] .hd-search:hover, html[data-theme="light"] .home .hs-box:hover {
  box-shadow: var(--ui-search-lift);
}

.hd-search:focus-within, .home .hs-box:focus-within {
  border-color: var(--ui-search-focus);
  background: var(--ui-search-bg);
  box-shadow: var(--ui-search-ring);
}

.hd-search input, .home .hs-box input {
  font-size: var(--ui-fs-h3);
  color: var(--ui-text);
  caret-color: var(--ui-accent);
}

.hd-search input::placeholder, .home .hs-box input::placeholder {
  color: color-mix(in srgb, var(--ui-text-3) 78%, var(--ui-search-bg));
  opacity: 1;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 767px) {
  .hd-search input::placeholder, .home .hs-box input::placeholder {
    color: color-mix(in srgb, var(--ui-text-3) 65%, var(--ui-search-bg));
    font-size: 12px;
  }
}

.home .hs-ic, .hd-search .vc-btn, .home .hs-mic {
  color: var(--ui-text-3);
}

.hd-search .vc-btn:hover, .home .hs-mic:hover {
  background: var(--ui-surface-2);
  color: var(--ui-text);
}

.hd-search .hs-kbd, .home .hs-kbd {
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-r-sm);
  color: var(--ui-text-3);
  background: none;
}

.home .hs.is-open .hs-box {
  border-color: var(--ui-search-focus);
  border-bottom-color: var(--ui-line);
  box-shadow: none;
  border-radius: 24px 24px 0 0;
}

.home .hs-pop {
  top: var(--ui-h-lg);
  border: 1px solid var(--ui-search-focus);
  background: var(--ui-search-bg);
  box-shadow: var(--ui-search-lift);
  text-align: left;
  border-top: 0;
  border-radius: 0 0 24px 24px;
}

.home .hs-pop li a {
  color: var(--ui-text);
}

.home .hs-pop li a:hover, .home .hs-pop li.is-cur a {
  background: var(--ui-search-hl);
}

.home .hs-pop li.is-cur .hs-t {
  color: var(--ui-accent);
}

.home .hs-pop mark {
  color: var(--ui-accent);
  background: none;
  font-weight: 500;
}

.home .hs-d, .home .hs-m {
  color: var(--ui-text-3);
}

.home .hs-p {
  color: var(--ui-text-2);
}

.home .hs-none {
  color: var(--ui-text-3);
}

.home .hs-all {
  border-top: 1px solid var(--ui-line);
  color: var(--ui-accent);
}

.home .hs-all:hover {
  background: var(--ui-search-hl);
}

.hd-actions {
  align-items: center;
  gap: var(--ui-sp-2);
  padding-left: var(--ui-sp-5);
  flex: none;
  margin-left: auto;
  display: flex;
}

.hd-actions .icon-btn {
  border-radius: var(--ui-r-pill);
  width: 40px;
  height: 40px;
  color: var(--ui-text-2);
  background: none;
  border: 0;
  place-items: center;
  padding: 0;
  display: grid;
}

.hd-actions .icon-btn:hover {
  background: var(--ui-surface-2);
  color: var(--ui-text);
}

.hd-actions .icon-btn svg {
  width: 20px;
  height: 20px;
}

html[data-theme="dark"] .theme-toggle .tt-moon, html[data-theme="light"] .theme-toggle .tt-sun {
  display: none;
}

.hd-account {
  place-items: center;
  width: 40px;
  height: 40px;
  display: grid;
}

.hd-avatar {
  width: 32px;
  height: 32px;
}

.hd-avatar-glyph {
  font-size: var(--ui-fs-body);
}

.hd-bar .ni-steps {
  margin: 0 0 0 var(--ui-sp-6);
}

body[data-page="home"] .hd-brand, body[data-page="home"] .hd-search, body[data-chrome="login"] .hd-brand {
  visibility: hidden;
  pointer-events: none;
}

body:has(.home) .hd-brand {
  visibility: hidden;
  pointer-events: none;
}

body:has(.home) .hd-search {
  visibility: hidden;
  pointer-events: none;
}

.hd-tabs {
  top: var(--ui-header-h);
  z-index: 49;
  box-sizing: border-box;
  width: 100%;
  height: var(--ui-tabs-h);
  padding: 0 max(var(--ui-end-x), 100% - var(--ui-content-x) - var(--ui-list-main) - var(--ui-rail-gap) - var(--ui-rail)) 0
    var(--ui-content-x);
  background: var(--ui-bg);
  border-bottom: 1px solid var(--ui-line);
  justify-content: space-between;
  align-items: stretch;
  margin: 0;
  display: flex;
  position: sticky;
}

.hd-tabs-in {
  align-items: stretch;
  gap: clamp(14px, 1.4vw, var(--ui-sp-5));
  min-width: 0;
  margin-right: var(--ui-sp-5);
  scrollbar-width: none;
  display: flex;
  overflow-x: auto;
}

.hd-tabs-in::-webkit-scrollbar {
  display: none;
}

.hd-tabs-in > a, .hd-tabs-in > button {
  height: 100%;
  font: inherit;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  align-items: center;
  margin: 0;
  padding: 0;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.hd-tabs-in > a:hover, .hd-tabs-in > button:hover, .hd-tabs-in > [aria-current="page"], .hd-tabs-in > [aria-current="true"], .hd-tabs-in > [aria-pressed="true"] {
  color: var(--ui-text);
}

.hd-tabs-in > [aria-current="page"]:after, .hd-tabs-in > [aria-current="true"]:after, .hd-tabs-in > [aria-pressed="true"]:after {
  content: "";
  background: var(--ui-text);
  border-radius: 3px 3px 0 0;
  height: 3px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.hd-tabs-sep {
  background: var(--ui-line-strong);
  flex: none;
  align-self: center;
  width: 1px;
  height: 14px;
}

.hd-tabs-ops {
  align-items: center;
  gap: var(--ui-sp-3);
  white-space: nowrap;
  flex: none;
  display: flex;
}

.ni-serp {
  padding: 0 0 var(--ui-sp-8);
}

.lst-stage {
  grid-template-columns: minmax(0, var(--ui-list-main)) var(--ui-rail);
  column-gap: var(--ui-rail-gap);
  margin: 0 var(--ui-end-x) 0 var(--ui-content-x);
  padding-top: var(--ui-sp-6);
  align-items: start;
  display: grid;
}

.lst-col {
  min-width: 0;
}

.lst-count {
  margin: 0 0 var(--ui-sp-3);
  color: var(--ui-text-3);
  font-size: var(--ui-fs-meta);
  line-height: 20px;
}

.lst {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lst > li + li {
  background: var(--ui-dash) top left / 100% 1px no-repeat;
}

.lst-row {
  column-gap: var(--ui-sp-6);
  color: inherit;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 18px 0;
  text-decoration: none;
  display: grid;
}

.lst-main {
  min-width: 0;
  display: grid;
}

.lst-meta {
  align-items: center;
  gap: 0 var(--ui-sp-2);
  min-height: 20px;
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  flex-wrap: wrap;
  line-height: 18px;
  display: flex;
}

.lst-kind {
  background: color-mix(in srgb, var(--k, var(--ui-text-3)) 14%, transparent);
  height: 18px;
  color: color-mix(in srgb, var(--k, var(--ui-text-3)) 78%, var(--ui-text));
  border-radius: 4px;
  align-items: center;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 500;
  display: inline-flex;
}

.lst-new {
  color: var(--ui-ok);
}

.lst-foot {
  align-items: center;
  gap: 4px var(--ui-sp-3);
  margin-top: var(--ui-sp-2);
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  flex-wrap: wrap;
  line-height: 18px;
  display: flex;
}

.lst-star {
  color: var(--ui-text-2);
  align-items: center;
  gap: 3px;
  display: inline-flex;
}

.lst-star svg {
  color: #f5b301;
}

.lst-tag {
  background: var(--ui-surface-2);
  color: var(--ui-text-2);
  border-radius: 4px;
  padding: 0 6px;
}

[data-kind="API"] {
  --k: #3b82f6;
}

[data-kind="MCP"] {
  --k: #14b8a6;
}

[data-kind="SKILL"] {
  --k: #8b5cf6;
}

[data-kind="AGENT"] {
  --k: #f59e0b;
}

[data-kind="WORKFLOW"] {
  --k: #ec4899;
}

[data-kind="MODEL"] {
  --k: #6366f1;
}

[data-kind="DATASET"] {
  --k: #22c55e;
}

[data-kind="SCRIPT"] {
  --k: #f97316;
}

[data-kind="GOODS"] {
  --k: #b45309;
}

.lst-title {
  font-size: var(--ui-fs-title);
  color: var(--ui-text);
  margin-top: 6px;
  font-weight: 500;
  line-height: 24px;
}

.lst-row:hover .lst-title, .lst-row:focus-visible .lst-title {
  color: var(--ui-accent);
  text-underline-offset: 4px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.lst-sum {
  margin-top: var(--ui-sp-2);
  -webkit-line-clamp: 2;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  -webkit-box-orient: vertical;
  line-height: 20px;
  display: -webkit-box;
  overflow: hidden;
}

.lst-price {
  text-align: right;
  white-space: nowrap;
  align-content: start;
  justify-items: end;
  gap: 6px;
  padding-top: 26px;
  display: grid;
}

.lst-amount {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
  align-items: baseline;
  gap: 3px;
  font-weight: 500;
  line-height: 24px;
  display: inline-flex;
}

.lst-amount .money, .dt-price .money, .dt-plans .money {
  font-family: var(--ui-font-num);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  display: inline-block;
}

.lst-amount .money:first-letter, .dt-price .money:first-letter {
  color: var(--ui-text-2);
  margin-right: 1px;
  font-size: .8em;
  font-weight: 400;
}

.lst-amount small {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  letter-spacing: 0;
  font-weight: 400;
}

.lst-amount.is-free {
  color: var(--ui-ok);
}

.lst-bill {
  background: var(--ui-surface-2);
  height: 18px;
  color: var(--ui-text-2);
  border-radius: 4px;
  align-items: center;
  padding: 0 6px;
  font-size: 11px;
  display: inline-flex;
}

.lst-price[data-billing="SUBSCRIPTION"] .lst-bill {
  background: color-mix(in srgb, var(--ui-accent) 14%, transparent);
  color: color-mix(in srgb, var(--ui-accent) 80%, var(--ui-text));
}

.lst-price[data-billing="FREE"] .lst-bill {
  background: color-mix(in srgb, var(--ui-ok) 14%, transparent);
  color: color-mix(in srgb, var(--ui-ok) 80%, var(--ui-text));
}

.lst-rail {
  top: calc(var(--ui-header-h) + var(--ui-tabs-h) + var(--ui-sp-6));
  padding-left: var(--ui-sp-6);
  border-left: 1px solid var(--ui-line);
  align-content: start;
  display: grid;
  position: sticky;
}

.lst-rail > section {
  padding: var(--ui-sp-2) 0 var(--ui-sp-6);
}

.lst-rail > section + section {
  padding-top: var(--ui-sp-6);
  border-top: 1px solid var(--ui-line);
}

.lst-rail-k {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  margin: 0;
  line-height: 18px;
}

.lst-rail-h {
  margin: var(--ui-sp-2) 0 0;
  color: var(--ui-text);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.lst-rail-p {
  margin: var(--ui-sp-2) 0 0;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  line-height: 21px;
}

.lst-rail-link {
  margin-top: var(--ui-sp-3);
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  display: inline-block;
}

.lst-rail-link:hover {
  color: var(--ui-accent);
}

.lst-rail-btn {
  height: var(--ui-h-md);
  margin-top: var(--ui-sp-4);
  padding: 0 var(--ui-sp-4);
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-md);
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  align-items: center;
  font-weight: 500;
  display: inline-flex;
}

.lst-rail-btn:hover {
  background: var(--ui-surface-2);
}

.lst-rail > .slot {
  padding: var(--ui-sp-2) 0 var(--ui-sp-6);
}

.slot-tag {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
}

.slot-h {
  font-size: var(--ui-fs-h3);
  color: var(--ui-text);
  margin: 6px 0 0;
  font-weight: 500;
  line-height: 24px;
}

.slot-p {
  margin: var(--ui-sp-2) 0 0;
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  line-height: 19px;
}

.slot-terms {
  margin: var(--ui-sp-4) 0 0;
  background: var(--ui-dash) top left / 100% 1px no-repeat;
}

.slot-terms > div {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ui-sp-3);
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  font-size: var(--ui-fs-note);
  padding: 9px 0;
  display: flex;
}

.slot-terms dt {
  color: var(--ui-text-3);
}

.slot-terms dd {
  color: var(--ui-text);
  font-variant-numeric: tabular-nums;
  margin: 0;
}

.slot-btn {
  height: var(--ui-h-md);
  margin-top: var(--ui-sp-4);
  border-radius: var(--ui-r-md);
  background: var(--ui-text);
  color: var(--ui-bg);
  font-size: var(--ui-fs-meta);
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.slot-btn:hover {
  opacity: .88;
}

.slot-more {
  margin-top: var(--ui-sp-3);
  text-align: center;
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  display: block;
}

.slot-more:hover {
  color: var(--ui-text);
}

.lst-rail > .lst-rail-about {
  padding: var(--ui-sp-6) 0 0;
  background: var(--ui-dash) top left / 100% 1px no-repeat;
  border-top: 0;
}

.dt {
  grid-template-columns: minmax(0, var(--ui-list-main)) var(--ui-rail);
  column-gap: var(--ui-rail-gap);
  margin: 0 var(--ui-end-x) 0 var(--ui-content-x);
  padding: var(--ui-sp-6) 0 var(--ui-sp-8);
  align-items: start;
  display: grid;
}

.dt-main {
  min-width: 0;
}

.dt-head {
  padding-bottom: var(--ui-sp-6);
}

.dt-state.is-off {
  color: var(--ui-warn);
}

.dt-title {
  margin: var(--ui-sp-2) 0 0;
  color: var(--ui-text);
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
}

.dt-lead {
  margin: var(--ui-sp-2) 0 0;
  max-width: 640px;
  font-size: var(--ui-fs-body);
  color: var(--ui-text-2);
  line-height: 22px;
}

.dt-line {
  gap: 4px var(--ui-sp-2);
  margin: var(--ui-sp-4) 0 0;
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  flex-wrap: wrap;
  display: flex;
}

.dt-line span + span:before {
  content: "·";
  margin-right: var(--ui-sp-2);
}

.dt-sec {
  padding: var(--ui-sp-6) 0;
  background: var(--ui-dash) top left / 100% 1px no-repeat;
  scroll-margin-top: calc(var(--ui-header-h) + var(--ui-tabs-h) + var(--ui-sp-3));
}

.dt-sec h2 {
  margin: 0 0 var(--ui-sp-3);
  color: var(--ui-text);
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.dt-p {
  margin: 0 0 var(--ui-sp-2);
  max-width: 660px;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  line-height: 23px;
}

.dt-gets {
  gap: var(--ui-sp-2);
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.dt-gets li {
  padding-left: 16px;
  position: relative;
}

.dt-gets li:before {
  content: "";
  border-left: 1.5px solid var(--ui-text-3);
  border-bottom: 1.5px solid var(--ui-text-3);
  width: 6px;
  height: 3px;
  position: absolute;
  top: 7px;
  left: 2px;
  transform: rotate(-45deg);
}

.dt-code {
  margin: var(--ui-sp-3) 0 0;
  padding: var(--ui-sp-3) var(--ui-sp-4);
  border-radius: var(--ui-r-md);
  background: var(--ui-surface-2);
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: var(--ui-fs-note);
  color: var(--ui-text);
  white-space: pre;
  line-height: 20px;
  overflow-x: auto;
}

.dt-kv {
  margin: 0;
}

.dt-kv > div {
  gap: var(--ui-sp-4);
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  font-size: var(--ui-fs-meta);
  grid-template-columns: 120px minmax(0, 1fr);
  padding: 9px 0;
  display: grid;
}

.dt-kv dt {
  color: var(--ui-text);
}

.dt-kv dd {
  color: var(--ui-text-2);
  margin: 0;
}

.dt-steps {
  gap: var(--ui-sp-2);
  counter-reset: step;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.dt-steps li {
  counter-increment: step;
  align-items: baseline;
  gap: var(--ui-sp-2);
  display: flex;
}

.dt-steps li:before {
  content: counter(step);
  width: 18px;
  font-family: var(--ui-font-num);
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  flex: none;
}

.dt-specs {
  column-gap: var(--ui-sp-6);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  display: grid;
}

.dt-specs > div {
  justify-content: space-between;
  gap: var(--ui-sp-3);
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  font-size: var(--ui-fs-meta);
  padding: 9px 0;
  display: flex;
}

.dt-specs dt {
  color: var(--ui-text-3);
  flex: none;
}

.dt-specs dd {
  text-align: right;
  color: var(--ui-text);
  margin: 0;
}

.dt-plan-table > div {
  align-items: baseline;
  gap: var(--ui-sp-4);
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  font-size: var(--ui-fs-meta);
  grid-template-columns: 96px minmax(0, 1fr) auto;
  padding: 10px 0;
  display: grid;
}

.dt-plan-table b {
  color: var(--ui-text);
  font-weight: 500;
}

.dt-plan-table span {
  color: var(--ui-text-2);
}

.dt-plan-table em {
  color: var(--ui-text);
  align-items: baseline;
  gap: 2px;
  font-style: normal;
  display: inline-flex;
}

.dt-plan-table .money {
  font-family: var(--ui-font-num);
}

.dt-plan-table small {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
}

.dt-faq {
  gap: var(--ui-sp-4);
  margin: 0;
  display: grid;
}

.dt-faq dt {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  font-weight: 500;
}

.dt-faq dd {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  margin: 4px 0 0;
  line-height: 22px;
}

.dt-toc {
  gap: 4px var(--ui-sp-5);
  margin-top: var(--ui-sp-5);
  font-size: var(--ui-fs-note);
  flex-wrap: wrap;
  display: flex;
}

.dt-toc a {
  color: var(--ui-text-2);
}

.dt-toc a:hover {
  color: var(--ui-text);
}

.dt-seller {
  align-items: baseline;
  gap: 4px var(--ui-sp-3);
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-3);
  flex-wrap: wrap;
  display: flex;
}

.dt-seller b {
  font-size: var(--ui-fs-body);
  color: var(--ui-text);
  font-weight: 500;
}

.dt-seller a {
  color: var(--ui-text-2);
  margin-left: auto;
}

.dt-seller a:hover {
  color: var(--ui-accent);
}

.addr-form {
  gap: var(--ui-sp-3) var(--ui-sp-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 640px;
  display: grid;
}

.addr-form label {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  gap: 6px;
  display: grid;
}

.addr-form .is-wide {
  grid-column: 1 / -1;
}

.addr-form .addr-default {
  color: var(--ui-text-2);
  align-items: center;
  gap: 6px;
  display: flex;
}

.addr-form .adm-btn, .adm-main .adm-row > .adm-inline-act {
  justify-self: start;
}

@media (max-width: 767px) {
  .addr-form {
    grid-template-columns: minmax(0, 1fr);
  }
}

.dt-ship {
  min-width: 0;
  margin: var(--ui-sp-4) 0 0;
  border: 0;
  gap: 6px;
  padding: 0;
  display: grid;
}

.dt-ship-opt {
  border-radius: var(--ui-r-md);
  box-shadow: inset 0 0 0 1px var(--ui-line);
  cursor: pointer;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 8px;
  padding: 8px 10px;
  display: grid;
}

.dt-ship-opt:has(input:checked) {
  box-shadow: inset 0 0 0 1.5px var(--ui-accent);
  background: color-mix(in srgb, var(--ui-accent) 6%, transparent);
}

.dt-ship-opt input {
  accent-color: var(--ui-accent);
  margin: 3px 0 0;
}

.dt-ship-opt b {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  font-weight: 500;
  display: block;
}

.dt-ship-opt small {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  line-height: 17px;
  display: block;
}

.dt-ship-manage, .dt-ship-empty a {
  font-size: var(--ui-fs-note);
  color: var(--ui-accent);
}

.dt-ship-empty, .dt-ship-fee {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  margin: 0;
}

.dt-rail {
  top: calc(var(--ui-header-h) + var(--ui-tabs-h) + var(--ui-sp-6));
  padding: var(--ui-sp-2) 0 0 var(--ui-sp-6);
  border-left: 1px solid var(--ui-line);
  align-content: start;
  display: grid;
  position: sticky;
}

.dt-plans {
  margin-top: var(--ui-sp-2);
}

.dt-plans a {
  align-items: center;
  gap: var(--ui-sp-2);
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  grid-template-columns: 16px minmax(0, 1fr) auto;
  padding: 10px 0;
  display: grid;
}

.dt-plans a:hover, .dt-plans a[aria-checked="true"] {
  color: var(--ui-text);
}

.dt-radio {
  border: 1px solid var(--ui-line-strong);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.dt-plans a[aria-checked="true"] .dt-radio {
  border: 4px solid var(--ui-text);
}

.dt-plan-price {
  align-items: baseline;
  gap: 2px;
  display: inline-flex;
}

.dt-plans a .money {
  font-family: var(--ui-font-num);
  font-size: var(--ui-fs-meta);
}

.dt-plan-price small {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
}

.dt-price {
  margin: var(--ui-sp-5) 0 0;
  font-family: var(--ui-font-num);
  color: var(--ui-text);
  font-variant-numeric: tabular-nums;
  align-items: baseline;
  gap: 4px;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  display: flex;
}

.dt-price small {
  font-family: var(--font-sans, inherit);
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-3);
  font-weight: 400;
}

.dt-price .is-free {
  color: var(--ui-ok);
}

.dt-pay {
  width: 100%;
  height: 40px;
  margin-top: var(--ui-sp-4);
  border-radius: var(--ui-r-md);
  background: var(--ui-text);
  font: inherit;
  font-size: var(--ui-fs-meta);
  color: var(--ui-bg);
  cursor: pointer;
  border: 0;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.dt-pay:hover {
  opacity: .88;
}

.dt-rail form {
  margin: 0;
}

.dt-pay-note {
  margin: var(--ui-sp-2) 0 0;
  text-align: center;
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
}

.dt-terms {
  margin: var(--ui-sp-5) 0 0;
  background: var(--ui-dash) top left / 100% 1px no-repeat;
}

.dt-terms > div {
  justify-content: space-between;
  gap: var(--ui-sp-3);
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  font-size: var(--ui-fs-note);
  padding: 9px 0;
  display: flex;
}

.dt-terms dt {
  color: var(--ui-text-3);
}

.dt-terms dd {
  text-align: right;
  color: var(--ui-text);
  margin: 0;
}

.hd-account-role {
  justify-content: space-between;
  align-items: center;
  gap: var(--ui-sp-3);
  display: flex;
}

.hd-account-role small {
  color: var(--ui-text-3);
  font-size: 11px;
}

.adm-role {
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-r-pill);
  background: var(--ui-surface);
  flex: none;
  align-self: center;
  gap: 2px;
  padding: 3px;
  display: inline-flex;
}

.hd-tabs-in > .adm-role > a {
  --c: var(--ui-accent);
  border-radius: var(--ui-r-pill);
  height: 32px;
  font-size: var(--ui-fs-body);
  color: var(--ui-text);
  align-items: center;
  gap: 6px;
  padding: 0 16px 0 13px;
  font-weight: 500;
  transition: background .15s, color .15s;
  display: inline-flex;
  position: relative;
}

.hd-tabs-in > .adm-role > a[data-role="seller"] {
  --c: var(--ui-seller);
}

.hd-tabs-in > .adm-role > a:hover {
  background: color-mix(in srgb, var(--c) 10%, transparent);
  color: var(--c);
}

.hd-tabs-in > .adm-role > a[aria-current="true"] {
  background: var(--c);
  color: var(--ui-bg);
  box-shadow: 0 0 16px color-mix(in srgb, var(--c) 35%, transparent);
}

.adm-role a[aria-current="true"] small {
  background: color-mix(in srgb, var(--ui-bg) 22%, transparent);
  color: var(--ui-bg);
}

.adm-role small {
  background: var(--ui-surface);
  color: var(--ui-text-3);
  border-radius: 4px;
  padding: 0 5px;
  font-size: 11px;
  line-height: 16px;
}

.adm-role small[data-state="reviewing"] {
  background: color-mix(in srgb, var(--ui-accent) 14%, transparent);
  color: color-mix(in srgb, var(--ui-accent) 80%, var(--ui-text));
}

.adm-role small[data-state="rejected"] {
  background: color-mix(in srgb, var(--ui-warn) 14%, transparent);
  color: var(--ui-warn);
}

.hd-tabs.is-wide {
  padding: 0 var(--ui-end-x);
}

.adm {
  column-gap: var(--ui-sp-7);
  margin: 0 var(--ui-end-x);
  padding: var(--ui-sp-6) 0 var(--ui-sp-8);
  grid-template-columns: minmax(0, 1fr) 320px;
  align-items: start;
  display: grid;
}

.adm-main {
  min-width: 0;
}

.adm-main > main.page, .adm-main > .page {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
}

.adm-main > .banner {
  margin: 0 0 var(--ui-sp-5);
}

.adm-rail {
  top: calc(var(--ui-header-h) + var(--ui-tabs-h) + var(--ui-sp-6));
  align-content: start;
  gap: var(--ui-sp-5);
  padding: 0 0 0 var(--ui-sp-6);
  border-left: 1px solid var(--ui-line);
  display: grid;
  position: sticky;
}

.adm-who {
  align-items: center;
  gap: var(--ui-sp-3);
  display: flex;
}

.adm-who > span:last-child {
  display: grid;
}

.adm-who b {
  font-size: var(--ui-fs-body);
  color: var(--ui-text);
  font-weight: 500;
}

.adm-who small {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
}

.adm-ids {
  background: var(--ui-dash) top left / 100% 1px no-repeat;
  margin: 0;
}

.adm-ids > div {
  justify-content: space-between;
  gap: var(--ui-sp-3);
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  font-size: var(--ui-fs-note);
  padding: 9px 0;
  display: flex;
}

.adm-ids dt {
  color: var(--ui-text-3);
}

.adm-ids > div[data-on] dt {
  color: var(--ui-text);
}

.adm-ids > div[data-on] dt:before {
  content: "";
  background: var(--ui-accent);
  vertical-align: 1px;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  display: inline-block;
}

.adm-ids dd {
  text-align: right;
  color: var(--ui-text);
  margin: 0;
}

.adm-ids dd[data-state="none"] {
  color: var(--ui-text-3);
}

.adm-ids dd[data-state="reviewing"] {
  color: var(--ui-accent);
}

.adm-ids dd[data-state="rejected"] {
  color: var(--ui-warn);
}

.adm-next p {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  margin: 0;
  line-height: 19px;
}

.adm-btn {
  height: var(--ui-h-md);
  margin-top: var(--ui-sp-3);
  padding: 0 var(--ui-sp-4);
  border-radius: var(--ui-r-md);
  background: var(--ui-text);
  font: inherit;
  font-size: var(--ui-fs-meta);
  color: var(--ui-bg);
  cursor: pointer;
  border: 0;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.adm-btn:hover {
  opacity: .88;
}

.adm-btn.is-quiet {
  background: var(--ui-surface-2);
  color: var(--ui-text);
}

.adm-quick ul {
  margin: var(--ui-sp-2) 0 0;
  background: var(--ui-dash) top left / 100% 1px no-repeat;
  gap: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.adm-quick li {
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  font-size: var(--ui-fs-note);
  gap: 2px;
  padding: 9px 0;
  display: grid;
}

.adm-quick li > a {
  color: var(--ui-text);
}

.adm-quick li > a:hover {
  color: var(--ui-accent);
}

.adm-quick li > span {
  color: var(--ui-text-3);
  justify-content: space-between;
  display: flex;
}

.adm-next-link {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  margin-top: 6px;
  display: inline-block;
}

.adm-next-link:hover {
  color: var(--ui-accent);
}

.adm-help dl {
  margin: var(--ui-sp-2) 0 0;
  background: var(--ui-dash) top left / 100% 1px no-repeat;
}

.adm-help dl > div {
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  padding: 10px 0;
}

.adm-help dt {
  font-size: var(--ui-fs-note);
  color: var(--ui-text);
}

.adm-help dd {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  margin: 3px 0 0;
  line-height: 18px;
}

.adm-switch {
  font-size: var(--ui-fs-note);
  margin: 0;
}

.adm-switch a {
  color: var(--ui-text-3);
}

.adm-switch a:hover {
  color: var(--ui-text);
}

.adm-guest {
  max-width: 520px;
  padding: var(--ui-sp-7) 0;
}

.adm-guest h1, .adm-h1 {
  font-size: var(--ui-fs-h2);
  color: var(--ui-text);
  margin: 0;
  font-weight: 500;
  line-height: 28px;
}

.adm-guest p, .adm-lead {
  margin: var(--ui-sp-2) 0 0;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  line-height: 22px;
}

.adm-guest .adm-btn {
  margin-top: var(--ui-sp-5);
  display: inline-flex;
}

.adm-head {
  margin: 0 0 var(--ui-sp-5);
}

.adm-head h1 {
  font-size: var(--ui-fs-h2);
  color: var(--ui-text);
  margin: 0;
  font-weight: 500;
  line-height: 28px;
}

.adm-head p {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  margin: 6px 0 0;
  line-height: 20px;
}

.adm-sec {
  padding: var(--ui-sp-7) 0 var(--ui-sp-2);
}

.adm-sec:first-child, .adm-subtabs + .adm-sec, .adm-head + .adm-sec {
  padding-top: 0;
}

.adm-sec-h {
  margin: 0 0 var(--ui-sp-2);
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.adm-sec-h h2 {
  align-items: center;
  gap: var(--ui-sp-2);
  font-size: var(--ui-fs-h3);
  color: var(--ui-text);
  margin: 0;
  font-weight: 500;
  line-height: 24px;
  display: inline-flex;
}

.adm-sec-h a, .adm-sec-h span {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
}

.adm-sec-h a:hover {
  color: var(--ui-text);
}

.adm-rows {
  margin: 0;
  padding: 0;
  list-style: none;
}

.adm-row {
  align-items: center;
  gap: var(--ui-sp-4);
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  grid-template-columns: minmax(0, 1fr) auto auto;
  padding: 14px 0;
  display: grid;
}

.adm-main .adm-row {
  column-gap: var(--ui-sp-5);
  grid-template-columns: minmax(0, 1fr) 144px 200px 128px;
}

.adm-main .adm-row > :nth-child(2) {
  justify-self: start;
}

.adm-main .adm-row > :nth-child(3) {
  text-align: left;
  justify-self: stretch;
}

.adm-main .adm-row > :nth-child(4) {
  text-align: right;
  justify-self: end;
}

.adm-main .adm-row > .adm-span2 {
  grid-column: 2 / 4;
  justify-self: stretch;
}

.adm-main .adm-row > .adm-span2 + * {
  grid-column: 4;
}

.adm-main .adm-row > a.adm-act, .adm-main .adm-row > button.adm-link, .adm-main .adm-row > .adm-act-form > button, .adm-main .adm-ops > button, .adm-main .adm-ops > a {
  width: 88px;
  height: var(--ui-h-sm);
  border-radius: var(--ui-r-md);
  background: var(--ui-surface-2);
  font: inherit;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  white-space: nowrap;
  cursor: pointer;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.adm-main .adm-row > a.adm-act:hover, .adm-main .adm-row > button.adm-link:hover, .adm-main .adm-row > .adm-act-form > button:hover, .adm-main .adm-ops > button:hover, .adm-main .adm-ops > a:hover {
  color: var(--ui-accent);
}

.adm-main .adm-row .is-primary.is-primary {
  background: var(--ui-text);
  color: var(--ui-bg);
  font-weight: 500;
}

.adm-main .adm-row .is-primary.is-primary:hover {
  opacity: .88;
  color: var(--ui-bg);
}

.adm-main .adm-row .is-danger.is-danger {
  color: var(--ui-bad);
}

.adm-ops {
  gap: 8px;
  display: inline-flex;
}

.adm-main .adm-ops > button, .adm-main .adm-ops > a {
  width: 60px;
}

.adm-act-form {
  display: contents;
}

.adm-text-btn {
  font: inherit;
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.adm-text-btn:hover {
  color: var(--ui-accent);
}

.adm-mono {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
}

.adm-row b {
  font-size: var(--ui-fs-body);
  color: var(--ui-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  line-height: 20px;
  display: block;
  overflow: hidden;
}

.adm-row small {
  font-size: var(--ui-fs-note);
  color: color-mix(in srgb, var(--ui-text-2) 70%, var(--ui-text-3));
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 3px;
  display: block;
  overflow: hidden;
}

.adm-row .money {
  font-family: var(--ui-font-num);
  color: var(--ui-text);
}

.adm-cell-num {
  text-align: right;
}

.adm-row b a {
  color: inherit;
}

.adm-row b a:hover {
  color: var(--ui-accent);
}

.adm-svc {
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
}

.adm-svc > .adm-row {
  background: none;
}

.adm-quota {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  gap: 5px;
  display: grid;
}

.adm-quota i {
  background: var(--ui-surface-2);
  border-radius: 2px;
  height: 3px;
  display: block;
  overflow: hidden;
}

.adm-quota i b {
  background: var(--ui-text-3);
  border-radius: 2px;
  height: 100%;
  display: block;
}

.adm-access {
  gap: 6px;
  margin: 0;
  padding: 0 0 14px;
  display: grid;
}

.adm-access > div {
  align-items: center;
  gap: var(--ui-sp-3);
  font-size: var(--ui-fs-note);
  grid-template-columns: 96px minmax(0, 1fr);
  display: grid;
}

.adm-access dt {
  color: var(--ui-text-3);
}

.adm-access dd {
  align-items: center;
  gap: var(--ui-sp-2);
  min-width: 0;
  margin: 0;
  display: flex;
}

.adm-access code {
  background: var(--ui-surface-2);
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--ui-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 11px;
  overflow: hidden;
}

.adm-copy {
  font: inherit;
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  padding: 0;
}

.adm-copy:hover {
  color: var(--ui-accent);
}

.adm-bars {
  align-items: flex-end;
  gap: 3px;
  height: 36px;
  display: flex;
}

.adm-bars i {
  background: color-mix(in srgb, var(--ui-accent) 55%, transparent);
  border-radius: 2px 2px 0 0;
  flex: 1 1 0;
  min-width: 4px;
}

.adm-cell-r {
  text-align: right;
}

.adm-note {
  margin: var(--ui-sp-3) 0 0;
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  line-height: 19px;
}

.adm-keyval {
  align-items: center;
  gap: var(--ui-sp-2);
  min-width: 0;
  display: flex;
}

.adm-keyval code {
  background: var(--ui-surface-2);
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--ui-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 11px;
  overflow: hidden;
}

.adm-link.is-danger {
  color: var(--ui-bad);
}

.adm-stars {
  font-size: var(--ui-fs-meta);
  letter-spacing: 2px;
  color: var(--ui-line-strong);
}

.adm-switch-line {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.adm-switch-line input {
  accent-color: var(--ui-accent);
}

.adm-muted {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
}

.adm-main .adm-sec {
  padding-top: 44px;
}

.adm-main .adm-sec:first-child, .adm-main .adm-head + .adm-sec, .adm-main .adm-subtabs + .adm-sec, .adm-main .banner + .adm-sec {
  padding-top: 0;
}

.adm-main .adm-sec-h {
  margin-bottom: var(--ui-sp-3);
}

.adm-main .adm-sec-h h2 {
  font-weight: 600;
}

.adm-main .adm-head {
  margin-bottom: var(--ui-sp-6);
}

.adm-wb .adm-stats {
  column-gap: var(--ui-sp-5);
  border: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
}

.adm-wb .adm-stats > a, .adm-wb .adm-stats > a:first-child {
  padding: var(--ui-sp-3) 0 0;
  border-left: 0;
  border-top: 2px solid var(--ui-line);
}

.adm-tag {
  --dot: var(--ui-text-3);
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.adm-tag:before {
  content: "";
  background: var(--dot);
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
}

.adm-tag[data-tone="ok"] {
  --dot: var(--ui-ok);
}

.adm-tag[data-tone="info"] {
  --dot: var(--ui-accent);
  color: var(--ui-text);
}

.adm-tag[data-tone="warn"] {
  --dot: var(--ui-warn);
  color: var(--ui-warn);
}

.adm-chip {
  background: var(--ui-surface-2);
  height: 20px;
  color: var(--ui-text-2);
  white-space: nowrap;
  border-radius: 4px;
  align-items: center;
  padding: 0 7px;
  font-size: 11px;
  display: inline-flex;
}

.adm-row.adm-thead {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  background: linear-gradient(var(--ui-line), var(--ui-line)) bottom left / 100% 1px no-repeat;
  padding: 0 0 8px;
}

.adm-toggle {
  cursor: pointer;
  align-items: center;
  display: inline-flex;
}

.adm-main .adm-toggle input[type="checkbox"] {
  appearance: none;
  box-sizing: border-box;
  background: var(--ui-line-strong);
  width: 36px;
  height: 20px;
  min-height: 0;
  box-shadow: none;
  cursor: pointer;
  background-image: none;
  border: 0;
  border-radius: 10px;
  outline: none;
  flex: none;
  margin: 0;
  padding: 0;
  transition: background .18s;
  position: relative;
}

.adm-main .adm-toggle input[type="checkbox"]:after {
  content: "";
  background: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transition: transform .18s;
  position: absolute;
  top: 2px;
  left: 2px;
  box-shadow: 0 1px 2px #0000004d;
}

.adm-main .adm-toggle input[type="checkbox"]:checked {
  background: var(--ui-accent);
}

.adm-main .adm-toggle input[type="checkbox"]:checked:after {
  transform: translateX(16px);
}

.adm-main .adm-toggle input[type="checkbox"]:hover, .adm-main .adm-toggle input[type="checkbox"]:focus {
  box-shadow: none;
  border: 0;
}

.adm-main .adm-toggle input[type="checkbox"]:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-accent) 30%, transparent);
}

.adm-main .adm-toggle input[type="checkbox"]:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.adm-sr {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.adm-subtabs {
  gap: var(--ui-sp-5);
  margin: 0 0 var(--ui-sp-6);
  border-bottom: 1px solid var(--ui-line);
  flex-wrap: wrap;
  display: flex;
}

.adm-subtabs a {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  padding: 0 0 10px;
  position: relative;
}

.adm-subtabs a:hover, .adm-subtabs a[aria-current="page"] {
  color: var(--ui-text);
}

.adm-subtabs a[aria-current="page"]:after {
  content: "";
  background: var(--ui-text);
  border-radius: 2px 2px 0 0;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.adm-filter {
  margin: 0 0 var(--ui-sp-2);
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.adm-filter a {
  border-radius: var(--ui-r-pill);
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  padding: 3px 10px;
}

.adm-filter a:hover {
  color: var(--ui-text);
}

.adm-filter a[aria-current="true"] {
  background: var(--ui-surface-2);
  color: var(--ui-text);
}

.adm-empty {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-3);
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  padding: 14px 0;
}

.adm-empty a {
  color: var(--ui-text-2);
}

.adm-stats {
  margin: var(--ui-sp-7) 0 0;
  border-top: 1px solid var(--ui-line);
  border-bottom: 1px solid var(--ui-line);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

.adm-stats > a {
  padding: var(--ui-sp-4) var(--ui-sp-4);
  border-left: 1px solid var(--ui-line);
  color: var(--ui-text);
  gap: 2px;
  display: grid;
}

.adm-stats > a:first-child {
  border-left: 0;
  padding-left: 0;
}

.adm-stats small {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
}

.adm-stats b {
  font-family: var(--ui-font-num);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.adm-stats i {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  font-style: normal;
}

.adm-stats > a:hover i, .adm-stats > a:hover b {
  color: var(--ui-accent);
}

.adm-todo {
  padding-top: 0;
}

.adm-count {
  border-radius: var(--ui-r-pill);
  background: var(--ui-warn);
  min-width: 20px;
  height: 20px;
  font-family: var(--ui-font-num);
  color: #fff;
  place-items: center;
  padding: 0 6px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  display: inline-grid;
}

.adm-done {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  margin: 0;
  padding: 14px 0;
}

.adm-done:before {
  content: "✓";
  color: var(--ui-ok);
  margin-right: 8px;
}

.adm-kv {
  margin: 0;
}

.adm-kv > div {
  gap: var(--ui-sp-4);
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  font-size: var(--ui-fs-meta);
  grid-template-columns: 140px minmax(0, 1fr) auto;
  padding: 11px 0;
  display: grid;
}

.adm-kv dt {
  color: var(--ui-text-3);
}

.adm-kv dd {
  color: var(--ui-text);
  margin: 0;
}

.adm-kv .adm-act {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
}

.adm-steps {
  gap: var(--ui-sp-3);
  margin: var(--ui-sp-5) 0;
  counter-reset: step;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0;
  list-style: none;
  display: grid;
}

.adm-steps li {
  counter-increment: step;
  border-top: 2px solid var(--ui-line-strong);
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  gap: 2px;
  padding-top: 10px;
  display: grid;
}

.adm-steps b {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  font-weight: 500;
}

.adm-steps b:before {
  content: counter(step) "  ";
  font-family: var(--ui-font-num);
  color: var(--ui-text-3);
}

.adm-steps li[data-state="done"] {
  border-top-color: var(--ui-text);
}

.adm-steps li[data-state="done"] b {
  color: var(--ui-text);
}

.adm-steps li[data-state="doing"] {
  border-top-color: var(--ui-accent);
}

.adm-steps li[data-state="doing"] b {
  color: var(--ui-accent);
}

.adm-reject {
  margin: var(--ui-sp-5) 0 0;
  padding: var(--ui-sp-3) var(--ui-sp-4);
  border-left: 2px solid var(--ui-warn);
  background: color-mix(in srgb, var(--ui-warn) 8%, transparent);
}

.adm-reject b {
  font-size: var(--ui-fs-meta);
  color: var(--ui-warn);
  font-weight: 500;
}

.adm-reject p {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  margin: 4px 0 0;
  line-height: 22px;
}

.adm-reject small {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
}

.adm-btn.adm-inline {
  margin-top: var(--ui-sp-4);
  display: inline-flex;
}

.adm-kv > div[data-bad] dt, .adm-kv > div[data-bad] dd {
  color: var(--ui-warn);
}

.adm-demo {
  margin-top: var(--ui-sp-6);
  padding-top: var(--ui-sp-4);
  background: var(--ui-dash) top left / 100% 1px no-repeat;
}

.adm-demo p {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  margin: 0;
}

.adm-demo form {
  gap: var(--ui-sp-2);
  display: flex;
}

.adm-demo .adm-btn {
  margin-top: var(--ui-sp-3);
}

.adm-demo-row {
  gap: var(--ui-sp-2);
  flex-wrap: wrap;
  display: flex;
}

.adm-rows-after {
  margin-top: var(--ui-sp-4);
  opacity: .85;
}

.adm-prod {
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
}

.adm-prod > .adm-row {
  background: none;
  padding-bottom: 6px;
}

.adm-prod b a {
  color: inherit;
}

.adm-prod b a:hover {
  color: var(--ui-accent);
}

.adm-link {
  font: inherit;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.adm-link:hover {
  color: var(--ui-accent);
}

.adm-cat {
  align-items: center;
  gap: var(--ui-sp-2);
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  margin: 0;
  padding: 0 0 12px;
  display: flex;
}

.adm-cat > span, .adm-cat .adm-link {
  white-space: nowrap;
  flex: none;
}

.adm-cat .cat-picker {
  width: 280px;
  min-width: 0;
  height: 28px;
  font-size: var(--ui-fs-note);
  flex: 0 280px;
}

.adm-warn {
  color: var(--ui-warn);
  font-style: normal;
}

.lic {
  align-items: center;
  gap: var(--ui-sp-2) var(--ui-sp-3);
  min-height: var(--ui-h-md);
  flex-wrap: wrap;
  display: flex;
}

.lic-file {
  display: none;
}

.lic-btn {
  height: var(--ui-h-md);
  padding: 0 var(--ui-sp-4);
  border: 1px dashed var(--ui-line-strong);
  border-radius: var(--ui-r-md);
  background: var(--ui-surface);
  font: inherit;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  cursor: pointer;
  flex: none;
}

.lic-btn:hover {
  border-color: var(--ui-text-3);
}

.lic-btn.is-bad {
  border-color: var(--ui-warn);
}

.lic-name {
  min-width: 0;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  overflow-wrap: anywhere;
}

.lic-name small {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
}

.lic-problem {
  font-size: var(--ui-fs-note);
  color: var(--ui-warn);
  flex-basis: 100%;
}

.pub-field.is-bad > span {
  color: var(--ui-warn);
}

.pub-field.is-bad .pub-input, .pub-field.is-bad .cat-picker {
  border-color: var(--ui-warn);
}

.pub-agree {
  align-items: center;
  gap: var(--ui-sp-2);
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  display: flex;
}

.pub-agree a {
  color: var(--ui-text);
}

.pub-agree.is-bad {
  color: var(--ui-warn);
}

.adm-main > .pub, .adm-main > .pub.is-apply {
  max-width: 760px;
  padding-top: 0;
}

.adm-inline-form {
  align-items: flex-end;
  gap: var(--ui-sp-3);
  flex-wrap: wrap;
  margin: 0;
  display: flex;
}

.adm-inline-form label {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  gap: 6px;
  display: grid;
}

.adm-inline-form .is-grow {
  flex: 260px;
}

.adm-inline-form .adm-btn {
  margin-top: 0;
}

.adm-offer {
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
}

.adm-offer > .adm-row {
  background: none;
  padding-bottom: 6px;
}

.adm-offer-ops {
  align-items: center;
  gap: var(--ui-sp-2) var(--ui-sp-4);
  flex-wrap: wrap;
  padding-bottom: 12px;
  display: flex;
}

.adm-offer-ops .copy-row {
  align-items: center;
  gap: 6px;
  margin: 0;
  display: flex;
}

.adm-offer-ops .copy-row input {
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-r-sm);
  background: var(--ui-surface);
  width: 260px;
  height: 28px;
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--ui-text-2);
  padding: 0 8px;
  font-size: 11px;
}

.adm-offer-ops .copy-row .button {
  border-radius: var(--ui-r-sm);
  background: var(--ui-surface-2);
  height: 28px;
  font-size: var(--ui-fs-note);
  color: var(--ui-text);
  cursor: pointer;
  border: 0;
  padding: 0 10px;
}

.adm-code {
  background: var(--ui-surface-2);
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: var(--ui-fs-note);
  border-radius: 4px;
  padding: 2px 6px;
}

.adm-review {
  max-width: 1080px;
  padding: var(--ui-sp-7) var(--ui-gutter) var(--ui-sp-8);
  margin: 0 auto;
}

.adm-review-item {
  padding: var(--ui-sp-3) 0 var(--ui-sp-4);
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
}

.adm-review-form {
  align-items: center;
  gap: var(--ui-sp-2);
  margin-top: var(--ui-sp-3);
  flex-wrap: wrap;
  display: flex;
}

.adm-review-form .pub-input {
  flex: 280px;
  width: auto;
}

.adm-review-form .cat-picker {
  width: 200px;
}

.adm-review-form .adm-btn {
  margin-top: 0;
}

@media (max-width: 1023px) {
  .adm {
    grid-template-columns: minmax(0, 1fr);
  }

  .adm-rail {
    margin-bottom: var(--ui-sp-6);
    padding: 0 0 var(--ui-sp-5);
    background: var(--ui-dash) bottom left / 100% 1px no-repeat;
    border-left: 0;
    order: -1;
    position: static;
  }
}

@media (max-width: 767px) {
  .adm-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .adm-stats > a:nth-child(3) {
    border-left: 0;
    padding-left: 0;
  }

  .adm-stats > a:nth-child(n+3) {
    border-top: 1px solid var(--ui-line);
  }

  .adm-row.adm-thead {
    display: none;
  }

  .adm-wb .adm-stats {
    row-gap: var(--ui-sp-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .adm-wb .adm-stats > a:nth-child(n+3) {
    border-top: 2px solid var(--ui-line);
  }

  .adm-main .adm-row {
    grid-template-columns: minmax(0, 1fr) auto;
    row-gap: 8px;
  }

  .adm-main .adm-row > :nth-child(3) {
    grid-column: 1;
  }

  .adm-main .adm-row > :nth-child(4) {
    grid-column: 2;
  }

  .adm-main .adm-row > .adm-span2 {
    grid-column: 1 / -1;
  }

  .adm-main .adm-row > .adm-span2 + * {
    grid-column: 2;
  }

  .adm-kv > div {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .adm-rail .adm-next, .adm-rail .adm-quick, .adm-rail .adm-help, .adm-rail .adm-switch {
    display: none;
  }
}

.page-fade:empty {
  display: none;
}

.page-fade:has( > .lm.is-sheet) {
  animation: none;
  display: contents;
}

.lm-panel.sh {
  width: min(560px, 100%);
  max-height: calc(100dvh - 2 * var(--ui-gutter));
  padding: var(--ui-sp-6) var(--ui-sp-6) var(--ui-sp-5);
  outline: none;
  display: block;
  overflow-y: auto;
}

.sh-head {
  justify-items: start;
  gap: 6px;
  padding-right: 32px;
  display: grid;
}

.sh-head .lm-title {
  margin: 0;
}

.sh-amount {
  margin: var(--ui-sp-5) 0 0;
  gap: 2px;
  display: grid;
}

.sh-amount small {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
}

.sh-amount b {
  font-family: var(--ui-font-num);
  color: var(--ui-text);
  font-size: 30px;
  font-weight: 500;
  line-height: 38px;
}

.sh-kv {
  margin: var(--ui-sp-4) 0 0;
  background: var(--ui-dash) top left / 100% 1px no-repeat;
}

.sh-kv > div {
  justify-content: space-between;
  gap: var(--ui-sp-4);
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  font-size: var(--ui-fs-meta);
  padding: 10px 0;
  display: flex;
}

.sh-kv dt {
  color: var(--ui-text-3);
}

.sh-kv dd {
  text-align: right;
  color: var(--ui-text);
  margin: 0;
}

.sh-kv > div[data-strong] dd {
  font-family: var(--ui-font-num);
  font-size: var(--ui-fs-title);
  font-weight: 500;
}

.sh-note {
  margin: var(--ui-sp-4) 0 0;
  border-radius: var(--ui-r-md);
  background: color-mix(in srgb, var(--ui-accent) 9%, transparent);
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  padding: 10px 12px;
  line-height: 20px;
}

.sh-note.is-ok {
  background: color-mix(in srgb, var(--ui-ok) 12%, transparent);
  color: var(--ui-ok);
}

.sh-note.is-bad {
  background: color-mix(in srgb, var(--ui-bad) 12%, transparent);
  color: var(--ui-bad);
}

.sh-sec {
  margin: var(--ui-sp-5) 0 0;
}

.sh-k {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  margin: 0 0 6px;
}

.sh-text {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  margin: 0;
  line-height: 20px;
}

.sh-code {
  background: var(--ui-surface-2);
  max-width: 100%;
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--ui-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 4px;
  margin-top: 6px;
  padding: 3px 8px;
  font-size: 12px;
  display: inline-block;
  overflow: hidden;
}

.sh-steps {
  border-left: 1px solid var(--ui-line-strong);
  margin: 0;
  padding: 0 0 0 14px;
  list-style: none;
  display: grid;
}

.sh-steps li {
  justify-content: space-between;
  gap: var(--ui-sp-3);
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  padding: 4px 0;
  display: flex;
  position: relative;
}

.sh-steps li:before {
  content: "";
  background: var(--ui-line-strong);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 11px;
  left: -18px;
}

.sh-steps li:last-child {
  color: var(--ui-text);
}

.sh-steps li:last-child:before {
  background: var(--ui-accent);
  box-shadow: 0 0 6px var(--ui-accent);
}

.sh-steps time {
  font-family: var(--ui-font-num);
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  flex: none;
}

.sh-pipe {
  margin: var(--ui-sp-4) 0 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 0;
  list-style: none;
  display: grid;
}

.sh-pipe li {
  border-top: 2px solid var(--ui-line);
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  padding-top: 8px;
}

.sh-pipe li[data-on] {
  border-top-color: var(--ui-accent);
  color: var(--ui-accent);
}

.sh-claims {
  gap: var(--ui-sp-4);
  margin: var(--ui-sp-4) 0 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.sh-form fieldset {
  gap: var(--ui-sp-3);
  min-width: 0;
  margin: var(--ui-sp-4) 0 0;
  border: 0;
  padding: 0;
  display: grid;
}

.sh-actions form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  display: contents;
}

.sh-field {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  gap: 6px;
  display: grid;
}

.sh-field input {
  box-sizing: border-box;
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-md);
  background: var(--ui-bg);
  width: 100%;
  height: 40px;
  font: inherit;
  font-size: var(--ui-fs-body);
  color: var(--ui-text);
  padding: 0 12px;
}

.sh-field input:focus {
  border-color: var(--ui-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-accent) 18%, transparent);
  outline: none;
}

.sh-error {
  margin: var(--ui-sp-3) 0 0;
  font-size: var(--ui-fs-note);
  color: var(--ui-bad);
}

.sh-code.is-inline {
  vertical-align: 1px;
  margin: 0 0 0 4px;
  padding: 1px 6px;
}

.sh-choice {
  gap: 6px var(--ui-sp-4);
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  flex-wrap: wrap;
  display: flex;
}

.sh-choice input {
  accent-color: var(--ui-accent);
}

.sh-field select {
  box-sizing: border-box;
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-md);
  background: var(--ui-bg);
  width: 100%;
  height: 40px;
  font: inherit;
  font-size: var(--ui-fs-body);
  color: var(--ui-text);
  padding: 0 10px;
}

.sh-fs {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.sh-actions {
  justify-content: flex-end;
  gap: var(--ui-sp-2);
  margin: var(--ui-sp-5) 0 0;
  flex-wrap: wrap;
  display: flex;
}

.sh-actions:empty {
  display: none;
}

.sh-actions.is-stack {
  justify-content: stretch;
  display: grid;
}

.sh-actions.is-stack .lm-alipay {
  border-radius: var(--ui-r-pill);
  margin-top: 0;
}

.sh-btn {
  border-radius: var(--ui-r-pill);
  background: var(--ui-surface-2);
  min-width: 96px;
  height: 36px;
  font: inherit;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  cursor: pointer;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0 18px;
  display: inline-flex;
}

.sh-btn:hover {
  color: var(--ui-accent);
}

.sh-btn.is-primary {
  background: var(--ui-accent);
  color: var(--ui-bg);
  box-shadow: 0 0 12px color-mix(in srgb, var(--ui-accent) 28%, transparent);
  font-weight: 500;
}

.sh-btn.is-primary:hover {
  opacity: .9;
  color: var(--ui-bg);
}

.sh-btn.is-danger {
  color: var(--ui-bad);
}

.sh-btn:disabled, fieldset:disabled .sh-btn {
  opacity: .6;
  cursor: progress;
}

.sh-wait {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 0;
  display: flex;
}

.sh-wait button {
  font: inherit;
  color: var(--ui-accent);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .lm.is-sheet {
    place-items: end stretch;
    padding: 0;
  }

  .lm.is-sheet .lm-panel.sh {
    width: 100%;
    max-height: 88dvh;
    padding: var(--ui-sp-5) var(--ui-gutter) calc(var(--ui-sp-5) + env(safe-area-inset-bottom));
    border-radius: 16px 16px 0 0;
  }

  .sh-claims {
    grid-template-columns: minmax(0, 1fr);
  }

  .sh-actions .sh-btn {
    flex: 1 1 0;
  }
}

.adm-wb .adm-stats.is-static > div {
  padding: var(--ui-sp-3) 0 0;
  border-top: 2px solid var(--ui-line);
  background: linear-gradient(var(--role-c, var(--ui-accent)), var(--role-c, var(--ui-accent))) top left / 28px 2px no-repeat border-box;
  gap: 2px;
  display: grid;
}

.adm-wb .adm-stats.is-static {
  column-gap: var(--ui-sp-5);
  border: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
}

.adm-note.is-hint {
  margin: var(--ui-sp-5) 0 0;
  border-radius: var(--ui-r-md);
  background: color-mix(in srgb, var(--ui-accent) 8%, transparent);
  color: var(--ui-text-2);
  padding: 10px 12px;
}

.adm-block {
  margin-top: 3px;
  display: block;
}

.adm-act-form fieldset {
  display: contents;
}

.adm-main .adm-row > .adm-act-form > fieldset > button {
  width: 88px;
  height: var(--ui-h-sm);
  border-radius: var(--ui-r-pill);
  background: var(--ui-surface-2);
  font: inherit;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  cursor: pointer;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.adm-main .adm-row > .adm-act-form {
  justify-self: end;
}

.adm-filters {
  margin: 0 0 var(--ui-sp-2);
  gap: 6px;
  display: grid;
}

.adm-filters .adm-filter {
  align-items: center;
  margin: 0;
}

.adm-filter-k {
  min-width: 48px;
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
}

.adm-who-tag {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  white-space: nowrap;
}

.adm-who-tag.is-agent {
  background: color-mix(in srgb, var(--ui-seller) 16%, transparent);
  height: 18px;
  color: var(--ui-seller);
  border-radius: 4px;
  align-items: center;
  padding: 0 6px;
  display: inline-flex;
}

.adm-who-tag.is-agent:before {
  content: "";
  background: currentColor;
  border-radius: 2px;
  width: 6px;
  height: 6px;
  margin-right: 4px;
}

.adm-chip[data-kind="sub"] {
  background: color-mix(in srgb, var(--ui-accent) 14%, transparent);
  color: var(--ui-accent);
}

.adm-chip[data-kind="member"] {
  background: color-mix(in srgb, var(--ui-ok) 14%, transparent);
  color: var(--ui-ok);
}

.adm-cell-num.is-failed {
  color: var(--ui-warn);
}

.flow {
  margin: 0 0 var(--ui-sp-6);
  padding: var(--ui-sp-5);
  background: color-mix(in srgb, var(--role-c, var(--ui-accent)) 6%, var(--ui-surface));
  border-radius: 12px;
}

.flow-title {
  margin: 0 0 var(--ui-sp-4);
  font-size: var(--ui-fs-body);
  color: var(--ui-text);
  font-weight: 600;
}

.flow-steps {
  gap: var(--ui-sp-4);
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.flow-steps li {
  align-content: start;
  gap: 4px;
  display: grid;
  position: relative;
}

.flow-steps li:not(:last-child):after {
  content: "";
  top: 11px;
  left: 30px;
  right: calc(-1 * var(--ui-sp-4) + 6px);
  background: var(--ui-line-strong);
  height: 1px;
  position: absolute;
}

.flow-no {
  background: var(--role-c, var(--ui-accent));
  width: 22px;
  height: 22px;
  font-family: var(--ui-font-num);
  color: var(--ui-bg);
  border-radius: 50%;
  place-items: center;
  font-size: 12px;
  font-weight: 600;
  display: grid;
}

.flow-who {
  font-size: var(--ui-fs-note);
  color: var(--role-c, var(--ui-accent));
  margin-top: 4px;
}

.flow-what {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  line-height: 19px;
}

.flow-where {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  line-height: 17px;
}

@media (max-width: 767px) {
  .flow-steps {
    grid-auto-flow: row;
  }

  .flow-steps li {
    column-gap: var(--ui-sp-3);
    grid-template-columns: 22px minmax(0, 1fr);
  }

  .flow-steps li > :not(.flow-no) {
    grid-column: 2;
  }

  .flow-steps li:not(:last-child):after {
    display: none;
  }
}

.adm-link-ops {
  gap: var(--ui-sp-3);
  font-size: var(--ui-fs-note);
  flex-wrap: wrap;
  padding: 0 0 12px;
  display: flex;
}

.pp .sh-head {
  padding-right: 0;
}

.pp-agent {
  margin-top: var(--ui-sp-6);
  padding-top: var(--ui-sp-4);
  background: var(--ui-dash) top left / 100% 1px no-repeat;
}

.pp .lm-alipay {
  border-radius: var(--ui-r-pill);
}

.poster {
  justify-items: center;
  gap: var(--ui-sp-3);
  width: min(420px, 100%);
  margin: var(--ui-sp-7) auto;
  padding: var(--ui-sp-7) var(--ui-sp-6);
  color: #0f172a;
  text-align: center;
  background: #fff;
  border-radius: 16px;
  display: grid;
}

.poster h1 {
  margin: 0;
  font-size: 26px;
  line-height: 34px;
}

.poster p {
  color: #4b5768;
  margin: 0;
  font-size: 14px;
}

.poster-qr {
  width: 240px;
  height: 240px;
}

.poster-qr .mock-qr {
  width: 100%;
  height: 100%;
  display: block;
}

.poster-qr .qr-on {
  fill: #0f172a;
}

.poster-qr .qr-off {
  fill: #fff;
}

.poster-plans {
  gap: 4px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
  display: grid;
}

.poster-foot {
  color: #8a94a5 !important;
  font-size: 12px !important;
}

.poster-ops {
  justify-content: center;
  gap: var(--ui-sp-3);
  display: flex;
}

@media print {
  .hd, .hd-tabs, .ft, .adm-rail, .poster-ops, .ctx-rails, .live-bar {
    display: none !important;
  }

  .poster {
    margin: 0 auto;
  }
}

.mv-form {
  max-width: 640px;
}

.mv-result {
  max-width: 640px;
  padding: var(--ui-sp-5);
  background: color-mix(in srgb, var(--ui-ok) 8%, var(--ui-surface));
  box-shadow: inset 3px 0 0 var(--ui-ok);
  border-radius: 12px;
}

.mv-result.is-bad {
  background: color-mix(in srgb, var(--ui-bad) 8%, var(--ui-surface));
  box-shadow: inset 3px 0 0 var(--ui-bad);
}

.mv-verdict {
  font-size: var(--ui-fs-h3);
  color: var(--ui-ok);
  margin: 0;
  font-weight: 600;
}

.mv-result.is-bad .mv-verdict {
  color: var(--ui-bad);
}

.mc-live {
  margin-top: var(--ui-sp-6);
  padding: var(--ui-sp-6) var(--ui-sp-5) var(--ui-sp-5);
  background: color-mix(in srgb, var(--ui-ok) 10%, var(--ui-surface));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-ok) 35%, transparent);
  text-align: center;
  border-radius: 16px;
  justify-items: center;
  gap: 6px;
  display: grid;
}

.mc-live-ok {
  color: var(--ui-ok);
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 34px;
  display: inline-flex;
}

.mc-live-ok:before {
  content: "✓";
  background: var(--ui-ok);
  width: 34px;
  height: 34px;
  color: var(--ui-bg);
  border-radius: 50%;
  place-items: center;
  font-size: 20px;
  display: grid;
}

.mc-live-plan {
  font-size: var(--ui-fs-title);
  color: var(--ui-text);
  margin: 4px 0 0;
}

.mc-live-perk {
  color: var(--ui-text);
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

.mc-live-tip {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  margin: 4px 0 0;
}

.mc-live .sh-kv {
  text-align: left;
  width: 100%;
}

.mc-live .jn-cta {
  width: 100%;
}

.live-stamp {
  border-radius: var(--ui-r-pill);
  background: color-mix(in srgb, var(--ui-ok) 14%, transparent);
  font-family: var(--ui-font-num);
  font-size: var(--ui-fs-meta);
  color: var(--ui-ok);
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  padding: 4px 12px;
  display: inline-flex;
}

.live-stamp i {
  background: var(--ui-ok);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  animation: 1.2s ease-in-out infinite live-pulse;
}

@keyframes live-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ui-ok) 60%, transparent);
  }

  50% {
    box-shadow: 0 0 0 6px #0000;
  }
}

.mv-today .adm-tag {
  min-width: 0;
}

.mc-code {
  justify-items: center;
  gap: var(--ui-sp-2);
  margin-top: var(--ui-sp-4);
  text-align: center;
  display: grid;
}

.mc-qr {
  background: #fff;
  border-radius: 12px;
  width: 180px;
  height: 180px;
  padding: 10px;
}

.mc-qr .mock-qr {
  width: 100%;
  height: 100%;
  display: block;
}

.mc-qr .qr-on {
  fill: #0f172a;
}

.mc-qr .qr-off {
  fill: #fff;
}

.mc-no {
  font-family: var(--ui-font-num);
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  margin: 0;
}

.mc-code .jn-benefits {
  justify-items: start;
}

.adm-src-icon {
  vertical-align: -2px;
  color: var(--role-c, var(--ui-accent));
  margin-right: 4px;
  display: inline-block;
}

.adm-store {
  align-items: center;
  gap: var(--ui-sp-3);
  min-width: 0;
  display: flex;
}

.adm-store > span:last-child {
  min-width: 0;
}

.adm-store-qr {
  background: #fff;
  border-radius: 6px;
  flex: none;
  width: 44px;
  height: 44px;
  padding: 3px;
}

.adm-store-qr .mock-qr {
  width: 100%;
  height: 100%;
  display: block;
}

.adm-store-qr .qr-on {
  fill: #0f172a;
}

.adm-store-qr .qr-off {
  fill: #fff;
}

.lm-panel.sh.is-confirm {
  width: min(440px, 100%);
}

.lm-panel.sh.is-confirm .lm-title {
  padding-right: 32px;
}

.jn {
  box-sizing: border-box;
  width: min(480px, 100%);
  padding: var(--ui-sp-7) var(--ui-gutter) var(--ui-sp-8);
  margin: 0 auto;
}

.jn-eyebrow {
  font-size: var(--ui-fs-note);
  color: var(--ui-accent);
  margin: 0;
}

.jn-head h1 {
  font-size: var(--ui-fs-h1);
  color: var(--ui-text);
  margin: 6px 0 0;
  font-weight: 500;
  line-height: 36px;
}

.jn-sub {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  margin: 6px 0 0;
}

.jn-plans {
  gap: var(--ui-sp-3);
  margin: var(--ui-sp-6) 0 0;
  border: 0;
  padding: 0;
  display: grid;
}

.jn-plan {
  background: var(--ui-surface);
  box-shadow: inset 0 0 0 1px var(--ui-line);
  cursor: pointer;
  border-radius: 12px;
  gap: 6px;
  padding: 14px 16px;
  transition: box-shadow .15s, background .15s;
  display: grid;
  position: relative;
}

.jn-plan input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.jn-plan:has(input:checked) {
  background: color-mix(in srgb, var(--ui-accent) 8%, var(--ui-surface));
  box-shadow: inset 0 0 0 2px var(--ui-accent);
}

.jn-plan-hd {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ui-sp-3);
  display: flex;
}

.jn-plan-hd b {
  font-size: var(--ui-fs-title);
  color: var(--ui-text);
  font-weight: 500;
}

.jn-plan-hd > span {
  font-family: var(--ui-font-num);
  color: var(--ui-text);
  font-size: 18px;
}

.jn-plan-hd small {
  font-family: var(--ui-font);
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
}

.jn-plan-bd {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  line-height: 18px;
}

.jn .lm-alipay.jn-cta {
  margin-top: var(--ui-sp-5);
  border-radius: var(--ui-r-pill);
}

.jn .sh-btn.jn-cta {
  width: 100%;
  margin-top: var(--ui-sp-5);
}

.jn-benefits {
  margin: var(--ui-sp-4) 0 0;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  gap: 6px;
  padding: 0;
  list-style: none;
  display: grid;
}

.jn-benefits li:before {
  content: "✓";
  color: var(--ui-ok);
  margin-right: 8px;
}

@media (max-width: 767px) {
  .adm-wb .adm-stats.is-static {
    row-gap: var(--ui-sp-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.adm-main .adm-sec-h h2:before, .adm-main .onboarding-progress-head h2:before, .adm-main .onboarding-fee-heading:before {
  content: "";
  background: var(--ui-accent);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 8px color-mix(in srgb, var(--ui-accent) 60%, transparent);
  border-radius: 50%;
  flex: none;
  margin-right: 2px;
}

.adm-wb .adm-stats > a, .adm-wb .adm-stats > a:first-child {
  border-top-color: var(--ui-line);
  background: linear-gradient(var(--ui-accent), var(--ui-accent)) top left / 28px 2px no-repeat border-box;
}

.adm-wb .adm-stats > a:hover {
  border-top-color: var(--ui-accent);
}

.adm-wb .adm-stats b {
  color: var(--ui-text);
}

.adm-subtabs a[aria-current="page"] {
  color: var(--ui-accent);
}

.adm-subtabs a[aria-current="page"]:after {
  background: var(--ui-accent);
}

.adm-tag[data-tone="ok"] {
  color: var(--ui-ok);
}

.adm-tag[data-tone="info"] {
  color: var(--ui-accent);
}

.adm-main .adm-row .is-primary.is-primary {
  background: var(--ui-accent);
  color: var(--ui-bg);
  box-shadow: 0 0 12px color-mix(in srgb, var(--ui-accent) 28%, transparent);
}

.adm-main .adm-row .is-primary.is-primary:hover {
  color: var(--ui-bg);
}

.adm-main .adm-row:has( > .adm-tag[data-tone="warn"]):has( > .is-primary) {
  background: var(--ui-dash) left var(--ui-sp-3) bottom / calc(100% - 2 * var(--ui-sp-3)) 1px no-repeat,
    linear-gradient(90deg, color-mix(in srgb, var(--ui-warn) 9%, transparent), transparent 45%);
  margin: 0 calc(-1 * var(--ui-sp-3));
  padding-left: var(--ui-sp-3);
  padding-right: var(--ui-sp-3);
}

.adm-main .adm-row:has( > .adm-tag[data-tone="info"]):has( > .is-primary) {
  background: var(--ui-dash) left var(--ui-sp-3) bottom / calc(100% - 2 * var(--ui-sp-3)) 1px no-repeat,
    linear-gradient(90deg, color-mix(in srgb, var(--ui-accent) 8%, transparent), transparent 45%);
  margin: 0 calc(-1 * var(--ui-sp-3));
  padding-left: var(--ui-sp-3);
  padding-right: var(--ui-sp-3);
}

.adm-quota i b {
  background: linear-gradient(90deg, color-mix(in srgb, var(--ui-accent) 55%, transparent), var(--ui-accent));
}

.adm-quota i b[data-low] {
  background: linear-gradient(90deg, color-mix(in srgb, var(--ui-warn) 55%, transparent), var(--ui-warn));
}

.adm-cell-num.is-refund {
  color: var(--ui-ok);
}

.adm-rail .lst-rail-k {
  color: var(--ui-accent);
  letter-spacing: .02em;
}

.adm-rail .adm-copy {
  color: var(--ui-accent);
}

.adm-rail .adm-ids > div[data-on] dt:before {
  box-shadow: 0 0 6px var(--ui-accent);
}

.adm-tag {
  background: color-mix(in srgb, var(--ui-text-3) 16%, transparent);
  height: 22px;
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  border-radius: 5px;
  padding: 0 9px;
  font-weight: 500;
}

.adm-tag:before {
  display: none;
}

.adm-tag[data-tone="ok"] {
  background: color-mix(in srgb, var(--ui-ok) 15%, transparent);
  color: var(--ui-ok);
}

.adm-tag[data-tone="info"] {
  background: color-mix(in srgb, var(--ui-accent) 15%, transparent);
  color: var(--ui-accent);
}

.adm-tag[data-tone="warn"] {
  background: color-mix(in srgb, var(--ui-warn) 15%, transparent);
  color: var(--ui-warn);
}

.adm-main .adm-row > a.adm-act, .adm-main .adm-row > button.adm-link, .adm-main .adm-row > .adm-act-form > button, .adm-main .adm-ops > button, .adm-main .adm-ops > a, .adm .adm-btn, .button, .btn {
  border-radius: var(--ui-r-pill);
}

[data-tone="buyer"] {
  --role-c: var(--ui-accent);
}

[data-tone="seller"] {
  --role-c: var(--ui-seller);
}

.hd-tabs[data-tone] .hd-tabs-in > [aria-current="page"] {
  color: var(--role-c);
}

.hd-tabs[data-tone] .hd-tabs-in > [aria-current="page"]:after {
  background: var(--role-c);
}

.adm[data-tone] .adm-sec-h h2:before, .adm[data-tone] .onboarding-progress-head h2:before, .adm[data-tone] .onboarding-fee-heading:before {
  background: var(--role-c);
  box-shadow: 0 0 8px color-mix(in srgb, var(--role-c) 60%, transparent);
}

.adm[data-tone] .adm-wb .adm-stats > a, .adm[data-tone] .adm-wb .adm-stats > a:first-child {
  background: linear-gradient(var(--role-c), var(--role-c)) top left / 28px 2px no-repeat border-box;
}

.adm[data-tone] .adm-wb .adm-stats > a:hover {
  border-top-color: var(--role-c);
}

.adm[data-tone] .adm-subtabs a[aria-current="page"] {
  color: var(--role-c);
}

.adm[data-tone] .adm-subtabs a[aria-current="page"]:after {
  background: var(--role-c);
}

.adm[data-tone] .adm-rail .lst-rail-k {
  color: var(--role-c);
}

.adm[data-tone] .adm-rail .adm-ids > div[data-on] dt:before {
  background: var(--role-c);
  box-shadow: 0 0 6px var(--role-c);
}

.adm-ids-go {
  color: var(--ui-text-2);
  margin-left: 8px;
}

.adm-ids-go:hover {
  color: var(--role-c, var(--ui-accent));
}

.lm {
  z-index: 100;
  padding: var(--ui-gutter);
  place-items: center;
  display: grid;
  position: fixed;
  inset: 0;
}

.lm-backdrop {
  background: color-mix(in srgb, var(--ui-bg) 72%, transparent);
  -webkit-backdrop-filter: blur(4px);
  animation: .15s ease-out lm-fade;
  position: absolute;
  inset: 0;
}

.lm-panel {
  box-sizing: border-box;
  width: min(400px, 100%);
  padding: var(--ui-sp-7) var(--ui-sp-6) var(--ui-sp-5);
  background: var(--ui-surface);
  box-shadow: 0 24px 64px #00000059, 0 0 0 1px var(--ui-line);
  border-radius: 16px;
  animation: .18s ease-out lm-rise;
  position: relative;
}

@keyframes lm-fade {
  from {
    opacity: 0;
  }
}

@keyframes lm-rise {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}

.lm-close {
  border-radius: var(--ui-r-pill);
  width: 32px;
  height: 32px;
  color: var(--ui-text-3);
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  display: grid;
  position: absolute;
  top: 12px;
  right: 12px;
}

.lm-close:hover {
  background: var(--ui-surface-2);
  color: var(--ui-text);
}

.lm-brand {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  align-items: center;
  gap: 6px;
  margin: 0;
  display: flex;
}

.lm-title {
  margin: var(--ui-sp-2) 0 0;
  font-size: var(--ui-fs-h2);
  color: var(--ui-text);
  font-weight: 500;
  line-height: 28px;
}

.lm-sub {
  margin: var(--ui-sp-2) 0 0;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  line-height: 21px;
}

.lm-alipay {
  justify-content: center;
  align-items: center;
  gap: var(--ui-sp-2);
  width: 100%;
  height: 44px;
  margin-top: var(--ui-sp-5);
  border-radius: var(--ui-r-pill);
  background: var(--ui-pay);
  font: inherit;
  font-size: var(--ui-fs-body);
  color: #fff;
  cursor: pointer;
  border: 0;
  font-weight: 500;
  display: flex;
}

.lm-alipay:hover {
  filter: brightness(1.08);
}

.lm-mark {
  flex: none;
}

.lm-points {
  margin: var(--ui-sp-4) 0 0;
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  gap: 6px;
  padding: 0;
  list-style: none;
  display: grid;
}

.lm-points li:before {
  content: "·";
  margin-right: 6px;
}

.lm-wait {
  align-items: center;
  gap: var(--ui-sp-2);
  margin: var(--ui-sp-5) 0 0;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  display: flex;
}

.lm-spin {
  border: 2px solid var(--ui-line-strong);
  border-top-color: var(--ui-pay);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  animation: .8s linear infinite lm-turn;
}

@keyframes lm-turn {
  to {
    transform: rotate(360deg);
  }
}

.lm-panel form {
  margin: 0;
}

.lm-back {
  width: 100%;
  margin-top: var(--ui-sp-2);
  font: inherit;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-3);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 8px 0;
  display: block;
}

.lm-back:hover {
  color: var(--ui-text);
}

.lm-foot {
  margin: var(--ui-sp-5) 0 0;
  padding-top: var(--ui-sp-4);
  background: var(--ui-dash) top left / 100% 1px no-repeat;
  color: var(--ui-text-3);
  font-size: 11px;
  line-height: 18px;
}

.lm-foot a {
  color: var(--ui-text-2);
}

.lm-demo {
  background: var(--ui-surface-2);
  color: var(--ui-text-2);
  border-radius: 4px;
  margin-right: 6px;
  padding: 0 5px;
}

body > main.ap, .ap {
  align-content: center;
  align-self: stretch;
  place-items: center;
  gap: var(--ui-sp-3);
  width: 100%;
  max-width: none;
  min-height: 100svh;
  padding: var(--ui-sp-5) var(--ui-gutter);
  box-sizing: border-box;
  background: none;
  flex: 1 0 auto;
  margin: 0;
  display: grid;
}

.ap-demo {
  color: var(--ui-text-3);
  text-align: center;
  margin: 0;
  font-size: 11px;
}

.ap-card {
  box-sizing: border-box;
  width: min(360px, 100%);
  padding: var(--ui-sp-6);
  background: var(--ui-surface);
  box-shadow: 0 0 0 1px var(--ui-line);
  text-align: center;
  border-radius: 16px;
}

.ap-brand {
  font-size: var(--ui-fs-meta);
  color: var(--ui-pay);
  margin: 0;
  font-weight: 500;
}

.ap-card h1 {
  margin: var(--ui-sp-2) 0 0;
  font-size: var(--ui-fs-h2);
  color: var(--ui-text);
  font-weight: 500;
  line-height: 28px;
}

.ap-qr {
  width: 176px;
  height: 176px;
  margin: var(--ui-sp-5) auto 0;
  border-radius: var(--ui-r-md);
  color: #111;
  background: #fff;
  padding: 10px;
  display: block;
}

.ap-qr.is-real {
  padding: 4px;
}

.ap-qr.is-placeholder {
  background: color-mix(in srgb, var(--ui-line-strong) 40%, transparent);
}

.lm-alipay:disabled {
  opacity: .5;
  cursor: default;
  filter: none;
}

.ap-sub {
  margin: var(--ui-sp-3) 0 0;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  line-height: 21px;
}

.ap-scope {
  margin: var(--ui-sp-4) 0 0;
  text-align: left;
  background: var(--ui-dash) top left / 100% 1px no-repeat;
}

.ap-scope > div {
  justify-content: space-between;
  gap: var(--ui-sp-3);
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  font-size: var(--ui-fs-note);
  padding: 9px 0;
  display: flex;
}

.ap-scope dt {
  color: var(--ui-text-3);
}

.ap-scope dd {
  color: var(--ui-text);
  margin: 0;
}

.ap-card form {
  margin: 0;
}

.ap-btn {
  width: 100%;
  height: 42px;
  margin-top: var(--ui-sp-5);
  border-radius: var(--ui-r-pill);
  background: var(--ui-pay);
  font: inherit;
  font-size: var(--ui-fs-meta);
  color: #fff;
  cursor: pointer;
  border: 0;
  font-weight: 500;
}

.ap-cancel {
  margin-top: var(--ui-sp-3);
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-3);
  display: inline-block;
}

.au {
  padding: var(--ui-sp-7) var(--ui-gutter) var(--ui-sp-8);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.au .wordmark.brand-mark {
  width: auto;
  font-size: var(--ui-fs-wordmark);
}

.au-tag {
  margin: var(--ui-sp-3) 0 0;
  font-size: var(--ui-fs-body);
  color: var(--ui-text-2);
}

.au-card {
  box-sizing: border-box;
  width: min(400px, 100%);
  margin-top: var(--ui-sp-6);
  padding: var(--ui-sp-6);
  border: 1px solid var(--ui-line);
  background: var(--ui-surface);
  border-radius: 16px;
}

.au-card h2 {
  font-size: var(--ui-fs-h2);
  color: var(--ui-text);
  margin: 0;
  font-weight: 600;
  line-height: 28px;
}

.au-sub {
  margin: var(--ui-sp-2) 0 0;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  line-height: 20px;
}

.au-card form {
  margin: 0;
}

.au-btn {
  width: 100%;
  height: var(--ui-h-lg);
  margin-top: var(--ui-sp-5);
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-pill);
  font: inherit;
  font-size: var(--ui-fs-body);
  color: var(--ui-text);
  cursor: pointer;
  background: none;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.au-btn.is-alipay {
  background: var(--ui-pay);
  color: #fff;
  border-color: #0000;
}

.au-btn:hover {
  filter: brightness(1.1);
}

.au-done {
  margin: var(--ui-sp-4) 0 0;
  font-size: var(--ui-fs-body);
  color: var(--ui-text);
}

.au-note {
  margin: var(--ui-sp-4) 0 0;
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  line-height: 18px;
}

.au-note-top {
  margin: 0 0 var(--ui-sp-3);
}

.au-demo {
  margin-right: var(--ui-sp-2);
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-sm);
  color: var(--ui-text-2);
  padding: 0 6px;
  line-height: 18px;
  display: inline-block;
}

.au-links {
  margin: var(--ui-sp-4) 0 0;
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
}

.au-links a {
  color: var(--ui-text-2);
}

.au-account {
  align-items: center;
  gap: var(--ui-sp-3);
  margin-top: var(--ui-sp-5);
  padding: var(--ui-sp-3);
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-r-md);
  display: flex;
}

.au-account > span:last-child {
  display: grid;
}

.au-account b {
  font-size: var(--ui-fs-body);
  color: var(--ui-text);
  font-weight: 500;
}

.au-account small {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
}

.au-ava {
  border-radius: var(--ui-r-pill);
  background: var(--ui-surface-2);
  width: 36px;
  height: 36px;
  color: var(--ui-text);
  place-items: center;
  display: grid;
}

.au-scope {
  gap: var(--ui-sp-2);
  margin: var(--ui-sp-4) 0 0;
  padding: 0 0 0 var(--ui-sp-4);
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  line-height: 20px;
  display: grid;
}

.au-cancel {
  margin-top: var(--ui-sp-3);
  font-size: var(--ui-fs-meta);
  text-align: center;
  color: var(--ui-text-2);
  display: block;
}

button.au-cancel {
  width: 100%;
  font: inherit;
  font-size: var(--ui-fs-meta);
  cursor: pointer;
  background: none;
  border: 0;
}

.au-tabs {
  gap: var(--ui-sp-2);
  margin-top: var(--ui-sp-4);
  border-bottom: 1px solid var(--ui-line);
  display: flex;
}

.au-tabs button {
  padding: var(--ui-sp-2) 0;
  margin-right: var(--ui-sp-3);
  font: inherit;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
}

.au-tabs button.is-on {
  border-bottom-color: var(--ui-accent);
  color: var(--ui-text);
}

.au-card .banner {
  margin-top: var(--ui-sp-3);
}

.au-form label {
  gap: var(--ui-sp-1, 4px);
  margin-top: var(--ui-sp-3);
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  display: grid;
}

.au-form input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: var(--ui-h-md);
  padding: 0 var(--ui-sp-3);
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-md);
  background: var(--ui-bg);
  font: inherit;
  font-size: var(--ui-fs-body);
  color: var(--ui-text);
}

.au-form input:focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 1px;
}

.au-code {
  gap: var(--ui-sp-2);
  display: flex;
}

.au-code button {
  padding: 0 var(--ui-sp-3);
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-md);
  font: inherit;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  cursor: pointer;
  background: none;
  flex: none;
}

.au-code button:disabled, .au-btn:disabled {
  opacity: .5;
  cursor: default;
}

.cs-flow {
  gap: var(--ui-sp-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.cs-flow li {
  align-content: start;
  gap: var(--ui-sp-2);
  padding: var(--ui-sp-5);
  border: 1px solid var(--ui-line);
  background: var(--ui-surface);
  border-radius: 16px;
  display: grid;
}

.hm-step-n {
  font-family: var(--font-mono, ui-monospace, monospace);
  background: linear-gradient(120deg, var(--ui-accent), color-mix(in srgb, var(--ui-accent) 60%, var(--ui-text)));
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
}

.cs-flow b {
  margin-top: var(--ui-sp-2);
  font-size: var(--ui-fs-h3);
  color: var(--ui-text);
  font-weight: 600;
}

.cs-flow p {
  font-size: var(--ui-fs-body);
  color: var(--ui-text-2);
  margin: 0;
  line-height: 22px;
}

.hm-stores {
  gap: var(--ui-sp-4);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.cs-stores {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hm-stores li {
  align-content: start;
  gap: var(--ui-sp-1);
  padding: var(--ui-sp-5);
  border: 1px solid var(--ui-line);
  background: var(--ui-surface);
  border-radius: 16px;
  display: grid;
}

.hm-store-ava {
  width: 40px;
  height: 40px;
  margin-bottom: var(--ui-sp-2);
  border-radius: var(--ui-r-pill);
  background: linear-gradient(135deg, color-mix(in srgb, var(--ui-accent) 30%, var(--ui-surface-2)), color-mix(in srgb, var(--ui-accent) 12%, var(--ui-surface-2)));
  font-size: var(--ui-fs-h3);
  color: var(--ui-text);
  place-items: center;
  font-weight: 600;
  display: grid;
}

.hm-stores b {
  font-size: var(--ui-fs-h3);
  color: var(--ui-text);
  font-weight: 600;
}

.hm-store-kind {
  align-items: center;
  gap: var(--ui-sp-2);
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  display: flex;
}

.hm-store-kind em {
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-sm);
  padding: 0 6px;
  font-style: normal;
  line-height: 16px;
}

.hm-stores p {
  margin: var(--ui-sp-2) 0 0;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  line-height: 20px;
}

.hm-store-foot {
  margin-top: var(--ui-sp-3);
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
}

.cs-faq {
  gap: var(--ui-sp-4);
  margin: var(--ui-sp-3) 0 0;
  display: grid;
}

.cs-faq dt {
  font-size: var(--ui-fs-body);
  color: var(--ui-text);
  font-weight: 500;
}

.cs-faq dd {
  margin: var(--ui-sp-1) 0 0;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  line-height: 20px;
}

.dt-rail .lst-rail-h {
  margin-top: var(--ui-sp-2);
}

.hd-sort {
  align-items: center;
  gap: var(--ui-sp-4);
  padding-right: var(--ui-sp-4);
  border-right: 1px solid var(--ui-line);
  display: flex;
}

.hd-sort button, .hd-filter {
  font: inherit;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.hd-sort button:hover, .hd-filter:hover, .hd-sort button[aria-pressed="true"], .hd-filter[aria-pressed="true"] {
  color: var(--ui-text);
}

.hd-filter {
  margin-left: var(--ui-sp-1);
}

.hd-view {
  align-items: center;
  gap: var(--ui-sp-1);
  margin-left: var(--ui-sp-2);
  padding-left: var(--ui-sp-3);
  border-left: 1px solid var(--ui-line);
  display: flex;
}

.hd-view button {
  width: var(--ui-h-sm);
  height: var(--ui-h-sm);
  border-radius: var(--ui-r-sm);
  color: var(--ui-text-3);
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  padding: 0;
  display: grid;
}

.hd-view button:hover {
  color: var(--ui-text);
}

.hd-view button[aria-pressed="true"] {
  background: var(--ui-surface-2);
  color: var(--ui-text);
}

.hd-filter[aria-pressed="true"] {
  height: 32px;
  padding: 0 var(--ui-sp-3);
  border-radius: var(--ui-r-md);
  background: var(--ui-surface-2);
}

.hd-chips {
  top: calc(var(--ui-header-h) + var(--ui-tabs-h));
  z-index: 48;
  box-sizing: border-box;
  padding: var(--ui-sp-3) var(--ui-end-x) var(--ui-sp-3) var(--ui-content-x);
  background: var(--ui-bg);
  border-bottom: 1px solid var(--ui-line);
  gap: 10px;
  display: grid;
  position: sticky;
}

.hd-chips-row {
  max-width: calc(var(--ui-list-main) + var(--ui-rail-gap) + var(--ui-rail));
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.hd-chips-k {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  line-height: 24px;
}

.hd-chips-list {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.hd-chips .chip {
  border-radius: var(--ui-r-pill);
  height: 24px;
  font: inherit;
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  padding: 0 10px;
  line-height: 1;
  display: inline-flex;
}

.hd-chips .chip:hover, .hd-chips .chip[aria-pressed="true"] {
  background: var(--ui-surface-2);
  color: var(--ui-text);
}

.lst-empty {
  padding: var(--ui-sp-7, 48px) 0;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
}

.lst-empty p {
  margin: 0 0 var(--ui-sp-2);
}

.lst-empty a {
  color: var(--ui-accent);
}

.dt-crumb {
  align-items: center;
  gap: var(--ui-sp-2);
  margin-bottom: var(--ui-sp-3);
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  display: flex;
}

.dt-crumb a {
  color: var(--ui-text-2);
}

.dt-crumb a:hover {
  color: var(--ui-accent);
}

.dt-tags {
  margin: var(--ui-sp-3) 0 0;
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.dt-tags a {
  border-radius: var(--ui-r-sm);
  background: var(--ui-surface-2);
  height: 22px;
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  align-items: center;
  padding: 0 8px;
  display: inline-flex;
}

.dt-tags a:hover {
  color: var(--ui-text);
}

.pub {
  max-width: var(--ui-read-max);
  padding: var(--ui-sp-6) 0 var(--ui-sp-8);
}

.pub-head h1 {
  margin: var(--ui-sp-2) 0 0;
  font-size: var(--ui-fs-h2);
  color: var(--ui-text);
  font-weight: 500;
}

.pub-head p, .pub-hint {
  margin: var(--ui-sp-2) 0 0;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
}

.pub-back {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-3);
}

.pub-form {
  margin-top: var(--ui-sp-5);
  display: grid;
}

.pub-sec {
  gap: var(--ui-sp-3);
  padding: var(--ui-sp-5) 0;
  border-top: 1px solid var(--ui-line);
  display: grid;
}

.pub-sec h2 {
  align-items: center;
  gap: var(--ui-sp-2);
  font-size: var(--ui-fs-h3);
  color: var(--ui-text);
  margin: 0;
  font-weight: 500;
  display: flex;
}

.pub-sec h2 i {
  border-radius: var(--ui-r-pill);
  background: var(--ui-surface-2);
  width: 20px;
  height: 20px;
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  place-items: center;
  font-style: normal;
  display: grid;
}

.pub-hint {
  margin: 0;
}

.pub-kinds {
  gap: var(--ui-sp-2);
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  display: grid;
}

.pub-kind {
  padding: var(--ui-sp-3) var(--ui-sp-3) var(--ui-sp-3) 36px;
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-r-md);
  cursor: pointer;
  gap: 2px;
  display: grid;
  position: relative;
}

.pub-kind:has(input:checked) {
  border-color: var(--ui-accent);
  background: var(--ui-search-hl);
}

.pub input[type="radio"], .pub input[type="checkbox"] {
  width: 14px;
  height: 14px;
  accent-color: var(--ui-accent);
  flex: none;
  margin: 0;
}

.pub-kind input {
  accent-color: var(--ui-accent);
  margin: 0;
  position: absolute;
  top: 14px;
  left: 12px;
}

.pub-kind b {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  font-weight: 500;
}

.pub-kind span {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  line-height: 18px;
}

.pub-checks {
  gap: var(--ui-sp-2) var(--ui-sp-5);
  font-size: var(--ui-fs-meta);
  color: var(--ui-text);
  flex-wrap: wrap;
  display: flex;
}

.pub-checks label {
  white-space: nowrap;
  cursor: pointer;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.pub-checks input {
  accent-color: var(--ui-accent);
}

.pub-row {
  gap: var(--ui-sp-3);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  display: grid;
}

.pub-field {
  font-size: var(--ui-fs-note);
  color: var(--ui-text-2);
  gap: 6px;
  display: grid;
}

.pub-input {
  box-sizing: border-box;
  width: 100%;
  height: var(--ui-h-md);
  padding: 0 var(--ui-sp-3);
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-md);
  background: var(--ui-surface);
  color: var(--ui-text);
  font: inherit;
  font-size: var(--ui-fs-meta);
}

.pub-input:focus {
  border-color: var(--ui-search-focus);
  box-shadow: var(--ui-search-ring);
  outline: none;
}

.pub-area {
  height: 88px;
  padding: var(--ui-sp-2) var(--ui-sp-3);
  resize: vertical;
}

.pub-area.is-long {
  height: 160px;
}

.pub .cat-picker {
  width: 100%;
}

.pub-foot {
  align-items: center;
  gap: var(--ui-sp-3);
  padding-top: var(--ui-sp-5);
  border-top: 1px solid var(--ui-line);
  font-size: var(--ui-fs-note);
  color: var(--ui-text-3);
  flex-wrap: wrap;
  display: flex;
}

.pub-submit {
  height: var(--ui-h-md);
  padding: 0 var(--ui-sp-5);
  border-radius: var(--ui-r-md);
  background: var(--ui-text);
  color: var(--ui-bg);
  font: inherit;
  font-size: var(--ui-fs-meta);
  cursor: pointer;
  border: 0;
  font-weight: 500;
}

.cat-form {
  align-items: center;
  gap: var(--ui-sp-2) var(--ui-sp-3);
  margin: var(--ui-sp-3) 0;
  flex-wrap: wrap;
  display: flex;
}

.cat-form label {
  align-items: center;
  gap: var(--ui-sp-2);
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-2);
  display: flex;
}

.cat-picker {
  height: var(--ui-h-md);
  min-width: 200px;
  padding: 0 var(--ui-sp-3);
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-md);
  background: var(--ui-surface);
  color: var(--ui-text);
  font: inherit;
  font-size: var(--ui-fs-meta);
}

.cat-missing {
  font-size: var(--ui-fs-note);
  color: var(--ui-warn);
}

.lst-stage.is-wall {
  grid-template-columns: minmax(0, calc(var(--ui-list-main) + var(--ui-rail-gap) + var(--ui-rail)));
}

.lst-col .lst-wall {
  margin-top: var(--ui-sp-4);
  border-color: var(--ui-line);
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.lst-col .lst-wall > li {
  aspect-ratio: 1;
  --paper: var(--ui-surface);
  border-color: var(--ui-line);
  background: var(--ui-bg);
}

.lst-col .lst-wall > li:nth-child(5n+1) {
  --paper: var(--ui-note-1);
}

.lst-col .lst-wall > li:nth-child(5n+2) {
  --paper: var(--ui-note-2);
}

.lst-col .lst-wall > li:nth-child(5n+3) {
  --paper: var(--ui-note-3);
}

.lst-col .lst-wall > li:nth-child(5n+4) {
  --paper: var(--ui-note-4);
}

.lst-col .lst-wall > li:nth-child(5n+5) {
  --paper: var(--ui-note-5);
}

.lst-col .lst-wall .paper .band-shade {
  display: none;
}

.lst-col .lst-wall .v22-note {
  min-height: 0;
  padding: var(--ui-sp-5) var(--ui-sp-5) var(--ui-sp-4);
  background: var(--paper);
  flex-direction: column;
  display: flex;
}

.lst-col .lst-wall .v22-note h3 {
  font-size: var(--ui-fs-h2);
  color: var(--ui-text);
  margin: 0;
  font-weight: 600;
  line-height: 28px;
}

.lst-col .lst-wall .v22-bill {
  gap: 0 var(--ui-sp-2);
  margin: var(--ui-sp-1) 0 0;
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-3);
  flex-wrap: wrap;
  line-height: 20px;
  display: flex;
}

.lst-col .lst-wall .v22-bill i {
  font-style: normal;
}

.lst-col .lst-wall .v22-desc {
  margin: var(--ui-sp-3) 0 0;
  -webkit-line-clamp: 3;
  font-size: var(--ui-fs-body);
  color: var(--ui-text-2);
  -webkit-box-orient: vertical;
  line-height: 24px;
  display: -webkit-box;
  overflow: hidden;
}

.lst-col .lst-wall .v22-foot {
  justify-content: space-between;
  align-items: center;
  gap: var(--ui-sp-3);
  padding-top: var(--ui-sp-4);
  margin-top: auto;
  display: flex;
}

.lst-col .lst-wall .v22-type {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-3);
}

.lst-col .lst-wall .v22-price {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: var(--ui-fs-h3);
  color: var(--ui-text);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.lst-col .lst-wall .v22-price svg {
  color: var(--ui-text-3);
}

.lst-col .lst-wall .v22-price small {
  font-size: var(--ui-fs-meta);
  color: var(--ui-text-3);
}

.lst-col .lst-wall .v22-note:hover h3 {
  color: var(--ui-accent);
}

body[data-chrome="pay"] .rs-bar {
  display: none;
}

.ft, .ft.ft-google {
  width: 100%;
  max-width: none;
  min-height: var(--ui-footer-h);
  border-top: 1px solid var(--ui-line);
  background: var(--ui-surface);
  color: var(--ui-text-2);
  font-size: var(--ui-fs-body);
  order: 2;
  margin: auto 0 0;
  padding: 0;
  display: block;
  position: static;
}

.ft-in {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  gap: var(--ui-sp-3) var(--ui-sp-6);
  min-height: var(--ui-footer-h);
  padding: 0 var(--ui-end-x);
  flex-wrap: wrap;
  display: flex;
}

.ft-left, .ft-right {
  align-items: center;
  gap: var(--ui-sp-2) var(--ui-sp-6);
  flex-wrap: wrap;
  margin: 0;
  display: flex;
}

.ft-right a {
  color: var(--ui-text-2);
}

.ft-right a:hover {
  color: var(--ui-text);
}

.ft-left {
  color: var(--ui-text-3);
}

.ft-left > span:first-child {
  color: var(--ui-text-2);
}

.ft-left a {
  color: var(--ui-text-3);
}

.ft-left a:hover {
  color: var(--ui-text-2);
}

.ft-sep {
  background: var(--ui-line);
  width: 1px;
  height: 14px;
}

.ni-home .home-center {
  gap: 0;
}

.ni-home .home-center > .wordmark.brand-mark {
  margin: 0 0 var(--ui-sp-6);
  font-size: var(--ui-fs-display);
}

.home-links {
  justify-content: center;
  gap: var(--ui-sp-2) var(--ui-sp-5);
  margin-top: var(--ui-sp-5);
  font-size: var(--ui-fs-body);
  flex-wrap: wrap;
  display: flex;
}

.home-links a {
  color: var(--ui-text-3);
}

.home-links .is-kind {
  color: var(--ui-text);
  font-weight: 500;
}

.home-links-sep {
  background: var(--ui-line-strong);
  align-self: center;
  width: 1px;
  height: 12px;
}

.home-links a:hover {
  color: var(--ui-text);
  text-underline-offset: 4px;
  text-decoration: underline;
}

body[data-page="home"] .ft {
  background: none;
  border-top-color: #0000;
}

body:has(.home) .ft {
  background: none;
  border-top-color: #0000;
}

@media (max-width: 1259px) {
  .hm-stores {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dt {
    grid-template-columns: minmax(0, var(--ui-list-main));
  }

  .dt-main {
    display: contents;
  }

  .dt-sec {
    order: 2;
  }

  .dt-rail {
    margin-top: var(--ui-sp-5);
    margin-bottom: var(--ui-sp-2);
    padding: var(--ui-sp-5) 0;
    border-left: 0;
    border-top: 1px solid var(--ui-line);
    border-bottom: 1px solid var(--ui-line);
    order: 1;
    position: static;
  }

  .lst-stage {
    grid-template-columns: minmax(0, var(--ui-list-main));
  }

  .lst-rail {
    margin-top: var(--ui-sp-6);
    padding: var(--ui-sp-6) 0 0;
    border-left: 0;
    border-top: 1px solid var(--ui-line);
    position: static;
  }
}

@media (max-width: 767px) {
  :root {
    --ui-content-x: var(--ui-gutter);
    --ui-end-x: var(--ui-gutter);
  }

  .hd-brand {
    width: auto;
    padding: 0 var(--ui-sp-3) 0 var(--ui-gutter);
  }

  .hd-brand .bm-name {
    display: none;
  }

  .hd-search {
    flex: auto;
    max-width: none;
  }

  .hd-actions {
    padding-left: var(--ui-sp-2);
    gap: 0;
  }

  .hd-tabs-in {
    scrollbar-width: none;
    overflow-x: auto;
  }

  .hd-sort {
    display: none;
  }

  .hd-chips {
    position: static;
  }

  .hd-chips-list {
    scrollbar-width: none;
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .hd-tabs-sep {
    background: var(--ui-line-strong);
    flex: none;
    align-self: center;
    width: 1px;
    height: 14px;
  }

  .hd-tabs-ops {
    gap: var(--ui-sp-2);
    padding-left: var(--ui-sp-3);
  }

  .hd-view {
    padding-left: var(--ui-sp-2);
    margin-left: 0;
  }

  .lst-row {
    column-gap: var(--ui-sp-4);
  }

  .cs-flow, .hm-stores, .cs-stores {
    grid-template-columns: minmax(0, 1fr);
  }

  .ft-in {
    padding-block: var(--ui-sp-4);
    flex-direction: column-reverse;
    justify-content: center;
  }

  .ft-left, .ft-right {
    justify-content: center;
    gap: var(--ui-sp-2) var(--ui-sp-4);
  }

  .ft-sep {
    display: none;
  }

  .dt-specs {
    grid-template-columns: minmax(0, 1fr);
  }

  .dt-plan-table > div {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .dt-plan-table span {
    grid-area: 2 / 1 / auto / -1;
  }

  .dt-kv > div {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .home-links-sep {
    background: none;
    flex-basis: 100%;
    height: 0;
  }

  .home .hs-kbd, .hd-search .hs-kbd {
    display: none;
  }
}

.palette-options {
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
  display: flex;
}

.palette-options button {
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-pill);
  background: var(--ui-surface);
  min-height: 36px;
  color: var(--ui-text-2);
  font: inherit;
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: 12px;
  display: inline-flex;
}

.palette-options button[aria-checked="true"], .palette-options button[aria-pressed="true"] {
  border-color: var(--ui-accent);
  color: var(--ui-accent);
  background: color-mix(in srgb, var(--ui-accent) 8%, var(--ui-surface));
}

.palette-dot {
  background: linear-gradient(135deg, var(--sw) 50%, var(--sw2) 50%);
  border: 1px solid var(--ui-line-strong);
  border-radius: 50%;
  flex: none;
  width: 16px;
  height: 16px;
}

.halo-ring {
  border-color: var(--ui-accent);
  box-shadow: none;
  background: none;
}

.hd-account-menu {
  --account-title-size: 18px;
  --account-body-size: 14px;
  --account-meta-size: 12px;
  font-family: var(--font-sans);
  font-size: var(--account-body-size);
  box-sizing: border-box;
  background: var(--ui-surface);
  border: 1px solid var(--ui-line);
  width: min(384px, 100vw - 32px);
  min-width: 0;
  box-shadow: 0 16px 48px color-mix(in srgb, var(--ui-text) 12%, transparent);
  border-radius: 20px;
  gap: 16px;
  max-height: calc(100dvh - 100px);
  padding: 20px;
  line-height: 1.6;
  overflow-y: auto;
}

.hd-account-menu .hd-account-identity {
  gap: 6px;
  padding: 0 0 4px;
}

.hd-account-menu .hd-account-id-name {
  font-size: var(--account-title-size);
  font-weight: 500;
}

.hd-account-menu .hd-account-id-meta {
  font-size: var(--account-meta-size);
  color: var(--ui-text-2);
}

.hd-account-menu .hd-account-id-row {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.hd-account-menu .hd-account-tag {
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-pill);
  font-size: var(--account-meta-size);
  color: var(--ui-text-2);
  flex: none;
  padding: 1px 8px;
  font-weight: 400;
  line-height: 18px;
}

.hd-account-centers {
  gap: 0;
  display: grid;
}

.hd-account-centers .hd-account-role {
  min-height: 64px;
  color: var(--ui-text);
  background: none;
  border-radius: 0;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
}

.hd-account-centers .hd-account-role + .hd-account-role {
  border-top: 1px solid var(--ui-line);
}

.hd-account-role-copy {
  gap: 5px;
  min-width: 0;
  display: grid;
}

.hd-account-role-copy > span {
  font-size: var(--account-body-size);
  font-weight: 500;
}

.hd-account-role-copy small {
  font-size: var(--account-meta-size);
  line-height: 1.6;
}

.hd-account-role-arrow {
  color: var(--ui-text-2);
  font-size: 22px;
}

.hd-account-role-cta {
  font-size: var(--account-meta-size);
  color: var(--ui-accent);
  white-space: nowrap;
  flex: none;
  font-weight: 500;
}

.hd-account-menu .hd-account-tag.is-merchant {
  border-color: color-mix(in srgb, var(--ui-accent) 45%, transparent);
  color: var(--ui-accent);
}

.hd-account-centers .hd-account-role:hover {
  color: var(--ui-accent);
}

.hd-account-menu .hd-account-sep {
  background: var(--ui-line);
  margin: 0;
}

.hd-account-menu .hd-account-group {
  gap: 10px;
  padding: 0;
}

.hd-account-menu .hd-account-k {
  color: var(--ui-text-2);
  padding: 0;
  font-size: 12px;
}

.hd-account-menu .hd-account-seg {
  background: var(--ui-surface-2);
  border-radius: 999px;
  padding: 4px;
  display: flex;
}

.hd-account-menu .hd-account-seg button {
  min-height: 36px;
  color: var(--ui-text-2);
  border-radius: 999px;
}

.hd-account-menu .hd-account-seg button[aria-pressed="true"] {
  background: var(--ui-surface);
  color: var(--ui-text);
}

.hd-account-menu .palette-options {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0;
  display: grid;
}

.hd-account-menu .palette-options button {
  justify-content: flex-start;
  min-height: 40px;
}

.hd-account-more {
  color: var(--ui-text);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 4px 0;
  text-decoration: none;
  display: flex;
}

.hd-account-more > span:first-child {
  gap: 5px;
  display: grid;
}

.hd-account-more b {
  font-size: 14px;
  font-weight: 500;
}

.hd-account-more small {
  color: var(--ui-text-2);
  font-size: 12px;
}

.hd-account-more > span:last-child {
  font-size: 22px;
}

.hd-account-menu .hd-account-danger {
  border: 1px solid var(--ui-line);
  border-radius: 999px;
  justify-content: center;
  min-height: 36px;
}

.hd-account-menu :is(a, button):focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 3px;
}

.settings-pg.pg.two {
  max-width: 900px;
  padding: 32px var(--ui-gutter);
  margin: 0 auto;
  display: block;
}

.settings-pg > .head {
  margin-bottom: 24px;
  display: block;
}

.settings-pg > .head h1 {
  color: var(--ui-text);
  font-size: 24px;
}

.settings-pg > .main {
  width: 100%;
  min-width: 0;
}

.settings-tabs {
  flex-wrap: wrap;
  gap: 18px;
  padding-bottom: 24px;
  display: flex;
}

.settings-tabs button {
  color: var(--ui-text-2);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  border-radius: 0;
  padding: 10px 0;
}

.settings-tabs button[aria-current="page"] {
  color: var(--ui-text);
  border-bottom-color: var(--ui-accent);
  background: none;
}

@media (max-width: 600px) {
  .hd-account-menu {
    max-height: calc(100dvh - 100px);
    position: fixed;
    top: 84px;
    right: 16px;
  }
}

button.hd-account-more {
  text-align: left;
  width: 100%;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
}

.hd-account-menu.settings-dialog {
  gap: 0;
  padding: 0;
}

.settings-dialog-header {
  background: var(--ui-surface);
  border-bottom: 1px solid var(--ui-line);
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  display: flex;
  position: sticky;
  top: 0;
}

.settings-dialog-header h2 {
  font-size: var(--account-title-size);
  letter-spacing: normal;
  margin: 0;
  font-weight: 500;
  line-height: 1.6;
}

.settings-dialog-header p {
  color: var(--ui-text-2);
  margin: 6px 0 0;
  font-size: 13px;
}

.settings-dialog-close {
  width: 32px;
  height: 32px;
  color: var(--ui-text-2);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 50%;
  flex: none;
  place-items: center;
  margin-right: -6px;
  padding: 0;
  display: grid;
}

.settings-dialog-close:hover {
  background: var(--ui-surface-2);
  color: var(--ui-text);
}

.settings-dialog .settings-pg.is-embedded {
  margin: 0;
  padding: 20px;
}

.settings-dialog .settings-pg > .head {
  display: none;
}

.settings-dialog .settings-tabs {
  justify-content: space-between;
  gap: 8px;
}

.settings-dialog .settings-tabs button {
  padding: 10px 0;
  font-size: 12px;
}

.settings-dialog :is(button, a, input):focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 3px;
}

@media (max-width: 600px) {
  .settings-dialog-header {
    padding: 16px 20px;
  }

  .settings-dialog .settings-pg.is-embedded {
    padding: 20px;
  }

  .settings-dialog .settings-tabs button {
    padding: 10px 0;
    font-size: 12px;
  }
}

.settings-dialog .seg button {
  border-radius: var(--ui-r-pill);
  min-height: 36px;
  padding: 0 14px;
}

.settings-dialog .settings-pg {
  font-family: inherit;
  font-size: var(--account-body-size);
  line-height: 1.6;
}

.settings-dialog .me-panel {
  padding: 0;
}

.settings-dialog .me-panel-bar {
  margin-bottom: 12px;
}

.settings-dialog .me-panel h2 {
  font-size: var(--account-body-size);
  letter-spacing: normal;
  color: var(--ui-text);
  margin: 0;
  font-weight: 500;
  line-height: 1.6;
}

.settings-dialog .settings-tabs {
  padding-bottom: 20px;
}

.settings-dialog .settings-tabs button, .settings-dialog .seg button {
  font-family: inherit;
  font-size: var(--account-meta-size);
  letter-spacing: normal;
  font-weight: 400;
  line-height: 1.6;
}

.settings-dialog .st-block {
  gap: 8px;
  margin-top: 16px;
}

.settings-dialog .st-switch {
  padding: 12px 0;
}

.settings-dialog .st-switch-copy {
  gap: 5px;
}

.settings-dialog .st-switch-label, .settings-dialog .st-rows dd, .settings-dialog .st-links a {
  font-size: var(--account-body-size);
  color: var(--ui-text);
  font-weight: 500;
  line-height: 1.6;
}

.settings-dialog .st-label, .settings-dialog .st-switch-hint, .settings-dialog .hint, .settings-dialog .note, .settings-dialog .st-rows dt {
  font-size: var(--account-meta-size);
  letter-spacing: normal;
  color: var(--ui-text-2);
  font-weight: 400;
  line-height: 1.6;
}

.settings-preferences {
  max-width: 640px;
  font-family: var(--font-sans);
  margin: 32px auto;
  padding: 0 20px;
}

.settings-preferences.is-embedded {
  margin: 0;
  padding: 0 20px 8px;
}

.settings-preference-row {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 64px;
  padding: 16px 0;
  display: flex;
}

.settings-preference-row + .settings-preference-row {
  border-top: 1px solid var(--ui-line);
}

.settings-preference-copy {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.settings-preference-label {
  color: var(--ui-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.settings-preference-hint {
  color: var(--ui-text-2);
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
}

.settings-preference-row select {
  max-width: 112px;
  color: var(--ui-text-2);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 4px 0 4px 8px;
  font-size: 13px;
}

.settings-preference-row input[role="switch"] {
  appearance: none;
  box-sizing: border-box;
  border: 1px solid var(--ui-line-strong);
  background: var(--ui-surface-2);
  cursor: pointer;
  border-radius: 999px;
  flex: none;
  width: 32px;
  height: 18px;
  margin: 0;
  position: relative;
}

.settings-preference-row input[role="switch"]:before {
  content: "";
  background: var(--ui-text-2);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 2px;
  left: 2px;
}

.settings-preference-row input[role="switch"]:checked {
  background: var(--ui-accent);
  border-color: var(--ui-accent);
}

.settings-preference-row input[role="switch"]:checked:before {
  background: var(--ui-bg);
  transform: translateX(14px);
}

.settings-preferences :is(select, input):focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 4px;
}

.settings-list-link {
  box-sizing: border-box;
  width: 100%;
  min-height: 64px;
  color: var(--ui-text);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
  text-decoration: none;
  display: flex;
}

.settings-list-link + .settings-list-link {
  border-top: 1px solid var(--ui-line);
}

.settings-list-link > span:first-child {
  gap: 4px;
  display: grid;
}

.settings-list-link small {
  color: var(--ui-text-2);
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
}

.settings-list-link > span:last-child:not(:first-child) {
  color: var(--ui-text-2);
  font-size: 20px;
}

.settings-list-link:hover .settings-preference-label {
  color: var(--ui-accent);
}

.settings-detail-note {
  color: var(--ui-text-2);
  overflow-wrap: anywhere;
  margin: 0;
  padding: 12px 0 16px;
  font-size: 12px;
  line-height: 1.7;
}

.settings-detail-note p {
  margin: 0 0 8px;
}

.settings-text-action {
  min-height: 36px;
  color: var(--ui-accent);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 4px 0;
  font-size: 13px;
}

.settings-text-action:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.settings-consent {
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  display: flex;
}

.settings-consent input {
  accent-color: var(--ui-accent);
}

.settings-faq {
  padding-bottom: 12px;
  font-size: 13px;
  line-height: 1.7;
}

.settings-faq details {
  padding: 8px 0;
}

.settings-faq summary {
  cursor: pointer;
}

.settings-faq p {
  color: var(--ui-text-2);
  margin: 8px 0;
  font-size: 12px;
}

.settings-feedback {
  gap: 8px;
  padding-bottom: 16px;
  display: grid;
}

.settings-feedback textarea {
  box-sizing: border-box;
  resize: vertical;
  border: 1px solid var(--ui-line-strong);
  background: var(--ui-surface);
  width: 100%;
  min-height: 100px;
  color: var(--ui-text);
  font: inherit;
  border-radius: 8px;
  padding: 10px;
  font-size: 14px;
}

.settings-standalone-head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

html[data-text-size="large"] {
  --ui-fs-body: 16px;
  --ui-fs-meta: 15px;
  --ui-fs-note: 14px;
  --ui-fs-title: 18px;
}

html[data-text-size="large"] .hd-account-menu {
  --account-title-size: 20px;
  --account-body-size: 16px;
  --account-meta-size: 14px;
}

html[data-text-size="large"] .settings-preference-label {
  font-size: 16px;
  line-height: 25px;
}

html[data-text-size="large"] :is(.settings-preference-hint, .settings-list-link small, .settings-detail-note, .settings-preference-row select) {
  font-size: 14px;
  line-height: 22px;
}

.ft.ft-google {
  font-size: 12px;
  line-height: 1.7;
}

.ft.ft-google .ft-in {
  padding: 16px var(--ui-gutter);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ft.ft-google .ft-right {
  justify-content: center;
  gap: 6px 20px;
  font-size: 12px;
}

.ft.ft-google .ft-left {
  justify-content: center;
  gap: 4px 12px;
  font-size: 11px;
}

.ft.ft-google :is(.ft-right a, .ft-left a, .ft-left span) {
  font-size: inherit;
  color: var(--ui-text-2);
}

.ft.ft-google a:hover {
  color: var(--ui-text);
}

.contact-form {
  gap: 20px;
  max-width: 520px;
  margin-top: 24px;
  display: grid;
}

.contact-form label {
  color: var(--ui-text);
  gap: 8px;
  font-size: 14px;
  display: grid;
}

.contact-form :is(input, textarea) {
  box-sizing: border-box;
  border: 1px solid var(--ui-line-strong);
  background: var(--ui-surface);
  width: 100%;
  color: var(--ui-text);
  font: inherit;
  border-radius: 8px;
  padding: 10px 12px;
}

.contact-form textarea {
  resize: vertical;
  min-height: 140px;
}

.contact-form button {
  justify-self: start;
}

.ft.ft-google .ft-in {
  padding: 14px var(--ui-end-x);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px 28px;
}

.ft.ft-google .ft-left {
  justify-content: flex-start;
  gap: 4px 8px;
}

.ft.ft-google .ft-right {
  justify-content: flex-end;
  gap: 6px 18px;
}

.ft-meta-divider {
  opacity: .65;
}

.platform-reading-dialog {
  box-sizing: border-box;
  border: 1px solid var(--ui-line);
  background: var(--ui-surface);
  width: min(640px, 100vw - 32px);
  max-width: none;
  max-height: calc(100dvh - 48px);
  color: var(--ui-text);
  border-radius: 16px;
  margin: auto;
  padding: 0;
  overflow: auto;
  box-shadow: 0 24px 80px #0000002e;
}

.platform-reading-dialog::backdrop {
  background: #0000004d;
}

.platform-reading-inner > header {
  background: var(--ui-surface);
  border-bottom: 1px solid var(--ui-line);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px 24px;
  display: flex;
  position: sticky;
  top: 0;
}

.platform-reading-inner > header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
}

.platform-reading-inner > header button {
  width: 32px;
  height: 32px;
  color: var(--ui-text-2);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 50%;
  flex: none;
  place-items: center;
  padding: 0;
  display: grid;
}

.platform-reading-inner > header button:hover {
  background: var(--ui-surface-2);
}

.platform-reading-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.9;
}

.platform-reading-body p {
  margin: 0 0 16px;
}

.platform-reading-body p:last-child {
  margin-bottom: 0;
}

.platform-reading-body h3 {
  margin: 20px 0 8px;
  font-size: 14px;
  font-weight: 500;
}

.platform-reading-body h3:first-child {
  margin-top: 0;
}

.platform-reading-dialog :is(button, input, textarea, a):focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .ft.ft-google .ft-in {
    gap: 8px;
    padding: 14px 20px;
  }

  .ft.ft-google .ft-right {
    justify-content: flex-start;
    gap: 6px 16px;
  }
}

.platform-reading-dialog.contact-popover {
  border-radius: 18px;
  width: min(384px, 100vw - 32px);
  margin: 0;
  position: fixed;
  inset: auto 16px 60px auto;
  box-shadow: 0 16px 48px #00000029;
}

.contact-popover::backdrop {
  background: none;
}

.contact-popover .platform-reading-inner > header {
  border-bottom: 0;
  padding: 16px 20px 8px;
}

.contact-popover .platform-reading-body {
  padding: 0 12px 12px;
}

.contact-channels {
  text-align: left;
}

.contact-category + .contact-category {
  border-top: 1px solid var(--ui-line);
}

.contact-category-row {
  text-align: left;
  width: 100%;
  color: var(--ui-text);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 15px 8px;
  display: flex;
}

.contact-category-row:hover {
  background: var(--ui-surface-2);
}

.contact-category-row > span {
  gap: 4px;
  display: grid;
}

.contact-category-row svg {
  color: var(--ui-text-2);
  flex: none;
}

.contact-category-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}

.contact-category-description {
  color: var(--ui-text-2);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.7;
}

.contact-category-detail {
  padding: 0 8px 14px;
}

.contact-channel-switch {
  gap: 20px;
  display: flex;
}

.contact-channel-switch button {
  color: var(--ui-text-2);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 4px 0;
  font-size: 13px;
}

.contact-channel-switch button[aria-pressed="true"] {
  color: var(--ui-accent);
}

.contact-channels button:focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 2px;
}

.contact-channel-content {
  margin-top: 12px;
}

.contact-qr-area {
  background: #fff;
  border-radius: 8px;
  width: 176px;
  margin: 0 auto;
  padding: 8px;
}

.contact-qr-area img {
  object-fit: contain;
  width: 160px;
  height: 160px;
  display: block;
}

.contact-channels .contact-scan-hint {
  text-align: center;
  color: var(--ui-text-2);
  margin: 8px 0 0;
  font-size: 12px;
}

.contact-channels .contact-unavailable {
  color: var(--ui-text-2);
  margin: 0;
  font-size: 12px;
}

.contact-channels .contact-order-note {
  color: var(--ui-text-2);
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.8;
}

.contact-channels .contact-service-hours {
  color: var(--ui-text-2);
  margin: 8px;
  font-size: 12px;
}

.platform-reading-dialog.contact-popover {
  background: radial-gradient(ellipse 340px 180px at 100% 0%, var(--ui-glow), transparent 75%), var(--ui-surface);
  border-color: color-mix(in srgb, var(--ui-accent) 20%, var(--ui-line));
  box-shadow: 0 18px 54px #00000029, 0 0 28px color-mix(in srgb, var(--ui-accent) 10%, transparent);
}

.contact-popover .platform-reading-inner > header {
  background: none;
  position: static;
}

.contact-channels .contact-introduction {
  color: var(--ui-text-2);
  margin: 0 8px 8px;
  font-size: 12px;
  line-height: 1.8;
}

.contact-category-title {
  align-items: center;
  gap: 12px;
  display: flex;
}

.contact-scope {
  color: var(--ui-text-2);
  font-size: 11px;
  font-weight: 400;
}

.contact-category-row[aria-expanded="true"] {
  background: linear-gradient(100deg, color-mix(in srgb, var(--ui-accent) 7%, transparent), transparent);
}

.contact-channel-switch {
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
}

.contact-channel-switch button {
  border-radius: 999px;
  padding: 5px 16px;
}

.contact-channel-switch button[aria-pressed="true"] {
  background: color-mix(in srgb, var(--ui-accent) 10%, var(--ui-surface));
  color: var(--ui-text);
}

.contact-channel-content {
  background: radial-gradient(ellipse 150px 100px at 50% 40%, var(--ui-glow), transparent);
  padding: 4px 0 2px;
}

.contact-qr-area {
  box-sizing: content-box;
  box-shadow: 0 6px 22px #0000000f;
}

.contact-qr-area svg {
  display: block;
}

.contact-channels .contact-qr-identity {
  text-align: center;
  margin: 12px 0 0;
  font-size: 13px;
  font-weight: 500;
}

.contact-channels .contact-scan-hint {
  margin-top: 4px;
}

.contact-channels .contact-mobile-hint {
  text-align: center;
  color: var(--ui-text-2);
  margin: 4px 0 0;
  font-size: 11px;
}

.contact-channels .contact-order-note {
  margin-top: 14px;
}

.platform-reading-dialog:not(.contact-popover)::backdrop {
  background: none;
}

.lm-backdrop.agreement-backdrop {
  z-index: 100;
  pointer-events: none;
  position: fixed;
}

.platform-reading-dialog:not(.contact-popover) {
  width: min(720px, 100vw - 32px);
}

.legal-document {
  text-align: left;
  overflow-wrap: anywhere;
  font-size: 14px;
  line-height: 1.95;
}

.legal-document .legal-document-intro {
  border-bottom: 1px solid var(--ui-line);
  color: var(--ui-text-2);
  margin: 0 0 28px;
  padding-bottom: 22px;
}

.legal-document section + section {
  margin-top: 28px;
}

.legal-document section h3 {
  color: var(--ui-text);
  align-items: baseline;
  gap: 12px;
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.legal-document section h3 > span {
  font-variant-numeric: tabular-nums;
  color: var(--ui-text-2);
  font-size: 12px;
}

.legal-document section p {
  color: var(--ui-text-2);
  margin: 0 0 12px;
  padding-left: 32px;
  position: relative;
}

.legal-document .legal-clause-number {
  font-variant-numeric: tabular-nums;
  font-size: 11px;
  position: absolute;
  top: 2px;
  left: 0;
}

.legal-page > .legal-document {
  max-width: 720px;
  margin: 24px auto;
}

@media (max-width: 480px) {
  .platform-reading-dialog:not(.contact-popover) .platform-reading-body {
    padding: 20px;
  }
}

.platform-reading-dialog:not(.contact-popover) .platform-reading-inner > header {
  z-index: 2;
  isolation: isolate;
}

.slot.is-recruit .slot-btn {
  box-sizing: border-box;
  border: 1px solid var(--ui-pay, #1677ff);
  background: var(--ui-pay, #1677ff);
  color: #fff;
  box-shadow: none;
  border-radius: 999px;
}

.slot.is-recruit .slot-btn:hover {
  opacity: 1;
  background: #1268df;
  border-color: #1268df;
}

.slot.is-recruit .slot-btn:focus-visible {
  outline: 2px solid var(--ui-pay, #1677ff);
  outline-offset: 3px;
}

.lst-stage {
  --list-content-start: 4px;
}

.lst > li:first-child .lst-row {
  padding-top: var(--list-content-start, 4px);
}

.lst-rail > .slot.is-recruit {
  padding: var(--list-content-start, 4px) 0 28px;
}

.lst-rail > .buyer-guide {
  border-top: 1px solid var(--ui-line);
  background: none;
  padding: 26px 0 0;
}

.slot.is-recruit .slot-h, .buyer-guide .lst-rail-h {
  letter-spacing: 0;
  color: var(--ui-text-2);
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.slot.is-recruit .slot-p, .buyer-guide-intro {
  color: var(--ui-text-2);
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.8;
}

.slot.is-recruit .slot-terms, .buyer-guide-facts {
  background: var(--ui-dash) top left / 100% 1px no-repeat;
  gap: 0;
  margin: 16px 0 0;
  font-size: 12px;
  line-height: 1.8;
  display: grid;
}

.slot.is-recruit .slot-terms > div, .buyer-guide-facts > div {
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: baseline;
  gap: 20px;
  padding: 11px 0;
  display: grid;
}

.slot.is-recruit .slot-terms dt, .buyer-guide-facts dt {
  color: var(--ui-text);
}

.slot.is-recruit .slot-terms dd, .buyer-guide-facts dd {
  color: var(--ui-text-2);
  text-align: right;
  margin: 0;
}

.slot.is-recruit .slot-btn {
  height: 38px;
  margin-top: 24px;
  font-size: 13px;
}

.slot-application-note {
  text-align: center;
  color: var(--ui-text-3);
  margin: 10px 0 0;
  font-size: 11px;
  line-height: 1.7;
}

.buyer-guide-links {
  flex-wrap: wrap;
  gap: 8px 20px;
  margin-top: 22px;
  display: flex;
}

.buyer-guide-links a {
  color: var(--ui-text-2);
  font-size: 12px;
  line-height: 1.8;
}

.buyer-guide-links a:hover {
  color: var(--ui-text);
  text-underline-offset: 3px;
  text-decoration: underline;
}

.role-segment {
  isolation: isolate;
  background: var(--ui-surface-2);
  box-shadow: inset 0 0 0 1px var(--ui-line);
  border-radius: 999px;
  flex: none;
  grid-template-columns: repeat(2, 94px);
  align-self: center;
  padding: 3px;
  display: inline-grid;
  position: relative;
}

.role-segment-thumb {
  z-index: -1;
  background: linear-gradient(115deg, var(--ui-accent), color-mix(in srgb, var(--ui-accent) 94%, var(--ui-surface)));
  width: calc(50% - 3px);
  box-shadow: inset 0 1px 0 #ffffff40, 0 2px 8px color-mix(in srgb, var(--ui-accent) 25%, transparent);
  will-change: transform;
  border-radius: 999px;
  transition: transform .12s ease-out;
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  transform: translate3d(0, 0, 0);
}

.role-segment[data-role="seller"] .role-segment-thumb {
  transform: translate3d(100%, 0, 0);
}

.role-segment a {
  min-height: 32px;
  color: var(--ui-text-2);
  white-space: nowrap;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
  transition: color .18s;
  display: inline-flex;
}

.role-segment a[data-selected="true"] {
  color: var(--ui-bg);
  font-weight: 600;
}

.role-segment a[data-selected="false"]:hover {
  color: var(--ui-text);
}

.role-segment a:focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 2px;
}

.adm-main .todo-heading {
  background: none;
  margin-bottom: 14px;
  padding: 10px 0;
}

.adm-main .todo-heading h2 {
  gap: 8px;
}

.adm-main .todo-heading h2:before {
  display: none;
}

.todo-bell {
  color: var(--ui-warn);
  flex: none;
}

.todo-total {
  color: var(--ui-text-2);
  align-items: baseline;
  gap: 5px;
  margin-left: 5px;
  font-size: 12px;
  font-weight: 400;
  display: inline-flex;
}

.todo-total b {
  color: var(--ui-warn);
  font-variant-numeric: tabular-nums;
  font-size: 16px;
  font-weight: 600;
}

.todo-heading[data-pending="true"] .todo-bell {
  transform-origin: 50% 15%;
  animation: .65s ease-out todo-notice;
}

.todo-heading[data-pending="false"] {
  background: none;
}

.todo-heading[data-pending="false"] .todo-bell {
  color: var(--ui-text-2);
}

@keyframes todo-notice {
  0%, 100% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(-14deg);
  }

  55% {
    transform: rotate(12deg);
  }

  80% {
    transform: rotate(-5deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .role-segment a, .role-segment-thumb {
    transition: none;
  }

  .todo-heading[data-pending="true"] .todo-bell {
    animation: none;
  }
}

html.reduce-motion .role-segment a, html.reduce-motion .role-segment-thumb {
  transition: none;
}

html.reduce-motion .todo-heading[data-pending="true"] .todo-bell {
  animation: none;
}

.adm-wb .adm-count {
  min-width: 0;
  height: auto;
  color: var(--ui-text-2);
  background: none;
  border-radius: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  display: inline;
}

.adm-wb .adm-count:before {
  content: "（";
}

.adm-wb .adm-count:after {
  content: "）";
}

.adm[data-tone] .adm-wb .adm-stats {
  border: 0;
  padding-bottom: 16px;
  position: relative;
}

.adm[data-tone] .adm-wb .adm-stats > a, .adm[data-tone] .adm-wb .adm-stats > a:first-child, .adm[data-tone] .adm-wb .adm-stats.is-static > div {
  background: none;
  border-top: 0;
}

.adm[data-tone] .adm-wb .adm-stats:after {
  content: "";
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--role-c) 18%, transparent) 25%, color-mix(in srgb, var(--role-c) 75%, transparent) 50%, color-mix(in srgb, var(--role-c) 18%, transparent) 75%, transparent);
  background-position: 50% 0;
  background-size: 100% 100%;
  height: 1px;
  animation: 1.5s ease-out both overview-light;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.adm[data-tone] .adm-wb .adm-stats:hover:after {
  animation: 1.2s ease-out both overview-light-hover;
}

@keyframes overview-light {
  from {
    opacity: 0;
    background-position: 100% 0;
    transform: scaleX(.3);
  }

  to {
    opacity: 1;
    background-position: 50% 0;
    transform: scaleX(1);
  }
}

@keyframes overview-light-hover {
  from {
    opacity: .5;
    background-position: 100% 0;
    background-size: 200% 100%;
  }

  to {
    opacity: 1;
    background-position: 50% 0;
    background-size: 100% 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .adm[data-tone] .adm-wb .adm-stats:after, .adm[data-tone] .adm-wb .adm-stats:hover:after {
    animation: none;
  }
}

html.reduce-motion .adm[data-tone] .adm-wb .adm-stats:after, html.reduce-motion .adm[data-tone] .adm-wb .adm-stats:hover:after {
  animation: none;
}

.adm-row .order-reference {
  white-space: normal;
  color: var(--ui-text-2);
  flex-wrap: wrap;
  gap: 2px 14px;
  margin-top: 5px;
  font-size: 11px;
  line-height: 17px;
  display: flex;
  overflow: visible;
}

.order-reference-id {
  min-width: 0;
  color: inherit;
  overflow-wrap: anywhere;
}

.order-reference-id span {
  font-family: var(--ui-font-num);
  font-variant-numeric: tabular-nums;
}

.order-reference-id:hover {
  color: var(--ui-accent);
  text-underline-offset: 3px;
  text-decoration: underline;
}

.order-reference time {
  white-space: nowrap;
}

.adm-row .order-description, .adm-row .order-origin {
  white-space: normal;
  line-height: 18px;
  overflow: visible;
}

.adm-row .order-origin {
  font-size: 11px;
}

.onboarding-detail .adm-head h1 {
  font-size: 20px;
  line-height: 28px;
}

.onboarding-detail .adm-head p {
  max-width: 680px;
  line-height: 1.85;
}

.adm-main .onboarding-detail .adm-sec {
  padding-top: 28px;
}

.adm-main .onboarding-detail .adm-sec-h h2 {
  font-size: 14px;
  font-weight: 500;
}

.onboarding-detail .adm-kv > div {
  grid-template-columns: 116px minmax(0, 1fr);
  gap: 20px;
  padding: 12px 0;
  line-height: 1.8;
}

.onboarding-detail .adm-kv > div > span:empty {
  display: none;
}

.onboarding-detail .adm-kv dt {
  color: var(--ui-text-2);
}

.onboarding-detail .adm-steps {
  gap: 20px;
  margin: 16px 0 20px;
}

.onboarding-detail .adm-steps li {
  border-top-width: 1px;
  gap: 5px;
  padding-top: 9px;
}

.onboarding-detail .adm-btn {
  background: var(--ui-accent);
  color: #fff;
  border-radius: 999px;
  margin-top: 24px;
  font-size: 13px;
}

.onboarding-detail .adm-btn:hover {
  background: color-mix(in srgb, var(--ui-accent) 88%, #000);
}

.is-apply .pub-sec h2 {
  font-size: 14px;
}

.is-apply .pub-row {
  align-items: start;
}

.is-apply .pub-submit {
  background: var(--ui-pay, #1677ff);
  color: #fff;
  border-radius: 999px;
}

@media (max-width: 1023px) {
  .adm.is-onboarding > .adm-rail {
    background: var(--ui-dash) top left / 100% 1px no-repeat;
    order: 1;
    margin-top: 32px;
    margin-bottom: 0;
    padding-top: 24px;
  }
}

@media (max-width: 600px) {
  .onboarding-detail .adm-kv > div {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 14px;
  }

  .onboarding-detail .adm-steps {
    gap: 12px;
  }
}

.onboarding-materials h2 {
  color: var(--ui-text);
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 500;
}

.onboarding-materials dl {
  margin: 0;
}

.onboarding-materials dl > div {
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  padding: 12px 0;
}

.onboarding-materials dt {
  color: var(--ui-text);
  font-size: 12px;
}

.onboarding-materials dd {
  color: var(--ui-text-2);
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 1.8;
}

.is-apply .pub-head h1 {
  font-size: 20px;
  line-height: 28px;
}

.is-apply .pub-head p {
  max-width: 660px;
  line-height: 1.8;
}

.apply-section-nav {
  border-bottom: 1px solid var(--ui-line);
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 22px;
  padding-bottom: 13px;
  display: flex;
}

.apply-section-nav a {
  color: var(--ui-text-2);
  font-size: 12px;
  text-decoration: none;
}

.apply-section-nav a:hover {
  color: var(--ui-accent);
}

.apply-section-nav a:focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 4px;
}

.apply-required-note {
  color: var(--ui-text-2);
  margin: 12px 0 0;
  font-size: 11px;
}

.is-apply .pub-form {
  margin-top: 4px;
}

.is-apply .pub-sec {
  scroll-margin-top: calc(var(--ui-header-h) + var(--ui-tabs-h) + 20px);
  gap: 16px;
  padding: 24px 0;
}

.is-apply .pub-sec:first-of-type {
  border-top: 0;
}

.is-apply .pub-hint {
  font-size: 12px;
  line-height: 1.8;
}

.is-apply .pub-row {
  gap: 18px;
}

.is-apply .pub-field {
  gap: 8px;
}

.is-apply .pub-field > span {
  color: var(--ui-text);
}

.is-apply .pub-input {
  border-radius: 6px;
  height: 40px;
}

.is-apply .pub-area {
  height: 96px;
}

.is-apply .apply-license-field .lic {
  border: 1px dashed var(--ui-line-strong);
  background: var(--ui-surface);
  border-radius: 6px;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  padding: 14px 16px;
  display: flex;
}

.is-apply .apply-license-field .lic-btn {
  border-style: solid;
  border-color: var(--ui-line);
  border-radius: 999px;
  font-size: 12px;
}

.is-apply .apply-license-field .lic-name {
  overflow-wrap: anywhere;
  flex: 240px;
  min-width: 0;
  line-height: 1.8;
}

.is-apply .pub-checks {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 18px;
  display: grid;
}

.is-apply .pub-agree {
  align-items: flex-start;
  line-height: 1.8;
}

.is-apply .pub-agree > input {
  flex: none;
  margin-top: 5px;
}

.is-apply .pub-foot {
  align-items: center;
  gap: 16px;
}

@media (max-width: 600px) {
  .is-apply .pub-row {
    grid-template-columns: 1fr;
  }

  .is-apply .pub-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.adm:has(.pub.is-apply) {
  width: calc(100% - 2 * var(--ui-end-x));
  max-width: 1160px;
  margin-inline: auto;
}

.adm:has(.pub.is-apply) > .adm-main > .pub.is-apply {
  max-width: none;
}

@media (min-width: 1024px) {
  .adm:has(.pub.is-apply) {
    grid-template-columns: minmax(0, 1fr) 300px;
    column-gap: 40px;
  }

  .adm:has(.pub.is-apply) > .adm-rail {
    padding-left: 28px;
  }
}

.adm-steps.onboarding-steps {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 600px) {
  .adm-steps.onboarding-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.apply-identity-materials {
  gap: 14px;
  display: grid;
}

.apply-identity-materials h3 {
  color: var(--ui-text);
  margin: 0;
  font-size: 13px;
  font-weight: 500;
}

.apply-identity-materials .pub-hint {
  margin: 0;
}

.apply-identity-materials .lic {
  align-items: flex-start;
}

.apply-documents {
  gap: 12px;
  margin-bottom: 6px;
  display: grid;
}

.apply-documents-heading {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  display: flex;
}

.apply-documents-heading h3, .apply-details-heading {
  color: var(--ui-text);
  margin: 0;
  font-size: 13px;
  font-weight: 500;
}

.apply-documents-heading > span, .document-format {
  color: var(--ui-text-3);
  font-size: 11px;
}

.apply-document-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.document-picker {
  flex-direction: column;
  gap: 9px;
  min-width: 0;
  display: flex;
}

.document-upload {
  border: 1px dashed var(--ui-line-strong);
  background: var(--ui-surface);
  width: 100%;
  min-height: 210px;
  color: var(--ui-text-2);
  cursor: pointer;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 16px 12px;
  transition: border-color .2s, background .2s;
  display: flex;
}

.document-upload:hover {
  border-color: var(--ui-accent);
  background: color-mix(in srgb, var(--ui-accent) 5%, var(--ui-surface));
}

.document-upload:focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 3px;
}

.document-picker.is-bad .document-upload {
  border-color: #c95757;
}

.document-outline {
  stroke: currentColor;
  stroke-width: 1.4px;
  width: 150px;
  max-width: 100%;
  height: 94px;
  color: color-mix(in srgb, var(--ui-accent) 42%, var(--ui-line-strong));
}

.document-upload-title {
  color: var(--ui-text);
  font-size: 12px;
  font-weight: 500;
}

.document-upload-hint {
  color: var(--ui-text-3);
  overflow-wrap: anywhere;
  max-width: 100%;
  font-size: 11px;
}

.document-preview {
  object-fit: contain;
  width: 100%;
  height: 94px;
  display: block;
}

.document-selected {
  color: var(--ui-text-2);
  justify-content: space-between;
  gap: 8px;
  font-size: 11px;
  display: flex;
}

.document-selected button {
  color: var(--ui-text-3);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  padding: 0;
}

.document-recognition {
  color: var(--ui-text-3);
  margin: 0;
  font-size: 11px;
  line-height: 1.7;
}

@media (max-width: 600px) {
  .apply-document-grid {
    grid-template-columns: 1fr;
  }

  .document-upload {
    min-height: 190px;
  }
}

.document-outline {
  stroke-width: 1px;
  width: 190px;
  height: 126px;
}

.document-specimen {
  object-fit: contain;
  width: 100%;
  max-width: 210px;
  height: 144px;
  display: block;
}

.document-simple {
  width: 174px;
  max-width: 100%;
  height: 120px;
  stroke: color-mix(in srgb, var(--ui-accent) 38%, var(--ui-text-3));
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: block;
}

.document-simple-paper {
  fill: color-mix(in srgb, var(--ui-accent) 4%, var(--ui-surface));
}

.document-upload {
  min-height: 228px;
}

.document-simple {
  color: color-mix(in srgb, var(--ui-accent) 30%, var(--ui-text-3));
  stroke: currentColor;
}

.document-upload {
  gap: 8px;
  min-height: 96px;
  padding: 18px 12px;
}

.document-upload-title {
  font-size: 12px;
  font-weight: 500;
}

.document-upload:has(.document-preview) {
  min-height: 190px;
}

@media (min-width: 1024px) {
  .adm[data-tone="seller"], .adm[data-tone="buyer"] {
    width: calc(100% - 2 * var(--ui-end-x));
    max-width: 1160px;
    margin-inline: auto;
  }
}

.login-account-choice {
  text-align: left;
  border: 0;
  margin: 22px 0;
  padding: 0;
}

.login-account-choice legend {
  color: var(--ui-text-3);
  margin-bottom: 10px;
  font-size: 12px;
}

.login-account-choice label {
  cursor: pointer;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  display: flex;
}

.login-account-choice label + label {
  border-top: 1px solid var(--ui-line);
}

.login-account-choice input {
  accent-color: #1677ff;
  width: 16px;
  height: 16px;
  margin: 0;
}

.login-account-choice span {
  gap: 5px;
  display: grid;
}

.login-account-choice b {
  color: var(--ui-text);
  font-size: 14px;
  font-weight: 500;
}

.login-account-choice small {
  color: var(--ui-text-3);
  font-size: 12px;
}

.adm-wb .adm-head {
  margin-bottom: 18px;
}

.adm-wb .adm-head h1 {
  font-size: 20px;
  line-height: 28px;
}

.adm[data-tone] .adm-wb .adm-stats {
  gap: 20px;
  margin: 0;
  padding-bottom: 16px;
}

.adm[data-tone] .adm-wb .adm-stats > a {
  padding: 8px 0 4px;
}

.adm-wb .adm-stats b {
  font-variant-numeric: tabular-nums;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

.adm-wb .adm-sec {
  padding: 24px 0 0;
}

.adm-wb .adm-sec + .adm-sec {
  border-top: 1px solid var(--ui-line);
}

.adm-wb .adm-sec-h {
  gap: 16px;
  min-height: 24px;
  margin-bottom: 12px;
}

.adm-wb .adm-sec-h h2 {
  font-size: 14px;
  line-height: 24px;
}

.adm-wb .workbench-section-note {
  color: var(--ui-text-3);
  margin-left: 6px;
  font-size: 11px;
  font-weight: 400;
}

.adm-main .adm-wb .adm-row {
  column-gap: 16px;
  padding-block: 12px;
}

.adm-main .adm-wb .adm-row > :first-child {
  min-width: 0;
}

.adm-wb .adm-row > span:first-child > b {
  white-space: normal;
  font-size: 13px;
  line-height: 21px;
}

.adm-wb .adm-row small {
  margin-top: 3px;
  font-size: 11px;
  line-height: 17px;
}

.adm-wb .adm-row .order-reference {
  color: var(--ui-text-3);
  gap: 2px 12px;
}

.adm-wb .order-description {
  flex-wrap: wrap;
  gap: 2px 12px;
  display: flex;
}

.adm-wb .order-origin-inline {
  color: var(--ui-text-3);
  font-size: 11px;
}

.adm-main .adm-wb .adm-row.adm-thead {
  color: var(--ui-text-3);
  padding: 7px 0;
  font-size: 11px;
}

.adm-main .adm-wb .adm-row > a.adm-act {
  width: 76px;
  height: 30px;
  font-size: 12px;
}

.adm-wb .adm-tag, .adm-wb .adm-cell-num, .adm-wb .adm-quota {
  font-size: 12px;
}

.adm-main .adm-wb .adm-sec:has(.todo-heading) .adm-row:not(.adm-thead) {
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
}

@media (min-width: 768px) {
  .adm-main .adm-wb .adm-row {
    grid-template-columns: minmax(0, 1fr) 112px 128px 76px;
  }
}

@media (min-width: 1024px) {
  .adm[data-tone]:has(.adm-wb) {
    grid-template-columns: minmax(0, 1fr) 280px;
    column-gap: 36px;
  }

  .adm[data-tone]:has(.adm-wb) > .adm-rail {
    padding-left: 26px;
  }
}

@media (max-width: 767px) {
  .adm-wb .workbench-section-note {
    display: none;
  }

  .adm-main .adm-wb .adm-row {
    column-gap: 12px;
  }
}

.adm:is([data-tone="buyer"], [data-tone="seller"]:not(.is-onboarding)) .adm-main .adm-sec {
  padding-block: 36px 0;
}

.adm:is([data-tone="buyer"], [data-tone="seller"]:not(.is-onboarding)) .adm-main .adm-sec + .adm-sec {
  border-top: 1px solid var(--ui-line);
  margin-top: 40px;
}

.adm:is([data-tone="buyer"], [data-tone="seller"]:not(.is-onboarding)) .adm-main .adm-sec:first-child, .adm:is([data-tone="buyer"], [data-tone="seller"]:not(.is-onboarding)) .adm-main .adm-head + .adm-sec, .adm:is([data-tone="buyer"], [data-tone="seller"]:not(.is-onboarding)) .adm-main .adm-subtabs + .adm-sec, .adm:is([data-tone="buyer"], [data-tone="seller"]:not(.is-onboarding)) .adm-main .banner + .adm-sec {
  padding-top: 0;
}

.adm:is([data-tone="buyer"], [data-tone="seller"]:not(.is-onboarding)) .adm-main .adm-sec-h {
  flex-wrap: wrap;
  gap: 12px 20px;
  min-height: 24px;
  margin-bottom: 14px;
}

.adm:is([data-tone="buyer"], [data-tone="seller"]:not(.is-onboarding)) .adm-main .adm-sec-h h2 {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.adm:is([data-tone="buyer"], [data-tone="seller"]:not(.is-onboarding)) .adm-main .adm-sec-h > a {
  flex-shrink: 0;
}

.adm:is([data-tone="buyer"], [data-tone="seller"]:not(.is-onboarding)) .adm-head p {
  max-width: 64ch;
  line-height: 1.7;
}

.adm:is([data-tone="buyer"], [data-tone="seller"]:not(.is-onboarding)) > .adm-rail {
  row-gap: 28px;
}

.adm:is([data-tone="buyer"], [data-tone="seller"]:not(.is-onboarding)) .adm-rail .adm-next {
  border-top: 1px solid var(--ui-line);
  padding-top: 20px;
}

@media (max-width: 767px) {
  .adm:is([data-tone="buyer"], [data-tone="seller"]:not(.is-onboarding)) .adm-main .adm-sec + .adm-sec {
    margin-top: 24px;
    padding-top: 24px;
  }
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) {
  --buyer-columns: minmax(0, 1fr) 116px 140px 128px;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-head {
  margin-bottom: 24px;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-head h1 {
  font-size: 20px;
  line-height: 28px;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-subtabs {
  gap: 8px 24px;
  margin-bottom: 28px;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-filters {
  border-bottom: 1px solid var(--ui-line);
  gap: 10px;
  margin: 0 0 28px;
  padding-bottom: 20px;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-filter {
  gap: 6px;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-filter-k {
  flex: 0 0 52px;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-filters + .adm-sec {
  padding-top: 0;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-row {
  column-gap: 16px;
  padding-block: 14px;
  font-size: 12px;
  line-height: 1.65;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-row > * {
  min-width: 0;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-row > span:first-child > b {
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 21px;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-row small {
  overflow-wrap: anywhere;
  margin-top: 4px;
  font-size: 11px;
  line-height: 18px;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-row.adm-thead {
  color: var(--ui-text-3);
  padding-block: 8px;
  font-size: 11px;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .order-description {
  flex-wrap: wrap;
  gap: 2px 12px;
  display: flex;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .order-reference {
  flex-wrap: wrap;
  gap: 2px 12px;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-cell-num {
  font-variant-numeric: tabular-nums;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-who-tag {
  white-space: normal;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .buyer-section-description {
  color: var(--ui-text-3);
  flex-basis: 100%;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-sec-h:has(.buyer-section-description) {
  row-gap: 4px;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-note {
  margin-top: 16px;
  line-height: 1.8;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-kv > div {
  grid-template-columns: 116px minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 16px;
  padding-block: 14px;
  line-height: 1.75;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-kv > div:has( > span:last-child:empty) {
  grid-template-columns: 116px minmax(0, 1fr);
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-kv > div > span:last-child:empty {
  display: none;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-access {
  gap: 8px;
  padding: 0 0 16px;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-access > div {
  grid-template-columns: 80px minmax(0, 1fr);
  gap: 12px;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-svc + .adm-svc {
  margin-top: 12px;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-empty {
  margin: 0;
  padding-block: 20px;
  line-height: 1.8;
}

@media (min-width: 768px) {
  .adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-row {
    grid-template-columns: var(--buyer-columns);
  }

  .adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-row.is-notify {
    grid-template-columns: minmax(0, 1fr) 100px 100px;
  }

  .adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-row.is-notify > :last-child {
    display: none;
  }
}

@media (min-width: 1024px) {
  .adm[data-tone="buyer"]:not(:has(.buyer-workbench)) {
    grid-template-columns: minmax(0, 1fr) 280px;
    column-gap: 36px;
  }

  .adm[data-tone="buyer"]:not(:has(.buyer-workbench)) > .adm-rail {
    padding-left: 26px;
  }
}

@media (max-width: 767px) {
  :is(.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-kv > div, .adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-kv > div:has( > span:last-child:empty)) {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 8px 12px;
  }

  .adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-kv > div > :nth-child(3) {
    grid-column: 2;
  }
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-row > .adm-act-form > button {
  justify-self: end;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-row small {
  white-space: normal;
  text-overflow: clip;
  overflow: visible;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-row .adm-src small a {
  display: inline-block;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .adm-row > .adm-act-form > fieldset > button {
  justify-self: end;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .buyer-form-actions {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-top: 4px;
  display: flex;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .buyer-form-actions .adm-btn {
  margin: 0;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .addr-default {
  white-space: nowrap;
  display: flex;
}

.adm[data-tone="buyer"]:not(:has(.buyer-workbench)) .addr-default input {
  flex: none;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
}

.adm[data-tone="buyer"] .adm-main .adm-row {
  align-items: center;
  column-gap: 12px;
  padding-block: 12px;
}

.adm[data-tone="buyer"] .adm-main .adm-row.adm-thead {
  padding-block: 8px;
}

.adm[data-tone="buyer"] .adm-main .adm-row > a.adm-act, .adm[data-tone="buyer"] .adm-main .adm-row > button.adm-link, .adm[data-tone="buyer"] .adm-main .adm-row > .adm-act-form > button, .adm[data-tone="buyer"] .adm-main .adm-row > .adm-act-form > fieldset > button {
  width: 88px;
  height: 30px;
  font-size: 12px;
}

@media (min-width: 768px) {
  .adm[data-tone="buyer"] .adm-main .adm-row:not(.is-notify) {
    grid-template-columns: minmax(0, 1fr) 120px 140px 128px;
  }

  .adm[data-tone="buyer"] .adm-main .adm-row > :first-child {
    text-align: left;
    justify-self: stretch;
  }

  .adm[data-tone="buyer"] .adm-main .adm-row > :nth-child(3):not(.adm-ops):not(.adm-act) {
    text-align: center;
    justify-self: stretch;
  }

  .adm[data-tone="buyer"] .adm-main .adm-row .order-description, .adm[data-tone="buyer"] .adm-main .adm-row .order-reference {
    justify-content: flex-start;
  }

  .adm[data-tone="buyer"] .adm-main .adm-row > :nth-child(2):not(.adm-span2) {
    text-align: left;
    justify-self: start;
  }

  .adm[data-tone="buyer"] .adm-main .adm-row > :nth-child(4), .adm[data-tone="buyer"] .adm-main .adm-row > .adm-span2 + *, .adm[data-tone="buyer"] .adm-main .adm-row > .adm-act-form > button, .adm[data-tone="buyer"] .adm-main .adm-row > .adm-act-form > fieldset > button {
    text-align: right;
    justify-self: end;
  }

  .adm[data-tone="buyer"] .adm-main .adm-row.is-notify > :nth-child(3) {
    text-align: center;
    justify-self: center;
  }

  .adm[data-tone="buyer"] .adm-main .adm-row > .adm-ops {
    justify-content: flex-end;
    gap: 8px;
  }
}

.adm[data-tone="buyer"] .adm-main .adm-ops > button, .adm[data-tone="buyer"] .adm-main .adm-ops > a {
  height: 30px;
  font-size: 12px;
}

.adm[data-tone="buyer"] .buyer-record-search {
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 16px;
  margin: 0 0 10px;
  display: flex;
}

.adm[data-tone="buyer"] .buyer-search-keyword {
  color: var(--ui-text-3);
  flex: 220px;
  gap: 7px;
  font-size: 11px;
  display: grid;
}

.adm[data-tone="buyer"] .buyer-search-dates {
  border: 0;
  flex: 280px;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.adm[data-tone="buyer"] .buyer-search-dates legend {
  color: var(--ui-text-3);
  margin-bottom: 7px;
  padding: 0;
  font-size: 11px;
}

.adm[data-tone="buyer"] .buyer-search-dates > div {
  align-items: center;
  gap: 8px;
  display: flex;
}

.adm[data-tone="buyer"] .buyer-search-dates span {
  color: var(--ui-text-3);
  font-size: 11px;
}

.adm[data-tone="buyer"] .buyer-record-search input:not([type="hidden"]) {
  border: 1px solid var(--ui-line-strong);
  background: var(--ui-surface);
  width: 100%;
  min-width: 0;
  height: 34px;
  color: var(--ui-text);
  font: inherit;
  border-radius: 6px;
  padding: 0 10px;
  font-size: 12px;
}

.adm[data-tone="buyer"] .buyer-record-search input:focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 2px;
}

.adm[data-tone="buyer"] .buyer-search-actions {
  align-items: center;
  gap: 12px;
  height: 34px;
  font-size: 12px;
  display: flex;
}

.adm[data-tone="buyer"] .buyer-search-actions button {
  background: var(--ui-surface-2);
  height: 34px;
  color: var(--ui-text);
  font: inherit;
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  padding: 0 18px;
}

.adm[data-tone="buyer"] .buyer-search-actions a {
  color: var(--ui-text-3);
}

.adm[data-tone="buyer"] .buyer-search-error {
  color: var(--ui-bad);
  flex-basis: 100%;
  margin: 0;
  font-size: 12px;
}

.adm[data-tone="buyer"] .adm-main .buyer-service-list > .adm-svc {
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  grid-template-rows: auto auto;
  margin-top: 0;
  padding-bottom: 12px;
  display: grid;
}

.adm[data-tone="buyer"] .adm-main .buyer-service-list .adm-svc > .adm-row {
  background: none;
  padding-block: 12px;
}

.adm[data-tone="buyer"] .adm-main .buyer-service-list .adm-access {
  align-content: start;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.adm[data-tone="buyer"] .adm-main .buyer-service-list .adm-access > div {
  grid-template-columns: 60px minmax(0, 1fr);
  gap: 8px;
  min-height: 22px;
}

.adm[data-tone="buyer"] .adm-main .buyer-service-list .adm-access dd {
  gap: 8px;
  width: 100%;
  max-width: 480px;
  line-height: 20px;
}

.adm[data-tone="buyer"] .adm-main .buyer-service-list .adm-access code {
  flex: 0 auto;
  min-width: 0;
}

.adm[data-tone="buyer"] .adm-main .buyer-service-list .adm-access .adm-copy {
  text-align: left;
  flex: none;
}

@media (max-width: 767px) {
  .adm[data-tone="buyer"] .adm-main .buyer-service-list > .adm-svc {
    grid-template-rows: auto auto;
  }
}

.adm.is-onboarding .adm-head, .adm.is-onboarding .pub-head {
  margin-bottom: 24px;
}

.adm.is-onboarding .adm-head h1, .adm.is-onboarding .pub-head h1 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.adm.is-onboarding .adm-head p, .adm.is-onboarding .pub-head p {
  max-width: 64ch;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.8;
}

.adm.is-onboarding .adm-main .adm-sec {
  padding: 28px 0 0;
}

.adm.is-onboarding .adm-main .adm-sec + .adm-sec {
  border-top: 1px solid var(--ui-line);
  margin-top: 32px;
}

.adm.is-onboarding .adm-main .adm-head + .adm-sec {
  padding-top: 0;
}

.adm.is-onboarding .adm-sec-h {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 14px;
}

.adm.is-onboarding .adm-sec-h h2 {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.adm.is-onboarding .adm-kv > div {
  grid-template-columns: 136px minmax(0, 1fr);
  gap: 16px;
  padding: 12px 0;
  font-size: 12px;
  line-height: 1.8;
}

.adm.is-onboarding .adm-kv > div > span:empty {
  display: none;
}

.adm.is-onboarding .adm-kv dd {
  overflow-wrap: anywhere;
}

.adm.is-onboarding .onboarding-steps {
  gap: 16px;
  margin: 20px 0 24px;
}

.adm.is-onboarding .onboarding-steps li {
  border-top-width: 1px;
  gap: 6px;
  padding-top: 10px;
}

.adm.is-onboarding > .adm-rail {
  row-gap: 28px;
}

.adm.is-onboarding .onboarding-materials h2 {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.adm.is-onboarding .onboarding-materials dd {
  margin-top: 6px;
  line-height: 1.8;
}

.adm.is-onboarding .adm-next {
  border-top: 1px solid var(--ui-line);
  padding-top: 20px;
}

.adm.is-onboarding .pub.is-apply {
  padding-top: 0;
}

.adm.is-onboarding .is-apply .pub-sec {
  gap: 16px;
  padding: 28px 0;
}

.adm.is-onboarding .is-apply .pub-sec:first-of-type {
  padding-top: 16px;
}

.adm.is-onboarding .is-apply .pub-sec h2 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.adm.is-onboarding .is-apply .pub-hint {
  margin: 0;
  font-size: 12px;
  line-height: 1.8;
}

.adm.is-onboarding .is-apply .pub-row {
  gap: 16px;
}

.adm.is-onboarding .is-apply .pub-field {
  gap: 8px;
  font-size: 12px;
}

.adm.is-onboarding .is-apply .apply-documents {
  gap: 12px;
  margin-bottom: 8px;
}

.adm.is-onboarding .is-apply .apply-document-grid {
  align-items: start;
  gap: 12px;
}

.adm.is-onboarding .is-apply .apply-details-heading {
  border-top: 1px dashed var(--ui-line);
  padding-top: 16px;
  line-height: 22px;
}

.adm.is-onboarding .is-apply .pub-foot {
  gap: 16px;
  margin-top: 0;
  padding-top: 20px;
}

@media (min-width: 1024px) {
  :is(.adm.is-onboarding, .adm.is-onboarding:has(.pub.is-apply)) {
    grid-template-columns: minmax(0, 1fr) 280px;
    column-gap: 36px;
  }

  :is(.adm.is-onboarding > .adm-rail, .adm.is-onboarding:has(.pub.is-apply) > .adm-rail) {
    padding-left: 26px;
  }
}

@media (max-width: 600px) {
  .adm.is-onboarding .adm-kv > div {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 12px;
  }

  .adm.is-onboarding .is-apply .apply-document-grid {
    grid-template-columns: 1fr;
  }

  .adm.is-onboarding .is-apply .apply-documents-heading {
    flex-wrap: wrap;
    gap: 4px 12px;
  }
}

.onboarding-progress {
  margin: 0 0 28px;
}

.onboarding-progress-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px 16px;
  margin-bottom: 18px;
  display: flex;
}

.onboarding-progress-head h2, .onboarding-fee-heading {
  color: var(--ui-text);
  align-items: center;
  gap: var(--ui-sp-2);
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.onboarding-progress-head > span {
  color: var(--ui-text-2);
  font-size: 12px;
}

.onboarding-progress ol {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.onboarding-progress li {
  min-width: 0;
  position: relative;
}

.onboarding-progress li:not(:last-child):after {
  content: "";
  background: var(--ui-line-strong);
  height: 1px;
  position: absolute;
  top: 16px;
  left: 44px;
  right: 0;
}

.onboarding-step-marker {
  border: 1px solid var(--ui-line-strong);
  width: 32px;
  height: 32px;
  color: var(--ui-text-2);
  font-variant-numeric: tabular-nums;
  border-radius: 50%;
  place-items: center;
  margin-bottom: 10px;
  font-size: 12px;
  display: grid;
}

.onboarding-step-title {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  display: flex;
}

.onboarding-step-title b {
  color: var(--ui-text);
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}

.onboarding-step-title > span {
  color: var(--ui-text-3);
  font-size: 11px;
}

.onboarding-progress li p {
  color: var(--ui-text-3);
  margin: 5px 0 0;
  font-size: 11px;
  line-height: 18px;
}

.onboarding-progress li[data-state="current"] .onboarding-step-marker {
  border-color: var(--ui-accent);
  background: var(--ui-accent);
  color: #fff;
}

.onboarding-progress li[data-state="current"] .onboarding-step-title > span {
  color: var(--ui-accent);
}

.onboarding-progress li[data-state="done"] .onboarding-step-marker {
  border-color: var(--ui-accent);
  color: var(--ui-accent);
}

.onboarding-fee-heading {
  border-top: 1px solid var(--ui-line);
  margin-bottom: 10px;
  padding-top: 20px;
}

.apply-section-nav .apply-nav-label {
  color: var(--ui-text-3);
  font-size: 12px;
}

@media (max-width: 600px) {
  .onboarding-progress ol {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .onboarding-progress li {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 0 12px;
    display: grid;
  }

  .onboarding-step-marker {
    grid-row: 1 / 3;
    margin: 0;
  }

  .onboarding-progress li p {
    grid-column: 2;
    margin-top: 2px;
  }

  .onboarding-progress li:not(:last-child):after {
    width: 1px;
    height: auto;
    top: 38px;
    bottom: -10px;
    left: 16px;
  }
}

.onboarding-detail .onboarding-step-marker {
  width: 24px;
  height: 24px;
  margin-bottom: 8px;
  font-size: 11px;
}

.onboarding-detail .onboarding-progress li:not(:last-child):after {
  top: 12px;
  left: 34px;
}

@media (max-width: 600px) {
  .onboarding-detail .onboarding-progress li {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .onboarding-detail .onboarding-step-marker {
    margin: 0;
  }

  .onboarding-detail .onboarding-progress li:not(:last-child):after {
    top: 30px;
    left: 12px;
  }
}

.adm.is-onboarding .is-apply .pub-sec h2 > i {
  background: var(--ui-accent);
  color: #fff;
  text-align: center;
  border-radius: 50%;
  flex: 0 0 22px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.onboarding-step-marker {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: Arial, sans-serif;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.onboarding-detail .onboarding-step-marker {
  background: var(--ui-accent);
  border-color: var(--ui-accent);
  color: #fff;
}

.is-apply .pub-checks input {
  appearance: none;
  box-sizing: border-box;
  border: 1px solid var(--ui-text-2);
  background: var(--ui-surface);
  cursor: pointer;
  border-radius: 3px;
  flex-shrink: 0;
  place-content: center;
  width: 13px;
  min-width: 0;
  height: 13px;
  min-height: 0;
  margin: 0;
  padding: 0;
  display: inline-grid;
}

.is-apply .pub-checks input:checked {
  background: var(--ui-accent);
  border-color: var(--ui-accent);
}

.is-apply .pub-checks input:checked:after {
  content: "";
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  width: 7px;
  height: 4px;
  transform: translateY(-1px) rotate(-45deg);
}

.is-apply .pub-checks input:focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 3px;
}

.adm-role-status {
  color: var(--ui-text-2);
  background: color-mix(in srgb, var(--ui-text-2) 8%, transparent);
  border-radius: 4px;
  align-items: center;
  padding: 2px 7px;
  font-size: 11px;
  line-height: 18px;
  display: inline-flex;
}

.adm-role-status[data-open="true"] {
  color: var(--ui-accent);
  background: color-mix(in srgb, var(--ui-accent) 10%, transparent);
}

.adm.is-onboarding .onboarding-detail .adm-head {
  margin-bottom: 20px;
}

.adm.is-onboarding .onboarding-detail .adm-sec-h {
  margin-bottom: 8px;
}

.adm.is-onboarding .onboarding-detail .adm-kv > div {
  gap: 12px;
  padding: 9px 0;
}

.adm.is-onboarding .onboarding-detail .adm-sec + .adm-sec {
  margin-top: 24px;
  padding-top: 22px;
}

.adm.is-onboarding:has(.onboarding-detail) > .adm-rail {
  row-gap: 22px;
}

.adm.is-onboarding:has(.onboarding-detail) .onboarding-materials dd {
  margin-top: 4px;
  line-height: 1.7;
}

.adm-ids > div:has(.adm-role-status) {
  align-items: center;
}

:is(.adm-wb, .seller-products) .workbench-empty {
  background: var(--ui-dash) bottom left / 100% 1px no-repeat;
  padding: 12px 0 16px;
}

:is(.adm-wb, .seller-products) .workbench-empty p {
  color: var(--ui-text-2);
  margin: 0;
  font-size: 12px;
  line-height: 1.8;
}

:is(.adm-wb, .seller-products) .workbench-empty .workbench-empty-title {
  color: var(--ui-text);
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 500;
}

:is(.adm-wb, .seller-products) .workbench-empty dl {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 20px;
  margin: 16px 0 0;
  font-size: 12px;
  line-height: 1.8;
  display: grid;
}

:is(.adm-wb, .seller-products) .workbench-empty dt {
  color: var(--ui-text-2);
}

:is(.adm-wb, .seller-products) .workbench-empty dd {
  color: var(--ui-text-3);
  margin: 3px 0 0;
}

:is(.adm-wb, .seller-products) .workbench-empty-link {
  color: var(--ui-accent);
  margin-top: 12px;
  font-size: 12px;
  display: inline-block;
}

.seller-products .adm-head {
  margin-bottom: 24px;
}

.seller-products .adm-head h1 {
  font-size: 20px;
  line-height: 28px;
}

.adm-main .seller-products .adm-row {
  align-items: center;
  gap: 12px;
  padding-block: 12px;
}

.adm-main .seller-products .adm-row > :first-child {
  text-align: left;
  min-width: 0;
}

.adm-main .seller-products .adm-row > :nth-child(2) {
  text-align: left;
  justify-self: start;
}

.adm-main .seller-products .adm-row > :nth-child(3) {
  text-align: center;
  justify-self: center;
}

.adm-main .seller-products .adm-row > :last-child {
  text-align: right;
  justify-self: end;
}

.seller-products .adm-row b {
  font-size: 13px;
  line-height: 21px;
}

.seller-products .adm-row small {
  white-space: normal;
  margin-top: 4px;
  font-size: 11px;
  line-height: 18px;
}

.seller-products .adm-tag, .seller-products .adm-cell-num {
  font-size: 12px;
}

.adm-main .seller-products .adm-row.adm-thead {
  padding-block: 8px;
  font-size: 11px;
}

.seller-products .adm-act-form button {
  min-width: 88px;
  min-height: 30px;
  font-size: 12px;
}

.seller-products .adm-cat {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 0 0 12px;
  font-size: 12px;
  display: flex;
}

.seller-products .adm-cat .cat-picker {
  max-width: 100%;
  font-size: 12px;
}

@media (min-width: 768px) {
  .adm-main .seller-products .adm-row {
    grid-template-columns: minmax(0, 1fr) 120px 140px 128px;
  }
}

@media (min-width: 1024px) {
  .adm[data-tone="seller"]:has(.seller-products) {
    grid-template-columns: minmax(0, 1fr) 280px;
    column-gap: 36px;
  }

  .adm[data-tone="seller"]:has(.seller-products) > .adm-rail {
    padding-left: 26px;
  }
}

.adm[data-tone] .adm-wb .adm-stats {
  gap: 20px;
}

.adm[data-tone] .adm-wb .adm-stats b {
  font-variant-numeric: tabular-nums;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

.adm[data-tone] .adm-wb .adm-stats:after {
  content: none;
}

.adm[data-tone] .adm-wb .adm-stats > a, .adm[data-tone] .adm-wb .adm-stats > a:first-child, .adm[data-tone] .adm-wb .adm-stats > a:hover {
  background: none;
  padding-top: 14px;
  padding-bottom: 4px;
  position: relative;
}

.adm[data-tone] .adm-wb .adm-stats > a:after {
  content: "";
  background: var(--ui-line-strong);
  transform-origin: 0;
  width: 100%;
  height: 1px;
  transition: background-color .25s;
  position: absolute;
  top: 0;
  left: 0;
}

.adm[data-tone] .adm-wb .adm-stats > a:hover:after, .adm[data-tone] .adm-wb .adm-stats > a:focus-visible:after {
  background: var(--ui-accent);
}

.adm-wb .adm-stats b, .adm-wb .adm-stats i {
  transition: color .22s, transform .22s;
}

.adm-wb .adm-stats a:hover b, .adm-wb .adm-stats a:focus-visible b {
  color: var(--ui-accent);
}

.adm-wb .adm-stats a:hover i {
  color: var(--ui-accent);
  transform: translateX(3px);
}

@media (prefers-reduced-motion: reduce) {
  .adm-wb .adm-stats b, .adm-wb .adm-stats i {
    transition: none;
  }

  .adm[data-tone] .adm-wb .adm-stats > a:after {
    transition: none;
    animation: none;
  }
}

html.reduce-motion .adm[data-tone] .adm-wb .adm-stats > a:after {
  transition: none;
  animation: none;
}

html.reduce-motion .adm-wb .adm-stats b, html.reduce-motion .adm-wb .adm-stats i {
  transition: none;
}

@media (max-width: 600px) {
  :is(.adm-wb, .seller-products) .workbench-empty dl {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.home-mobile-browse {
  display: none;
}

@media (max-width: 767px) {
  html:has(.ni-home) {
    scrollbar-gutter: auto;
  }

  body:has(.ni-home) {
    min-height: 100svh;
  }

  body:has(.ni-home) .hd {
    flex: 0 0 64px;
    height: 64px;
  }

  body:has(.ni-home) .hd-bar {
    height: 44px;
    margin-top: 10px;
    padding-right: 16px;
  }

  body:has(.ni-home) .hd-actions {
    gap: 4px;
  }

  body:has(.ni-home) .hd-actions .icon-btn {
    width: 44px;
    height: 44px;
  }

  .page-fade:has( > .ni-home) {
    flex: 1 0 auto;
    min-height: 0;
    display: flex;
  }

  .page-fade > .ni-home {
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .ni-home .home {
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 24px 0 48px;
    display: flex;
    overflow: visible;
  }

  .ni-home .home-center {
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    position: relative;
    inset: auto;
  }

  .ni-home .home-center > .wordmark.brand-mark {
    width: 100%;
    margin: 0 0 28px;
    font-size: clamp(32px, 9vw, 38px);
    line-height: 1.2;
  }

  .ni-home .home .hs {
    width: 100%;
    max-width: 440px;
    margin: 0;
  }

  .ni-home .hs-box {
    gap: 10px;
    height: 48px;
    padding-left: 16px;
  }

  .ni-home .hs-box input {
    font-size: 16px;
  }

  .ni-home .hs-mic {
    flex: none;
    width: 40px;
    height: 44px;
  }

  .ni-home .home-links {
    box-sizing: border-box;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-self: center;
    gap: 4px;
    width: calc(100% - 48px);
    min-width: 0;
    max-width: 392px;
    margin-top: 12px;
    display: flex;
    overflow-x: auto;
  }

  .ni-home .home-links::-webkit-scrollbar {
    display: none;
  }

  .ni-home .home-links a {
    white-space: nowrap;
    scroll-snap-align: start;
    min-height: 44px;
    color: var(--ui-text-2);
    flex: none;
    justify-content: center;
    align-items: center;
    padding-inline: 10px;
    font-size: 13px;
    text-decoration: none;
    display: flex;
  }

  .ni-home .home-links a:focus-visible {
    outline: 2px solid var(--ui-accent);
    outline-offset: -3px;
    border-radius: 4px;
  }

  .ni-home .home-links a:active {
    color: var(--ui-accent);
  }

  .ni-home .home-mobile-browse {
    min-height: 44px;
    color: var(--ui-accent);
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    font-size: 12px;
    display: inline-flex;
  }

  .ni-home .hs-pop {
    overscroll-behavior: contain;
    max-height: min(340px, 45svh);
    top: 48px;
    overflow-y: auto;
  }

  .ni-home .hs-pop li a {
    gap: 4px 10px;
    padding: 12px 16px;
  }

  body:has(.ni-home) .ft.ft-google {
    flex: none;
    min-height: 0;
    margin-top: 0;
    position: static;
  }

  body:has(.ni-home) .ft.ft-google .ft-in {
    padding: 12px 16px max(12px, env(safe-area-inset-bottom));
    flex-direction: column;
    gap: 8px;
  }

  body:has(.ni-home) .ft.ft-google .ft-right {
    order: -1;
    justify-content: center;
    gap: 0 14px;
    font-size: 11px;
  }

  body:has(.ni-home) .ft.ft-google .ft-right a {
    align-items: center;
    min-height: 32px;
    display: inline-flex;
  }

  body:has(.ni-home) .ft.ft-google .ft-left {
    justify-content: center;
    gap: 2px 8px;
    font-size: 10px;
    line-height: 1.6;
  }
}

@media (max-width: 767px) and (max-height: 600px) {
  .ni-home .home {
    padding: 12px 0;
  }

  .ni-home .home-center > .wordmark.brand-mark {
    margin-bottom: 18px;
    font-size: 30px;
  }

  .ni-home .home-links {
    margin-top: 10px;
  }

  .ni-home .home-mobile-browse {
    margin-top: 0;
  }
}

.market-sort-mobile {
  display: none;
}

@media (max-width: 767px) {
  .market-sort-desktop {
    display: none;
  }

  .market-sort-mobile {
    display: inline;
  }

  .ft.ft-google {
    background: none;
  }

  .ni-serp .hd-filter {
    box-shadow: none;
    border: 0;
  }

  .ni-serp .hd-sort {
    border-right: 0;
    padding-right: 0;
  }

  .ni-serp .hd-view {
    border-left: 0;
  }

  body:has(.ni-serp, .adm) {
    --ui-header-h: 112px;
  }

  body:has(.ni-serp, .adm) .hd {
    flex-shrink: 0;
    height: 112px;
  }

  body:has(.ni-serp, .adm) .hd-bar {
    grid-template-rows: 40px 44px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
    height: auto;
    margin: 0;
    padding: 8px 16px 12px;
    display: grid;
  }

  body:has(.ni-serp, .adm) .hd-brand {
    grid-area: 1 / 1;
    justify-content: flex-start;
    width: auto;
    height: 40px;
    padding: 0;
  }

  body:has(.ni-serp, .adm) .hd-brand .brand-mark {
    font-size: 18px;
  }

  body:has(.ni-serp, .adm) .hd-brand .bm-name {
    display: inline;
  }

  body:has(.ni-serp, .adm) .hd-brand .halo {
    width: 16px;
    height: 16px;
    margin-right: 6px;
  }

  body:has(.ni-serp, .adm) .hd-actions {
    grid-area: 1 / 2;
    gap: 2px;
    padding: 0;
  }

  body:has(.ni-serp, .adm) .hd-search {
    box-sizing: border-box;
    grid-area: 2 / 1 / auto / -1;
    width: 100%;
    max-width: none;
    height: 44px;
    padding: 0 12px 0 16px;
  }

  body:has(.ni-serp, .adm) .hd-search input {
    font-size: 16px;
  }

  .ni-serp .hd-tabs {
    flex-direction: column;
    height: auto;
    padding: 0 16px;
    display: flex;
    position: static;
  }

  .ni-serp .hd-tabs-in {
    gap: 20px;
    width: 100%;
    min-height: 42px;
    margin: 0;
  }

  .ni-serp .hd-tabs-in > a, .ni-serp .hd-tabs-in > button {
    height: 42px;
    font-size: 13px;
  }

  .ni-serp .hd-tabs-in > [aria-pressed="true"]:after {
    background: var(--ui-accent);
    height: 2px;
    bottom: 0;
  }

  .ni-serp .hd-tabs-ops {
    justify-content: flex-end;
    gap: 10px;
    min-height: 42px;
    padding: 0;
  }

  .ni-serp .hd-sort {
    flex: none;
    justify-content: flex-end;
    gap: 14px;
    display: flex;
  }

  .ni-serp .hd-sort button {
    min-height: 40px;
    padding: 0;
    font-size: 12px;
  }

  .ni-serp .hd-filter {
    min-width: 40px;
    min-height: 40px;
    font-size: 12px;
  }

  .ni-serp .hd-view {
    gap: 2px;
    margin-left: 0;
    padding-left: 8px;
  }

  .ni-serp .hd-view button {
    width: 36px;
    height: 40px;
  }

  .ni-serp .hd-chips {
    gap: 4px;
    padding: 8px 16px;
    position: static;
  }

  .ni-serp .hd-chips-row {
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
  }

  .ni-serp .hd-chips-k {
    font-size: 12px;
    line-height: 32px;
  }

  .ni-serp .hd-chips-list {
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    grid-auto-columns: 80px;
    grid-auto-flow: column;
    justify-content: start;
    gap: 4px;
    min-width: 0;
    display: grid;
    overflow-x: auto;
  }

  .ni-serp .hd-chips-list .chip {
    box-sizing: border-box;
    scroll-snap-align: start;
    justify-content: center;
    height: 32px;
    min-height: 32px;
    padding: 0 6px;
    font-size: 12px;
  }

  .ni-serp .lst-stage {
    grid-template-columns: minmax(0, 1fr);
    margin: 0 16px;
    padding-top: 8px;
  }

  .ni-serp .lst-row {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "meta meta"
                         "title price"
                         "summary summary"
                         "foot foot";
    gap: 6px 12px;
    padding: 14px 0;
  }

  .ni-serp .lst-main {
    display: contents;
  }

  .ni-serp .lst-meta {
    grid-area: meta;
    min-height: 18px;
    font-size: 11px;
    line-height: 18px;
  }

  .ni-serp .lst-title {
    grid-area: title;
    margin: 0;
    font-size: 15px;
    line-height: 22px;
  }

  .ni-serp .lst-price {
    grid-area: price;
    align-self: start;
    margin: 0;
    padding: 0;
  }

  .ni-serp .lst-amount {
    font-size: 13px;
    line-height: 22px;
  }

  .ni-serp .lst-bill {
    font-size: 10px;
  }

  .ni-serp .lst-sum {
    grid-area: summary;
    margin: 0;
    font-size: 12px;
    line-height: 19px;
  }

  .ni-serp .lst-foot {
    grid-area: foot;
    gap: 4px 8px;
    margin-top: 0;
    font-size: 11px;
    line-height: 18px;
  }

  .ni-serp .pager {
    flex-wrap: wrap;
    gap: 12px;
    font-size: 12px;
  }

  .ni-serp .v22-note h2 {
    font-size: 15px;
    line-height: 22px;
  }

  .ni-serp .v22-desc {
    font-size: 12px;
    line-height: 19px;
  }
}

:is(.hd-search:has(.voice-notice), .hs:has(.voice-notice)) {
  position: relative;
}

.voice-notice {
  z-index: 40;
  box-sizing: border-box;
  border: 1px solid var(--ui-line);
  background: var(--ui-surface);
  color: var(--ui-text-2);
  text-align: left;
  white-space: normal;
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: 8px 10px 8px 14px;
  font-size: 12px;
  line-height: 1.6;
  display: flex;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  box-shadow: 0 4px 14px #0000000f;
}

.voice-notice [role="status"] {
  flex: 1;
  min-width: 0;
}

.voice-notice-dot {
  background: var(--ui-text-3);
  border-radius: 50%;
  flex: 0 0 5px;
  width: 5px;
  height: 5px;
}

.voice-notice[data-listening="true"] .voice-notice-dot {
  background: var(--ui-accent);
  animation: 1.4s ease-in-out infinite voice-breathe;
}

.voice-notice button {
  width: 32px;
  height: 32px;
  color: var(--ui-text-3);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  padding: 0;
  font-size: 18px;
}

@keyframes voice-breathe {
  50% {
    opacity: .4;
  }
}

@media (prefers-reduced-motion: reduce) {
  .voice-notice[data-listening="true"] .voice-notice-dot {
    animation: none;
  }
}

html.reduce-motion .voice-notice[data-listening="true"] .voice-notice-dot {
  animation: none;
}

.hd-search .vc-btn.is-listening, .home .hs-mic.is-on {
  color: var(--ui-accent);
  background: color-mix(in srgb, var(--ui-accent) 10%, transparent);
  box-shadow: none;
  animation: none;
}

.mobile-search-submit {
  display: none;
}

@media (max-width: 767px), (pointer: coarse) {
  .hd-search .mobile-search-submit, .hs-box .mobile-search-submit {
    min-width: 40px;
    height: 40px;
    color: var(--ui-accent);
    font: inherit;
    white-space: nowrap;
    cursor: pointer;
    background: none;
    border: 0;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    font-size: 13px;
    display: inline-flex;
  }

  .mobile-search-submit:disabled {
    opacity: .45;
    cursor: default;
  }
}

.voice-notice {
  flex-wrap: wrap;
}

.voice-notice .voice-diagnostics {
  width: auto;
  color: var(--ui-accent);
  white-space: nowrap;
  padding: 0 2px;
  font-size: 11px;
}

.voice-notice .voice-diagnostics-details {
  flex: 0 0 100%;
  font-size: 11px;
}

.voice-diagnostics-details textarea {
  box-sizing: border-box;
  border: 1px solid var(--ui-line);
  width: 100%;
  height: 120px;
  color: var(--ui-text-2);
  background: var(--ui-bg);
  border-radius: 6px;
  margin-top: 6px;
  padding: 8px;
  font-size: 12px;
  display: block;
}

.apply-code {
  gap: 8px;
  display: flex;
}

.apply-code .pub-input {
  flex: auto;
  min-width: 0;
}

.apply-code button {
  border: 1px solid var(--ui-line-strong);
  font: inherit;
  color: var(--ui-text);
  cursor: pointer;
  background: none;
  border-radius: 6px;
  flex: none;
  padding: 0 14px;
  font-size: 12px;
}

.apply-code button:disabled {
  opacity: .5;
  cursor: default;
}

.apply-verified {
  color: var(--ui-ok);
  margin-left: 8px;
  font-size: 11px;
  font-style: normal;
}

.apply-code-note {
  color: var(--ui-text-3);
  font-size: 11px;
  line-height: 1.7;
}

.apply-code-note.is-bad {
  color: var(--ui-bad, #d4380d);
}

.apply-agreement details {
  color: var(--ui-text-2);
  margin: 6px 0 0 24px;
  font-size: 12px;
}

.apply-agreement summary {
  cursor: pointer;
  color: var(--ui-text-2);
}

.apply-agreement-body {
  border: 1px solid var(--ui-line);
  background: var(--ui-surface);
  white-space: pre-wrap;
  border-radius: 6px;
  max-height: 220px;
  margin-top: 8px;
  padding: 12px 14px;
  line-height: 1.8;
  overflow: auto;
}

.apply-ddb-status:empty {
  display: none;
}

.is-apply .apply-mcc-options label {
  white-space: normal;
  align-items: flex-start;
  line-height: 1.6;
}

.is-apply .apply-mcc-options input {
  margin-top: 4px;
}

.apply-otp {
  gap: 8px;
  display: flex;
}

.apply-otp .pub-input {
  text-align: center;
  font-variant-numeric: tabular-nums;
  flex: none;
  width: 42px;
  height: 44px;
  padding: 0;
  font-size: 18px;
}

.apply-otp.is-bad .pub-input {
  border-color: var(--ui-bad, #d4380d);
  color: var(--ui-bad, #d4380d);
}

.apply-otp.is-bad {
  animation: .4s ease-in-out apply-otp-shake;
}

.apply-otp.is-ok .pub-input {
  border-color: var(--ui-ok);
  color: var(--ui-ok);
}

@keyframes apply-otp-shake {
  0%, 100% {
    transform: translateX(0);
  }

  20% {
    transform: translateX(-6px);
  }

  40% {
    transform: translateX(6px);
  }

  60% {
    transform: translateX(-4px);
  }

  80% {
    transform: translateX(4px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .apply-otp.is-bad {
    animation: none;
  }
}

@media (max-width: 400px) {
  .apply-otp {
    gap: 6px;
  }

  .apply-otp .pub-input {
    width: 38px;
    height: 42px;
  }
}

.hd-tabs-in.admin-section-tabs {
  display: contents;
}

.hd-account-backdrop, .mobile-back-to-top {
  display: none;
}

@media (max-width: 767px) {
  .mobile-back-to-top {
    right: 16px;
    bottom: calc(24px + env(safe-area-inset-bottom));
    z-index: 45;
    color: #fff;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    background: #000;
    border: 1px solid #ffffff1f;
    border-radius: 50%;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    transition: transform .16s, border-color .16s;
    display: grid;
    position: fixed;
    box-shadow: inset 0 1px 1px #ffffff1f, 0 3px 10px #00000029;
  }

  html[data-theme="dark"] .mobile-back-to-top {
    color: #000;
    background: #fff;
    border-color: #fff3;
  }

  .mobile-back-to-top svg {
    width: 20px;
    height: 20px;
  }

  .mobile-back-to-top:after {
    content: "";
    border-radius: 50%;
    position: absolute;
    inset: -2px;
  }

  .mobile-back-to-top:active {
    transform: scale(.93);
  }

  @media (prefers-reduced-motion: reduce) {
    .mobile-back-to-top {
      transition: none;
    }
  }

  html.reduce-motion .mobile-back-to-top {
    transition: none;
  }

  .mobile-back-to-top:focus-visible {
    outline: 2px solid var(--ui-accent);
    outline-offset: 3px;
  }

  body:has(.hd-avatar[aria-expanded="true"], .lm, dialog[open]) .mobile-back-to-top {
    display: none;
  }

  body:has(.hd-avatar[aria-expanded="true"]) {
    overflow: hidden;
  }

  .hd-account-backdrop {
    z-index: 49;
    background: color-mix(in srgb, var(--ui-bg) 55%, transparent);
    -webkit-backdrop-filter: blur(6px);
    touch-action: none;
    cursor: default;
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    inset: 0;
  }

  .hd-account .hd-avatar[aria-expanded="true"] {
    z-index: 51;
    position: relative;
  }

  .hd-account .hd-account-menu {
    z-index: 50;
    max-height: calc(100dvh - 80px - env(safe-area-inset-bottom));
    overscroll-behavior: contain;
    position: fixed;
    top: 64px;
    right: 16px;
  }

  body:has(.adm) {
    --ui-tabs-h: 92px;
  }

  .page-fade.is-entering:has( > .adm) {
    animation: none;
  }

  .hd-tabs.is-wide[data-tone] {
    height: auto;
    padding: 0 16px;
  }

  .hd-tabs.is-wide[data-tone] > .hd-tabs-in {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    margin: 0;
    display: flex;
    overflow: visible;
  }

  .hd-tabs[data-tone] .role-segment {
    align-self: flex-start;
    margin: 5px 0;
  }

  .hd-tabs[data-tone] .hd-tabs-sep {
    display: none;
  }

  .hd-tabs-in .admin-section-tabs {
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    flex-direction: row;
    align-items: stretch;
    gap: 22px;
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 0;
    display: flex;
    overflow-x: auto;
  }

  .admin-section-tabs > a {
    white-space: nowrap;
    height: 44px;
    font-size: 13px;
  }

  .adm[data-tone] {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
    width: auto;
    max-width: none;
    margin: 0 16px;
    padding: 24px 0 32px;
  }

  .adm[data-tone] > .adm-rail {
    border: 0;
    border-top: 1px solid var(--ui-line);
    background: none;
    order: 1;
    row-gap: 16px;
    margin: 0;
    padding: 20px 0 0;
    position: static;
  }

  .adm[data-tone] .adm-who > span {
    align-items: baseline;
    gap: 10px;
    display: flex;
  }

  .adm[data-tone] .adm-ids {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 20px;
    margin: 0;
    display: grid;
  }

  .adm[data-tone] .adm-ids > div {
    min-width: 0;
    padding-block: 8px;
  }

  .adm[data-tone] .adm-rail .adm-help {
    display: block;
  }

  .adm[data-tone] .adm-head, .adm.is-onboarding .pub-head {
    margin-bottom: 20px;
  }

  .adm[data-tone] .adm-head h1, .adm.is-onboarding .pub-head h1 {
    font-size: 18px;
    line-height: 26px;
  }

  .adm[data-tone] .adm-head p, .adm.is-onboarding .pub-head p {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.75;
  }

  .adm[data-tone] .adm-wb .adm-stats {
    gap: 16px 20px;
    padding-bottom: 0;
  }

  .adm[data-tone] .adm-wb .adm-stats > a {
    border: 0;
    min-width: 0;
    padding: 12px 0 4px;
  }

  .adm[data-tone] .adm-wb .adm-stats b {
    font-size: 22px;
    line-height: 30px;
  }

  .adm[data-tone] .adm-wb .adm-stats small, .adm[data-tone] .adm-wb .adm-stats i {
    font-size: 11px;
  }

  .adm[data-tone] .adm-main .adm-sec {
    padding-top: 24px;
  }

  .adm[data-tone] .adm-main .adm-sec + .adm-sec {
    margin-top: 24px;
    padding-top: 24px;
  }

  .adm[data-tone] .adm-main .adm-sec-h {
    gap: 8px;
    margin-bottom: 10px;
  }

  .adm[data-tone] .adm-main .adm-sec-h h2 {
    font-size: 14px;
  }

  .adm[data-tone] .adm-main .adm-sec-h > a {
    font-size: 12px;
  }

  .adm[data-tone] .adm-main .adm-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
    padding-block: 14px;
  }

  .adm[data-tone] .adm-main .adm-row > * {
    min-width: 0;
  }

  .adm[data-tone] .adm-main .adm-row > :first-child {
    text-align: left;
    justify-self: stretch;
  }

  .adm[data-tone] .adm-main .adm-row > :nth-child(2) {
    text-align: right;
    justify-self: end;
  }

  .adm[data-tone] .adm-main .adm-row > :nth-child(3) {
    text-align: left;
    justify-self: start;
  }

  .adm[data-tone] .adm-main .adm-row > :last-child:not(:first-child) {
    justify-self: end;
  }

  .adm[data-tone] .adm-main .adm-row b {
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 21px;
  }

  .adm[data-tone] .adm-main .adm-row small {
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 11px;
    line-height: 18px;
  }

  .adm[data-tone] .adm-main .adm-row > a.adm-act, .adm[data-tone] .adm-main .adm-row > .adm-act-form > button, .adm[data-tone] .adm-main .adm-row > .adm-act-form > fieldset > button, .adm[data-tone] .adm-main .adm-ops > :is(a, button) {
    height: auto;
    min-height: 40px;
  }

  .adm[data-tone] .adm-main .adm-subtabs {
    scrollbar-width: none;
    flex-wrap: nowrap;
    gap: 20px;
    margin-bottom: 20px;
    overflow-x: auto;
  }

  .adm[data-tone] .adm-subtabs > a {
    flex: none;
    align-items: center;
    min-height: 40px;
    display: inline-flex;
  }

  .adm[data-tone] .adm-filters {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 20px;
  }

  .adm[data-tone] .buyer-record-search {
    gap: 12px;
    min-width: 0;
  }

  .adm[data-tone] .buyer-search-keyword {
    min-width: 0;
  }

  .adm[data-tone] .buyer-record-search input:not([type="hidden"]) {
    height: 42px;
    font-size: 16px;
  }

  .adm[data-tone] .buyer-search-actions, .adm[data-tone] .buyer-search-actions button {
    height: 40px;
  }

  .adm[data-tone] .buyer-search-dates > div > input {
    flex: 1 1 0;
    width: 0;
  }

  .adm[data-tone] .adm-access dd {
    overflow-wrap: anywhere;
  }

  .adm[data-tone] .workbench-empty dl {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 12px;
  }

  .adm[data-tone] .workbench-empty dl > div {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
    display: grid;
  }

  .adm[data-tone] .workbench-empty dd {
    margin: 0;
  }

  .adm.is-onboarding .onboarding-detail .adm-kv > div {
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 12px;
    padding: 10px 0;
  }

  .onboarding-detail .onboarding-progress ol {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .onboarding-detail .onboarding-progress li {
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 0 12px;
    display: grid;
  }

  .onboarding-detail .onboarding-step-marker {
    grid-row: 1 / 3;
    margin: 0;
  }

  .onboarding-detail .onboarding-progress li p {
    grid-column: 2;
    margin-top: 2px;
  }

  .onboarding-detail .onboarding-progress li:not(:last-child):after {
    width: 1px;
    height: auto;
    top: 30px;
    bottom: -10px;
    left: 12px;
  }

  .adm.is-onboarding .onboarding-detail .adm-btn {
    justify-content: center;
    min-height: 44px;
    margin-top: 20px;
    display: flex;
  }

  .adm.is-onboarding .is-apply {
    width: 100%;
    max-width: none;
  }

  .adm.is-onboarding .apply-section-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 16px;
    margin-top: 16px;
    padding-bottom: 12px;
    display: grid;
    overflow: visible;
  }

  .adm.is-onboarding .apply-section-nav > a {
    align-items: center;
    min-height: 36px;
    font-size: 12px;
    display: flex;
  }

  .adm.is-onboarding .apply-nav-label {
    display: none;
  }

  .adm.is-onboarding .is-apply .pub-sec {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    padding-block: 28px;
  }

  .adm.is-onboarding .is-apply :is(.pub-form, .pub-row, .pub-field, .apply-documents, .apply-document-grid, .document-picker, .document-frame, .pub-foot) {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
  }

  .adm.is-onboarding .is-apply .pub-field {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .adm.is-onboarding .is-apply .pub-field > span:first-child {
    font-size: 13px;
    line-height: 20px;
  }

  .adm.is-onboarding .is-apply .pub-sec > .pub-hint {
    margin-top: -8px;
    margin-bottom: 4px;
  }

  .adm.is-onboarding .is-apply :is(.pub-hint, .apply-code-note, .document-selected, .document-recognition, .apply-agreement-body) {
    overflow-wrap: anywhere;
  }

  .adm.is-onboarding .is-apply .pub-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .adm.is-onboarding .is-apply .pub-input {
    box-sizing: border-box;
    border-radius: 6px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 44px;
    padding: 0 12px;
    font-size: 16px;
  }

  .adm.is-onboarding .is-apply .pub-input[type="date"] {
    appearance: none;
    text-align: left;
  }

  .adm.is-onboarding .is-apply .pub-input::-webkit-date-and-time-value {
    text-align: left;
    min-height: 1.3em;
  }

  .adm.is-onboarding .is-apply .pub-area {
    resize: vertical;
    height: 112px;
    min-height: 112px;
    padding: 10px 12px;
    font-size: 16px;
    line-height: 1.65;
  }

  .adm.is-onboarding .is-apply .pub-checks {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }

  .adm.is-onboarding .is-apply .pub-checks label {
    white-space: normal;
    min-width: 0;
    min-height: 36px;
    font-size: 13px;
    line-height: 1.6;
  }

  .adm.is-onboarding .is-apply .pub-agree {
    align-items: flex-start;
    gap: 8px;
    line-height: 1.8;
  }

  .adm.is-onboarding .is-apply .pub-agree input {
    margin-top: 4px;
  }

  .adm.is-onboarding .is-apply input:is([type="checkbox"], [type="radio"]) {
    appearance: none;
    box-sizing: border-box;
    border: 1px solid var(--ui-text-2);
    background: var(--ui-surface);
    cursor: pointer;
    border-radius: 3px;
    flex: 0 0 13px;
    place-content: center;
    width: 13px;
    min-width: 13px;
    max-width: 13px;
    height: 13px;
    min-height: 13px;
    max-height: 13px;
    padding: 0;
    display: inline-grid;
  }

  .adm.is-onboarding .is-apply input:is([type="checkbox"], [type="radio"]):checked {
    background: var(--ui-accent);
    border-color: var(--ui-accent);
  }

  .adm.is-onboarding .is-apply input:is([type="checkbox"], [type="radio"]):checked:after {
    content: "";
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    width: 7px;
    height: 4px;
    transform: translateY(-1px) rotate(-45deg);
  }

  .adm.is-onboarding .is-apply input:is([type="checkbox"], [type="radio"]):focus-visible {
    outline: 2px solid var(--ui-accent);
    outline-offset: 3px;
  }

  .adm.is-onboarding .is-apply .pub-agree span {
    overflow-wrap: anywhere;
    min-width: 0;
  }

  .adm.is-onboarding .is-apply .apply-code {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    min-width: 0;
    display: grid;
  }

  .adm.is-onboarding .is-apply .apply-code button {
    min-height: 44px;
    padding: 0 10px;
  }

  .adm.is-onboarding .is-apply .apply-otp {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
    min-width: 0;
    display: grid;
  }

  .adm.is-onboarding .is-apply .apply-otp .pub-input {
    text-align: center;
    width: 100%;
    padding: 0;
  }

  .adm.is-onboarding .is-apply .pub-foot {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    display: grid;
  }

  .adm.is-onboarding .is-apply .pub-foot > span {
    font-size: 11px;
    line-height: 1.8;
  }

  .adm.is-onboarding .is-apply .apply-document-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .adm.is-onboarding .document-picker:first-child {
    grid-column: 1 / -1;
  }

  .adm.is-onboarding .document-upload {
    box-sizing: border-box;
    min-height: 96px;
    padding: 16px 10px;
  }

  .adm.is-onboarding .document-upload:has(.document-preview) {
    min-height: 144px;
  }

  .adm.is-onboarding .is-apply .pub-submit {
    width: 100%;
    min-height: 44px;
  }
}

.document-frame {
  position: relative;
}

.document-remove {
  border: 1px solid var(--ui-line-strong);
  background: color-mix(in srgb, var(--ui-surface) 88%, transparent);
  width: 24px;
  height: 24px;
  color: var(--ui-text-2);
  cursor: pointer;
  border-radius: 50%;
  place-items: center;
  padding: 0;
  transition: color .15s, border-color .15s, background .15s;
  display: inline-grid;
  position: absolute;
  top: 8px;
  right: 8px;
}

.document-remove:hover {
  color: var(--ui-bad, #d4380d);
  border-color: var(--ui-bad, #d4380d);
}

.document-remove:focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 2px;
}

.review-summary, .review-next-steps {
  display: none;
}

.review-mobile-summary {
  display: contents;
}

.review-help {
  display: none;
}

@media (min-width: 768px) {
  .onboarding-review > .banner-ok {
    box-shadow: none;
    color: var(--ui-text-2);
    background: none;
    border: 0;
    border-radius: 0;
    align-items: center;
    gap: 7px;
    margin: 0 0 14px;
    padding: 0;
    font-size: 12px;
    line-height: 20px;
    display: flex;
  }

  .onboarding-review > .banner-ok:before {
    content: "✓";
    color: var(--ui-accent);
    font-size: 13px;
  }

  .review-help {
    display: block;
  }

  .review-help h2 {
    color: var(--ui-accent);
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
  }

  .review-help dl {
    margin: 0;
  }

  .review-help dl > div {
    background: var(--ui-dash) bottom left / 100% 1px no-repeat;
    padding: 12px 0;
  }

  .review-help dt {
    color: var(--ui-text);
    font-size: 12px;
    line-height: 21px;
  }

  .review-help dd {
    color: var(--ui-text-2);
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 1.8;
  }

  .review-mobile-summary {
    display: none;
  }

  .adm.is-onboarding .onboarding-review .adm-head {
    margin-bottom: 28px;
  }

  .adm.is-onboarding .onboarding-review .adm-head h1 {
    font-size: 20px;
    line-height: 28px;
  }

  .adm.is-onboarding .onboarding-review .adm-head p {
    max-width: 64ch;
    font-size: 13px;
    line-height: 1.8;
  }

  .onboarding-review .onboarding-progress {
    border-bottom: 1px solid var(--ui-line);
    margin-bottom: 28px;
    padding-bottom: 28px;
  }

  .onboarding-review .onboarding-progress-head {
    margin-bottom: 18px;
  }

  .onboarding-review .onboarding-step-marker {
    width: 24px;
    height: 24px;
    margin-bottom: 10px;
    font-size: 11px;
  }

  .onboarding-review .onboarding-progress li:not(:last-child):after {
    background: var(--ui-line);
    top: 12px;
    left: 36px;
  }

  .onboarding-review .onboarding-step-title {
    flex-direction: column;
    gap: 2px;
  }

  .onboarding-review .onboarding-progress li p {
    margin-top: 4px;
    line-height: 18px;
  }

  .adm.is-onboarding .onboarding-review .review-summary {
    padding-top: 0;
    display: block;
  }

  .adm.is-onboarding .onboarding-review .review-summary > .adm-sec-h {
    align-items: center;
    margin-bottom: 20px;
  }

  .onboarding-review .review-summary-groups {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 32px;
    display: grid;
  }

  .onboarding-review .review-summary-group h3 {
    color: var(--ui-text);
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
  }

  .adm.is-onboarding .onboarding-review .adm-kv > div {
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 10px 0;
    font-size: 12px;
    line-height: 21px;
  }

  .onboarding-review .adm-kv dt {
    color: var(--ui-text-3);
  }

  .onboarding-review .adm-kv dd {
    overflow-wrap: anywhere;
    min-width: 0;
    color: var(--ui-text-2);
  }

  .onboarding-review .review-next-steps {
    border-top: 1px solid var(--ui-line);
    margin-top: 28px;
    padding-top: 24px;
    display: block;
  }

  .onboarding-review .review-next-steps h2 {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
  }

  .onboarding-review .review-next-steps p {
    max-width: 68ch;
    color: var(--ui-text-2);
    margin: 0;
    font-size: 12px;
    line-height: 1.85;
  }

  .onboarding-review .adm-demo {
    margin-top: 24px;
    padding-top: 16px;
  }

  .onboarding-review .adm-demo form {
    gap: 10px;
  }

  .onboarding-review .adm-demo .adm-btn {
    height: 32px;
    min-height: 32px;
    margin-top: 10px;
    padding-inline: 14px;
    font-size: 12px;
  }

  .onboarding-review .review-summary-group:first-child {
    grid-column: auto;
  }

  .review-documents {
    margin-top: 28px;
  }

  .review-documents-heading {
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 12px;
    display: flex;
  }

  .review-documents-heading h3 {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
  }

  .review-documents-heading > span {
    color: var(--ui-text-3);
    font-size: 11px;
  }

  .review-documents-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    display: grid;
  }

  .review-documents-grid figure {
    min-width: 0;
    margin: 0;
  }

  .review-documents-grid figcaption {
    color: var(--ui-text-2);
    margin-bottom: 8px;
    font-size: 12px;
  }

  .review-document-preview, .review-document-empty {
    box-sizing: border-box;
    border: 1px solid var(--ui-line);
    background: var(--ui-surface);
    border-radius: 6px;
    width: 100%;
    height: 174px;
    padding: 10px;
  }

  .review-document-preview {
    cursor: zoom-in;
    display: block;
    position: relative;
  }

  .review-document-preview img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    display: block;
  }

  .review-document-preview > span {
    background: var(--ui-surface);
    color: var(--ui-text-2);
    border-radius: 4px;
    padding: 3px 7px;
    font-size: 11px;
    position: absolute;
    bottom: 8px;
    right: 8px;
  }

  .review-document-preview:hover {
    border-color: var(--ui-accent);
  }

  .review-document-preview:focus-visible {
    outline: 2px solid var(--ui-accent);
    outline-offset: 3px;
  }

  .review-document-empty {
    color: var(--ui-text-3);
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    display: flex;
  }

  .review-document-empty :is(a, button) {
    color: var(--ui-accent);
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 4px;
  }

  .review-documents-grid small {
    color: var(--ui-text-3);
    overflow-wrap: anywhere;
    margin-top: 7px;
    font-size: 11px;
    line-height: 18px;
    display: block;
  }
}

.review-document-dialog {
  box-sizing: border-box;
  border: 1px solid var(--ui-line);
  background: var(--ui-surface);
  width: min(960px, 100vw - 40px);
  max-height: calc(100dvh - 40px);
  color: var(--ui-text);
  border-radius: 12px;
  margin: auto;
  padding: 20px;
}

.review-document-dialog::backdrop {
  background: #0009;
}

.review-document-dialog header {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  display: flex;
}

.review-document-dialog h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.review-document-dialog header button {
  background: var(--ui-surface-2);
  width: 36px;
  height: 36px;
  color: var(--ui-text);
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  padding: 0;
  font-size: 24px;
}

.review-document-dialog > img {
  object-fit: contain;
  width: 100%;
  max-height: calc(100dvh - 150px);
  display: block;
}

.apply-validity-head {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.is-apply .apply-longterm {
  color: var(--ui-text-2);
  cursor: pointer;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: inline-flex;
}

.is-apply .apply-longterm input {
  appearance: none;
  box-sizing: border-box;
  border: 1px solid var(--ui-text-2);
  background: var(--ui-surface);
  cursor: pointer;
  border-radius: 3px;
  flex-shrink: 0;
  place-content: center;
  width: 13px;
  height: 13px;
  margin: 0;
  padding: 0;
  display: inline-grid;
}

.is-apply .apply-longterm input:checked {
  background: var(--ui-accent);
  border-color: var(--ui-accent);
}

.is-apply .apply-longterm input:checked:after {
  content: "";
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  width: 7px;
  height: 4px;
  transform: translateY(-1px) rotate(-45deg);
}

.is-apply .apply-longterm input:focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 3px;
}

.apply-longterm-value {
  color: var(--ui-text-2);
  background: color-mix(in srgb, var(--ui-surface) 70%, transparent);
  cursor: default;
  align-items: center;
  display: flex;
}

.adm-role-status[data-state="reviewing"] {
  color: var(--ui-warn);
  background: color-mix(in srgb, var(--ui-warn) 12%, transparent);
}

.adm-role-status[data-state="rejected"] {
  color: var(--ui-bad);
  background: color-mix(in srgb, var(--ui-bad) 12%, transparent);
}

@media (min-width: 768px) {
  body:has(.hd-avatar[aria-expanded="true"]) {
    overflow: hidden;
  }

  .hd-account-backdrop {
    z-index: 49;
    background: color-mix(in srgb, var(--ui-bg) 55%, transparent);
    cursor: default;
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    inset: 0;
  }

  .hd-account .hd-avatar[aria-expanded="true"] {
    z-index: 51;
    position: relative;
  }

  .hd-account .hd-account-menu {
    z-index: 50;
  }
}

@media (max-width: 767px) {
  .contact-backdrop {
    display: none;
  }
}

.hd-account-menu .hd-account-tag.is-pending {
  border-color: color-mix(in srgb, var(--ui-warn) 45%, transparent);
  color: var(--ui-warn);
}

.merchant-start-links {
  color: var(--ui-accent);
  flex-wrap: wrap;
  gap: 12px 24px;
  margin: -4px 0 24px;
  font-size: 12px;
  display: flex;
}

.merchant-publish .pub-head h1 {
  font-size: 20px;
  line-height: 28px;
}

.merchant-publish .pub-head p {
  max-width: 66ch;
  font-size: 13px;
  line-height: 1.8;
}

.merchant-publish .pub-sec {
  gap: 16px;
  padding-block: 28px;
}

.merchant-publish .pub-sec h2 {
  font-size: 14px;
}

.merchant-shapes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.merchant-shapes label, .merchant-delivery-options label {
  cursor: pointer;
  align-items: flex-start;
  gap: 9px;
  padding: 12px 0;
  display: flex;
}

.merchant-shapes label {
  border-top: 1px solid var(--ui-line);
}

.merchant-shapes label:has(:checked) {
  border-color: var(--ui-accent);
}

.merchant-shapes input, .merchant-delivery-options input {
  margin-top: 4px !important;
}

.merchant-shapes b, .merchant-delivery-options b {
  font-size: 13px;
  font-weight: 500;
  display: block;
}

.merchant-shapes small, .merchant-delivery-options small {
  color: var(--ui-text-3);
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.7;
  display: block;
}

.merchant-delivery-options {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.merchant-inline-link {
  color: var(--ui-accent);
  font-size: 12px;
}

.merchant-plan-editor .pub-form {
  gap: 18px;
  max-width: 720px;
  margin-top: 20px;
  display: grid;
}

.merchant-period {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.merchant-period legend {
  color: var(--ui-text-2);
  margin-bottom: 10px;
  font-size: 12px;
}

.merchant-membership-entry {
  grid-template-columns: 144px minmax(0, 1fr);
  align-items: center;
  gap: 28px;
  padding-block: 14px;
  display: grid;
}

.merchant-entry-qr .ap-qr {
  width: 144px;
  height: 144px;
}

.merchant-membership-entry h3 {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 500;
}

.merchant-membership-entry p {
  color: var(--ui-text-2);
  font-size: 13px;
  line-height: 1.8;
}

.merchant-membership-entry small {
  color: var(--ui-text-3);
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.8;
  display: block;
}

.merchant-entry-actions {
  color: var(--ui-accent);
  gap: 20px;
  margin-top: 14px;
  font-size: 12px;
  display: flex;
}

@media (max-width: 767px) {
  .merchant-shapes, .merchant-delivery-options {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .merchant-publish .pub-row, .merchant-plan-editor .pub-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .merchant-publish .pub-field, .merchant-plan-editor .pub-field {
    min-width: 0;
  }

  .merchant-publish .pub-input, .merchant-plan-editor .pub-input {
    min-width: 0;
    font-size: 16px;
  }

  .merchant-membership-entry {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  .merchant-start-links {
    gap: 8px 20px;
  }
}

.dt-pay.is-disabled {
  opacity: .55;
  cursor: not-allowed;
  pointer-events: none;
}

.lst-empty {
  max-width: 680px;
  padding: 8px 0 32px;
}

.lst-empty h2 {
  color: var(--ui-text);
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}

.lst-empty p {
  max-width: 60ch;
  margin: 0;
  line-height: 1.9;
}

.lst-empty-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  margin-top: 16px;
  display: flex;
}

.lst-empty-actions button {
  color: var(--ui-accent);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.lst-empty-actions :is(a, button):hover {
  text-underline-offset: 4px;
  text-decoration: underline;
}

.lst-empty-guide {
  margin-top: 36px;
}

.lst-empty-guide h3 {
  color: var(--ui-text);
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 640px) {
  .lst-empty {
    padding-top: 12px;
  }

  .lst-empty h2 {
    font-size: 15px;
  }

  .lst-empty-guide {
    margin-top: 28px;
  }
}

.publish-flow {
  min-width: 0;
}

.publish-steps {
  border-bottom: 1px solid var(--ui-line);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 20px;
  padding: 0 0 20px;
  display: grid;
}

.publish-steps button {
  color: var(--ui-text-2);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  font-size: 13px;
  display: flex;
}

.publish-steps button > span {
  background: var(--ui-surface);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 11px;
  display: grid;
}

.publish-steps button[aria-current="step"] {
  color: var(--ui-accent);
  font-weight: 600;
}

.publish-steps button[aria-current="step"] > span {
  background: var(--ui-accent);
  color: var(--ui-bg);
}

.publish-draft-note, .publish-hint {
  color: var(--ui-text-2);
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.8;
}

.publish-draft-note {
  margin-top: 16px;
}

.publish-required {
  color: var(--ui-text-2);
  margin-left: 8px;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}

.publish-group {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.publish-group legend {
  color: var(--ui-text);
  margin-bottom: 12px;
  padding: 0;
  font-size: 13px;
}

.publish-flow .pub-sec > div > h2 {
  margin: 0 0 10px;
  scroll-margin-top: 100px;
}

.publish-flow .pub-checks {
  flex-wrap: wrap;
  gap: 12px 20px;
  display: flex;
}

.publish-flow .pub-field {
  gap: 8px;
  min-width: 0;
}

.publish-flow textarea {
  resize: vertical;
}

.publish-flow :is(input, select, textarea) {
  box-sizing: border-box;
  max-width: 100%;
}

.publish-subsection {
  border-top: 1px solid var(--ui-line);
  gap: 18px;
  min-width: 0;
  margin-top: 8px;
  padding-top: 24px;
  display: grid;
}

.publish-subsection h3 {
  color: var(--ui-text);
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.publish-plan-heading {
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  display: flex;
}

.publish-flow :is(.publish-plan-heading, .publish-file-list, .publish-issues) button {
  color: var(--ui-accent);
  font: inherit;
  cursor: pointer;
  text-align: left;
  background: none;
  border: 0;
  padding: 0;
  font-size: 12px;
}

.publish-file-list {
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.publish-file-list li {
  justify-content: space-between;
  gap: 16px;
  font-size: 12px;
  display: flex;
}

.publish-file-list span {
  overflow-wrap: anywhere;
}

.publish-attest {
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  line-height: 1.8;
  display: flex;
}

.publish-attest input {
  flex-shrink: 0;
  margin-top: 5px;
}

.publish-review dl {
  gap: 16px;
  margin: 0;
  display: grid;
}

.publish-review dl > div {
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 20px;
  font-size: 13px;
  line-height: 1.8;
  display: grid;
}

.publish-review dt {
  color: var(--ui-text-2);
}

.publish-review dd {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: var(--ui-text);
  margin: 0;
}

.publish-error, .publish-issues {
  color: var(--ui-text);
  font-size: 12px;
  line-height: 1.8;
}

.publish-flow [aria-invalid="true"] {
  border-color: var(--ui-accent);
}

.publish-issues {
  border-left: 2px solid var(--ui-accent);
  padding-left: 16px;
}

.publish-issues p {
  margin: 0 0 8px;
}

.publish-issues ul {
  margin: 0;
  padding-left: 16px;
}

.publish-footer {
  justify-content: space-between;
}

.publish-footer > div {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.publish-footer button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

@media (max-width: 640px) {
  .publish-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
  }

  .publish-review dl > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }

  .publish-footer {
    align-items: flex-start;
  }

  .publish-flow .pub-sec > div > h2 {
    scroll-margin-top: 24px;
  }
}

.merchant-publish.pub {
  max-width: none;
  padding-top: 0;
}

.merchant-publish .pub-head {
  margin-bottom: 24px;
}

.merchant-publish .pub-head h1 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.merchant-publish .pub-head p {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.8;
}

.merchant-publish .publish-steps {
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 12px;
  padding: 0 0 12px;
  display: flex;
}

.merchant-publish .publish-steps button {
  white-space: nowrap;
  gap: 6px;
  padding: 6px 0;
  font-size: 12px;
  font-weight: 400;
}

.merchant-publish .publish-steps button > span {
  width: auto;
  height: auto;
  color: var(--ui-text-3);
  background: none;
  border-radius: 0;
  font-size: 11px;
}

.merchant-publish .publish-steps button[aria-current="step"] {
  color: var(--ui-accent);
  font-weight: 500;
}

.merchant-publish .publish-steps button[aria-current="step"] > span {
  color: var(--ui-accent);
  background: none;
}

.merchant-publish .publish-draft-note {
  color: var(--ui-text-3);
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 12px 0 0;
  font-size: 11px;
  display: flex;
}

.merchant-publish .publish-flow > .pub-sec {
  border-top: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 16px;
  padding: 24px 0 28px;
  display: grid;
}

.merchant-publish .publish-flow > .pub-sec > * {
  grid-column: 1 / -1;
  min-width: 0;
}

.merchant-publish .publish-flow > .pub-sec > .pub-field[data-compact="true"] {
  grid-column: span 1;
}

.merchant-publish .publish-section-heading {
  margin-bottom: 2px;
}

.merchant-publish .publish-section-heading h2 {
  align-items: center;
  gap: 9px;
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.merchant-publish .publish-section-heading h2:before {
  content: "";
  background: var(--ui-accent);
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
}

.merchant-publish .publish-section-heading .pub-hint {
  margin: 0;
  font-size: 12px;
  line-height: 1.8;
}

.merchant-publish .publish-flow .pub-field {
  gap: 8px;
  font-size: 12px;
}

.merchant-publish .publish-flow .pub-input {
  min-height: 38px;
  font-size: 13px;
}

.merchant-publish .publish-flow .pub-area {
  min-height: 80px;
}

.merchant-publish .publish-flow .publish-hint {
  color: var(--ui-text-3);
  font-size: 11px;
  line-height: 1.75;
}

.merchant-publish .publish-group legend {
  margin-bottom: 10px;
  font-size: 12px;
}

.merchant-publish .merchant-shapes {
  flex-wrap: wrap;
  gap: 16px 28px;
  margin: 0 0 8px;
  display: flex;
}

.merchant-publish .merchant-shapes label {
  border: 0;
  padding: 0;
  font-size: 12px;
}

.merchant-publish .pub-checks {
  gap: 12px 24px;
  font-size: 12px;
}

.merchant-publish .publish-subsection {
  gap: 16px;
  margin-top: 12px;
  padding-top: 24px;
}

.merchant-publish .publish-subsection:first-child {
  margin-top: 0;
}

.merchant-publish .publish-flow input[type="file"] {
  height: auto;
  color: var(--ui-text-2);
  background: none;
  border-style: dashed;
  padding: 8px 12px;
  font-size: 11px;
}

.merchant-publish input[type="file"]::file-selector-button {
  border: 1px solid var(--ui-line-strong);
  background: var(--ui-surface);
  color: var(--ui-text);
  font: inherit;
  cursor: pointer;
  border-radius: 6px;
  margin-right: 12px;
  padding: 6px 12px;
}

.merchant-publish .publish-footer {
  margin-top: 0;
  padding-top: 20px;
}

@media (max-width: 767px) {
  .merchant-publish .publish-steps {
    scrollbar-width: thin;
    justify-content: flex-start;
    gap: 20px;
    padding-bottom: 12px;
    overflow-x: auto;
  }

  .merchant-publish .publish-flow > .pub-sec {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .merchant-publish .publish-flow > .pub-sec > .pub-field[data-compact="true"] {
    grid-column: 1 / -1;
  }

  .merchant-publish .publish-flow .pub-input {
    font-size: 16px;
  }

  .merchant-publish .publish-draft-note {
    display: grid;
  }
}

.merchant-publish .publish-guidance {
  border-top: 1px dashed var(--ui-line);
  border-bottom: 1px dashed var(--ui-line);
  min-width: 0;
  padding: 12px 0;
  font-size: 12px;
}

.publish-guidance summary {
  color: var(--ui-text);
  cursor: pointer;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  line-height: 1.8;
  list-style: none;
  display: flex;
}

.publish-guidance summary::-webkit-details-marker {
  display: none;
}

.publish-guidance-toggle {
  color: var(--ui-accent);
  flex-shrink: 0;
  font-size: 11px;
}

.publish-guidance-toggle:after {
  content: " ＋";
}

.publish-guidance[open] .publish-guidance-toggle:after {
  content: " −";
}

.publish-guidance-body {
  max-width: 72ch;
  color: var(--ui-text-2);
  gap: 12px;
  padding: 16px 0 4px;
  line-height: 1.9;
  display: grid;
}

.publish-guidance-body p, .publish-guidance-body ul {
  margin: 0;
}

.publish-guidance-body ul {
  gap: 8px;
  padding-left: 18px;
  display: grid;
}

.publish-guidance-body h3 {
  color: var(--ui-text);
  margin: 8px 0 0;
  font-size: 12px;
  font-weight: 500;
}

.publish-guidance-body b {
  color: var(--ui-text);
  font-weight: 500;
}

.publish-billing-help {
  color: var(--ui-text-2);
  margin: 0;
  font-size: 12px;
  line-height: 1.9;
}

@media (max-width: 767px) {
  .publish-guidance summary {
    align-items: flex-start;
  }

  .publish-guidance-body {
    line-height: 1.85;
  }
}

/*# sourceMappingURL=apps_web_app_05cjk4v9vqn-2._.css.map*/