:root {
  --glass-bg: linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.025));
  --glass-border: rgba(255,255,255,.13);
  --glass-hi: rgba(255,255,255,.2);
  --orb-alpha: .5;
  --lp-signal-text: #9db0ff;
  --mi-c1: #3350ff;
  --mi-c2: #7a5cff;
}
[data-theme="light"] {
  --glass-bg: linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,255,255,.46));
  --glass-border: rgba(14,14,16,.08);
  --glass-hi: rgba(255,255,255,.95);
  --orb-alpha: .3;
  --lp-signal-text: #2744ff;
}
.mi-bg-app { position: fixed; z-index: 0; opacity: .75; }
.mi-bg-app.mi-bg { display: block; }
.mi-app-wrap { position: relative; z-index: 1; }
.sc-card, .sc-card-hero {
  background: var(--glass-bg), color-mix(in srgb, var(--bg-surface) 42%, transparent);
  border-color: var(--glass-border);
  box-shadow: inset 0 1px 0 var(--glass-hi), 0 20px 44px -26px rgba(0,0,0,.385);
}
.sc-card-elevated { border-color: var(--glass-border); box-shadow: inset 0 1px 0 var(--glass-hi), 0 24px 54px -26px rgba(0,0,0,.42); }
.sc-btn-primary {
  background: linear-gradient(135deg, var(--mi-c1), var(--mi-c2));
  color: #fff; border-color: transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 12px 26px -12px color-mix(in srgb, var(--mi-c1) 70%, transparent);
}
.sc-btn-primary:disabled { opacity: .5; box-shadow: none; }
.sc-btn-secondary { background: var(--glass-bg); border: 1px solid var(--glass-border); box-shadow: inset 0 1px 0 var(--glass-hi); }
.sc-input { background: color-mix(in srgb, var(--bg-app) 40%, transparent); border-color: var(--glass-border); }
.sc-input:focus { border-color: var(--mi-c1); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mi-c1) 26%, transparent); }
.sc-bottomnav { background: var(--glass-bg), color-mix(in srgb, var(--bg-app) 72%, transparent); border-top-color: var(--glass-border); box-shadow: inset 0 1px 0 var(--glass-hi); }
.sc-hero-wave { background: linear-gradient(160deg, #0a0f33 0%, #1a2a9c 38%, #5b3fe0 72%, #1a0f4d 100%); }
.sc-hero-wave > .sc-screen-max { position: relative; z-index: 1; }
.sc-hero-wave::before { z-index: 1; }
.sc-pin-key, .sc-pin-box { background: var(--glass-bg); border: 1px solid var(--glass-border); box-shadow: inset 0 1px 0 var(--glass-hi); }
.sc-pin-key-empty { background: transparent; border-color: transparent; box-shadow: none; }
.sc-pin-box.is-filled { border-color: var(--mi-c1); }
.sc-pin-dot { background: linear-gradient(135deg, var(--mi-c1), var(--mi-c2)); }
@media (max-width: 1023px) {
  .sc-hero-wave { clip-path: url(#scHeroClip); }
  .sc-hero-wave-svg path { fill: transparent; }
}
.sc-quick-tile {
  --t1: #3350ff; --t2: #7a5cff;
  position: relative; overflow: hidden;
  background: radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--t1) 26%, transparent), transparent 70%), var(--glass-bg), color-mix(in srgb, var(--bg-surface) 40%, transparent);
  border: 1px solid var(--glass-border);
  box-shadow: inset 0 1px 0 var(--glass-hi), 0 16px 30px -22px color-mix(in srgb, var(--t1) 70%, transparent);
}
.sc-quick-tile:hover { background: radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--t1) 34%, transparent), transparent 70%), var(--glass-bg), color-mix(in srgb, var(--bg-surface) 40%, transparent); }
.sc-quick-tile-icon {
  color: #fff;
  background: linear-gradient(145deg, color-mix(in srgb, var(--t1) 70%, #fff), var(--t1) 45%, var(--t2));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -5px 8px rgba(0,0,0,.28), 0 10px 16px -8px color-mix(in srgb, var(--t1) 70%, transparent);
}
.sc-quick-tile-icon svg { filter: drop-shadow(0 2px 2px rgba(0,0,0,.35)); }
.sc-quick-tile:nth-child(1) { --t1: #14b98a; --t2: #22d3ee; }
.sc-quick-tile:nth-child(2) { --t1: #ff9f1c; --t2: #ff5d8f; }
.sc-quick-tile:nth-child(3) { --t1: #2aa4ff; --t2: #3350ff; }
.sc-quick-tile:nth-child(4) { --t1: #c04bff; --t2: #ff6aa8; }
.sc-quick-tile:nth-child(5) { --t1: #22d3ee; --t2: #3350ff; }
.sc-quick-tile:nth-child(6) { --t1: #7a5cff; --t2: #c04bff; }

.sc-notif {
  position: fixed; overflow: hidden; border-radius: 20px;
  background: var(--glass-bg), color-mix(in srgb, var(--bg-surface) 72%, transparent);
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%);
  box-shadow: inset 0 1px 0 var(--glass-hi), 0 24px 50px -22px rgba(0,0,0,.49);
  --n1: #3350ff; --n2: #7a5cff;
}
.sc-notif::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, var(--n1), var(--n2)); }
.sc-notif::after { content: ''; position: absolute; left: -40px; top: -40px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient(closest-side, color-mix(in srgb, var(--n1) 30%, transparent), transparent); pointer-events: none; }
.sc-notif[data-type="success"] { --n1: #14b98a; --n2: #22d3ee; }
.sc-notif[data-type="warning"] { --n1: #ff9f1c; --n2: #ff5d8f; }
.sc-notif[data-type="error"] { --n1: #ff5c72; --n2: #ff9a5c; }
.sc-notif[data-type="message"] { --n1: #3350ff; --n2: #7a5cff; }
.sc-notif > * { position: relative; z-index: 1; }

.sc-chart-wrap { border-radius: 18px; background: radial-gradient(ellipse at 50% 0, color-mix(in srgb, var(--mi-c1) 16%, transparent), transparent 70%); }

.sc-menu-sheet {
  background: radial-gradient(ellipse at 50% 0, color-mix(in srgb, var(--mi-c1) 12%, transparent), transparent 60%), var(--bg-surface);
  border-top: 1px solid var(--glass-border);
  box-shadow: inset 0 1px 0 var(--glass-hi), 0 -20px 50px -30px rgba(0,0,0,.42);
}
.sc-menu-sheet .sc-order-sheet-handle-bar { width: 40px; background: color-mix(in srgb, var(--text-primary) 26%, transparent); }
.sc-menu-sheet .sc-menu-grid-item {
  padding: .85rem .4rem .75rem; border-radius: 18px;
  background: var(--glass-bg); border: 1px solid var(--glass-border);
  box-shadow: inset 0 1px 0 var(--glass-hi);
  transition: transform .15s ease, background-color .15s ease;
}
.sc-menu-sheet .sc-menu-grid-item:active { transform: scale(.96); }
.sc-menu-sheet .sc-menu-grid-icon {
  width: 42px; height: 42px; border-radius: 14px;
  color: color-mix(in srgb, var(--mi-c1) 72%, var(--text-primary));
  background: color-mix(in srgb, var(--mi-c1) 14%, transparent);
  box-shadow: inset 0 1px 0 var(--glass-hi);
}
.sc-menu-sheet .sc-menu-grid-item span[data-i18n] { color: var(--text-secondary); }

.sc-select-btn, .sc-select-static { background: color-mix(in srgb, var(--bg-app) 40%, transparent); border-color: var(--glass-border); transition: border-color .15s ease, box-shadow .15s ease; }
.sc-select-btn:hover { border-color: var(--glass-border); }
.sc-select-btn:focus-visible, .sc-select-btn:active, .sc-select-btn:has(~ .sc-select-dropdown:not([style*="display: none"])) {
  outline: none; border-color: var(--mi-c1); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mi-c1) 26%, transparent);
}
.sc-select-dropdown { background: var(--bg-elevated); border-color: var(--glass-border); box-shadow: inset 0 1px 0 var(--glass-hi), 0 24px 50px -20px rgba(0,0,0,.455); }
.sc-select-option.is-active { background: color-mix(in srgb, var(--mi-c1) 16%, transparent); color: var(--text-primary); }

.sc-number-btn-circle, .sc-number-btn {
  --pm: #ff5c72;
  color: var(--pm); font-weight: 800;
  background: linear-gradient(135deg, color-mix(in srgb, var(--pm) 26%, transparent), color-mix(in srgb, var(--pm) 8%, transparent));
  border: 1px solid color-mix(in srgb, var(--pm) 42%, transparent);
  box-shadow: inset 0 1px 0 var(--glass-hi), 0 8px 16px -10px color-mix(in srgb, var(--pm) 70%, transparent);
}
.sc-number-btn { border-radius: 0; border-width: 0 1px 0 0; box-shadow: none; }
.sc-number-btn:last-child { border-width: 0 0 0 1px; }
.sc-number-btn-circle:last-child, .sc-number-btn:last-child { --pm: #14b98a; }
.sc-number-btn-circle:hover, .sc-number-btn:hover { color: var(--pm); background: linear-gradient(135deg, color-mix(in srgb, var(--pm) 34%, transparent), color-mix(in srgb, var(--pm) 12%, transparent)); border-color: color-mix(in srgb, var(--pm) 55%, transparent); }
.sc-number-btn-circle svg path { stroke-width: 3; }
.sc-number-btn { font-size: 1.4rem; }

.mi-auth .sc-card-elevated { position: relative; }
.sc-pin-toast {
  position: fixed !important; margin: 0 !important; left: 50%; top: auto; bottom: calc(18px + env(safe-area-inset-bottom)); transform: translateX(-50%);
  width: calc(100% - 32px); max-width: 420px; z-index: 260;
  padding: 13px 16px 13px 20px; font-size: 14px; line-height: 1.35; text-align: left; pointer-events: none;
  color: var(--text-primary);
}
.sc-pin-busy {
  position: absolute; inset: 0; z-index: 6; display: flex; align-items: center; justify-content: center;
  margin: 0 !important; border-radius: 24px; background: color-mix(in srgb, var(--bg-surface) 52%, transparent);
}
.mi-auth .sc-pin-busy { border-radius: 28px; }
.sc-pin-busy-chip {
  display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 20px;
  background: var(--glass-bg), color-mix(in srgb, var(--bg-elevated) 80%, transparent);
  border: 1px solid var(--glass-border); box-shadow: inset 0 1px 0 var(--glass-hi), 0 14px 30px -14px rgba(0,0,0,.49);
}

.sc-bio-offer { position: fixed; inset: 0; display: flex; align-items: flex-end; justify-content: center; padding: 16px 16px calc(16px + env(safe-area-inset-bottom)); background: rgba(5,8,20,.5); }
.sc-bio-offer-card {
  width: 100%; max-width: 420px; text-align: center; padding: 26px 22px 20px; border-radius: 28px;
  background: var(--glass-bg), color-mix(in srgb, var(--bg-elevated) 94%, transparent);
  border: 1px solid var(--glass-border); box-shadow: inset 0 1px 0 var(--glass-hi), 0 30px 60px -24px rgba(0,0,0,.525);
}
.sc-bio-offer-ico {
  display: inline-flex; align-items: center; justify-content: center; width: 76px; height: 76px; border-radius: 26px; color: #fff;
  background: linear-gradient(135deg, #3350ff, #22d3ee); box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
}

.sc-pin-input { text-align: center; letter-spacing: .55em; padding-left: calc(1rem + .55em); font-size: 22px; font-weight: 600; }
.sc-pin-input::placeholder { letter-spacing: .4em; }
@media (min-width: 1024px) {
  .sc-quick-tile { text-align: left; background: var(--glass-bg), color-mix(in srgb, var(--bg-surface) 40%, transparent); box-shadow: inset 0 1px 0 var(--glass-hi); }
  .sc-quick-tile:hover { background: var(--glass-bg), color-mix(in srgb, var(--bg-surface) 40%, transparent); box-shadow: inset 0 1px 0 var(--glass-hi), var(--shadow-card); }
  .sc-quick-tile-icon { box-shadow: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -4px 6px rgba(0,0,0,.22); }
}

.mi-bg-app .mi-orb, .mi-hero-fx .mi-orb { animation: none; }
.mi-bg-app .mi-float-coin { display: none; }
.mi-hero-fx.is-off .mi-float-coin { animation-play-state: paused; }
.sc-bottomnav, .sc-notif, .sc-modal-backdrop { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.sc-notif { background: var(--glass-bg), color-mix(in srgb, var(--bg-surface) 92%, transparent); }

.sc-bottomnav {
  background: var(--bg-app) !important; border-top: 1px solid var(--border-subtle); box-shadow: 0 -10px 24px -18px rgba(0,0,0,.385);
  padding: .45rem .35rem calc(.45rem + env(safe-area-inset-bottom));
}
.sc-bottomnav .sc-nav-item {
  flex: 1; gap: .3rem; padding: .1rem 0; border-radius: 14px; color: var(--text-tertiary);
  -webkit-tap-highlight-color: transparent; transition: color .2s ease;
}
.sc-bottomnav .sc-nav-item > svg {
  box-sizing: content-box; width: 20px; height: 20px; padding: 9px; border-radius: 14px;
  color: var(--text-tertiary); background: var(--glass-bg); border: 1px solid var(--glass-border);
  box-shadow: inset 0 1px 0 var(--glass-hi);
  position: relative; will-change: transform; transition: color .25s ease, border-color .3s ease;
}
.sc-bottomnav .sc-nav-item > svg * { stroke-width: 1.7; }
.sc-bottomnav .sc-nav-item.active { color: var(--text-primary); }
.sc-bottomnav .sc-nav-item.active > svg {
  color: color-mix(in srgb, var(--mi-c1) 72%, var(--text-primary));
  border-color: color-mix(in srgb, var(--mi-c1) 38%, transparent);
}
.sc-bottomnav .sc-nav-item { position: relative; }
.sc-nav-fill { position: absolute; top: .1rem; left: 50%; width: 40px; height: 40px; margin-left: -20px; border-radius: 14px; pointer-events: none; }
.sc-nav-fill { --fill: 0; background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--mi-c1) 24%, transparent) calc(var(--fill) * .9%), transparent calc(var(--fill) * .9% + 16%)); opacity: calc(var(--fill) / 100); }
.sc-bottomnav .sc-nav-item.sc-tap-bounce { animation: none; }

.sc-about {
  --mi-c1: #3350ff; --mi-c2: #22d3ee; position: relative; display: flex; flex-direction: column; gap: 14px;
  height: calc(100dvh - var(--sc-header-h, 56px) - env(safe-area-inset-top, 0px) - 150px - env(safe-area-inset-bottom, 0px));
  min-height: 460px; max-width: 560px; margin: 0 auto; transition: --mi-c1 .6s ease, --mi-c2 .6s ease;
}
.sc-about-viewport { position: relative; flex: 1; min-height: 0; overflow: hidden; border-radius: 28px; touch-action: pan-y; user-select: none; -webkit-user-select: none;
  background: radial-gradient(ellipse at 50% 0, color-mix(in srgb, var(--mi-c1) 22%, transparent), transparent 62%), radial-gradient(ellipse at 50% 110%, color-mix(in srgb, var(--mi-c2) 16%, transparent), transparent 60%), var(--glass-bg), color-mix(in srgb, var(--bg-surface) 40%, transparent);
  border: 1px solid var(--glass-border); box-shadow: inset 0 1px 0 var(--glass-hi); }
.sc-about-track { display: flex; height: 100%; will-change: transform; transition: transform .5s cubic-bezier(.22,.9,.24,1); }
.sc-about-slide { flex: 0 0 100%; min-width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 22px 24px; text-align: center; opacity: .35; transition: opacity .4s ease; overflow-y: auto; }
.sc-about-slide.is-on { opacity: 1; }
.sc-about-art { position: relative; width: min(58%, 230px); aspect-ratio: 1; flex: 0 1 auto; max-height: 40%; }
.sc-about-art--sm { width: 84px; max-height: none; flex: none; }
.sc-about-art img { width: 100%; height: 100%; object-fit: contain; display: block; }
.sc-about-slide.is-on .sc-about-art img { animation: aboutBob 6s ease-in-out infinite; }
@keyframes aboutBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.sc-about-title { font-family: 'Space Grotesk', 'Inter', sans-serif; font-size: 24px; line-height: 1.15; font-weight: 700; color: var(--text-primary); }
.sc-about-text { font-size: 15px; line-height: 1.5; color: var(--text-secondary); max-width: 34ch; }
.sc-about-slide--list { justify-content: flex-start; padding-top: 20px; gap: 10px; }
.sc-about-points { display: flex; flex-direction: column; gap: 10px; width: 100%; text-align: left; }
.sc-about-point { display: flex; gap: 12px; align-items: flex-start; padding: 10px 14px; border-radius: 16px; background: var(--glass-bg); border: 1px solid var(--glass-border); }
.sc-about-dot { flex: none; width: 10px; height: 10px; margin-top: 5px; border-radius: 50%; background: linear-gradient(135deg, var(--mi-c1), var(--mi-c2)); }
.sc-about-ptitle { font-size: 14px; font-weight: 700; color: var(--text-primary); }
.sc-about-ptext { font-size: 12.5px; line-height: 1.4; color: var(--text-secondary); margin-top: 2px; overflow: hidden; max-height: 35px; transition: max-height .55s cubic-bezier(.3,1.2,.5,1); }
.sc-about-ptext.is-clamp { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sc-about-coins { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%; margin-top: 6px; }
.sc-about-coin { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 6px; border-radius: 16px; background: var(--glass-bg); border: 1px solid var(--glass-border); font-size: 13px; font-weight: 700; }
.sc-about-coin img { width: 28px; height: 28px; border-radius: 50%; }
.sc-about-note { font-size: 11px; line-height: 1.4; color: var(--text-tertiary); max-width: 38ch; }
.sc-about-bottom { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0 4px; }
.sc-about-dots { display: flex; align-items: center; gap: 6px; }
.sc-about-pip { height: 6px; width: 6px; border-radius: 999px; background: var(--border-strong); transition: width .3s ease, background-color .3s ease; padding: 0; }
.sc-about-pip.is-on { width: 24px; background: linear-gradient(90deg, var(--mi-c1), var(--mi-c2)); }
.sc-about-next { min-width: 120px; padding: .7rem 1.4rem; background: linear-gradient(135deg, var(--mi-c1), var(--mi-c2)) !important; color: #fff !important; }
@media (min-width: 1024px) { .sc-about { height: calc(100vh - 190px); max-height: 680px; } }

.sc-seg { position: relative; display: flex; padding: 4px; margin-bottom: 4px; border-radius: 9999px; background: var(--bg-surface-2); --i: 0; }
.sc-seg-pill {
  position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc((100% - 8px) / 2); border-radius: 9999px;
  background: linear-gradient(135deg, var(--mi-c1), var(--mi-c2));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 10px 22px -12px color-mix(in srgb, var(--mi-c1) 70%, transparent);
  transform: translate3d(calc(var(--i) * 100%), 0, 0);
  transition: transform .55s cubic-bezier(.22, 1.18, .36, 1);
  will-change: transform;
}
.sc-seg-btn {
  position: relative; z-index: 1; flex: 1; padding: .5rem .5rem; border: 0; background: transparent; cursor: pointer;
  font-weight: 600; font-size: .875rem; border-radius: 9999px; color: var(--text-secondary);
  transition: color .3s ease; -webkit-tap-highlight-color: transparent;
}
.sc-seg-btn.on { color: #fff; }
@keyframes sc-form-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.sc-seg ~ * { animation: sc-form-in .4s cubic-bezier(.22, 1, .36, 1) backwards; }
@media (prefers-reduced-motion: reduce) { .sc-seg-pill { transition: none; } .sc-seg ~ * { animation: none; } }
.sc-seg.sc-seg-lg { margin-bottom: 1.5rem; }

.mi-hero-fx::after { background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,.26) 1px, transparent 0) !important; -webkit-mask-image: radial-gradient(ellipse at 50% 25%, #000 0%, transparent 78%) !important; mask-image: radial-gradient(ellipse at 50% 25%, #000 0%, transparent 78%) !important; }
@media (max-width: 1023px) {
  .sc-sticky-header-fix { display: none !important; }
  .sc-main-fx { background-color: transparent; background-repeat: no-repeat, no-repeat, repeat-x; background-position: top left; background-size: 100% calc(env(safe-area-inset-top, 0px) + 220px), 100% calc(env(safe-area-inset-top, 0px) + 220px), 26px 240px;
    background-image: radial-gradient(ellipse 90% 100% at 20% 0%, rgba(51,80,255,.3), transparent 72%), radial-gradient(ellipse 80% 90% at 90% 0%, rgba(122,92,255,.24), transparent 72%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='240'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgb(128,128,140)' fill-opacity='0.50'/%3E%3Ccircle cx='1' cy='27' r='1' fill='rgb(128,128,140)' fill-opacity='0.44'/%3E%3Ccircle cx='1' cy='53' r='1' fill='rgb(128,128,140)' fill-opacity='0.39'/%3E%3Ccircle cx='1' cy='79' r='1' fill='rgb(128,128,140)' fill-opacity='0.33'/%3E%3Ccircle cx='1' cy='105' r='1' fill='rgb(128,128,140)' fill-opacity='0.28'/%3E%3Ccircle cx='1' cy='131' r='1' fill='rgb(128,128,140)' fill-opacity='0.22'/%3E%3Ccircle cx='1' cy='157' r='1' fill='rgb(128,128,140)' fill-opacity='0.17'/%3E%3Ccircle cx='1' cy='183' r='1' fill='rgb(128,128,140)' fill-opacity='0.11'/%3E%3Ccircle cx='1' cy='209' r='1' fill='rgb(128,128,140)' fill-opacity='0.06'/%3E%3Ccircle cx='1' cy='235' r='1' fill='rgb(128,128,140)' fill-opacity='0.00'/%3E%3C/svg%3E"); }
  .sc-main-header-pad { padding-top: calc(env(safe-area-inset-top, 0px) + 28px) !important; }
  .sc-main-header-pad.sc-main-home { padding-top: 0 !important; }
  .sc-main-home .sc-hero-wave { margin-top: 0 !important; }
  .sc-main-home .sc-hero-wave > .sc-screen-max { padding-top: calc(env(safe-area-inset-top, 0px) + 18px) !important; }
}
html.sc-pg-anim, html.sc-pg-anim body { overflow-x: clip; }
.sc-pg-ghost { position: fixed; inset: 0; overflow: hidden; background: var(--bg-app); pointer-events: none; will-change: transform; }
.sc-pg-ghost-in { position: absolute; left: 0; top: 0; margin: 0 !important; }
.sc-pg-shade { position: fixed; top: env(safe-area-inset-top, 0px); left: 0; right: 0; bottom: 0; background: #000; opacity: 0; pointer-events: none; }
.sc-pg-on { position: relative; background-color: var(--bg-app); min-height: 100dvh; will-change: transform; }
.sc-pg-on.sc-pg-fwd { box-shadow: -18px 0 36px -18px rgba(0,0,0,.35); }
.sc-pg-ghost { box-shadow: 18px 0 36px -18px rgba(0,0,0,.35); }

.sc-copy-host { position: relative; }
.sc-copy-host::after { content: ''; position: absolute; inset: -5px -8px; border-radius: 12px; border: 1.5px solid currentColor; opacity: 0; pointer-events: none; }
.sc-copy-host.is-pulse { animation: scCopyBump .42s cubic-bezier(.3,1.5,.5,1); }
.sc-copy-host.is-pulse::after { animation: scCopyRing .55s ease-out; }
@keyframes scCopyBump { 0% { transform: scale(1); } 35% { transform: scale(1.06); } 100% { transform: scale(1); } }
@keyframes scCopyRing { from { opacity: .55; transform: scale(.96); } to { opacity: 0; transform: scale(1.12); } }
.sc-copy-tip { position: absolute; right: 0; top: calc(100% + 8px); z-index: 6; padding: 5px 12px; border-radius: 999px; font: 600 .75rem 'Inter', sans-serif; letter-spacing: .01em; white-space: nowrap; color: var(--text-primary); background: var(--glass-bg), color-mix(in srgb, var(--bg-surface) 70%, transparent); border: 1px solid var(--glass-border); box-shadow: inset 0 1px 0 var(--glass-hi), 0 8px 18px -10px rgba(0,0,0,.4); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); opacity: 0; transform: translateY(-4px) scale(.92); transform-origin: top right; transition: opacity .18s ease, transform .22s cubic-bezier(.3,1.4,.5,1); pointer-events: none; }
.sc-copy-tip.is-on { opacity: 1; transform: none; }
.sc-hero-wave .sc-copy-tip { color: #fff; background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.28); }
[data-theme="light"] .sc-hero-wave .sc-copy-tip { color: var(--text-primary); background: var(--glass-bg), color-mix(in srgb, var(--bg-surface) 70%, transparent); border-color: var(--glass-border); }
@media (prefers-reduced-motion: reduce) { .sc-copy-host.is-pulse, .sc-copy-host.is-pulse::after { animation: none; } }

.sc-settings-row-control .sc-select-btn, .sc-settings-row-control .sc-settings-row-btn { width: 84px !important; height: 40px !important; min-height: 40px; padding: 0 12px !important; border-radius: 999px !important; display: inline-flex; align-items: center; justify-content: center; font-size: .875rem; font-weight: 700; box-sizing: border-box; }
.sc-settings-row-control .sc-toggle-switch, .sc-settings-row-control .sc-theme-toggle-lg { width: 84px !important; height: 40px !important; border-radius: 999px !important; padding: 0 !important; box-sizing: border-box; position: relative; }

.sc-toggle-switch, .sc-theme-toggle-lg { overflow: visible; transition: background .45s ease, border-color .45s ease, box-shadow .45s ease; -webkit-tap-highlight-color: transparent; }
.sc-toggle-switch { background: color-mix(in srgb, var(--bg-surface-2) 90%, transparent) !important; border: 1px solid var(--glass-border) !important; box-shadow: inset 0 2px 5px rgba(0,0,0,.28), inset 0 1px 0 rgba(0,0,0,.06); }
.sc-toggle-switch::before { top: 3px !important; left: 3px !important; width: 32px !important; height: 32px !important; background: linear-gradient(160deg, #fff, #d9deea) !important; box-shadow: 0 4px 10px -2px rgba(0,0,0,.45), inset 0 -2px 3px rgba(0,0,0,.12); transition: transform .5s cubic-bezier(.3,1.45,.45,1), width .25s ease !important; }
.sc-toggle-switch:active::before { width: 40px !important; }
.sc-toggle-switch:checked { background: linear-gradient(135deg, var(--mi-c1), var(--mi-c2)) !important; border-color: transparent !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 8px 20px -8px var(--mi-c1); }
.sc-toggle-switch:checked::before { transform: translateX(44px) !important; }
.sc-toggle-switch:checked:active::before { transform: translateX(36px) !important; }
.sc-toggle-switch:disabled { opacity: .55; }
.sc-toggle-switch.sc-tg-pulse, .sc-theme-toggle-lg.sc-tg-pulse { animation: scTgPulse .7s ease-out; }
@keyframes scTgPulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mi-c1) 65%, transparent); } 100% { box-shadow: 0 0 0 16px transparent; } }

.sc-theme-toggle-lg { background: linear-gradient(135deg, #1a1f4a, #0b0d26) !important; border: 1px solid rgba(255,255,255,.14) !important; box-shadow: inset 0 2px 6px rgba(0,0,0,.5); overflow: hidden; }
.sc-theme-toggle-lg::before, .sc-theme-toggle-lg::after { content: ''; position: absolute; border-radius: 50%; background: #fff; pointer-events: none; transition: opacity .4s ease, transform .5s ease; }
.sc-theme-toggle-lg::before { width: 3px; height: 3px; top: 10px; right: 22px; box-shadow: 10px 12px 0 -.5px rgba(255,255,255,.8), -6px 16px 0 -1px rgba(255,255,255,.7); animation: scTwinkle 2.6s ease-in-out infinite; }
.sc-theme-toggle-lg::after { width: 14px; height: 6px; bottom: 7px; left: 12px; border-radius: 6px; background: rgba(255,255,255,.9); box-shadow: 8px -4px 0 -1px rgba(255,255,255,.9); opacity: 0; transform: translateX(-8px); }
@keyframes scTwinkle { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
.sc-theme-toggle-lg .knob { top: 3px !important; left: 3px !important; width: 32px !important; height: 32px !important; background: transparent !important; box-shadow: inset 11px -5px 0 0 #f4f6ff; transition: transform .55s cubic-bezier(.3,1.4,.45,1), box-shadow .5s ease, background .4s ease !important; z-index: 1; }
[data-theme="light"] .sc-theme-toggle-lg { background: linear-gradient(135deg, #7cc8ff, #3b9cff) !important; border-color: rgba(255,255,255,.5) !important; box-shadow: inset 0 2px 6px rgba(0,60,140,.25); }
[data-theme="light"] .sc-theme-toggle-lg::before { opacity: 0; animation: none; }
[data-theme="light"] .sc-theme-toggle-lg::after { opacity: 1; transform: none; }
[data-theme="light"] .sc-theme-toggle-lg .knob { transform: translateX(44px) !important; background: radial-gradient(circle at 35% 30%, #fff3b0, #ffb703 70%) !important; box-shadow: 0 0 0 5px rgba(255,214,102,.35), 0 0 16px 3px rgba(255,190,50,.7); animation: scSunPulse 2.8s ease-in-out infinite; }
@keyframes scSunPulse { 0%, 100% { box-shadow: 0 0 0 4px rgba(255,214,102,.3), 0 0 14px 2px rgba(255,190,50,.6); } 50% { box-shadow: 0 0 0 8px rgba(255,214,102,.16), 0 0 22px 5px rgba(255,190,50,.8); } }

.sc-fs-close { display: none; }
.sc-fs-bg, .sc-fs-art { display: none; }
@media (min-width: 1024px) { .sc-fs-close { display: none !important; } }
@media (max-width: 1023px) {
  main.sc-fs { position: relative; padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 112px); background-repeat: no-repeat, no-repeat, repeat-x; background-position: top left; background-size: 100% calc(env(safe-area-inset-top, 0px) + 460px), 100% calc(env(safe-area-inset-top, 0px) + 460px), 26px 300px;
    background-image: radial-gradient(ellipse 100% 100% at 50% 0%, color-mix(in srgb, var(--pg1) 52%, transparent), transparent 76%), radial-gradient(ellipse 80% 80% at 100% 10%, color-mix(in srgb, var(--pg2) 40%, transparent), transparent 72%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='240'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgb(128,128,140)' fill-opacity='0.50'/%3E%3Ccircle cx='1' cy='27' r='1' fill='rgb(128,128,140)' fill-opacity='0.44'/%3E%3Ccircle cx='1' cy='53' r='1' fill='rgb(128,128,140)' fill-opacity='0.39'/%3E%3Ccircle cx='1' cy='79' r='1' fill='rgb(128,128,140)' fill-opacity='0.33'/%3E%3Ccircle cx='1' cy='105' r='1' fill='rgb(128,128,140)' fill-opacity='0.28'/%3E%3Ccircle cx='1' cy='131' r='1' fill='rgb(128,128,140)' fill-opacity='0.22'/%3E%3Ccircle cx='1' cy='157' r='1' fill='rgb(128,128,140)' fill-opacity='0.17'/%3E%3Ccircle cx='1' cy='183' r='1' fill='rgb(128,128,140)' fill-opacity='0.11'/%3E%3Ccircle cx='1' cy='209' r='1' fill='rgb(128,128,140)' fill-opacity='0.06'/%3E%3Ccircle cx='1' cy='235' r='1' fill='rgb(128,128,140)' fill-opacity='0.00'/%3E%3C/svg%3E"); }
  main.sc-fs.sc-main-header-pad { padding-top: calc(env(safe-area-inset-top, 0px) + 22px) !important; }
  main.sc-fs > *:not(.sc-fs-bg):not(.sc-fs-close) { position: relative; z-index: 1; }
  .sc-fs-close { display: block; position: sticky; top: calc(env(safe-area-inset-top, 0px) + 10px); height: 0; margin-top: -12px; z-index: 30 !important; }
  .sc-fab { position: absolute; top: 0; right: 0; width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; cursor: pointer; color: var(--text-primary); background: var(--glass-bg), color-mix(in srgb, var(--bg-surface) 55%, transparent); border: 1px solid var(--glass-border); box-shadow: inset 0 1px 0 var(--glass-hi), 0 8px 20px -12px rgba(0,0,0,.45); -webkit-tap-highlight-color: transparent; transition: transform .22s cubic-bezier(.3,1.5,.5,1); }
  .sc-fab:active { transform: scale(.86) rotate(90deg); transition-duration: .1s; }

  .sc-fs-bg { display: block; position: absolute; left: 0; right: 0; top: 0; height: 620px; overflow: hidden; pointer-events: none; z-index: 0; }
  .sc-fs-bg .ring { position: absolute; left: 50%; top: calc(env(safe-area-inset-top, 0px) + 72px); border-radius: 50%; border: 1px dashed color-mix(in srgb, var(--pg1) 55%, transparent); will-change: transform; }
  .sc-fs-bg .r1 { width: 190px; height: 190px; margin: -95px 0 0 -95px; animation: scFsSpin 40s linear infinite; }
  .sc-fs-bg .r2 { width: 310px; height: 310px; margin: -155px 0 0 -155px; border-style: solid; border-color: color-mix(in srgb, var(--pg2) 26%, transparent); animation: scFsSpin 64s linear infinite reverse; }
  .sc-fs-bg .r3 { width: 470px; height: 470px; margin: -235px 0 0 -235px; border-color: color-mix(in srgb, var(--pg1) 16%, transparent); animation: scFsSpin 90s linear infinite; }
  .sc-fs-bg .r2::after, .sc-fs-bg .r3::after { content: ''; position: absolute; top: -4px; left: 50%; width: 8px; height: 8px; margin-left: -4px; border-radius: 50%; background: var(--pg2); box-shadow: 0 0 12px 2px var(--pg2); }
  .sc-fs-bg .r3::after { background: var(--pg1); box-shadow: 0 0 12px 2px var(--pg1); }
  .sc-fs-bg .pt { position: absolute; left: var(--x); top: var(--y); width: var(--s); height: var(--s); color: color-mix(in srgb, var(--pg1) 80%, var(--text-primary)); opacity: .7; will-change: transform; animation: scFsDrift var(--t) ease-in-out var(--d) infinite alternate; }
  .sc-fs-bg .pt:nth-child(even) { color: color-mix(in srgb, var(--pg2) 85%, var(--text-primary)); }
  .sc-fs-bg .pt svg { width: 100%; height: 100%; display: block; animation: scFsTwirl var(--t2) linear infinite; }
  .sc-fs-bg .orb { position: absolute; border-radius: 50%; will-change: transform; }
  .sc-fs-bg .o1 { width: 220px; height: 220px; left: -90px; top: 220px; background: radial-gradient(closest-side, color-mix(in srgb, var(--pg2) 38%, transparent), transparent); animation: scFsDrift 13s ease-in-out infinite alternate; --dx: 30px; --dy: -20px; }
  .sc-fs-bg .o2 { width: 260px; height: 260px; right: -120px; top: 330px; background: radial-gradient(closest-side, color-mix(in srgb, var(--pg1) 34%, transparent), transparent); animation: scFsDrift 17s ease-in-out infinite alternate-reverse; --dx: -26px; --dy: 24px; }

  .sc-fs-art { display: flex; justify-content: center; position: relative; padding: 6px 0 26px; }
  .sc-fs-orbit { position: absolute; top: 6px; left: 50%; width: 138px; height: 138px; margin-left: -69px; animation: scFsSpin 9s linear infinite; pointer-events: none; }
  .sc-fs-orbit::before { content: ''; position: absolute; top: -2px; left: 50%; width: 10px; height: 10px; margin-left: -5px; border-radius: 50%; background: #fff; box-shadow: 0 0 14px 3px var(--pg2); }
  .sc-fs-orbit::after { content: ''; position: absolute; bottom: 4px; right: 16px; width: 6px; height: 6px; border-radius: 50%; background: var(--pg1); box-shadow: 0 0 10px 2px var(--pg1); }
  .sc-fs-art .shadow { position: absolute; bottom: 12px; left: 50%; width: 70px; height: 10px; margin-left: -35px; border-radius: 50%; background: rgba(0,0,0,.32); filter: blur(7px); animation: scFsShadow 5.5s ease-in-out infinite; }
  .sc-fs-icon { position: relative; z-index: 1; width: 100px; height: 100px; border-radius: 34px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--pg1), var(--pg2)); box-shadow: inset 0 2px 0 rgba(255,255,255,.45), inset 0 -12px 18px rgba(0,0,0,.22), 0 26px 44px -16px var(--pg1); animation: scFsFloat 5.5s ease-in-out infinite; will-change: transform; }
  .sc-fs-icon::before { content: ''; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 28% 18%, rgba(255,255,255,.55), transparent 46%); }
  .sc-fs-icon::after { content: ''; position: absolute; inset: -2px; border-radius: 36px; border: 2px solid var(--pg1); opacity: 0; animation: scFsHalo 3.2s ease-out infinite; pointer-events: none; }
  .sc-fs-icon svg { width: 48px; height: 48px; position: relative; filter: drop-shadow(0 3px 4px rgba(0,0,0,.25)); }
  main.sc-fs h2.sc-display:first-child { text-align: center; font-size: 1.7rem !important; font-weight: 800; margin-bottom: 1.3rem; letter-spacing: -.02em; background: linear-gradient(90deg, var(--text-primary) 30%, var(--pg1)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }

  main.sc-fs .sc-card { position: relative; border: 0; border-radius: 32px; background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--pg1) 13%, transparent), transparent 70%), var(--glass-bg), color-mix(in srgb, var(--bg-surface) 70%, transparent); box-shadow: inset 0 1px 0 var(--glass-hi), 0 30px 54px -30px color-mix(in srgb, var(--pg1) 60%, rgba(0,0,0,.6)); }
  main.sc-fs .sc-card::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.2px; background: linear-gradient(155deg, color-mix(in srgb, var(--pg1) 80%, transparent), transparent 38%, transparent 62%, color-mix(in srgb, var(--pg2) 70%, transparent)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); pointer-events: none; }
  main.sc-fs .sc-card.p-5 { padding: 1.4rem; }
  main.sc-fs .sc-card label.text-sm { display: flex; align-items: center; gap: 7px; font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--text-tertiary); }
  main.sc-fs .sc-card label.text-sm::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: linear-gradient(135deg, var(--pg1), var(--pg2)); box-shadow: 0 0 8px var(--pg1); }
  main.sc-fs .sc-input, main.sc-fs .sc-select-btn, main.sc-fs .sc-select-static { min-height: 58px; border-radius: 20px; background: color-mix(in srgb, var(--bg-app) 55%, transparent); border: 1px solid var(--glass-border); box-shadow: inset 0 2px 6px rgba(0,0,0,.14); font-size: 1rem; font-weight: 600; transition: border-color .25s ease, box-shadow .3s ease, transform .25s ease; }
  main.sc-fs .sc-input:focus, main.sc-fs .sc-select-btn:active, main.sc-fs .sc-select-btn:focus-visible { border-color: var(--pg1); box-shadow: 0 0 0 4px color-mix(in srgb, var(--pg1) 24%, transparent), 0 12px 24px -14px var(--pg1); transform: translateY(-1px); }
  main.sc-fs .sc-input[inputmode="decimal"] { font-size: 1.6rem; font-weight: 800; min-height: 68px; letter-spacing: -.01em; }
  main.sc-fs .sc-seg { height: 52px; padding: 5px; background: color-mix(in srgb, var(--bg-app) 55%, transparent); box-shadow: inset 0 2px 6px rgba(0,0,0,.16); border: 1px solid var(--glass-border); }
  main.sc-fs .sc-seg-pill { top: 5px; bottom: 5px; left: 5px; width: calc((100% - 10px) / 2); background: linear-gradient(135deg, var(--pg1), var(--pg2)); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 10px 22px -10px var(--pg1); }
  main.sc-fs .sc-btn-primary { position: relative; overflow: hidden; min-height: 60px; font-size: 1.05rem; font-weight: 800; letter-spacing: .01em; background: linear-gradient(135deg, var(--pg1), var(--pg2)); box-shadow: inset 0 2px 0 rgba(255,255,255,.4), inset 0 -8px 14px rgba(0,0,0,.14), 0 20px 34px -16px var(--pg1); }
  main.sc-fs .sc-btn-primary::after { content: ''; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.38), transparent); transform: skewX(-18deg) translateX(0); animation: scFsShine 4.2s ease-in-out infinite; pointer-events: none; }
  main.sc-fs .sc-btn-primary:disabled::after { display: none; }
  main.sc-fs .sc-card fieldset > * { animation: scFsRise .7s cubic-bezier(.2,.9,.2,1) backwards; }
  main.sc-fs .sc-card fieldset > *:nth-child(2) { animation-delay: .06s; } main.sc-fs .sc-card fieldset > *:nth-child(3) { animation-delay: .12s; } main.sc-fs .sc-card fieldset > *:nth-child(4) { animation-delay: .18s; } main.sc-fs .sc-card fieldset > *:nth-child(5) { animation-delay: .24s; } main.sc-fs .sc-card fieldset > *:nth-child(6) { animation-delay: .3s; }
}
@keyframes scFsFloat { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-10px) rotate(2deg); } }
@keyframes scFsShadow { 0%, 100% { transform: scaleX(1); opacity: .9; } 50% { transform: scaleX(.75); opacity: .5; } }
@keyframes scFsSpin { to { transform: rotate(360deg); } }
@keyframes scFsTwirl { to { transform: rotate(360deg); } }
@keyframes scFsDrift { from { transform: translate3d(0,0,0); } to { transform: translate3d(var(--dx, 14px), var(--dy, -26px), 0); } }
@keyframes scFsHalo { 0% { opacity: .75; transform: scale(1); } 100% { opacity: 0; transform: scale(1.5); } }
@keyframes scFsShine { 0%, 55% { left: -60%; } 100% { left: 130%; } }
@keyframes scFsRise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .sc-fs-bg *, .sc-fs-icon, .sc-fs-orbit, .sc-fs-icon::after, main.sc-fs .sc-btn-primary::after, main.sc-fs .sc-card fieldset > *, .sc-fs-art .shadow { animation: none !important; } }

main.fs-deposit{--pg1:#14b98a;--pg2:#22d3ee}
main.fs-withdraw{--pg1:#f59e0b;--pg2:#ef4444}
main.fs-transfer{--pg1:#3350ff;--pg2:#22d3ee}
main.fs-exchange{--pg1:#7a5cff;--pg2:#d946ef}
main.fs-invoices{--pg1:#3350ff;--pg2:#7a5cff}
main.fs-orders{--pg1:#f59e0b;--pg2:#fb7a3c}
main.fs-history{--pg1:#6366f1;--pg2:#22d3ee}
main.fs-assets{--pg1:#2563eb;--pg2:#38bdf8}
main.fs-support{--pg1:#22d3ee;--pg2:#3350ff}
main.fs-about{--pg1:#3350ff;--pg2:#7a5cff}

@media (max-width: 1023px) {
  .sc-bottomnav { left: 14px !important; right: 14px !important; bottom: calc(env(safe-area-inset-bottom, 0px) + 12px) !important; border-radius: 30px; padding: 9px 8px !important; border: 1px solid var(--glass-border) !important; background: var(--glass-bg), color-mix(in srgb, var(--bg-surface) 90%, transparent) !important; box-shadow: inset 0 1px 0 var(--glass-hi), 0 24px 44px -14px rgba(0,0,0,.55), 0 4px 14px -6px rgba(0,0,0,.3) !important; transform: translate3d(0,0,0) scale(1); transform-origin: 50% 100%; transition: transform .8s cubic-bezier(.3,1.65,.5,1), opacity .35s ease; will-change: transform; }
  .sc-bottomnav::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(120deg, color-mix(in srgb, var(--mi-c1) 55%, transparent), transparent 40%, transparent 60%, color-mix(in srgb, var(--mi-c2) 50%, transparent)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); pointer-events: none; }
  body.sc-nav-hide .sc-bottomnav { transform: translate3d(0, calc(100% + env(safe-area-inset-bottom, 0px) + 40px), 0) scale(.86, 1.06); opacity: 0; pointer-events: none; transition: transform .45s cubic-bezier(.55,0,.8,.4), opacity .3s ease .1s; }
  .sc-bottomnav .sc-nav-item { gap: .2rem; font-size: .66rem; font-weight: 600; }
  .sc-bottomnav .sc-nav-item > svg { width: 20px; height: 20px; padding: 10px; border-radius: 18px; background: transparent; border-color: transparent; box-shadow: none; transition: transform .5s cubic-bezier(.3,1.7,.5,1), background .3s ease, color .25s ease; }
  .sc-bottomnav .sc-nav-item.active > svg { color: #fff; border-color: transparent; background: linear-gradient(135deg, var(--mi-c1), var(--mi-c2)); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 10px 20px -8px var(--mi-c1); transform: translateY(-3px) scale(1.04); }
  .sc-bottomnav .sc-nav-item.active { color: var(--text-primary); font-weight: 700; }
  .sc-nav-fill { display: none; }
  .sc-toast-lift { bottom: calc(112px + env(safe-area-inset-bottom, 0px)); }

  .sc-inv-info { margin: -4px -16px 18px; }
  .sc-inv-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding: 4px 16px 6px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .sc-inv-track::-webkit-scrollbar { display: none; }
  .sc-inv-slide { flex: 0 0 calc(100% - 32px); scroll-snap-align: center; position: relative; padding: 20px 20px 22px; border-radius: 28px; overflow: hidden; background: radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--ic1) 26%, transparent), transparent 70%), var(--glass-bg), color-mix(in srgb, var(--bg-surface) 70%, transparent); box-shadow: inset 0 1px 0 var(--glass-hi), 0 24px 40px -26px var(--ic1); min-height: 164px; }
  .sc-inv-slide::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.2px; background: linear-gradient(155deg, color-mix(in srgb, var(--ic1) 75%, transparent), transparent 45%, color-mix(in srgb, var(--ic2) 55%, transparent)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); pointer-events: none; }
  .sc-inv-slide::after { content: ''; position: absolute; right: -40px; top: -40px; width: 150px; height: 150px; border-radius: 50%; border: 1px dashed color-mix(in srgb, var(--ic1) 50%, transparent); animation: scFsSpin 40s linear infinite; }
  .sc-inv-sico { width: 54px; height: 54px; border-radius: 18px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--ic1), var(--ic2)); box-shadow: inset 0 2px 0 rgba(255,255,255,.4), 0 14px 24px -10px var(--ic1); animation: scFsFloat 5s ease-in-out infinite; }
  .sc-inv-sico svg { width: 26px; height: 26px; }
  .sc-inv-stitle { margin-top: 14px; font-weight: 800; font-size: 1.12rem; letter-spacing: -.01em; }
  .sc-inv-stext { margin-top: 6px; font-size: .86rem; line-height: 1.45; color: var(--text-secondary); position: relative; }
  .sc-inv-dots { display: flex; justify-content: center; gap: 6px; margin-top: 10px; }
  .sc-inv-dots i { width: 6px; height: 6px; border-radius: 6px; background: color-mix(in srgb, var(--text-tertiary) 55%, transparent); transition: width .35s cubic-bezier(.3,1.5,.5,1), background .3s ease; }
  .sc-inv-dots i.on { width: 20px; background: linear-gradient(90deg, var(--pg1), var(--pg2)); }
  .sc-inv-cta-spacer { height: 64px; }
  .sc-inv-cta { position: fixed; left: 16px; right: 16px; bottom: calc(env(safe-area-inset-bottom, 0px) + 16px); z-index: 60; min-height: 60px; border: 0; border-radius: 999px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #fff; font-weight: 800; font-size: 1.05rem; background: linear-gradient(135deg, var(--pg1), var(--pg2)); box-shadow: inset 0 2px 0 rgba(255,255,255,.4), inset 0 -8px 14px rgba(0,0,0,.14), 0 22px 36px -14px var(--pg1); overflow: hidden; transition: transform .6s cubic-bezier(.3,1.5,.5,1); -webkit-tap-highlight-color: transparent; }
  .sc-inv-cta::after { content: ''; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.38), transparent); transform: skewX(-18deg); animation: scFsShine 4.2s ease-in-out infinite; pointer-events: none; }
  .sc-inv-cta:active { transform: scale(.96); }
  body:not(.sc-nav-hide) .sc-inv-cta { transform: translateY(-92px); }
  body:not(.sc-nav-hide) .sc-inv-cta:active { transform: translateY(-92px) scale(.96); }

  main.sc-fs .sc-inv-form-card { display: none; }
  main.sc-fs .sc-inv-form-card.is-open { display: block; position: fixed; inset: 0; z-index: 90; overflow-y: auto; border-radius: 0; box-shadow: none; padding: calc(env(safe-area-inset-top, 0px) + 20px) 26px calc(env(safe-area-inset-bottom, 0px) + 64px); background: radial-gradient(ellipse 100% 40% at 50% 0%, color-mix(in srgb, var(--pg1) 40%, transparent), transparent 80%), radial-gradient(ellipse 70% 30% at 100% 6%, color-mix(in srgb, var(--pg2) 32%, transparent), transparent 75%), var(--bg-app); animation: scInvFormIn .55s cubic-bezier(.2,.9,.2,1); overscroll-behavior: contain; }
  main.sc-fs .sc-inv-form-card.is-open::before { display: none; }
  .sc-inv-form-head { display: none !important; }
  .sc-inv-form-top { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; padding-right: 0; }
  .sc-inv-form-ico { flex: 0 0 auto; width: 56px; height: 56px; border-radius: 19px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--pg1), var(--pg2)); box-shadow: inset 0 2px 0 rgba(255,255,255,.42), 0 16px 26px -12px var(--pg1); animation: scFsFloat 5.5s ease-in-out infinite; }
  .sc-inv-form-ico svg { width: 28px; height: 28px; }
  .sc-inv-form-title { font-size: 1.3rem; font-weight: 800; letter-spacing: -.02em; }
  .sc-inv-form-x { position: relative !important; flex: 0 0 auto; }
  .sc-hero-wave { box-shadow: 0 30px 60px -30px rgba(51,80,255,.55); }
  .sc-hero-wave::after { content: ''; position: absolute; right: -90px; top: -70px; width: 300px; height: 300px; border-radius: 50%; border: 1px dashed rgba(255,255,255,.22); box-shadow: inset 0 0 0 36px rgba(255,255,255,.025), inset 0 0 0 37px rgba(255,255,255,.1); animation: scFsSpin 70s linear infinite; pointer-events: none; }
  .sc-main-home .sc-hero-wave p.text-4xl { font-size: 3.05rem; line-height: 1.05; letter-spacing: -.03em; background: linear-gradient(180deg, #fff 30%, rgba(255,255,255,.72)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; filter: drop-shadow(0 6px 18px rgba(120,150,255,.55)); }
  .sc-main-home .sc-hero-wave .sc-pill { border: 1px solid rgba(255,255,255,.16); box-shadow: inset 0 1px 0 rgba(255,255,255,.2); }
  .sc-main-home .sc-quick-tile { border-radius: 26px; padding: 14px 4px 12px; animation: scFsRise .7s cubic-bezier(.2,.9,.2,1) backwards; transition: transform .35s cubic-bezier(.3,1.6,.5,1); }
  .sc-main-home .sc-quick-tile:active { transform: scale(.92); }
  .sc-main-home .sc-quick-tile:nth-child(2) { animation-delay: .06s; } .sc-main-home .sc-quick-tile:nth-child(3) { animation-delay: .12s; } .sc-main-home .sc-quick-tile:nth-child(4) { animation-delay: .18s; }
  .sc-main-home .sc-quick-tile-icon { width: 52px; height: 52px; border-radius: 18px; }
  .sc-main-home p.text-sm.font-bold { display: flex; align-items: center; gap: 8px; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--text-tertiary); }
  .sc-main-home p.text-sm.font-bold::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(135deg, var(--mi-c1), var(--mi-c2)); box-shadow: 0 0 10px var(--mi-c1); }
  .sc-main-home .sc-card { border-radius: 28px; background: radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--mi-c1) 10%, transparent), transparent 70%), var(--glass-bg), color-mix(in srgb, var(--bg-surface) 70%, transparent); }
}
@keyframes scInvFormIn { from { opacity: 0; transform: translateY(40px) scale(.98); } to { opacity: 1; transform: none; } }
@media (max-width: 1023px) {
  .sc-main-home .sc-card p.text-sm.font-bold, .sc-main-home .sc-list-row p.text-sm.font-bold { display: block; font-size: .875rem; letter-spacing: 0; text-transform: none; color: var(--text-primary); }
  .sc-main-home .sc-card p.text-sm.font-bold::before { display: none; }
  main.sc-fs .sc-card label.text-sm { display: inline-flex; vertical-align: middle; }
  main.sc-fs .sc-required-star { margin-left: 4px; font-weight: 800; }
}

@media (max-width: 1023px) {
  main.sc-main-fx { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 100px); }
  main.sc-fs { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 100px); }
  .sc-bottomnav { bottom: calc(env(safe-area-inset-bottom, 0px) * .4 + 8px) !important; left: 16px !important; right: 16px !important; border-radius: 28px; padding: 7px !important; background: linear-gradient(135deg, color-mix(in srgb, var(--bg-surface) 62%, transparent), color-mix(in srgb, var(--bg-surface) 44%, transparent)) !important; -webkit-backdrop-filter: blur(22px) saturate(1.5) !important; backdrop-filter: blur(22px) saturate(1.5) !important; }
  .sc-nav-pill { position: absolute; top: 7px; bottom: 7px; left: 7px; width: calc((100% - 14px) / 5); border-radius: 22px; pointer-events: none; transform: translate3d(calc(var(--ni, 0) * 100%), 0, 0); transition: transform .65s cubic-bezier(.3,1.4,.5,1); will-change: transform; background: linear-gradient(135deg, color-mix(in srgb, var(--mi-c1) 34%, transparent), color-mix(in srgb, var(--mi-c2) 24%, transparent)); box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 0 0 1px color-mix(in srgb, var(--mi-c1) 35%, transparent), 0 8px 18px -8px var(--mi-c1); }
  .sc-bottomnav .sc-nav-item { position: relative; z-index: 1; padding: 7px 0 6px; gap: 3px; font-size: .64rem; border-radius: 22px; }
  .sc-bottomnav .sc-nav-item > svg, .sc-bottomnav .sc-nav-item.active > svg { width: 22px; height: 22px; padding: 0; border: 0; background: transparent !important; box-shadow: none !important; border-radius: 0; transform: none; color: var(--text-tertiary); transition: color .3s ease, transform .5s cubic-bezier(.3,1.7,.5,1); }
  .sc-bottomnav .sc-nav-item.active > svg { color: var(--text-primary); transform: translateY(-1px) scale(1.1); }
  .sc-bottomnav .sc-nav-item.active { color: var(--text-primary); }
  .sc-bottomnav::before { display: none; }
  body.sc-nav-hide .sc-bottomnav { transform: translate3d(0, calc(100% + 40px), 0) scale(.88, 1.05); }
  body:not(.sc-nav-hide) .sc-inv-cta { transform: translateY(-84px); }
  body:not(.sc-nav-hide) .sc-inv-cta:active { transform: translateY(-84px) scale(.96); }

  .sc-menu-sheet.sc-order-sheet-card { left: 16px !important; right: 16px !important; width: auto !important; bottom: calc(env(safe-area-inset-bottom, 0px) * .4 + 8px) !important; border-radius: 30px !important; border: 1px solid var(--glass-border); padding-bottom: 6px; max-height: 70vh; background: linear-gradient(135deg, color-mix(in srgb, var(--bg-surface) 66%, transparent), color-mix(in srgb, var(--bg-surface) 48%, transparent)) !important; -webkit-backdrop-filter: blur(24px) saturate(1.5); backdrop-filter: blur(24px) saturate(1.5); box-shadow: inset 0 1px 0 var(--glass-hi), 0 30px 60px -16px rgba(0,0,0,.6) !important; transform-origin: 50% 100%; }
  .sc-menu-sheet .sc-menu-grid-item { background: transparent; border: 0; box-shadow: none; padding: .8rem .2rem .6rem; gap: 7px; }
  .sc-menu-sheet .sc-menu-grid-icon { width: 50px; height: 50px; border-radius: 18px; color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--t1) 70%, #fff), var(--t1) 50%, var(--t2)); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -5px 8px rgba(0,0,0,.2), 0 12px 18px -8px var(--t1); transition: transform .45s cubic-bezier(.3,1.7,.5,1); }
  .sc-menu-sheet .sc-menu-grid-item:active .sc-menu-grid-icon { transform: scale(.88); }
  .sc-menu-sheet .sc-menu-grid-item:nth-child(8n+1) { --t1: #3350ff; --t2: #22d3ee; }
  .sc-menu-sheet .sc-menu-grid-item:nth-child(8n+2) { --t1: #14b98a; --t2: #22d3ee; }
  .sc-menu-sheet .sc-menu-grid-item:nth-child(8n+3) { --t1: #7a5cff; --t2: #d946ef; }
  .sc-menu-sheet .sc-menu-grid-item:nth-child(8n+4) { --t1: #ff9f1c; --t2: #ff5d8f; }
  .sc-menu-sheet .sc-menu-grid-item:nth-child(8n+5) { --t1: #22d3ee; --t2: #3350ff; }
  .sc-menu-sheet .sc-menu-grid-item:nth-child(8n+6) { --t1: #f43f5e; --t2: #f59e0b; }
  .sc-menu-sheet .sc-menu-grid-item:nth-child(8n+7) { --t1: #6366f1; --t2: #22d3ee; }
  .sc-menu-sheet .sc-menu-grid-item:nth-child(8n) { --t1: #14b98a; --t2: #3350ff; }
  .sc-bulp-t { transition: transform .57s cubic-bezier(.3,1.6,.5,1), opacity .22s ease; }
  .sc-bulp-t-out { transition: transform .27s cubic-bezier(.55,0,.8,.4), opacity .2s ease .05s; }
  .sc-bulp-from { opacity: 0; transform: translate3d(0, calc(100% + 40px), 0) scale(.88, 1.08); }
  .sc-bulp-to { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}

.sc-toggle-switch, .sc-theme-toggle-lg { transition: background .4s ease !important; }
.sc-toggle-switch, .sc-toggle-switch:checked, .sc-theme-toggle-lg, [data-theme="light"] .sc-theme-toggle-lg { box-shadow: none !important; animation: none !important; }
.sc-toggle-switch { background: color-mix(in srgb, var(--text-primary) 12%, transparent) !important; border: 0 !important; }
.sc-toggle-switch::before { box-shadow: 0 1px 3px rgba(0,0,0,.3) !important; background: #fff !important; }
.sc-toggle-switch:checked { background: linear-gradient(135deg, var(--mi-c1), var(--mi-c2)) !important; }
.sc-theme-toggle-lg { border: 0 !important; }
.sc-theme-toggle-lg .knob { box-shadow: inset 11px -5px 0 0 #f4f6ff !important; animation: none !important; }
[data-theme="light"] .sc-theme-toggle-lg .knob { box-shadow: none !important; background: linear-gradient(145deg, #ffe27a, #ffb703) !important; }
.sc-toggle-switch.sc-tg-pulse, .sc-theme-toggle-lg.sc-tg-pulse { animation: none !important; }

main.sc-fs .sc-input, main.sc-fs .sc-select-btn, main.sc-fs .sc-select-static { box-shadow: inset 0 1px 2px rgba(0,0,0,.06); }
main.sc-fs .sc-seg { box-shadow: inset 0 1px 2px rgba(0,0,0,.06); }
.sc-input, .sc-select-btn { box-shadow: inset 0 1px 2px rgba(0,0,0,.05); }
main.sc-fs .sc-input:focus, main.sc-fs .sc-select-btn:active, main.sc-fs .sc-select-btn:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--pg1) 20%, transparent); }

@media (max-width: 1023px) {
  .sc-nav-pill { opacity: var(--np, 1); transition: transform .65s cubic-bezier(.3,1.4,.5,1), opacity .35s ease; }
  [data-theme="light"] .sc-bottomnav { background: linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.58)) !important; }
  [data-theme="light"] .sc-nav-pill { background: linear-gradient(135deg, #fff, color-mix(in srgb, var(--mi-c1) 16%, #fff)); box-shadow: 0 6px 16px -6px color-mix(in srgb, var(--mi-c1) 55%, transparent), 0 0 0 1px color-mix(in srgb, var(--mi-c1) 24%, transparent), inset 0 1px 0 #fff; }
  [data-theme="light"] .sc-bottomnav .sc-nav-item.active > svg { color: color-mix(in srgb, var(--mi-c1) 85%, #000); }
  .sc-bottomnav .sc-nav-item::after { content: ''; position: absolute; inset: 4px; border-radius: 20px; border: 2px solid var(--mi-c1); opacity: 0; pointer-events: none; }
  .sc-bottomnav .sc-nav-item.sc-pulse::after { animation: scNavPulse .6s ease-out; }
  .sc-bottomnav .sc-nav-item.sc-pulse > svg { animation: scNavTap .6s cubic-bezier(.3,1.7,.5,1); }
  .sc-menu-sheet.sc-order-sheet-card { left: 0 !important; right: 0 !important; bottom: -90px !important; border-radius: 30px 30px 0 0 !important; padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px) + 6px) !important; max-height: calc(70vh + 90px); border-left: 0; border-right: 0; border-bottom: 0; }
}
@keyframes scNavPulse { 0% { opacity: .7; transform: scale(.85); } 100% { opacity: 0; transform: scale(1.18); } }
@keyframes scNavTap { 0% { transform: scale(1); } 35% { transform: scale(.8); } 100% { transform: scale(1); } }

@media (max-width: 1023px) {
  .sc-mob-hide { display: none !important; }
  .sc-bare-empty { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 34px 20px 0; }
  .sc-bare-ico, main.sc-fs .sc-empty-card > div:first-child { width: 72px; height: 72px; border-radius: 24px; display: grid; place-items: center; margin: 0 0 12px !important; color: var(--pg1); background: color-mix(in srgb, var(--pg1) 14%, transparent) !important; border: 1px solid color-mix(in srgb, var(--pg1) 30%, transparent); animation: scFsFloat 5.5s ease-in-out infinite; }
  .sc-bare-ico svg { width: 32px; height: 32px; }
  main.sc-fs .sc-empty-card > div:first-child svg { width: 30px; height: 30px; }
  .sc-bare-t, main.sc-fs .sc-empty-card p.text-sm { font-size: 1.05rem; font-weight: 800; }
  .sc-bare-s { margin-top: 4px; font-size: .85rem; color: var(--text-tertiary); }
  main.sc-fs .sc-empty-card { background: none !important; box-shadow: none !important; padding-top: 34px; }
  main.sc-fs .sc-empty-card::before { display: none; }
  main.sc-fs .sc-about-viewport { background: none; border: 0; box-shadow: none; }
  .sc-about-viewport { background: none; border: 0; box-shadow: none; }
}

@media (max-width: 1023px) {
  .sc-menu-sheet.sc-order-sheet-card { background: var(--bg-surface) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: 0 -12px 40px -16px rgba(0,0,0,.45) !important; }
  .sc-menu-sheet .sc-menu-grid-icon { background: linear-gradient(145deg, color-mix(in srgb, var(--t1) 88%, #fff), var(--t1) 55%, var(--t2)); box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 -4px 6px rgba(0,0,0,.1), 0 6px 10px -8px color-mix(in srgb, var(--t1) 55%, transparent); opacity: .92; }
  .sc-bare-empty { padding-top: 16vh; }
  main.sc-fs .sc-empty-card { padding-top: 16vh; }
  [data-theme="light"] .sc-bottomnav .sc-nav-item.active { color: color-mix(in srgb, var(--mi-c1) 85%, #000); }
}

@media (min-width: 1024px) {
  main.fs-deposit { --pg1: #14b98a; --pg2: #22d3ee; }
  main.sc-fs, main.sc-main-home { position: relative; }
  main.sc-fs { background-repeat: no-repeat; background-position: top left; background-size: 100% 440px; background-image: radial-gradient(ellipse 55% 100% at 25% 0, color-mix(in srgb, var(--pg1) 20%, transparent), transparent 75%), radial-gradient(ellipse 45% 90% at 92% 0, color-mix(in srgb, var(--pg2) 18%, transparent), transparent 72%); }
  main.sc-main-home { background-repeat: no-repeat; background-size: 100% 460px; background-image: radial-gradient(ellipse 50% 100% at 20% 0, color-mix(in srgb, var(--mi-c1) 16%, transparent), transparent 75%), radial-gradient(ellipse 45% 90% at 95% 0, color-mix(in srgb, var(--mi-c2) 14%, transparent), transparent 72%); }
  main.sc-fs > *:not(.sc-fs-bg):not(.sc-fs-close):not(.sc-fs-art), main.sc-main-home > * { position: relative; z-index: 1; }
  main.sc-fs .sc-fs-bg { display: block; position: absolute; left: 0; right: 0; top: 0; height: 420px; overflow: hidden; pointer-events: none; z-index: 0; }
  main.sc-fs .sc-fs-bg .ring { position: absolute; left: 82%; top: 120px; border-radius: 50%; border: 1px dashed color-mix(in srgb, var(--pg1) 40%, transparent); animation: scFsSpin 80s linear infinite; }
  main.sc-fs .sc-fs-bg .r1 { width: 240px; height: 240px; margin: -120px 0 0 -120px; }
  main.sc-fs .sc-fs-bg .r2 { width: 400px; height: 400px; margin: -200px 0 0 -200px; border-style: solid; border-color: color-mix(in srgb, var(--pg2) 16%, transparent); animation-direction: reverse; animation-duration: 120s; }
  main.sc-fs .sc-fs-bg .r3 { width: 600px; height: 600px; margin: -300px 0 0 -300px; border-color: color-mix(in srgb, var(--pg1) 10%, transparent); animation-duration: 160s; }
  main.sc-fs .sc-fs-bg .r2::after { content: ''; position: absolute; top: -4px; left: 50%; width: 8px; height: 8px; margin-left: -4px; border-radius: 50%; background: var(--pg2); box-shadow: 0 0 12px 2px var(--pg2); }
  main.sc-fs .sc-fs-bg .orb { display: none; }
  main.sc-fs .sc-fs-bg .pt { position: absolute; left: var(--x); top: var(--y); width: var(--s); height: var(--s); color: color-mix(in srgb, var(--pg1) 80%, var(--text-primary)); opacity: .5; animation: scFsDrift var(--t) ease-in-out var(--d) infinite alternate; }
  main.sc-fs .sc-fs-bg .pt:nth-child(even) { color: color-mix(in srgb, var(--pg2) 85%, var(--text-primary)); }
  main.sc-fs .sc-fs-bg .pt svg { width: 100%; height: 100%; display: block; animation: scFsTwirl var(--t2) linear infinite; }

  main.sc-fs h2.sc-display:first-child, main.sc-main-home .sc-dash-title { }
  main.sc-fs h2.sc-display:first-child { font-size: 2rem !important; font-weight: 800; letter-spacing: -.025em; margin-bottom: 1.4rem; display: flex; align-items: center; gap: 14px; background: linear-gradient(90deg, var(--text-primary) 40%, var(--pg1)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
  main.sc-fs h2.sc-display:first-child::before { content: ''; width: 6px; height: 1.9rem; border-radius: 6px; background: linear-gradient(180deg, var(--pg1), var(--pg2)); box-shadow: 0 0 18px var(--pg1); -webkit-text-fill-color: initial; flex: 0 0 auto; }

  main.sc-fs .sc-card, main.sc-main-home .sc-card { position: relative; border: 0; border-radius: 26px; background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--pg1, var(--mi-c1)) 9%, transparent), transparent 70%), var(--glass-bg), color-mix(in srgb, var(--bg-surface) 74%, transparent); box-shadow: inset 0 1px 0 var(--glass-hi), 0 28px 50px -34px color-mix(in srgb, var(--pg1, var(--mi-c1)) 55%, rgba(0,0,0,.5)); }
  main.sc-fs .sc-card::before, main.sc-main-home .sc-card::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.2px; background: linear-gradient(155deg, color-mix(in srgb, var(--pg1, var(--mi-c1)) 60%, transparent), transparent 35%, transparent 65%, color-mix(in srgb, var(--pg2, var(--mi-c2)) 50%, transparent)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); pointer-events: none; }
  main.sc-fs .sc-card label.text-sm { display: inline-flex; align-items: center; gap: 7px; font-size: .72rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: var(--text-tertiary); }
  main.sc-fs .sc-card label.text-sm::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: linear-gradient(135deg, var(--pg1), var(--pg2)); }
  main.sc-fs .sc-input, main.sc-fs .sc-select-btn, main.sc-fs .sc-select-static { min-height: 52px; border-radius: 16px; background: color-mix(in srgb, var(--bg-app) 55%, transparent); border: 1px solid var(--glass-border); box-shadow: inset 0 1px 2px rgba(0,0,0,.05); font-weight: 600; transition: border-color .25s ease, box-shadow .3s ease; }
  main.sc-fs .sc-input:focus, main.sc-fs .sc-select-btn:focus-visible { border-color: var(--pg1); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pg1) 20%, transparent); }
  main.sc-fs .sc-input[inputmode="decimal"] { font-size: 1.35rem; font-weight: 800; min-height: 60px; }
  main.sc-fs .sc-seg { height: 48px; padding: 4px; background: color-mix(in srgb, var(--bg-app) 55%, transparent); border: 1px solid var(--glass-border); }
  main.sc-fs .sc-seg-pill { background: linear-gradient(135deg, var(--pg1), var(--pg2)); box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 8px 18px -8px var(--pg1); }
  main.sc-fs .sc-btn-primary { position: relative; overflow: hidden; min-height: 54px; font-weight: 800; background: linear-gradient(135deg, var(--pg1), var(--pg2)); box-shadow: inset 0 2px 0 rgba(255,255,255,.35), 0 16px 28px -14px var(--pg1); transition: transform .3s cubic-bezier(.3,1.5,.5,1), box-shadow .3s ease; }
  main.sc-fs .sc-btn-primary:hover:not(:disabled) { opacity: 1; transform: translateY(-2px); box-shadow: inset 0 2px 0 rgba(255,255,255,.35), 0 22px 34px -14px var(--pg1); }
  main.sc-fs .sc-btn-primary::after { content: ''; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.34), transparent); transform: skewX(-18deg); animation: scFsShine 5s ease-in-out infinite; pointer-events: none; }
  main.sc-fs .sc-btn-primary:disabled::after { display: none; }
  main.sc-fs .sc-card fieldset > * { animation: scFsRise .6s cubic-bezier(.2,.9,.2,1) backwards; }
  main.sc-fs .sc-empty-card { background: none !important; box-shadow: none !important; }
  main.sc-fs .sc-empty-card::before { display: none; }

  aside.lg\:fixed { background: linear-gradient(180deg, color-mix(in srgb, var(--bg-surface) 92%, transparent), var(--bg-surface)) !important; box-shadow: 14px 0 40px -30px rgba(0,0,0,.4); }
  .sc-sidebar-item { position: relative; border-radius: 14px; padding: .7rem .85rem; transition: background-color .25s ease, color .25s ease, transform .3s cubic-bezier(.3,1.5,.5,1); }
  .sc-sidebar-item:hover { background: color-mix(in srgb, var(--mi-c1) 8%, transparent); transform: translateX(3px); }
  .sc-sidebar-item.active { background: linear-gradient(90deg, color-mix(in srgb, var(--mi-c1) 20%, transparent), color-mix(in srgb, var(--mi-c2) 7%, transparent)); color: var(--text-primary); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mi-c1) 22%, transparent); }
  .sc-sidebar-item.active::before { content: ''; position: absolute; left: -12px; top: 22%; bottom: 22%; width: 4px; border-radius: 0 4px 4px 0; background: linear-gradient(180deg, var(--mi-c1), var(--mi-c2)); box-shadow: 0 0 12px var(--mi-c1); }
  .sc-sidebar-item.active svg { color: var(--mi-c1); }
  .sc-sidebar-item.active svg path, .sc-sidebar-item.active svg rect, .sc-sidebar-item.active svg circle { stroke: currentColor; }

  .sc-dash-market { padding: 20px; border-radius: 26px; position: relative; background: radial-gradient(120% 80% at 80% 0%, color-mix(in srgb, var(--mi-c2) 12%, transparent), transparent 70%), var(--glass-bg), color-mix(in srgb, var(--bg-surface) 74%, transparent); box-shadow: inset 0 1px 0 var(--glass-hi), 0 28px 50px -34px color-mix(in srgb, var(--mi-c1) 55%, rgba(0,0,0,.5)); }
  .sc-dash-market::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.2px; background: linear-gradient(155deg, color-mix(in srgb, var(--mi-c1) 60%, transparent), transparent 35%, transparent 65%, color-mix(in srgb, var(--mi-c2) 50%, transparent)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); pointer-events: none; }
  .sc-dash-title { display: flex; align-items: center; gap: 8px; font-size: .74rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--text-tertiary); }
  .sc-dash-title::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(135deg, var(--mi-c1), var(--mi-c2)); box-shadow: 0 0 10px var(--mi-c1); }
  .sc-dash-link { font-size: .78rem; font-weight: 700; color: var(--mi-c1); }
  .sc-dash-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 12px; flex: 1; min-height: 0; }
  .sc-dash-tile { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 18px; border: 1px solid var(--glass-border); background: linear-gradient(135deg, color-mix(in srgb, var(--tc) 12%, transparent), transparent 70%), color-mix(in srgb, var(--bg-app) 40%, transparent); animation: scFsRise .6s cubic-bezier(.2,.9,.2,1) backwards; animation-delay: calc(var(--i) * 60ms); transition: transform .3s cubic-bezier(.3,1.5,.5,1), border-color .25s ease; }
  .sc-dash-tile.is-up { --tc: #22c55e; }
  .sc-dash-tile.is-down { --tc: #ef4444; }
  .sc-dash-tile:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--tc) 45%, transparent); }
  .sc-dash-coin { width: 34px; height: 34px; border-radius: 50%; flex: 0 0 auto; }
  .sc-dash-sym { font-weight: 800; font-size: .92rem; }
  .sc-dash-price { font-size: .78rem; color: var(--text-tertiary); margin-top: 1px; }
  .sc-dash-chg { font-size: .74rem; font-weight: 800; padding: 3px 8px; border-radius: 999px; color: var(--tc); background: color-mix(in srgb, var(--tc) 14%, transparent); }
  main.sc-main-home .sc-hero-wave { border-radius: 28px; box-shadow: 0 30px 60px -30px rgba(51,80,255,.6); }
  main.sc-main-home .sc-hero-wave::after { content: ''; position: absolute; right: -90px; top: -80px; width: 300px; height: 300px; border-radius: 50%; border: 1px dashed rgba(255,255,255,.22); box-shadow: inset 0 0 0 36px rgba(255,255,255,.025); animation: scFsSpin 70s linear infinite; pointer-events: none; }
  main.sc-main-home .sc-hero-wave p.text-4xl { font-size: 3.2rem; letter-spacing: -.03em; }
  main.sc-main-home .sc-quick-tile { border-radius: 20px; transition: transform .3s cubic-bezier(.3,1.5,.5,1); }
  main.sc-main-home .sc-quick-tile:hover { transform: translateY(-3px); }
  main.sc-main-home p.text-sm.font-bold { display: flex; align-items: center; gap: 8px; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--text-tertiary); }
  main.sc-main-home p.text-sm.font-bold::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(135deg, var(--mi-c1), var(--mi-c2)); box-shadow: 0 0 10px var(--mi-c1); }
  main.sc-main-home .sc-list-row p.text-sm.font-bold, main.sc-main-home .sc-card p.text-sm.font-bold { display: block; font-size: .875rem; letter-spacing: 0; text-transform: none; color: var(--text-primary); }
  main.sc-main-home .sc-card p.text-sm.font-bold::before { display: none; }
}

@media (min-width: 1024px) {
  main.sc-main-home .sc-list-row, main.sc-fs .sc-list-row { transition: background-color .2s ease; }
  main.sc-main-home .sc-list-row:hover, main.sc-fs .sc-list-row:hover { background: linear-gradient(90deg, color-mix(in srgb, var(--pg1, var(--mi-c1)) 8%, transparent), transparent 85%); }
  .sc-table-card-lg { border-radius: 24px; overflow: hidden; }
}


@media (min-width: 1024px) {
  main.sc-main-fx { padding: 78px clamp(28px, 3vw, 56px) 72px !important; }
  main.sc-main-fx.sc-main-home { padding-top: 70px !important; }
  .sc-home-grid { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: 24px !important; align-items: stretch; }
  .sc-home-hero { grid-column: 1 / 6; grid-row: 1; }
  .sc-home-market { grid-column: 6 / 13; grid-row: 1; }
  .sc-home-actions { grid-column: 1 / 13; grid-row: 2; }
  .sc-home-assets { grid-column: 1 / 9; grid-row: 3; }
  .sc-home-side { grid-column: 9 / 13; grid-row: 3; align-self: start; }
  .sc-home-market, .sc-home-hero, .sc-home-assets, .sc-home-side { min-width: 0; }
  .sc-home-actions > div.grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
  .sc-home-actions .sc-quick-tile span.text-xs { font-size: .95rem; font-weight: 800; }
  .sc-home-market .sc-dash-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sc-home-market .sc-dash-tile { min-width: 0; padding: 10px 12px; gap: 8px; overflow: hidden; }
  .sc-home-market .sc-dash-tile > div:nth-child(2) { min-width: 0; flex: 1; }
  .sc-home-market .sc-dash-coin { width: 30px; height: 30px; }
  .sc-home-market .sc-dash-chg { font-size: .68rem; padding: 3px 6px; }
  .sc-home-actions .sc-quick-tile { min-height: 76px; border-radius: 22px; }
  .sc-home-actions .sc-quick-tile .hidden.lg\:block { display: none !important; }
  .sc-home-actions .sc-quick-tile .text-sm { font-size: .95rem; font-weight: 800; }
  .sc-home-assets .sc-card { border-radius: 26px; }
  .sc-home-assets [class*="lg:grid-cols-[1fr_160px_160px]"] { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) !important; padding-left: 24px; padding-right: 24px; column-gap: 16px; }
  .sc-home-assets .sc-list-row { padding: 16px 24px; }
  .sc-home-assets [class*="lg:grid-cols-[1fr_160px_160px]"].px-3\.5 { padding-top: 14px; padding-bottom: 14px; }
  .sc-home-side .sc-card { padding: 20px; }

  .lg\:grid-cols-\[600px_1fr\] { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) !important; gap: 28px !important; }
  main.fs-invoices .lg\:grid-cols-\[600px_1fr\] { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: 28px !important; }
  main.fs-invoices .sc-inv-form-card { grid-column: 1 / 9 !important; padding: 28px 30px; }
  main.fs-invoices .sc-invoice-legal-card { grid-column: 9 / 13 !important; grid-row: 1 !important; position: sticky; top: 90px; }
  main.fs-invoices .lg\:grid-cols-\[600px_1fr\] > .flex.flex-col.gap-5 { display: contents; }
  main.fs-invoices .sc-invoice-legal-card ~ .flex.flex-col { grid-column: 1 / -1; }
  main.fs-invoices .sc-inv-form-card .space-y-4.pt-4 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; }
  main.fs-invoices .sc-inv-form-card .space-y-4.pt-4 > * { margin: 0 !important; }
  main.fs-invoices .sc-inv-form-card .grid.grid-cols-2 { display: contents; }
  main.fs-invoices .sc-inv-form-card .space-y-4.pt-4 > div:nth-child(4), main.fs-invoices .sc-inv-form-card .space-y-4.pt-4 > div:nth-child(5), main.fs-invoices .sc-inv-form-card .space-y-4.pt-4 > p, main.fs-invoices .sc-inv-form-card .space-y-4.pt-4 > button { grid-column: 1 / -1; }
  main.fs-invoices .sc-inv-form-card .space-y-3 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; }
  main.fs-invoices .sc-inv-form-card .space-y-3 > * { margin: 0 !important; }
  main.fs-invoices .sc-inv-form-card .space-y-3 > div:first-child { grid-column: 1 / -1; }
  main.fs-invoices .sc-inv-form-card .sc-btn-primary { grid-column: 1 / -1; min-height: 58px; font-size: 1rem; }
  main.fs-invoices [class*="lg:grid-cols-[130px_1fr_150px_130px_130px]"] { grid-template-columns: 120px minmax(0, 1.4fr) 150px 120px 140px !important; column-gap: 16px; }

  main.fs-history .sc-table-card-lg, main.fs-assets .sc-card, main.fs-orders .sc-table-card-lg { border-radius: 28px; }
  main.fs-history [class*="lg:grid-cols-[1fr_140px_110px_130px]"] { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 20px; }
  main.fs-history .sc-table-card-lg { background: var(--glass-bg), color-mix(in srgb, var(--bg-surface) 78%, transparent); box-shadow: inset 0 1px 0 var(--glass-hi), 0 30px 54px -36px color-mix(in srgb, var(--pg1) 50%, rgba(0,0,0,.5)); position: relative; }
  main.fs-history .sc-table-card-lg > .hidden.lg\:grid { padding: 16px 32px; }
  main.fs-history .sc-table-card-lg .sc-card { background: none; box-shadow: none; border-radius: 0; }
  main.fs-history .sc-table-card-lg .sc-card::before { display: none; }
  main.fs-history .sc-table-card-lg .hidden.lg\:grid.lg\:items-center { padding: 18px 32px; }
  main.fs-history .sc-empty-card { min-height: 380px; justify-content: center; border: 1px dashed var(--glass-border); border-radius: 28px !important; }
  main.fs-assets [class*="lg:grid-cols-[1fr_160px_120px]"], main.fs-assets [class*="lg:grid-cols-[1fr_180px]"] { padding-left: 32px !important; padding-right: 32px !important; column-gap: 20px; }
  main.fs-assets .sc-list-row { padding: 16px 32px !important; }
  main.fs-assets [class*="lg:grid-cols-[1fr_160px_120px]"] { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) !important; }
  main.fs-orders > div > div { min-width: 0; }
}

