.exchange-scope{--exchange-safe-top:env(safe-area-inset-top);--exchange-safe-right:env(safe-area-inset-right);--exchange-safe-bottom:env(safe-area-inset-bottom);--exchange-safe-left:env(safe-area-inset-left);--exchange-bg:#fcfcfc;--exchange-surface:#fff;--exchange-surface-2:#f7f8f8;--exchange-border:#ecedee;--exchange-border-strong:#dddee0;--exchange-text:#0b0b0f;--exchange-text-2:#4a4a52;--exchange-text-3:#8a8b92;--exchange-brand:#0eac5d;--exchange-brand-soft:#0eac5d14;--exchange-up:#0eac5d;--exchange-up-soft:#0eac5d14;--exchange-down:#e5484d;--exchange-down-soft:#e5484d14;--exchange-amber:#c28200;--exchange-amber-soft:#c282001a;--exchange-blue:#2563eb;--exchange-blue-soft:#2563eb14;--exchange-shadow-sm:0 1px 2px #0b0b0f0a;--exchange-shadow-md:0 1px 2px #0b0b0f0a, 0 8px 24px -16px #0b0b0f1a;--exchange-shadow-lg:0 1px 2px #0b0b0f0a, 0 28px 60px -28px #0b0b0f2e;--exchange-radius-sm:10px;--exchange-radius-md:14px;--exchange-radius-lg:20px;--exchange-radius-xl:28px;--exchange-topbar-h:64px;--exchange-widget-h-sm:300px;--exchange-widget-h-md:380px;--exchange-widget-h-lg:460px;background:var(--exchange-bg);color:var(--exchange-text);font-family:var(--font-inter), system-ui, sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}.exchange-scope .mono{font-family:var(--font-jetbrains), ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;font-feature-settings:"tnum" 1, "ss01" 1;letter-spacing:0}.exchange-scope .num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:0}.exchange-scope .ex-card{background:var(--exchange-surface);border:1px solid var(--exchange-border);border-radius:var(--exchange-radius-lg);box-shadow:var(--exchange-shadow-md)}.exchange-scope .ex-widget-sm{min-height:var(--exchange-widget-h-sm)}.exchange-scope .ex-widget-md{min-height:var(--exchange-widget-h-md)}.exchange-scope .ex-widget-lg{min-height:var(--exchange-widget-h-lg)}.exchange-scope .ex-scroll-thin{scrollbar-width:thin;scrollbar-color:#0b0b0f2e transparent}.exchange-scope .ex-scroll-thin::-webkit-scrollbar{width:8px;height:8px}.exchange-scope .ex-scroll-thin::-webkit-scrollbar-track{background:0 0}.exchange-scope .ex-scroll-thin::-webkit-scrollbar-thumb{background:#0b0b0f2e padding-box padding-box;border:2px solid #0000;border-radius:999px}.exchange-scope .ex-scroll-thin::-webkit-scrollbar-thumb:hover{background:#0b0b0f52 padding-box padding-box}@keyframes exchange-scroll-hint{0%,to{opacity:.85;transform:translateY(0)}50%{opacity:1;transform:translateY(3px)}}.exchange-scope .ex-scroll-hint{animation:1.6s ease-in-out infinite exchange-scroll-hint}.exchange-scope .ex-card-flat{background:var(--exchange-surface);border:1px solid var(--exchange-border);border-radius:var(--exchange-radius-lg)}.exchange-scope .ex-divider{border-color:var(--exchange-border)}.exchange-scope .ex-chip{letter-spacing:.01em;background:var(--exchange-surface-2);color:var(--exchange-text-2);border:1px solid var(--exchange-border);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.exchange-scope .ex-chip-up{background:var(--exchange-brand-soft);color:var(--exchange-brand);border-color:#0000}.exchange-scope .ex-chip-down{background:var(--exchange-down-soft);color:var(--exchange-down);border-color:#0000}.exchange-scope .ex-chip-amber{background:var(--exchange-amber-soft);color:var(--exchange-amber);border-color:#0000}.exchange-scope .ex-chip-blue{background:var(--exchange-blue-soft);color:var(--exchange-blue);border-color:#0000}.exchange-scope .ex-btn-primary{background:var(--exchange-text);color:#fff;letter-spacing:-.005em;box-shadow:var(--exchange-shadow-sm);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:transform .12s,background .12s,box-shadow .12s;display:inline-flex}.exchange-scope .ex-btn-primary:hover{background:#000}.exchange-scope .ex-btn-primary:active{transform:scale(.98)}.exchange-scope .ex-btn-accent{background:var(--exchange-brand);color:#fff;letter-spacing:-.005em;box-shadow:var(--exchange-shadow-sm);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:transform .12s,background .12s,box-shadow .12s;display:inline-flex}.exchange-scope .ex-btn-accent:hover{background:#0c9a53}.exchange-scope .ex-btn-accent:active{transform:scale(.98)}.exchange-scope .ex-btn-ghost{background:var(--exchange-surface-2);color:var(--exchange-text);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;transition:background .12s;display:inline-flex}.exchange-scope .ex-btn-ghost:hover{background:var(--exchange-border)}.exchange-scope .ex-row-hover{transition:background .12s}.exchange-scope .ex-row-hover:hover{background:var(--exchange-surface-2)}.exchange-scope ::selection{background:#0eac5d2e}.exchange-scope input,.exchange-scope select{font-family:inherit}.exchange-scope input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.exchange-scope input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.exchange-scope input[type=number]{appearance:textfield}.exchange-scope .ex-grid-bg{background-image:radial-gradient(circle at 1px 1px,#0b0b0f0a 1px,#0000 0);background-size:22px 22px}@keyframes exchange-pulse-up{0%{background:#0eac5d00}20%{background:#0eac5d2e}to{background:#0eac5d00}}@keyframes exchange-pulse-down{0%{background:#e5484d00}20%{background:#e5484d29}to{background:#e5484d00}}.exchange-scope .pulse-up{animation:.9s ease-out exchange-pulse-up}.exchange-scope .pulse-down{animation:.9s ease-out exchange-pulse-down}.exchange-scope .ex-pt-safe{padding-top:max(0px, env(safe-area-inset-top))}.exchange-scope .ex-pb-safe{padding-bottom:max(0px, env(safe-area-inset-bottom))}.exchange-scope .ex-px-safe{padding-left:max(0px, env(safe-area-inset-left));padding-right:max(0px, env(safe-area-inset-right))}@media (max-width:639px){.exchange-scope .ex-btn-ghost,.exchange-scope .ex-btn-primary{min-height:40px}}@keyframes exchange-pulse-brand{0%{color:var(--exchange-brand)}70%{color:var(--exchange-brand)}to{color:var(--exchange-text)}}.exchange-scope .ex-pulse-brand{animation:1.5s ease-out forwards exchange-pulse-brand}@keyframes exchange-curve-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.exchange-scope .ex-curve-line{stroke-dasharray:1;animation:.7s ease-out forwards exchange-curve-draw}@media (prefers-reduced-motion:reduce){.exchange-scope .ex-curve-line{stroke-dasharray:none;animation:none}}
