/* Captured from the Claude Design export by scripts/build-frontend.js.
   Do not edit by hand — edit web/design-source/ and rebuild. */

    .sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);
      border:1px solid color-mix(in srgb,currentColor 50%,transparent);
      border-radius:2px;box-sizing:border-box;overflow:hidden}
    @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
    html.sc-dc-streaming .sc-placeholder,
    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;
      background:color-mix(in srgb,currentColor 5%,transparent);
      border-color:transparent}
    html.sc-dc-streaming .sc-placeholder::before,
    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';
      position:absolute;inset:0;pointer-events:none;
      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);
      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}
    html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;
      background:color-mix(in srgb,currentColor 8%,transparent)}
    .sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace;
      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}
    .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;
      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);
      border-radius:2px;box-sizing:border-box;color:transparent;
      user-select:none}
    .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;
      color:color-mix(in srgb,currentColor 50%,transparent);
      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;
      padding:0 3px}
    .sc-host.sc-has-error{position:relative}
    .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch;
      padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
      border-radius:4px;white-space:pre-wrap;pointer-events:none}
    /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts — keep both
       in sync until dc-runtime regains a build step. */
    @media print {
      @page { margin: 0.5cm; }
      figure, table { break-inside: avoid; }
      #dc-root, #dc-root > .sc-host { height: auto; }
      *, *::before, *::after {
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
        animation-delay: -99s !important; animation-duration: .001s !important;
        animation-iteration-count: 1 !important; animation-fill-mode: both !important;
        animation-play-state: running !important; transition-duration: 0s !important;
      }
    }
  
html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}

/* BNB Chain palette. The ink family moved from green to gold; the wax seal
   stays red, because that is the document motif rather than the chain's.

   BNB yellow (#F0B90B) is a FILL, never body text on the light paper: measured
   against --paper it is 1.09:1, which is invisible. On a fill with dark ink it
   is 7.4:1. So --bnb is used for the primary buttons and for accents on the
   night ground (10.6:1 there), and the ink family carries the gold hue at
   text-safe luminance.

   Every value below was measured, and the day theme is a strict contrast
   improvement on the green it replaces:
     ink-strong / paper   6.39:1 -> 6.66:1
     ink        / paper   3.80:1 -> 4.56:1   (was AA-large, now AA)
     ink-soft   / paper   4.58:1 -> 5.12:1
     button text on ink   5.60:1 -> 6.71:1 */
:root{
  --paper:#D9C7A5; --paper-2:#DCCBAC; --card:#EFE6D2; --card-2:#F7F1E3;
  --ink:#6B500A; --ink-strong:#4A3A0A; --ink-soft:#5F4A12; --link:#5C4508;
  --rule:rgba(107,80,10,.34); --rule-strong:#6B500A;
  --wax:#8C2F28; --wax-text:#8C2F28; --wax-solid:#8C2F28; --wax-deep:#5E1C17; --wax-lit:#C4574B;
  --bnb:#F0B90B; --bnb-deep:#C08C00; --bnb-lit:#FFD54A; --on-bnb:#3B2E08;
  --grain:.035; --grain-blend:multiply;
  --sunk:rgba(74,58,10,.35);
  --emboss-in:inset 1px 1px 0 rgba(74,58,10,.18), inset -1px -1px 0 rgba(255,255,255,.55);
  --lift:0 1px 0 rgba(74,58,10,.10), 0 6px 18px -14px rgba(74,58,10,.5);
}
:root[data-theme="night"]{
  --paper:#12100A; --paper-2:#0B0906; --card:#1C1810; --card-2:#262015;
  --ink:#EFE0B4; --ink-strong:#F8F0DA; --ink-soft:#BEAB7A; --link:#EFE0B4;
  --rule:rgba(239,224,180,.28); --rule-strong:#9C8547;
  --wax:#CC6055; --wax-text:#E5847A; --wax-solid:#A83B32; --wax-deep:#762B23; --wax-lit:#E08A7E;
  --bnb:#F0B90B; --bnb-deep:#C08C00; --bnb-lit:#FFD54A; --on-bnb:#12100A;
  --grain:.07; --grain-blend:screen;
  --sunk:rgba(0,0,0,.5);
  --emboss-in:inset 1px 1px 0 rgba(0,0,0,.45), inset -1px -1px 0 rgba(239,224,180,.10);
  --lift:0 1px 0 rgba(0,0,0,.35), 0 6px 18px -14px rgba(0,0,0,.9);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:128px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink-strong);
  font-family:'Archivo',-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.62;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