@media (min-width: 1024px) {
  .sc-settings-pc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
  .sc-settings-pc > h2 { grid-column: 1 / -1; margin-bottom: 4px; }
  .sc-settings-pc > .sc-card { max-width: none !important; margin-top: 0 !important; padding: 26px 28px; }
}
@media (min-width: 1024px) {
  .lg\:grid-cols-\[380px_1fr\] { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) !important; gap: 28px !important; }
}

@media (min-width: 1024px) {
  .sc-fullscreen-lg-modal { justify-content: flex-end !important; align-items: stretch !important; padding: 0 !important; background: rgba(8,10,24,.34); }
  .sc-fullscreen-lg-modal .sc-fullscreen-lg-card, .sc-fullscreen-lg-modal .sc-fullscreen-lg-card-wide { max-width: 520px !important; width: 100% !important; height: 100vh !important; max-height: none !important; border-radius: 30px 0 0 30px !important; border: 0 !important; box-shadow: -30px 0 70px -20px rgba(0,0,0,.45), inset 1px 0 0 var(--glass-border) !important; background: var(--bg-surface) !important; }
  .sc-fullscreen-lg-modal .sc-fullscreen-lg-card-wide { max-width: 760px !important; }
  .sc-pc-drawer { top: 0 !important; bottom: 0 !important; left: auto !important; right: 0 !important; transform: none !important; width: 480px !important; height: 100vh !important; max-height: none !important; border-radius: 30px 0 0 30px !important; border: 0 !important; box-shadow: -30px 0 70px -20px rgba(0,0,0,.45), inset 1px 0 0 var(--glass-border) !important; }
  .sc-modal-backdrop { background: rgba(8,10,24,.34) !important; }
  main.sc-fs .sc-card::before, main.sc-main-home .sc-card::before, .sc-dash-market::before { padding: 1px; background: color-mix(in srgb, var(--text-primary) 9%, transparent); }
  main.sc-fs .sc-card, main.sc-main-home .sc-card, .sc-dash-market { box-shadow: 0 24px 48px -36px rgba(0,0,0,.35); }
  .sc-table-card-lg { border: 0; }
  main.fs-history .sc-table-card-lg::after { content: ''; position: absolute; inset: 0; border-radius: inherit; border: 1px solid color-mix(in srgb, var(--text-primary) 9%, transparent); pointer-events: none; }
}
@media (min-width: 1024px) {
  .sc-fullscreen-lg-modal .sc-order-sheet-scroll { padding-top: 22px; }
}
@media (max-width: 1023px) {
  main.sc-fs input.sc-input:not([inputmode="decimal"]) { height: 58px; min-height: 58px; padding-top: 0; padding-bottom: 0; line-height: 56px; box-sizing: border-box; -webkit-appearance: none; appearance: none; }
  main.sc-fs input.sc-input[inputmode="decimal"] { height: 68px; padding-top: 0; padding-bottom: 0; line-height: 66px; box-sizing: border-box; -webkit-appearance: none; appearance: none; }
  main.sc-fs input.sc-input::placeholder { line-height: normal; }
  main.sc-fs input.sc-input:focus { transform: none; transition: border-color .25s ease, box-shadow .3s ease; }
}

