/* SNATCH «Баланс» — black / silver chrome (matches snatch-notify) */
.sxb{--ch:linear-gradient(110deg,#77777e 0%,#f7f7f9 20%,#9d9da4 36%,#fff 50%,#8d8d94 64%,#ececef 82%,#727278 100%);position:relative;overflow:hidden;border-radius:24px;padding:20px;color:#f2f2f4;animation:sxbIn .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes sxbIn{from{opacity:0;transform:translateY(16px);filter:blur(6px)}}
.sxb-glow{position:absolute;top:-90px;right:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 65%);pointer-events:none}
.sxb-top{display:flex;gap:14px;align-items:center}
.sxb-ic{flex:0 0 52px;height:52px;border-radius:17px;display:grid;place-items:center;color:#0b0b0c;background:var(--ch);background-size:200% 200%;animation:sxbSh 5s linear infinite;box-shadow:0 10px 26px rgba(255,255,255,.08),inset 0 1px 0 #fff}
.sxb-ic svg{width:26px;height:26px}.sxb-ic.sm{flex-basis:36px;height:36px;border-radius:12px}.sxb-ic.sm svg{width:18px;height:18px}
@keyframes sxbSh{to{background-position:-220% 0}}
.sxb-e{font-size:10.5px;letter-spacing:.22em;color:#a9a9b0;display:flex;align-items:center;gap:7px}
.sxb-e i{width:6px;height:6px;border-radius:50%;background:#e8e8ec;box-shadow:0 0 10px #fff;animation:sxbP 1.8s ease-in-out infinite}@keyframes sxbP{50%{opacity:.25}}
.sxb-sum{margin-top:4px;font-size:34px;line-height:1;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:var(--ch);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sxbSh 6s linear infinite}
.sxb-p{margin:12px 0 0;font-size:13px;line-height:1.45;color:#9a9aa2}.sxb-p b{color:#f2f2f4;font-weight:600}
.sxb-btns{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;margin-top:14px}
.sxb-btns .sxn-btn,.sxb-pay-go{display:flex;align-items:center;justify-content:center;gap:7px;height:46px;border-radius:15px;font-weight:650;font-size:15px}
.sxb-btns svg{width:17px;height:17px}
.sxb-sec{background:rgba(255,255,255,.07)!important;color:#ececf0!important;border:1px solid rgba(255,255,255,.12)!important}
.sxb-sub{display:flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#85858c;margin:18px 0 4px}.sxb-sub svg{width:13px;height:13px}
.sxb-list{list-style:none;margin:0;padding:0}.sxb-list li{display:flex;align-items:center;gap:11px;padding:10px 0}.sxb-list li+li{border-top:1px solid rgba(255,255,255,.06)}
.sxb-k{flex:0 0 30px;height:30px;border-radius:10px;display:grid;place-items:center;font-weight:700;background:rgba(255,255,255,.06)}.sxb-k.in{color:#fff;background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,.05))}.sxb-k.out{color:#8d8d94}
.sxb-t{flex:1;min-width:0;display:flex;flex-direction:column}.sxb-t b{font-weight:560;font-size:14px}.sxb-t i{font-style:normal;font-size:12px;color:#8a8a92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sxb-a{text-align:right;font-weight:650;font-size:14px;font-variant-numeric:tabular-nums;display:flex;flex-direction:column}.sxb-a.out{color:#a2a2aa}.sxb-a small{font-weight:400;font-size:11px;color:#6f6f76}
.sxb-more{margin-top:6px;width:100%;height:40px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#cfcfd5;font-size:13px}
.sxb-empty{margin:16px 0 0;font-size:13px;color:#77777e;text-align:center}
.sxb-pay{display:flex;align-items:center;gap:12px;margin:12px 0 4px;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);cursor:pointer;color:#f2f2f4}
.sxb-pay.off{opacity:.55}
.sxb-sheet{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end}.sxb-bd{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s}
.sxb-sheet .sxb-card{position:relative;width:100%;max-height:88vh;overflow:auto;padding:12px 20px calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:linear-gradient(180deg,#19191c,#0d0d0f);border-top:1px solid rgba(255,255,255,.14);color:#f2f2f4;transform:translateY(100%);transition:transform .42s cubic-bezier(.2,.9,.2,1)}
.sxb-sheet.in .sxb-bd{opacity:1}.sxb-sheet.in .sxb-card{transform:none}
.sxb-grab{display:block;width:40px;height:4px;border-radius:4px;background:rgba(255,255,255,.2);margin:0 auto 14px}
.sxb-card h3{margin:6px 0 14px;font-size:24px;font-weight:700;letter-spacing:-.02em}
.sxb-amts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sxb-amts button{height:58px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#ececf0;font-size:17px;font-weight:650;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s}
.sxb-amts small{font-size:11px;font-weight:500;color:#9a9aa2}
.sxb-amts button.on{background:var(--ch,linear-gradient(110deg,#77777e,#f7f7f9 20%,#9d9da4 36%,#fff 50%,#8d8d94 64%,#ececef 82%,#727278));color:#0b0b0c;border-color:transparent}.sxb-amts button.on small{color:#333}
.sxb-in{display:flex;align-items:center;gap:10px;margin-top:12px;padding:0 14px;height:54px;border-radius:16px;background:#0a0a0b;border:1px solid rgba(255,255,255,.12)}
.sxb-in span{font-size:13px;color:#8a8a92;white-space:nowrap}.sxb-in input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font-size:20px;font-weight:650;text-align:right}.sxb-in em{font-style:normal;color:#8a8a92}
.sxb-hint{font-size:12px;color:#77777e;margin:8px 2px 0}
.sxb-pay-go{width:100%;margin-top:18px}
.sxb-list.full li{padding:12px 0}
.sxb-toast{position:fixed;left:50%;bottom:96px;z-index:10000;transform:translate(-50%,20px);opacity:0;transition:all .35s;padding:11px 18px;border-radius:14px;background:#f2f2f4;color:#0b0b0c;font-weight:600;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.sxb-toast.bad{background:#2a1416;color:#ffb4b4}.sxb-toast.in{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.sxb,.sxb-ic,.sxb-sum,.sxb-e i{animation:none}}
.sxb-sheet{--ch:linear-gradient(110deg,#77777e 0%,#f7f7f9 20%,#9d9da4 36%,#fff 50%,#8d8d94 64%,#ececef 82%,#727278 100%)}
.sxb-go,.sxb-pay-go{background:var(--ch)!important;background-size:220% 100%!important;color:#0b0b0c!important;border:0!important;animation:sxbSh 6s linear infinite;box-shadow:0 10px 26px rgba(255,255,255,.1),inset 0 1px 0 #fff}
.sxb-pay-go:disabled{opacity:.6}