#paper-grain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:var(--grain);mix-blend-mode:var(--grain-blend)}
a{color:var(--link);text-decoration:none;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--wax-text);text-decoration:underline}
::selection{background:var(--wax);color:#F7F1E3}
h1,h2,h3,h4{margin:0;font-weight:500}
p{margin:0 0 1em;text-wrap:pretty}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--wax);outline-offset:3px}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
[data-dropcap]::first-letter{font-family:'Libre Baskerville',serif;font-size:3.4em;line-height:.9;float:left;padding:.06em .12em 0 0;color:var(--ink);font-weight:600}
@keyframes seal-in{from{transform:scale(.88) rotate(-9deg);opacity:0}to{transform:scale(1) rotate(-6deg);opacity:1}}
@keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes pulse-wax{0%,100%{opacity:1}50%{opacity:.28}}
@media (max-width:760px){
  [data-r="hdr"]{flex-wrap:wrap;row-gap:6px}
  [data-r="nav"]{order:3;width:100%;margin-left:0!important;justify-content:center;padding-top:9px;border-top:1px solid var(--rule)}
  [data-r="theme"]{margin-left:auto}
  [data-r="nav"] a{display:inline-flex;align-items:center;min-height:40px;padding:0 3px}
  footer li a{display:inline-flex;align-items:center;min-height:40px}
  #btn-connect-wallet{min-height:44px}
  [data-r="theme"] button{min-height:42px;padding-left:16px;padding-right:16px}
}
@media (max-width:880px){
  [data-r="ledger-cell"] button{min-height:42px;padding-left:18px;padding-right:18px}
}
@media (max-width:520px){
  [data-r="hdr-wordmark"]{display:none}
  #btn-connect-wallet{padding:8px 12px!important;font-size:10.5px!important}
}
@media (max-width:880px){
  [data-r="ledger-head"]{display:none!important}
  [data-r="ledger-row"]{grid-template-columns:1fr 1fr!important;gap:12px 18px!important;padding:18px 16px!important}
  [data-r="ledger-cell"]{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:14px;text-align:left!important}
  [data-r="ledger-cell"]::before{content:attr(data-label);font-family:'Archivo',sans-serif;font-size:10px;font-weight:600;font-variant:all-small-caps;letter-spacing:.2em;color:var(--ink-soft);white-space:nowrap}
  /* i18n.js mirrors data-label into data-label-zh rather than rewriting it,
     because app.js queries [data-label="..."] to find these cells. */
  [data-r="ledger-cell"][data-label-zh]::before{content:attr(data-label-zh)}
  [data-r="ledger-cell-wide"]{grid-column:1 / -1!important}
  [data-r="hide-sm"]{display:none!important}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ── BNB accent ─────────────────────────────────────────────────────────────
   The call-to-action buttons carry the brand colour. These are the only
   surfaces where BNB yellow can appear at full strength and still be read:
   dark ink on #F0B90B measures 7.4:1, whereas the same yellow used as text on
   the paper would be 1.09:1. The design export writes its colours inline, so
   this has to out-specify an inline style. */
#btn-connect-wallet,
#btn-stake-now,
#btn-stake{
  background:var(--bnb)!important;
  border-color:var(--bnb-deep)!important;
  color:var(--on-bnb)!important;
}
#btn-connect-wallet:hover,
#btn-stake-now:hover,
#btn-stake:hover{background:var(--bnb-lit)!important}
#btn-stake:disabled{background:var(--rule-strong)!important;border-color:var(--rule-strong)!important;color:var(--card)!important}

/* ── 简体中文 ───────────────────────────────────────────────────────────────
   Archivo and Libre Baskerville carry no CJK glyphs, so Chinese would fall
   through to whatever the browser picks — usually a mismatched default. Name
   the fallbacks explicitly, keeping the Latin faces first so ticker symbols,
   numerals and $CONTRACT still set in the design's type. Serif for headings,
   to hold the document character. */
html[lang^="zh"] body,
html[lang^="zh"] button,
html[lang^="zh"] input{
  font-family:'Archivo',-apple-system,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans CJK SC','Source Han Sans SC',sans-serif;
}
html[lang^="zh"] h1,html[lang^="zh"] h2,html[lang^="zh"] h3,html[lang^="zh"] h4,
html[lang^="zh"] [style*="Libre Baskerville"]{
  font-family:'Libre Baskerville','Songti SC','STSong','Noto Serif CJK SC','Source Han Serif SC',serif;
}
/* Small-caps micro-labels: see markCjkLabel() in i18n.js. CJK has no case for
   all-small-caps to act on, so those labels render at the raw font-size — 10px
   with 0.2em tracking, which is unreadable in Chinese. */
html[lang^="zh"] .i18n-cjk-label{
  font-variant:normal!important;
  font-size:12px!important;
  letter-spacing:.06em!important;
}
html[lang^="zh"] [data-r="ledger-cell"].i18n-cjk-label::before,
html[lang^="zh"] [data-r="ledger-cell"][data-label-zh]::before{
  font-variant:normal;font-size:11px;letter-spacing:.06em;
}
/* The dropcap is a Latin typographic device; on a Chinese paragraph it just
   enlarges the first character out of the run. */
html[lang^="zh"] [data-dropcap]::first-letter{
  font-size:inherit;float:none;padding:0;font-weight:inherit;color:inherit;
}