.sc-notif-kind { font-size: 10.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; background: linear-gradient(90deg, var(--n1), var(--n2)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; margin-bottom: 2px; }
@keyframes scShake { 0%, 100% { transform: translateX(0); } 14% { transform: translateX(-7px); } 30% { transform: translateX(6px); } 46% { transform: translateX(-5px); } 62% { transform: translateX(4px); } 78% { transform: translateX(-2px); } }
@keyframes scErrGlow { 0% { box-shadow: 0 0 0 0 rgba(255,92,114,.55); } 30% { box-shadow: 0 0 0 5px rgba(255,92,114,.28); } 100% { box-shadow: 0 0 0 0 rgba(255,92,114,0); } }
.sc-shake { animation: scShake .55s cubic-bezier(.36,.07,.19,.97), scErrGlow 1s ease-out !important; border-color: var(--negative) !important; transition: border-color .9s ease .2s; }
.sc-input-error { animation: scShake .55s cubic-bezier(.36,.07,.19,.97), scErrGlow 1s ease-out; }
.sc-pin-boxes.sc-shake { border-color: transparent !important; }
@media (max-width: 1023px) {
  .sc-inv-info { margin-bottom: 0; }
  .sc-inv-track { padding: 4px 16px 44px; margin-bottom: -26px; }
  .sc-inv-dots { position: relative; z-index: 1; margin-top: -2px; }
}

.sc-btn-secondary { position: relative; border: 0 !important; overflow: hidden; font-weight: 700; background: var(--glass-bg), color-mix(in srgb, var(--bg-surface) 82%, transparent); box-shadow: inset 0 1px 0 var(--glass-hi), 0 12px 24px -18px color-mix(in srgb, var(--pg1, var(--mi-c1)) 70%, rgba(0,0,0,.4)); transition: transform .3s cubic-bezier(.3,1.5,.5,1), box-shadow .3s ease; }
.sc-btn-secondary::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.2px; background: linear-gradient(135deg, color-mix(in srgb, var(--pg1, var(--mi-c1)) 70%, transparent), color-mix(in srgb, var(--pg2, var(--mi-c2)) 25%, transparent) 55%, color-mix(in srgb, var(--pg2, var(--mi-c2)) 65%, transparent)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); pointer-events: none; }
.sc-btn-secondary:hover:not(:disabled) { border-color: transparent; transform: translateY(-1px); box-shadow: inset 0 1px 0 var(--glass-hi), 0 16px 28px -16px var(--pg1, var(--mi-c1)); }
.sc-btn-secondary > * { position: relative; z-index: 1; }
.sc-btn-instant { position: relative; overflow: hidden; min-height: 54px; font-weight: 800; color: #fff; background: linear-gradient(135deg, #f97316, #ec4899 85%); box-shadow: inset 0 2px 0 rgba(255,255,255,.35), 0 16px 28px -14px #ec4899; transition: transform .3s cubic-bezier(.3,1.5,.5,1), box-shadow .3s ease; }
.sc-btn-instant:hover:not(:disabled) { transform: translateY(-2px); }
.sc-btn-instant::after { content: ''; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.38), transparent); transform: skewX(-18deg); animation: scFsShine 3.6s ease-in-out infinite; pointer-events: none; }
.sc-instant-pill { display: inline-flex; align-items: center; gap: 5px; font-size: .7rem; font-weight: 800; padding: 5px 10px; border-radius: 999px; color: #f97316; background: color-mix(in srgb, #f97316 14%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, #f97316 30%, transparent); transition: transform .25s cubic-bezier(.3,1.5,.5,1), background .3s ease, color .3s ease; white-space: nowrap; }
.sc-instant-pill:active { transform: scale(.94); }
.sc-instant-pill svg { animation: scBolt 2.2s ease-in-out infinite; }
.sc-instant-pill.is-need { color: #ec4899; background: color-mix(in srgb, #ec4899 13%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, #ec4899 30%, transparent); }
.sc-instant-pill.is-ok { color: #fff; background: linear-gradient(135deg, #f97316, #ec4899); box-shadow: 0 8px 16px -8px #ec4899; }
@keyframes scBolt { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.22) rotate(-8deg); } }

.sc-about-point { cursor: pointer; position: relative; transition: transform .6s cubic-bezier(.3,1.5,.5,1), box-shadow .45s ease, background .45s ease, border-color .45s ease; -webkit-tap-highlight-color: transparent; }
.sc-about-point:active { transform: scale(.985); }
.sc-about-point.is-open { transform: scale(1.025); border-color: color-mix(in srgb, var(--mi-c1) 55%, transparent); background: linear-gradient(135deg, color-mix(in srgb, var(--mi-c1) 13%, transparent), transparent 70%), var(--glass-bg); box-shadow: 0 0 0 1px color-mix(in srgb, var(--mi-c1) 28%, transparent), 0 14px 34px -14px var(--mi-c1); z-index: 1; }
.sc-about-point.is-open .sc-about-dot { box-shadow: 0 0 12px var(--mi-c1); }
.sc-about-dot { transition: box-shadow .4s ease; }
.sc-about-ptext { transition: max-height .55s cubic-bezier(.3,1.2,.5,1), color .3s ease; }
.sc-about-point.is-open .sc-about-ptext { color: var(--text-primary); }
.sc-about-chev { flex: none; margin-top: 3px; color: var(--text-tertiary); transition: transform .5s cubic-bezier(.3,1.5,.5,1), color .3s ease; }
.sc-about-point.is-open .sc-about-chev { transform: rotate(180deg); color: var(--mi-c1); }
.icon-badge svg [stroke]:not([stroke="none"]) { stroke: #fff !important; }
.icon-badge svg [fill]:not([fill="none"]) { fill: #fff !important; }
.sc-img-fx img[src*="coin-icons"] { opacity: 0; transition: opacity .35s ease; }
.sc-img-fx img[src*="coin-icons"].is-loaded { opacity: 1; }
.sc-img-fx .mi-float-coin img[src*="coin-icons"] { opacity: 1; }

main.sc-fs .sc-inv-form-card .sc-fieldset-reset, main.sc-fs .sc-inv-form-card fieldset { overflow: visible; margin: -10px; padding: 10px; }
.sc-inv-form-card .sc-btn-primary:disabled { opacity: .5; box-shadow: none; filter: saturate(.6); }
.sc-about-slide--list { overflow-y: auto; overflow-x: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-bottom: 18px; }
.sc-about-slide--list::-webkit-scrollbar { display: none; }
.sc-btn-primary svg[stroke]:not([stroke="none"]), .sc-btn-primary svg [stroke]:not([stroke="none"]) { stroke: #fff !important; }

.sc-help-badge { width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; flex: none; position: relative; color: #fff; background: linear-gradient(145deg, #5b7bff 0%, #3a56e8 55%, #22b8f0 130%); box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 -6px 10px rgba(0,0,0,.12), 0 8px 18px -8px rgba(58,86,232,.75); }
.sc-help-badge::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(160deg, rgba(255,255,255,.28), transparent 45%); pointer-events: none; }
.sc-help-badge svg [stroke]:not([stroke="none"]) { stroke: #fff !important; }
.sc-help-card { position: relative; overflow: hidden; background: linear-gradient(135deg, color-mix(in srgb, #3a56e8 14%, var(--bg-surface)), color-mix(in srgb, #22b8f0 7%, var(--bg-surface))) !important; border: 1px solid color-mix(in srgb, #5b7bff 28%, var(--border-subtle)) !important; }
[data-theme="light"] .sc-help-card { background: linear-gradient(135deg, #eef2ff, #f0f9ff) !important; border-color: #d6e0ff !important; }

main.sc-fs .sc-inv-pair input.sc-input[inputmode="decimal"] { height: 58px !important; min-height: 58px !important; font-size: 1rem !important; font-weight: 500 !important; line-height: 56px !important; letter-spacing: 0 !important; }
main.sc-fs .sc-inv-pair .sc-select-btn { height: 58px !important; min-height: 58px !important; font-size: 1rem; }

.sc-chart-loader{pointer-events:none;flex-direction:column;gap:18px}
.sc-chart-loader-ring{position:relative;width:46px;height:46px;border-radius:50%;background:conic-gradient(from 0deg,rgba(122,92,255,0),#7a5cff 40%,#3350ff 70%,#22d3ee);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:scLoaderSpin 1s linear infinite;filter:drop-shadow(0 0 8px rgba(80,110,255,.5))}
.sc-chart-loader-bars{display:flex;align-items:flex-end;gap:5px;height:16px}
.sc-chart-loader-bars i{display:block;width:4px;height:100%;border-radius:2px;background:linear-gradient(180deg,#22d3ee,#7a5cff);transform-origin:bottom;animation:scLoaderBar 1.1s ease-in-out infinite}
.sc-chart-loader-bars i:nth-child(2){animation-delay:.12s}.sc-chart-loader-bars i:nth-child(3){animation-delay:.24s}.sc-chart-loader-bars i:nth-child(4){animation-delay:.36s}.sc-chart-loader-bars i:nth-child(5){animation-delay:.48s}
@keyframes scLoaderSpin{to{transform:rotate(360deg)}}
@keyframes scLoaderBar{0%,100%{transform:scaleY(.25);opacity:.5}50%{transform:scaleY(1);opacity:1}}
canvas.sc-chart-reveal{animation:scChartReveal 1.1s cubic-bezier(.4,0,.2,1) .2s both}
@keyframes scChartReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion:reduce){.sc-chart-loader-ring,.sc-chart-loader-bars i{animation:none}canvas.sc-chart-reveal{animation:none}}

canvas.sc-chart-hidden{opacity:0;animation:none}

.sc-chart-loader-bars{height:30px;gap:6px}
.sc-chart-loader-bars i{width:5px}

.sc-notif-list{display:flex;flex-direction:column;gap:10px}
.sc-notif-row{position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:14px 16px;border-radius:20px;background:var(--glass-bg),color-mix(in srgb,var(--bg-surface) 78%,transparent);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-hi),0 14px 28px -22px rgba(0,0,0,.45);transition:border-color .2s ease;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.sc-notif-row.is-unread{border-color:color-mix(in srgb,var(--accent,#3350ff) 38%,var(--glass-border));background:linear-gradient(135deg,color-mix(in srgb,#3350ff 11%,transparent),transparent 70%),var(--glass-bg),color-mix(in srgb,var(--bg-surface) 78%,transparent)}
.sc-notif-ico{flex:0 0 auto;width:38px;height:38px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#3350ff,#22d3ee);box-shadow:0 8px 16px -8px rgba(51,80,255,.7)}
.sc-notif-row.k-success .sc-notif-ico{background:linear-gradient(135deg,#0fa97c,#22d3a0);box-shadow:0 8px 16px -8px rgba(20,185,138,.7)}
.sc-notif-row.k-warning .sc-notif-ico{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 8px 16px -8px rgba(245,158,11,.7)}
.sc-notif-row.k-error .sc-notif-ico{background:linear-gradient(135deg,#ef4444,#f43f5e);box-shadow:0 8px 16px -8px rgba(239,68,68,.7)}
.sc-notif-row.k-message .sc-notif-ico{background:linear-gradient(135deg,#7a5cff,#3350ff);box-shadow:0 8px 16px -8px rgba(122,92,255,.7)}
.sc-notif-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.sc-notif-title{font-weight:700;font-size:.9rem;color:var(--text-primary);line-height:1.25}
.sc-notif-body{font-size:.8rem;color:var(--text-secondary);line-height:1.35;overflow-wrap:anywhere;white-space:pre-line}
.sc-notif-time{font-size:.7rem;color:var(--text-tertiary);margin-top:2px}
.sc-notif-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;margin-top:6px;background:linear-gradient(135deg,#3350ff,#22d3ee);box-shadow:0 0 0 3px color-mix(in srgb,#3350ff 22%,transparent),0 0 10px rgba(51,80,255,.6)}
.sc-notif-skel{height:78px;border-radius:20px;animation:scNotifPulse 1.3s ease-in-out infinite}
@keyframes scNotifPulse{0%,100%{opacity:.55}50%{opacity:1}}
main.fs-notifications{--pg1:#7a5cff;--pg2:#22d3ee}
@media (min-width:1024px){.sc-notif-list{max-width:760px}.sc-notif-row:hover{border-color:color-mix(in srgb,#3350ff 45%,var(--glass-border))}}
html[data-perf="lite"] .sc-notif-row{-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-perf="lite"] .sc-notif-skel{animation:none}

.sc-notif-readall{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;white-space:nowrap;font-size:.78rem;font-weight:700;line-height:1;color:var(--text-primary);background:var(--glass-bg),color-mix(in srgb,var(--bg-surface) 70%,transparent);border:1px solid color-mix(in srgb,#3350ff 40%,var(--glass-border));box-shadow:inset 0 1px 0 var(--glass-hi),0 8px 18px -12px rgba(51,80,255,.7);transition:transform .15s ease}
.sc-notif-readall:active{transform:scale(.95)}
.sc-notif-readall svg{color:#5b7bff}
.sc-btn.sc-copy-host > .sc-copy-tip{position:absolute !important;inset:0;right:0;top:0;display:flex;align-items:center;justify-content:center;border-radius:inherit;border:0;background:var(--bg-surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform-origin:center;z-index:3;font-size:.9rem}
.sc-btn.sc-copy-host::after{display:none}

.sc-hist-list.is-next .sc-card { animation: sc-hist-next .45s cubic-bezier(.22, 1, .36, 1) backwards; animation-delay: calc(var(--i, 0) * 28ms); }
.sc-hist-list.is-prev .sc-card { animation: sc-hist-prev .45s cubic-bezier(.22, 1, .36, 1) backwards; animation-delay: calc(var(--i, 0) * 28ms); }
@keyframes sc-hist-next { from { opacity: 0; transform: translate3d(22px, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes sc-hist-prev { from { opacity: 0; transform: translate3d(-22px, 0, 0); } to { opacity: 1; transform: none; } }
.sc-pager { display: flex; flex-direction: column; align-items: center; gap: .55rem; margin: 1.1rem 0 .4rem; }
.sc-pager-bar { display: inline-flex; align-items: center; gap: 4px; padding: 5px; border-radius: 9999px; background: var(--bg-surface-2); max-width: 100%; }
.sc-pager-nums { display: flex; align-items: center; gap: 2px; min-width: 0; }
.sc-pager-nums > span { display: inline-flex; }
.sc-pager-num, .sc-pager-arrow {
  min-width: 36px; height: 36px; padding: 0 8px; display: inline-flex; align-items: center; justify-content: center;
  border: 0; border-radius: 9999px; background: transparent; cursor: pointer; font-weight: 650; font-size: .85rem;
  color: var(--text-secondary); font-variant-numeric: tabular-nums; -webkit-tap-highlight-color: transparent;
  transition: transform .2s cubic-bezier(.22, 1.18, .36, 1), background-color .25s ease, color .25s ease, opacity .25s ease;
}
.sc-pager-num:active, .sc-pager-arrow:active:not(:disabled) { transform: scale(.88); }
.sc-pager-arrow:disabled { opacity: .3; cursor: default; }
.sc-pager-num.is-on {
  color: #fff; background: linear-gradient(135deg, var(--mi-c1), var(--mi-c2));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 10px 22px -12px color-mix(in srgb, var(--mi-c1) 70%, transparent);
  animation: sc-pager-pop .5s cubic-bezier(.22, 1.18, .36, 1);
}
@keyframes sc-pager-pop { from { transform: scale(.6); opacity: .4; } to { transform: scale(1); opacity: 1; } }
.sc-pager-gap { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 36px; color: var(--text-tertiary); letter-spacing: 1px; }
.sc-pager-range { font-size: .75rem; color: var(--text-tertiary); margin: 0; font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) { .sc-hist-list .sc-card, .sc-pager-num.is-on { animation: none !important; } }