@font-face{font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/static/fonts/inter-cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/static/fonts/inter-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/static/fonts/inter-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/static/fonts/inter-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/static/fonts/inter-cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/static/fonts/inter-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/static/fonts/inter-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/static/fonts/inter-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(/static/fonts/inter-cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(/static/fonts/inter-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(/static/fonts/inter-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(/static/fonts/inter-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(/static/fonts/inter-cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(/static/fonts/inter-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(/static/fonts/inter-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(/static/fonts/inter-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(/static/fonts/inter-cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(/static/fonts/inter-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(/static/fonts/inter-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: swap; src: url(/static/fonts/inter-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
:root{
  --bg:#0a0b12;--bg-soft:#10121d;--surface:#16192a;--surface-hi:#1e2236;--surface-over:#262b42;
  --line:rgba(255,255,255,.08);--line-hi:rgba(255,255,255,.14);--line-strong:rgba(255,255,255,.22);
  --text:#f3f5fb;--text-dim:#a6acc3;--text-mute:#6a7085;
  --accent:#7c5cff;--accent-hi:#9d81ff;--accent-soft:rgba(124,92,255,.14);--accent-glow:rgba(124,92,255,.40);
  --cyan:#4fd8ff;--pink:#ff6cc5;--ok:#3dd598;--warn:#ffb04a;--danger:#ff5a6a;
  --r-sm:10px;--r:16px;--r-lg:22px;--r-xl:28px;
  --shadow-sm:0 2px 8px rgba(0,0,0,.25);--shadow:0 10px 28px rgba(0,0,0,.35);--shadow-lg:0 20px 60px rgba(0,0,0,.5);--shadow-glow:0 8px 28px var(--accent-glow);
  --spring:cubic-bezier(.34,1.45,.64,1);--spring-soft:cubic-bezier(.25,.9,.3,1);
  --mono:ui-monospace,"JetBrains Mono",SFMono-Regular,Menlo,Consolas,monospace;
  --glass:rgba(14,16,30,.50);--glass-2:rgba(255,255,255,.045);--glass-line:rgba(255,255,255,.10);--glass-hi:rgba(255,255,255,.09);
  --blur:blur(22px) saturate(170%);
  --panel:rgba(14,16,30,.5);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;touch-action:manipulation}
html{background:#07080f}
body{margin:0;background:#07080f;color:var(--text);font:15px/1.45 "Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,sans-serif;letter-spacing:-.01em;min-height:100vh;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));position:relative;isolation:isolate}
body::before{content:"";position:fixed;inset:-25%;z-index:-2;pointer-events:none;background:
 radial-gradient(38% 34% at 16% 14%,rgba(124,92,255,.42),transparent 70%),
 radial-gradient(32% 30% at 84% 16%,rgba(79,216,255,.24),transparent 70%),
 radial-gradient(36% 36% at 72% 90%,rgba(255,108,197,.22),transparent 70%),
 radial-gradient(28% 28% at 18% 86%,rgba(61,213,152,.16),transparent 70%),
 radial-gradient(22% 22% at 50% 50%,rgba(157,129,255,.16),transparent 70%);
 filter:blur(38px);animation:bgf 32s ease-in-out infinite alternate;will-change:transform}
@keyframes bgf{0%{transform:translate(0,0) scale(1) rotate(0deg)}50%{transform:translate(-2%,3%) scale(1.06) rotate(2deg)}100%{transform:translate(3%,-2%) scale(1.1) rotate(-2deg)}}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:160px 160px}
@media (prefers-reduced-motion:reduce){body::before{animation:none}}
a{color:var(--accent);text-decoration:none}
svg{width:18px;height:18px}
.page{max-width:1120px;margin:0 auto;padding:18px 16px 24px}
.topbar{padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 0}
.topbar-in{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:12px}
.brand{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-hi));display:grid;place-items:center;color:#fff;box-shadow:var(--shadow-glow);flex-shrink:0}
.brand svg{width:24px;height:24px}
.brand-text h1{margin:0;font-size:20px;font-weight:800;letter-spacing:-.6px;line-height:1.1}
.brand-text .sub{margin:2px 0 0;font-size:12.5px;color:var(--text-dim);font-weight:500}
.actions{margin-left:auto;display:flex;gap:6px;align-items:center}
.actions form{margin:0}
.tabs{padding:14px 16px 0}
.tabs-in{max-width:1120px;margin:0 auto;display:flex;gap:4px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 10px 40px rgba(0,0,0,.35),inset 0 1px 0 var(--glass-hi);border-radius:20px;padding:5px;overflow-x:auto}
.tab{flex:1 0 auto;min-width:64px;padding:8px 10px;border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-mute);transition:color .15s,background .2s var(--spring-soft),transform .12s var(--spring)}
.tab svg{width:20px;height:20px}
.tab .lbl{font-size:10.5px;font-weight:600}
.tab.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-hi));box-shadow:0 4px 12px var(--accent-glow)}
.tab:active{transform:scale(.96)}
@media (min-width:720px){.tab{flex-direction:row;gap:7px;padding:9px 16px}.tab .lbl{font-size:13px}}
h2.title{margin:0 0 14px;font-size:22px;font-weight:800;letter-spacing:-.6px}
.card{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 10px 40px rgba(0,0,0,.35),inset 0 1px 0 var(--glass-hi);border-radius:var(--r-lg);padding:16px;margin-bottom:12px;position:relative}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(165deg,rgba(255,255,255,.07) 0%,transparent 38%)}
.card-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim)}
.card-title svg{width:14px;height:14px;color:var(--accent)}
.card-title .badge{margin-left:auto}
.badge{background:var(--accent-soft);color:var(--accent);padding:2px 8px;border-radius:8px;font-size:11px;font-weight:800;text-transform:none;letter-spacing:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:12px}
.stat{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 10px 40px rgba(0,0,0,.35),inset 0 1px 0 var(--glass-hi);border-radius:var(--r);padding:14px}
.stat-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:700;display:flex;align-items:center;gap:6px}
.stat-label svg{width:13px;height:13px}
.stat-value{font-size:28px;font-weight:800;margin-top:4px;letter-spacing:-.7px;font-variant-numeric:tabular-nums;word-break:break-all}
.stat-sub{font-size:11.5px;color:var(--text-mute);margin-top:2px}
.hero{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:22px 22px 20px;margin-bottom:12px;color:#fff;background:linear-gradient(120deg,rgba(124,92,255,.62) 0%,rgba(84,56,224,.50) 50%,rgba(42,28,138,.46) 100%);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 14px 50px rgba(60,30,180,.35),inset 0 1px 0 rgba(255,255,255,.22)}
.hero::after{content:"";position:absolute;inset:-30%;z-index:0;pointer-events:none;background:radial-gradient(40% 45% at 75% 20%,rgba(255,255,255,.22),transparent 70%),radial-gradient(45% 45% at 15% 95%,rgba(79,216,255,.35),transparent 70%)}
.hero>*{position:relative;z-index:1}
.hero .lab{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;opacity:.75}
.hero .big{font-size:40px;font-weight:800;letter-spacing:-1.5px;line-height:1.05;margin:4px 0 6px;font-variant-numeric:tabular-nums}
.hero .big small{font-size:18px;font-weight:700;opacity:.8;letter-spacing:-.3px;margin-left:4px}
.hero .row{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}
.hero .row b{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}
.hero .row small{display:block;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;opacity:.7}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 16px;border-radius:12px;border:1px solid var(--glass-line);background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);color:var(--text);font:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:transform .12s var(--spring),background .2s,box-shadow .2s;white-space:nowrap}
.btn:hover{background:rgba(255,255,255,.12)}
.btn:active{transform:scale(.97)}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hi));color:#fff;border-color:transparent;box-shadow:var(--shadow-glow)}
.btn-primary:hover{background:linear-gradient(135deg,var(--accent-hi),var(--accent))}
.btn-danger{color:var(--danger)}
.btn-danger:hover{background:rgba(255,90,106,.10);border-color:rgba(255,90,106,.30)}
.btn-ghost{background:transparent;border-color:transparent}
.btn-sm{min-height:32px;padding:5px 10px;font-size:12.5px;border-radius:9px}
.btn-icon{width:40px;height:40px;padding:0;border-radius:12px}
.btn-icon svg{width:17px;height:17px}
.btn-wide{width:100%}
.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:8px;font-size:11.5px;font-weight:700;background:rgba(255,255,255,.07);color:var(--text-dim);white-space:nowrap}
.chip-ok{background:rgba(61,213,152,.14);color:var(--ok)}
.chip-warn{background:rgba(255,176,74,.14);color:var(--warn)}
.chip-danger{background:rgba(255,90,106,.12);color:var(--danger)}
.chip-accent{background:var(--accent-soft);color:var(--accent)}
.field{margin-bottom:12px}
.field-label{font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:block}
.input,.select{width:100%;padding:12px 13px;background:rgba(255,255,255,.06);color:var(--text);border:1.5px solid rgba(255,255,255,.07);border-radius:var(--r-sm);font:inherit;font-size:15px;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s}
.input:focus,.select:focus{outline:none;border-color:var(--accent);background:rgba(255,255,255,.09);box-shadow:0 0 0 4px var(--accent-soft)}
.input::placeholder{color:var(--text-mute)}
.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
.frow{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.frow .field{flex:1;min-width:160px;margin:0}
.frow .field.sm{flex:0 0 150px}
.frow .btn{margin-bottom:0}
.seg{display:inline-flex;background:rgba(255,255,255,.06);border-radius:12px;padding:3px;gap:2px}
.seg label{padding:8px 14px;border-radius:10px;font-size:13.5px;font-weight:700;color:var(--text-dim);cursor:pointer;transition:all .15s}
.seg input{display:none}
.seg input:checked+span{display:block}
.seg label:has(input:checked){background:linear-gradient(135deg,var(--accent),var(--accent-hi));color:#fff;box-shadow:0 3px 10px var(--accent-glow)}
.alert{padding:11px 14px;border-radius:12px;margin-bottom:12px;font-size:13.5px;font-weight:600;border:1px solid;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.alert-err{border-color:rgba(255,90,106,.35);color:var(--danger)}
.alert-warn{border-color:rgba(255,176,74,.35);color:var(--warn)}
.alert-ok{border-color:rgba(61,213,152,.35);color:var(--ok)}
.list{display:flex;flex-direction:column;gap:6px}
.item{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-radius:14px;background:var(--glass-2);border:1px solid rgba(255,255,255,.07)}
.item .ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:var(--accent-soft);color:var(--accent)}
.item .ic svg{width:16px;height:16px}
.item .ic.ok{background:rgba(61,213,152,.14);color:var(--ok)}
.item .ic.err{background:rgba(255,90,106,.12);color:var(--danger)}
.item .ic.warn{background:rgba(255,176,74,.14);color:var(--warn)}
.item .body{flex:1;min-width:0;font-size:13.5px;line-height:1.4;word-break:break-word}
.item .meta{font-size:11.5px;color:var(--text-mute);margin-top:2px}
.mono{font-family:var(--mono);font-size:12.5px;word-break:break-all}
.muted{color:var(--text-dim)}.mute{color:var(--text-mute)}
.ok{color:var(--ok)}.warn{color:var(--warn)}.err{color:var(--danger)}
.tbl{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}
th{color:var(--text-dim);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px}
tr:last-child td{border-bottom:0}
tr.hl td{background:var(--accent-soft)}
.copy{cursor:pointer;border:1px solid var(--glass-line);background:rgba(255,255,255,.07);color:var(--text-dim);border-radius:7px;padding:2px 7px;font-size:11px;font-weight:700;margin-left:6px;font-family:inherit;vertical-align:middle}
.copy:hover{color:var(--text)}
.key{background:rgba(255,255,255,.06);border:1px solid var(--glass-line);padding:14px;border-radius:12px;font-family:var(--mono);word-break:break-all;font-size:13px}
.toasts{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:0;right:0;display:flex;flex-direction:column-reverse;align-items:center;gap:6px;z-index:3000;pointer-events:none;padding:0 14px}
.toast{background:rgba(30,34,60,.75);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-line);color:var(--text);padding:11px 15px;border-radius:14px;box-shadow:var(--shadow-lg);font-size:13.5px;font-weight:600;animation:tin .25s var(--spring)}
@keyframes tin{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}

/* ---------- wallet cards ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:12px}
.cdc{position:relative;aspect-ratio:1.586;width:100%;padding:18px 20px;border-radius:22px;color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 16px 40px -14px rgba(0,0,0,.7);isolation:isolate;transition:transform .2s var(--spring),box-shadow .2s}
.cdc:hover{transform:translateY(-3px);box-shadow:0 22px 48px -14px rgba(0,0,0,.75)}
.cdc::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,#5b3cf5 0%,#2a1c8a 55%,#141135 100%)}
.cdc::after{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(40% 45% at 75% 20%,rgba(255,255,255,.22),transparent 70%),radial-gradient(45% 45% at 15% 95%,rgba(79,216,255,.35),transparent 70%)}
.cdc.img::before{background-image:var(--skin);background-size:cover;background-position:center}
.cdc.img::after{inset:0;background:linear-gradient(180deg,rgba(5,6,16,.25) 0%,rgba(5,6,16,.45) 55%,rgba(5,6,16,.78) 100%)}
.cdc.gold::before{background:linear-gradient(135deg,#f7d774 0%,#c9962f 45%,#4a330b 100%)}
.cdc.gold::after{background:radial-gradient(40% 45% at 75% 20%,rgba(255,255,255,.35),transparent 70%),radial-gradient(45% 45% at 15% 95%,rgba(255,220,120,.3),transparent 70%)}
.cdc.cf{filter:saturate(.5)}
.cdc-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cdc-title{font-size:15px;font-weight:800;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.cdc-st{font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.18);white-space:nowrap;backdrop-filter:blur(6px)}
.cdc-st.on{background:rgba(61,213,152,.35)}
.cdc-chip{width:42px;height:30px;border-radius:7px;background:linear-gradient(135deg,#f6d365,#c89b2b);position:relative;margin-top:4px}
.cdc-chip::before{content:"";position:absolute;inset:7px 5px;border:1.5px solid rgba(80,50,0,.35);border-radius:4px}
.cdc-num{font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.45);line-height:1.4;word-break:break-all;cursor:pointer}
.cdc-bottom{display:flex;align-items:flex-end;gap:16px}
.cdc-bottom>div{display:flex;flex-direction:column}
.cdc-bottom small{font-size:9.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;opacity:.75}
.cdc-bottom b{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.cdc-brand{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;opacity:.85;align-self:flex-end}
.cdc.hub{max-width:460px}

/* ---------- rates ---------- */
.rates{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.rate{padding:10px 12px;border-radius:12px;background:var(--glass-2);border:1px solid rgba(255,255,255,.07)}
.rate .n{font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}
.rate .p{font-size:17px;font-weight:800;margin-top:2px;font-variant-numeric:tabular-nums}
.conv{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}
.conv .swap{align-self:end}
.conv-res{margin-top:12px;padding:14px;border-radius:14px;background:var(--glass-2);border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:2px}
.conv-res .v{font-size:26px;font-weight:800;letter-spacing:-.6px;font-variant-numeric:tabular-nums;word-break:break-all}
.conv-res .s{font-size:12px;color:var(--text-mute)}
@media (max-width:560px){.conv{grid-template-columns:1fr}.conv .swap{justify-self:center}}
.login-wrap{min-height:calc(100vh - 60px);display:grid;place-items:center;padding:20px 0}
.login{width:100%;max-width:380px}
.login .brand{margin:0 auto 14px;width:60px;height:60px;border-radius:18px}
.login .brand svg{width:30px;height:30px}
.login h1{text-align:center;margin:0 0 4px;font-size:24px;font-weight:800;letter-spacing:-.7px}
.login .sub{text-align:center;color:var(--text-dim);font-size:13px;margin-bottom:18px}
.users{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.ucard{display:block;padding:14px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 10px 40px rgba(0,0,0,.35),inset 0 1px 0 var(--glass-hi);color:var(--text);transition:transform .15s var(--spring),border-color .15s}
.ucard:hover{transform:translateY(-2px);border-color:var(--line-strong)}
.ucard .name{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px}
.ucard .av{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-hi));font-size:14px;font-weight:800;text-transform:uppercase}
.ucard .av.off{background:rgba(255,255,255,.08);color:var(--text-mute)}
.ucard .kv{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:var(--text-dim)}
.ucard .kv b{color:var(--text)}
.kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}
.kv-grid div{padding:10px 12px;border-radius:12px;background:var(--glass-2);border:1px solid rgba(255,255,255,.07);font-size:13px}
.kv-grid small{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-mute)}

.captcha{display:flex;gap:8px;align-items:center}
.captcha img{border-radius:10px;border:1px solid var(--glass-line);background:#f0f2fa;max-width:100%;height:auto}

/* ---------- v6: slider, chains, quick actions ---------- */
.card-title.sec{margin:14px 2px 10px}
.slider{position:relative;margin:0 -16px 14px;padding:0 16px}
.sl-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:16px;padding:6px 16px 10px;margin:0 -16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sl-track::-webkit-scrollbar{display:none}
.sl-track>.cdc{flex:0 0 min(86vw,400px);scroll-snap-align:start}
.sl-btn{position:absolute;top:calc(50% - 26px);width:38px;height:38px;border-radius:50%;border:1px solid var(--glass-line);background:rgba(20,22,40,.7);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--text);display:none;place-items:center;cursor:pointer;z-index:2;box-shadow:var(--shadow);transition:transform .15s var(--spring),opacity .15s}
.sl-btn svg{width:18px;height:18px}
.sl-btn:hover{transform:scale(1.08)}
.sl-btn[disabled]{opacity:.3;pointer-events:none}
.sl-prev{left:2px}.sl-next{right:2px}
@media (min-width:720px){.slider.many .sl-btn{display:grid}}
.sl-dots{display:flex;justify-content:center;gap:6px;margin-top:2px}
.sl-dots i{width:6px;height:6px;border-radius:50%;background:var(--line-strong);transition:all .2s var(--spring-soft)}
.sl-dots i.on{width:18px;border-radius:4px;background:var(--accent)}
.cdc{aspect-ratio:1.586}
.cdc-top{z-index:1}
.cdc .cdc-bottom{flex-wrap:wrap;row-gap:4px}
.cdc .cdc-bottom b{font-size:15px}
.chains{display:flex;gap:6px;margin:0 0 12px;overflow-x:auto;scrollbar-width:none}
.chain{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--text-dim);font-weight:700;font-size:13.5px;white-space:nowrap;transition:all .15s}
.chain i{width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 25%,transparent)}
.chain span{font-size:11px;background:rgba(255,255,255,.08);padding:1px 7px;border-radius:7px;color:var(--text-mute)}
.chain.active{color:var(--text);border-color:var(--c);background:color-mix(in srgb,var(--c) 18%,var(--glass))}
.quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.qa{display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 10px 40px rgba(0,0,0,.35),inset 0 1px 0 var(--glass-hi);color:var(--text);transition:transform .15s var(--spring),border-color .15s}
.qa:hover{transform:translateY(-2px);border-color:var(--line-strong)}
.qa .qi{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-hi));color:#fff;display:grid;place-items:center;margin-bottom:6px;box-shadow:0 4px 12px var(--accent-glow)}
.qa .qi svg{width:17px;height:17px}
.qa b{font-size:14.5px}.qa small{font-size:11.5px;color:var(--text-mute)}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.input-sm{padding:7px 9px;font-size:13.5px;min-width:120px}
.card>*{position:relative}
form.inline{display:flex;gap:6px;align-items:center}
.hero .row{row-gap:8px}
.hero .big{font-size:38px}

/* ---------- v7: events ---------- */
.evs{display:flex;flex-direction:column;gap:6px}
.ev-day{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--text-mute);margin:10px 0 2px;padding-left:2px}
.ev-day:first-child{margin-top:0}
.ev{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-radius:14px;background:var(--glass-2);border:1px solid rgba(255,255,255,.07);position:relative;transition:border-color .15s,background .15s}
.ev:hover{border-color:var(--line-strong);background:rgba(255,255,255,.08)}
.ev-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;background:rgba(255,255,255,.08);color:var(--text-dim)}
.ev-ic svg{width:16px;height:16px}
.ev-in .ev-ic{background:rgba(61,213,152,.14);color:var(--ok)}
.ev-out .ev-ic{background:rgba(79,216,255,.14);color:var(--cyan)}
.ev-fee .ev-ic{background:rgba(255,176,74,.14);color:var(--warn)}
.ev-err .ev-ic{background:rgba(255,90,106,.12);color:var(--danger)}
.ev-warn .ev-ic{background:rgba(255,176,74,.14);color:var(--warn)}
.ev-sys .ev-ic{background:var(--accent-soft);color:var(--accent)}
.ev-amber{border-color:rgba(255,205,70,.35);background:rgba(255,205,70,.08)}
.ev-amber:hover{border-color:rgba(255,205,70,.5);background:rgba(255,205,70,.12)}
.ev-amber .ev-ic{background:rgba(255,205,70,.16);color:#ffd45e}
.ev-amber .ev-kind{color:#ffd45e}
.ev-amber .ev-text{color:#ffe49a}
.ev-body{flex:1;min-width:0}
.ev-head{display:flex;align-items:baseline;gap:8px}
.ev-kind{font-size:11.5px;font-weight:800;letter-spacing:.3px;color:var(--text-dim)}
.ev-in .ev-kind{color:var(--ok)}.ev-out .ev-kind{color:var(--cyan)}.ev-fee .ev-kind{color:var(--warn)}.ev-err .ev-kind{color:var(--danger)}
.ev-time{margin-left:auto;font-size:11.5px;color:var(--text-mute);font-variant-numeric:tabular-nums;white-space:nowrap}
.ev-text{font-size:13.5px;line-height:1.5;margin-top:2px;word-break:break-word}
.ev-tx,.ev-addr{font-family:var(--mono);font-size:12.5px;padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);white-space:nowrap}
.ev-tx{color:var(--accent)}
.ev-addr{color:var(--text-dim);cursor:pointer}
.ev-addr:hover,.ev-tx:hover{border-color:var(--line-strong);color:var(--text)}
.pager{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:4px 0 20px;flex-wrap:wrap}
.pages{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}
.pg{min-width:34px;height:34px;padding:0 8px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--text-dim);background:var(--glass);border:1px solid var(--glass-line)}
.pg.on{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-hi));border-color:transparent;box-shadow:0 4px 12px var(--accent-glow)}
.pg.dots{border:0;background:transparent}
.btn.disabled{opacity:.35;pointer-events:none}

a.cdc-title{color:#fff}
a.cdc-title:hover{text-decoration:underline}
textarea.input{resize:vertical;min-height:56px;line-height:1.45}

/* ---------- v10: cards like Aeris, skins, QR ---------- */
.cdc{padding:16px 18px;border-radius:22px;box-shadow:0 16px 40px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.14)}
.cdc .cdc-fx{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit}
.cdc[class*="skin-"]::before{z-index:-3}
.cdc[class*="skin-"]::after{z-index:-2}
.cdc.img::before{z-index:-3}.cdc.img::after{z-index:-2}
.cdc>*{position:relative;z-index:1}
.cdc .cdc-fx{z-index:0}
.cdc::after{pointer-events:none}
.cdc-sheen{display:none}
.cdc-top{gap:8px}
.cdc-logo{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:13px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.3)}
.cdc-title{flex:1;min-width:0}
.cdc-st{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.cdc-num{font-size:13.5px;letter-spacing:1.1px;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);margin:6px 0}
.cdc.skin-mint .cdc-num,.cdc.skin-gold .cdc-num,.cdc.skin-rose .cdc-num,.cdc.skin-holo .cdc-num{background:rgba(255,255,255,.28);border-color:rgba(0,0,0,.08)}
.cdc-acts{position:absolute;right:14px;bottom:14px;display:flex;gap:6px;z-index:3}
.cdc-act{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.18);color:#fff;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .15s var(--spring),background .15s;padding:0}
.cdc-act svg{width:15px;height:15px}
.cdc-act:hover{background:rgba(0,0,0,.45);transform:scale(1.08)}
.cdc.skin-mint .cdc-act,.cdc.skin-gold .cdc-act,.cdc.skin-rose .cdc-act,.cdc.skin-holo .cdc-act{background:rgba(0,0,0,.25);color:#fff}
.cdc .cdc-bottom{padding-right:76px}
.cdc .cdc-brand{margin-left:auto}
/* mini previews */
.cdc.mini{aspect-ratio:1.586;width:100%;padding:0;border-radius:11px;box-shadow:0 6px 16px -8px rgba(0,0,0,.7);display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;transform:none;pointer-events:none}
.cdc.mini:hover{transform:none}
.cdc.mini.auto::before{background:linear-gradient(135deg,#5b3cf5 0%,#2a1c8a 55%,#141135 100%)}
.cdc.mini.skin-mint,.cdc.mini.skin-gold,.cdc.mini.skin-rose,.cdc.mini.skin-holo{color:#1d1a14}
.skp-sec{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text-mute);margin:10px 0 6px}
.skp{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
.skp-it{background:transparent;border:2px solid transparent;border-radius:14px;padding:4px;cursor:pointer;color:var(--text-dim);font:inherit;display:flex;flex-direction:column;gap:4px;align-items:stretch;transition:border-color .15s,transform .15s var(--spring)}
.skp-it small{font-size:10.5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skp-it:hover{transform:translateY(-2px);border-color:var(--line-strong)}
.skp-it.on{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);color:var(--text)}
.skdet summary{cursor:pointer;font-size:12.5px;font-weight:700;color:var(--text-dim);margin-top:12px;list-style:none;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.06)}
.skdet summary::before{content:"▸";transition:transform .15s}
.skdet[open] summary::before{transform:rotate(90deg)}
.skdet .skp-form{margin-top:10px}
/* detail layout + qr */
.wdet{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;margin-bottom:12px}
@media (max-width:760px){.wdet{grid-template-columns:1fr}}
.qrcard{text-align:center}
.qrbox{display:inline-block;background:#fff;padding:10px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.qrbox img{display:block;border-radius:6px;max-width:100%;height:auto}
.cdc.skin-mint a.cdc-title,.cdc.skin-gold a.cdc-title,.cdc.skin-rose a.cdc-title,.cdc.skin-holo a.cdc-title{color:#1d1a14;text-shadow:0 1px 0 rgba(255,255,255,.45)}
.cdc.skin-mint .cdc-bottom b,.cdc.skin-gold .cdc-bottom b,.cdc.skin-rose .cdc-bottom b,.cdc.skin-holo .cdc-bottom b{text-shadow:0 1px 0 rgba(255,255,255,.45)}

/* ---------- v12: page backgrounds, QR modal ---------- */
body[data-bg="cyan"]::before{background:radial-gradient(38% 34% at 16% 14%,rgba(79,216,255,.40),transparent 70%),radial-gradient(32% 30% at 84% 16%,rgba(61,213,152,.22),transparent 70%),radial-gradient(36% 36% at 72% 90%,rgba(124,92,255,.22),transparent 70%),radial-gradient(28% 28% at 18% 86%,rgba(79,216,255,.14),transparent 70%)}
body[data-bg="pink"]::before{background:radial-gradient(38% 34% at 16% 14%,rgba(255,108,197,.40),transparent 70%),radial-gradient(32% 30% at 84% 16%,rgba(255,90,106,.20),transparent 70%),radial-gradient(36% 36% at 72% 90%,rgba(124,92,255,.26),transparent 70%),radial-gradient(28% 28% at 18% 86%,rgba(255,176,74,.12),transparent 70%)}
body[data-bg="green"]::before{background:radial-gradient(38% 34% at 16% 14%,rgba(61,213,152,.38),transparent 70%),radial-gradient(32% 30% at 84% 16%,rgba(79,216,255,.18),transparent 70%),radial-gradient(36% 36% at 72% 90%,rgba(0,255,170,.16),transparent 70%),radial-gradient(28% 28% at 18% 86%,rgba(124,92,255,.14),transparent 70%)}
body[data-bg="amber"]::before{background:radial-gradient(38% 34% at 16% 14%,rgba(255,176,74,.38),transparent 70%),radial-gradient(32% 30% at 84% 16%,rgba(255,108,80,.20),transparent 70%),radial-gradient(36% 36% at 72% 90%,rgba(255,220,120,.18),transparent 70%),radial-gradient(28% 28% at 18% 86%,rgba(124,92,255,.12),transparent 70%)}
body[data-bg="red"]::before{background:radial-gradient(38% 34% at 16% 14%,rgba(255,90,106,.40),transparent 70%),radial-gradient(32% 30% at 84% 16%,rgba(255,60,200,.18),transparent 70%),radial-gradient(36% 36% at 72% 90%,rgba(180,30,60,.30),transparent 70%),radial-gradient(28% 28% at 18% 86%,rgba(255,176,74,.12),transparent 70%)}
body[data-bg="mono"]::before{background:radial-gradient(38% 34% at 16% 14%,rgba(255,255,255,.10),transparent 70%),radial-gradient(32% 30% at 84% 16%,rgba(160,170,200,.10),transparent 70%),radial-gradient(36% 36% at 72% 90%,rgba(255,255,255,.07),transparent 70%)}
body[data-bg="aurora"]::before{background:radial-gradient(38% 34% at 20% 20%,rgba(0,255,170,.30),transparent 70%),radial-gradient(32% 32% at 70% 30%,rgba(120,90,255,.36),transparent 70%),radial-gradient(30% 30% at 50% 10%,rgba(0,200,255,.28),transparent 70%),radial-gradient(36% 36% at 80% 90%,rgba(255,108,197,.22),transparent 70%)}
body[data-bg="photo"]::before{inset:0;filter:none;animation:none;background:linear-gradient(180deg,rgba(6,7,16,.62) 0%,rgba(6,7,16,.74) 60%,rgba(6,7,16,.86) 100%),var(--pagebg) center/cover no-repeat fixed;transform:none}
@supports (-webkit-touch-callout:none){body[data-bg="photo"]::before{background-attachment:scroll}}
body[data-bg="photo"]::after{opacity:.04}
body[data-bg="photo"] .card,body[data-bg="photo"] .stat,body[data-bg="photo"] .qa,body[data-bg="photo"] .ucard,body[data-bg="photo"] .tabs-in{background:rgba(10,12,24,.58)}
.bgp{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}
.bgp-it{background:transparent;border:2px solid transparent;border-radius:14px;padding:4px;cursor:pointer;color:var(--text-dim);font:inherit;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,transform .15s var(--spring)}
.bgp-it small{font-size:10.5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bgp-it:hover{transform:translateY(-2px);border-color:var(--line-strong)}
.bgp-it.on{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);color:var(--text)}
.bgp-prev{display:block;aspect-ratio:16/10;border-radius:10px;background:#0a0b12 center/cover no-repeat;border:1px solid var(--glass-line);position:relative;overflow:hidden}
.bgp-prev::after{content:"";position:absolute;inset:18% 12%;border-radius:8px;background:rgba(14,16,30,.55);border:1px solid rgba(255,255,255,.14)}
.bgp-prev[data-bg="violet"]{background:radial-gradient(60% 60% at 20% 20%,rgba(124,92,255,.6),transparent 70%),radial-gradient(50% 50% at 85% 85%,rgba(255,108,197,.4),transparent 70%),#0a0b12}
.bgp-prev[data-bg="cyan"]{background:radial-gradient(60% 60% at 20% 20%,rgba(79,216,255,.6),transparent 70%),radial-gradient(50% 50% at 85% 85%,rgba(124,92,255,.35),transparent 70%),#0a0b12}
.bgp-prev[data-bg="pink"]{background:radial-gradient(60% 60% at 20% 20%,rgba(255,108,197,.6),transparent 70%),radial-gradient(50% 50% at 85% 85%,rgba(124,92,255,.4),transparent 70%),#0a0b12}
.bgp-prev[data-bg="green"]{background:radial-gradient(60% 60% at 20% 20%,rgba(61,213,152,.6),transparent 70%),radial-gradient(50% 50% at 85% 85%,rgba(79,216,255,.3),transparent 70%),#0a0b12}
.bgp-prev[data-bg="amber"]{background:radial-gradient(60% 60% at 20% 20%,rgba(255,176,74,.6),transparent 70%),radial-gradient(50% 50% at 85% 85%,rgba(255,108,80,.35),transparent 70%),#0a0b12}
.bgp-prev[data-bg="red"]{background:radial-gradient(60% 60% at 20% 20%,rgba(255,90,106,.6),transparent 70%),radial-gradient(50% 50% at 85% 85%,rgba(255,60,200,.3),transparent 70%),#0a0b12}
.bgp-prev[data-bg="mono"]{background:radial-gradient(60% 60% at 20% 20%,rgba(255,255,255,.18),transparent 70%),#0a0b12}
.bgp-prev[data-bg="aurora"]{background:radial-gradient(50% 50% at 20% 30%,rgba(0,255,170,.5),transparent 70%),radial-gradient(50% 50% at 70% 40%,rgba(120,90,255,.55),transparent 70%),radial-gradient(40% 40% at 85% 90%,rgba(255,108,197,.4),transparent 70%),#0a0b12}
.btn-icon.active{background:linear-gradient(135deg,var(--accent),var(--accent-hi));color:#fff;border-color:transparent}
.qrb{margin-left:4px;color:var(--accent)}
.modal{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:16px}
.modal[hidden]{display:none}
.modal-bg{position:absolute;inset:0;background:rgba(4,5,12,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.modal-box{position:relative;width:100%;max-width:380px;padding:22px 20px 18px;border-radius:24px;background:rgba(18,20,36,.86);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-line);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--glass-hi);text-align:center;animation:tin .25s var(--spring)}
.modal-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:10px;border:1px solid var(--glass-line);background:rgba(255,255,255,.07);color:var(--text);cursor:pointer;display:grid;place-items:center}
.modal-x svg{width:16px;height:16px}
.modal-title{font-size:17px;font-weight:800;letter-spacing:-.3px;padding-right:36px}
.modal-sub{font-size:12.5px;color:var(--text-dim);margin:2px 0 14px}
.qrbox.big{padding:12px;border-radius:18px}
.qr-addr{margin-top:12px;font-size:12.5px;line-height:1.5;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.modal-acts{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}
body.modal-open{overflow:hidden}

/* ---------- v13: profile ---------- */
.hdr-av{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--accent),var(--accent-hi));color:#fff;font-weight:800;font-size:13px;text-transform:uppercase;border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 12px var(--accent-glow);transition:transform .15s var(--spring)}
.hdr-av img{width:100%;height:100%;object-fit:cover;display:block}
.hdr-av:hover{transform:scale(1.06)}
.hdr-av.active{box-shadow:0 0 0 3px var(--accent-soft),0 4px 12px var(--accent-glow)}
.profile-hero{display:flex;align-items:center;gap:16px;padding:2px 0}
.profile-avatar{width:84px;height:84px;border-radius:50%;flex-shrink:0;position:relative;background:linear-gradient(135deg,var(--accent),var(--accent-hi));box-shadow:var(--shadow-glow);display:grid;place-items:center;color:#fff;font-size:30px;font-weight:800;text-transform:uppercase}
.profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.profile-badge{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3dd598,#1fb57a);color:#fff;display:grid;place-items:center;box-shadow:0 2px 8px rgba(61,213,152,.5),inset 0 0 0 2px rgba(14,16,30,.9)}
.profile-badge svg{width:14px;height:14px}
.profile-info{min-width:0;flex:1}
.profile-name{font-size:20px;font-weight:800;letter-spacing:-.4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.profile-sub{font-size:12.5px;color:var(--text-dim);margin-top:2px}
.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.profile-stats>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.profile-stats b{font-size:17px;font-weight:800;overflow:hidden;text-overflow:ellipsis}
.profile-stats small{font-size:11px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.4px}
.profile-stats div{display:flex;flex-direction:column}
.profile-stats b{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}
.profile-stats small{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-mute)}
@media (max-width:560px){.profile-hero{flex-direction:column;align-items:flex-start}.profile-avatar{width:72px;height:72px;font-size:26px}}
.ptabs{display:flex;gap:6px;margin:0 0 12px;overflow-x:auto;scrollbar-width:none}
.sec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
input[type=file].input{padding:9px 10px}
input[type=file].input::file-selector-button{font:inherit;font-weight:700;border:1px solid var(--glass-line);background:rgba(255,255,255,.08);color:var(--text);border-radius:8px;padding:6px 10px;margin-right:10px;cursor:pointer}

.ptab{animation:tin .2s var(--spring-soft)}

/* ---------- v15: mobile ---------- */
[hidden]{display:none!important}
.bnav{display:none}
.filebox{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 8px;border-radius:12px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.07);cursor:pointer;min-height:46px}
.filebox input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.filebox .filename{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
@media (max-width:720px){
  .page{padding:12px 12px calc(96px + env(safe-area-inset-bottom,0px))}
  .topbar{padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 0}
  .brand{width:40px;height:40px;border-radius:12px}.brand svg{width:21px;height:21px}
  .brand-text h1{font-size:18px}.brand-text .sub{font-size:12px}
  .hide-m{display:none}
  .actions .btn-icon[href]{display:none}
  .tabs{display:none}
  .bnav{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:rgba(10,12,24,.82);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-top:1px solid var(--glass-line)}
  .bn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px 4px;border-radius:14px;color:var(--text-mute);font-size:10px;font-weight:700;min-width:0}
  .bn svg{width:21px;height:21px}
  .bn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .bn.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-hi));box-shadow:0 4px 12px var(--accent-glow)}
  h2.title{font-size:20px}
  .hero{padding:16px 16px 14px;border-radius:22px}.hero .big{font-size:32px}.hero .row{gap:12px}.hero .row b{font-size:15px}
  .quick{grid-template-columns:1fr 1fr;gap:8px}.qa{padding:12px}.qa .qi{width:30px;height:30px}.qa b{font-size:13.5px}.qa small{font-size:11px}
  .card{padding:14px;border-radius:18px}
  .frow{flex-direction:column;align-items:stretch}.frow .field,.frow .field.sm{flex:1 1 auto;min-width:0;width:100%}.frow .btn{width:100%}.frow form{width:100%}
  .seg{display:flex}.seg label{flex:1;text-align:center}
  .chains{margin:0 -12px 12px;padding:0 12px}
  .chain{padding:8px 12px;font-size:13px}
  .ptabs .chain{flex:1;justify-content:center;padding:9px 6px;font-size:12.5px}.ptabs .chain i{display:none}
  .sec-grid{grid-template-columns:1fr}
  .wdet{grid-template-columns:1fr}.qrcard{text-align:center}
  .slider{margin:0 -12px 12px;padding:0 12px}.sl-track{padding:6px 12px 10px;margin:0 -12px;scroll-padding:12px}.sl-track>.cdc{flex:0 0 calc(100vw - 40px)}
  .cdc{padding:14px 16px}.cdc-num{font-size:12.5px;padding:7px 9px}
  .rates{grid-template-columns:1fr 1fr}
  .conv{grid-template-columns:1fr}.conv .frow{flex-direction:row}.conv .frow .field{width:auto;flex:1}
  .users{grid-template-columns:1fr}
  .kv-grid{grid-template-columns:1fr 1fr}
  .skp{grid-template-columns:repeat(3,1fr)}.bgp{grid-template-columns:repeat(2,1fr)}
  .pager{justify-content:center}.pager .btn{flex:1 1 40%}.pages{width:100%;order:3}
  .modal-box{max-width:100%;padding:18px 14px 14px}
  /* tables -> cards */
  .tbl{overflow:visible}
  table.rt{display:block}
  table.rt tbody,table.rt tr{display:block}
  table.rt tr:first-child{display:none}
  table.rt tr{padding:10px 12px;margin-bottom:8px;border-radius:14px;background:var(--glass-2);border:1px solid rgba(255,255,255,.07)}
  table.rt td{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;border:0;padding:4px 0;font-size:13px}
  table.rt td::before{content:attr(data-th);flex:0 0 38%;max-width:38%;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-mute);padding-top:2px}
  table.rt td:not([data-th])::before{content:none}
  table.rt td>*{min-width:0}
  table.rt td.mono{word-break:break-all}
  table.rt td form.inline{flex:1;justify-content:flex-end}
  table.rt td .input-sm{min-width:0;flex:1}
  table.rt td[style*="nowrap"]{white-space:normal!important}
  .profile-stats{gap:14px}.profile-stats b{font-size:15px}
  .login-wrap{min-height:calc(100vh - 40px)}
  .captcha img{width:150px;height:auto}
  .ev{padding:10px}.ev-text{font-size:13px}
  .evs .ev-tx,.evs .ev-addr{font-size:11.5px}
}
@media (max-width:380px){.bn span{font-size:9px}.quick{grid-template-columns:1fr 1fr}.skp{grid-template-columns:repeat(2,1fr)}}

.inst{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.inst div{padding:10px 12px;border-radius:12px;background:var(--glass-2);border:1px solid rgba(255,255,255,.07);font-size:13px;display:flex;flex-direction:column;gap:2px}
.inst b{font-size:12px}.inst span{color:var(--text-dim);font-size:12.5px}
html.standalone .topbar{padding-top:calc(env(safe-area-inset-top,0px) + 14px)}

/* ---------- v17: animated page backgrounds ---------- */
#bgfx{position:fixed;inset:0;z-index:-1;pointer-events:none}
body[data-bg^="anim-"]::after{opacity:.04}
body[data-bg="anim-stars"]::before,body[data-bg="anim-hyper"]::before{background:radial-gradient(60% 50% at 50% 50%,rgba(124,92,255,.14),transparent 70%),#05060d;filter:none;animation:none;inset:0}
body[data-bg="anim-rain"]::before{background:#040a07;filter:none;animation:none;inset:0}
body[data-bg="anim-snow"]::before{background:radial-gradient(50% 40% at 50% 100%,rgba(79,216,255,.12),transparent 70%),linear-gradient(180deg,#0a1222,#05060d);filter:none;animation:none;inset:0}
body[data-bg="anim-fireflies"]::before{background:radial-gradient(60% 50% at 50% 100%,rgba(61,213,152,.12),transparent 70%),#050a08;filter:none;animation:none;inset:0}
body[data-bg="anim-flow"]::before{inset:0;filter:none;background:linear-gradient(-45deg,#1a0b4a,#0b2a5c,#3a0b4e,#0b3a3a,#2a0b5c);background-size:400% 400%;animation:bgflow 22s ease infinite}
@keyframes bgflow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
body[data-bg="anim-plasma"]::before{inset:-30%;filter:blur(46px);background:radial-gradient(38% 38% at 28% 28%,rgba(255,60,200,.72),transparent 70%),radial-gradient(36% 36% at 72% 38%,rgba(79,216,255,.66),transparent 70%),radial-gradient(42% 42% at 52% 82%,rgba(124,92,255,.78),transparent 70%),radial-gradient(30% 30% at 18% 78%,rgba(61,213,152,.52),transparent 70%),#07080f;animation:bgplasma 14s ease-in-out infinite alternate}
@keyframes bgplasma{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(8deg) scale(1.15) translate(3%,-2%)}100%{transform:rotate(-6deg) scale(1.05) translate(-3%,3%)}}
body[data-bg="anim-grid"]::before{inset:0;filter:none;animation:none;background:linear-gradient(180deg,#12002b 0%,#22004a 55%,#0a0010 100%)}
body[data-bg="anim-grid"]::after{opacity:1;inset:45% -40% 0 -40%;background:repeating-linear-gradient(90deg,rgba(0,240,255,.35) 0 1px,transparent 1px 60px),repeating-linear-gradient(0deg,rgba(255,60,200,.35) 0 1px,transparent 1px 40px);transform:perspective(420px) rotateX(62deg);transform-origin:top;animation:bggrid 3s linear infinite;background-image:repeating-linear-gradient(90deg,rgba(0,240,255,.35) 0 1px,transparent 1px 60px),repeating-linear-gradient(0deg,rgba(255,60,200,.35) 0 1px,transparent 1px 40px);background-size:auto,auto}
@keyframes bggrid{0%{background-position:0 0,0 0}100%{background-position:0 0,0 80px}}
body[data-bg="anim-waves"]::before{inset:0;filter:none;animation:none;background:linear-gradient(180deg,#071a33 0%,#041226 60%,#02070f 100%)}
body[data-bg="anim-waves"]::after{opacity:1;inset:auto -50% -8% -50%;height:46vh;background:radial-gradient(60% 40% at 30% 100%,rgba(79,216,255,.35),transparent 70%),radial-gradient(55% 38% at 70% 100%,rgba(124,92,255,.35),transparent 70%),radial-gradient(70% 45% at 50% 115%,rgba(0,40,110,.95),transparent 70%);animation:bgwaves 7s ease-in-out infinite alternate}
@keyframes bgwaves{0%{transform:translateX(-5%) scaleY(1)}100%{transform:translateX(5%) scaleY(1.12)}}
body[data-bg="anim-orbs"]::before{inset:-20%;filter:blur(30px);background:radial-gradient(18% 18% at 20% 25%,rgba(124,92,255,.75),transparent 70%),radial-gradient(14% 14% at 75% 30%,rgba(79,216,255,.6),transparent 70%),radial-gradient(16% 16% at 60% 75%,rgba(255,108,197,.55),transparent 70%),radial-gradient(12% 12% at 30% 80%,rgba(61,213,152,.5),transparent 70%),#07080f;animation:bgorbs 26s ease-in-out infinite alternate}
@keyframes bgorbs{0%{transform:translate(0,0) rotate(0)}33%{transform:translate(4%,-3%) rotate(6deg)}66%{transform:translate(-3%,4%) rotate(-5deg)}100%{transform:translate(2%,2%) rotate(3deg)}}
/* previews */
.bgp-prev[data-bg="anim-flow"]{background:linear-gradient(-45deg,#1a0b4a,#0b2a5c,#3a0b4e,#0b3a3a);background-size:300% 300%;animation:bgflow 6s ease infinite}
.bgp-prev[data-bg="anim-grid"]{background:linear-gradient(180deg,#12002b,#3b0066)}
.bgp-prev[data-bg="anim-grid"]::before{content:"";position:absolute;inset:50% -30% 0 -30%;background:repeating-linear-gradient(90deg,rgba(0,240,255,.5) 0 1px,transparent 1px 14px),repeating-linear-gradient(0deg,rgba(255,60,200,.5) 0 1px,transparent 1px 10px);transform:perspective(100px) rotateX(60deg);transform-origin:top;animation:bggrid 1.5s linear infinite}
.bgp-prev[data-bg="anim-waves"]{background:radial-gradient(60% 40% at 40% 110%,rgba(79,216,255,.6),transparent 70%),linear-gradient(180deg,#071a33,#02070f)}
.bgp-prev[data-bg="anim-orbs"]{background:radial-gradient(25% 25% at 25% 30%,rgba(124,92,255,.9),transparent 70%),radial-gradient(20% 20% at 75% 35%,rgba(79,216,255,.8),transparent 70%),radial-gradient(22% 22% at 60% 75%,rgba(255,108,197,.7),transparent 70%),#07080f;filter:blur(2px)}
.bgp-prev[data-bg="anim-stars"]{background:radial-gradient(1px 1px at 15% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 45% 60%,#fff,transparent),radial-gradient(1px 1px at 70% 30%,#fff,transparent),radial-gradient(1.2px 1.2px at 85% 75%,#fff,transparent),radial-gradient(1px 1px at 30% 80%,#fff,transparent),#05060d}
.bgp-prev[data-bg="anim-rain"]{background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(61,213,152,.25) 9px 10px),linear-gradient(180deg,rgba(61,213,152,.25),transparent),#040a07}
.bgp-prev[data-bg="anim-fireflies"]{background:radial-gradient(6% 6% at 30% 40%,rgba(61,213,152,.9),transparent 70%),radial-gradient(5% 5% at 65% 60%,rgba(124,92,255,.9),transparent 70%),radial-gradient(5% 5% at 80% 30%,rgba(79,216,255,.9),transparent 70%),#050a08}
.bgp-prev[data-bg="anim-snow"]{background:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(2px 2px at 50% 55%,#fff,transparent),radial-gradient(1.5px 1.5px at 75% 25%,#fff,transparent),radial-gradient(2px 2px at 85% 70%,#fff,transparent),linear-gradient(180deg,#0a1222,#05060d)}
.bgp-prev[data-bg="anim-plasma"]{background:radial-gradient(40% 40% at 30% 30%,rgba(255,60,200,.7),transparent 70%),radial-gradient(40% 40% at 70% 50%,rgba(79,216,255,.6),transparent 70%),radial-gradient(45% 45% at 50% 85%,rgba(124,92,255,.7),transparent 70%),#07080f;filter:blur(3px)}
.bgp-prev[data-bg="anim-hyper"]{background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(157,129,255,.35) 0 2deg,transparent 2deg 14deg),radial-gradient(20% 20% at 50% 50%,#fff,transparent 70%),#05060d}
@media (prefers-reduced-motion:reduce){body[data-bg^="anim-"]::before,body[data-bg^="anim-"]::after,.bgp-prev{animation:none!important}}
.bgp-it{width:100%}
.bgp-prev{width:100%;height:74px;aspect-ratio:auto}

/* ---------- v20: more animated backgrounds ---------- */
body[data-bg="anim-meteors"]::before,body[data-bg="anim-net"]::before{background:radial-gradient(60% 50% at 50% 40%,rgba(124,92,255,.14),transparent 70%),#05060d;filter:none;animation:none;inset:0}
body[data-bg="anim-drops"]::before{background:linear-gradient(180deg,#0b1424,#05080f);filter:none;animation:none;inset:0}
body[data-bg="anim-dust"]::before{background:radial-gradient(50% 45% at 50% 110%,rgba(255,176,74,.22),transparent 70%),linear-gradient(180deg,#0e0a06,#05040a);filter:none;animation:none;inset:0}
body[data-bg="anim-bubbles"]::before{background:linear-gradient(180deg,#041c33 0%,#062a4d 60%,#02101f 100%);filter:none;animation:none;inset:0}
body[data-bg="anim-confetti"]::before{background:radial-gradient(60% 50% at 50% 0%,rgba(124,92,255,.22),transparent 70%),#07080f;filter:none;animation:none;inset:0}
body[data-bg="anim-aurora"]::before{inset:-10%;filter:blur(26px);background:#03101c;animation:none}
body[data-bg="anim-aurora"]::after{opacity:1;inset:-20% -10% 30% -10%;background:radial-gradient(35% 40% at 25% 45%,rgba(0,255,170,.55),transparent 70%),radial-gradient(35% 45% at 60% 50%,rgba(120,90,255,.55),transparent 70%),radial-gradient(30% 35% at 45% 30%,rgba(0,200,255,.5),transparent 70%),radial-gradient(25% 30% at 80% 40%,rgba(255,108,197,.35),transparent 70%);filter:blur(28px);animation:bgaurora 12s ease-in-out infinite alternate}
@keyframes bgaurora{0%{transform:translate(-5%,3%) skewX(-6deg) scale(1)}100%{transform:translate(5%,-4%) skewX(8deg) scale(1.15)}}
body[data-bg="anim-lava"]::before{inset:-25%;filter:blur(40px);background:radial-gradient(35% 35% at 30% 70%,rgba(255,90,40,.75),transparent 70%),radial-gradient(30% 30% at 70% 60%,rgba(255,160,40,.6),transparent 70%),radial-gradient(40% 40% at 50% 100%,rgba(200,30,20,.8),transparent 70%),radial-gradient(25% 25% at 80% 90%,rgba(255,220,120,.4),transparent 70%),#0d0404;animation:bglava 16s ease-in-out infinite alternate}
@keyframes bglava{0%{transform:translate(0,2%) scale(1)}50%{transform:translate(-4%,-3%) scale(1.12) rotate(4deg)}100%{transform:translate(4%,0) scale(1.05) rotate(-3deg)}}
body[data-bg="anim-prism"]::before{inset:0;filter:none;animation:none;background:radial-gradient(60% 60% at 50% 50%,#07080f 0%,#07080f 35%,transparent 100%),#07080f}
body[data-bg="anim-prism"]::after{opacity:.42;inset:-60%;background:conic-gradient(from 0deg at 50% 50%,#ff6cc5,#7c5cff,#4fd8ff,#3dd598,#ffb04a,#ff6cc5);filter:blur(70px) saturate(120%);animation:bgprism 60s linear infinite;z-index:-2;mask:radial-gradient(45% 45% at 50% 50%,transparent 30%,#000 75%);-webkit-mask:radial-gradient(45% 45% at 50% 50%,transparent 30%,#000 75%)}
@keyframes bgprism{to{transform:rotate(360deg)}}
body[data-bg="anim-fog"]::before{inset:0;filter:none;animation:none;background:linear-gradient(180deg,#0a0c16,#05060d)}
body[data-bg="anim-fog"]::after{opacity:1;inset:-20% -40%;background:radial-gradient(40% 35% at 20% 60%,rgba(255,255,255,.10),transparent 70%),radial-gradient(45% 35% at 60% 40%,rgba(200,210,255,.09),transparent 70%),radial-gradient(40% 30% at 85% 70%,rgba(255,255,255,.08),transparent 70%);filter:blur(30px);animation:bgfog 40s linear infinite alternate}
@keyframes bgfog{0%{transform:translateX(-8%)}100%{transform:translateX(8%)}}
body[data-bg="anim-sunset"]::before{inset:0;filter:none;background:linear-gradient(180deg,#1b0b3b 0%,#5b1f6b 30%,#ff6a5c 62%,#ffb04a 78%,#2a0b2e 100%);background-size:100% 160%;animation:bgsunset 24s ease-in-out infinite alternate}
@keyframes bgsunset{0%{background-position:50% 0%}100%{background-position:50% 100%}}
body[data-bg="anim-deep"]::before{inset:-20%;filter:blur(36px);background:radial-gradient(45% 40% at 30% 20%,rgba(11,143,214,.55),transparent 70%),radial-gradient(40% 40% at 70% 50%,rgba(60,170,255,.4),transparent 70%),radial-gradient(60% 40% at 50% 110%,rgba(0,40,110,.95),transparent 70%),#03122a;animation:bgdeep 18s ease-in-out infinite alternate}
@keyframes bgdeep{0%{transform:translate(-3%,0) scale(1)}100%{transform:translate(3%,-3%) scale(1.1)}}
.bgp-prev[data-bg="anim-aurora"]{background:radial-gradient(40% 50% at 30% 50%,rgba(0,255,170,.7),transparent 70%),radial-gradient(40% 50% at 65% 45%,rgba(120,90,255,.7),transparent 70%),#03101c;filter:blur(2px)}
.bgp-prev[data-bg="anim-lava"]{background:radial-gradient(40% 40% at 30% 70%,rgba(255,90,40,.9),transparent 70%),radial-gradient(35% 35% at 70% 60%,rgba(255,160,40,.8),transparent 70%),#0d0404;filter:blur(2px)}
.bgp-prev[data-bg="anim-prism"]{background:radial-gradient(50% 50% at 50% 50%,#07080f 20%,transparent 80%),conic-gradient(from 0deg,#ff6cc5,#7c5cff,#4fd8ff,#3dd598,#ffb04a,#ff6cc5);animation:bgprismhue 8s linear infinite}
@keyframes bgprismhue{to{filter:hue-rotate(360deg)}}
.bgp-prev[data-bg="anim-fog"]{background:radial-gradient(45% 45% at 30% 60%,rgba(255,255,255,.22),transparent 70%),radial-gradient(45% 45% at 75% 40%,rgba(200,210,255,.2),transparent 70%),#0a0c16;filter:blur(2px)}
.bgp-prev[data-bg="anim-sunset"]{background:linear-gradient(180deg,#1b0b3b 0%,#5b1f6b 30%,#ff6a5c 62%,#ffb04a 80%,#2a0b2e 100%)}
.bgp-prev[data-bg="anim-deep"]{background:radial-gradient(45% 45% at 30% 20%,rgba(11,143,214,.8),transparent 70%),radial-gradient(60% 40% at 50% 110%,rgba(0,40,110,1),transparent 70%),#03122a}
.bgp-prev[data-bg="anim-meteors"]{background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 52%),linear-gradient(135deg,transparent 60%,rgba(157,129,255,.7) 70%,transparent 72%),#05060d}
.bgp-prev[data-bg="anim-net"]{background:radial-gradient(2px 2px at 20% 30%,#9d81ff,transparent),radial-gradient(2px 2px at 60% 60%,#9d81ff,transparent),radial-gradient(2px 2px at 80% 25%,#9d81ff,transparent),linear-gradient(28deg,transparent 48%,rgba(124,92,255,.5) 49.5%,transparent 51%),linear-gradient(-20deg,transparent 48%,rgba(124,92,255,.5) 49.5%,transparent 51%),#05060d}
.bgp-prev[data-bg="anim-drops"]{background:repeating-linear-gradient(100deg,transparent 0 12px,rgba(160,200,255,.35) 12px 13px),linear-gradient(180deg,#0b1424,#05080f)}
.bgp-prev[data-bg="anim-dust"]{background:radial-gradient(3px 3px at 25% 35%,rgba(255,220,130,.9),transparent),radial-gradient(2px 2px at 55% 65%,rgba(255,220,130,.9),transparent),radial-gradient(2.5px 2.5px at 75% 30%,rgba(255,220,130,.9),transparent),radial-gradient(50% 45% at 50% 110%,rgba(255,176,74,.4),transparent 70%),#0e0a06}
.bgp-prev[data-bg="anim-bubbles"]{background:radial-gradient(8px 8px at 30% 60%,transparent 60%,rgba(79,216,255,.6) 62%,transparent 70%),radial-gradient(6px 6px at 65% 35%,transparent 60%,rgba(79,216,255,.6) 62%,transparent 70%),linear-gradient(180deg,#041c33,#02101f)}
.bgp-prev[data-bg="anim-confetti"]{background:linear-gradient(35deg,#7c5cff 0 6%,transparent 6% 100%) 20% 30%/14px 14px no-repeat,linear-gradient(-30deg,#ff6cc5 0 6%,transparent 6%) 60% 55%/14px 14px no-repeat,linear-gradient(60deg,#3dd598 0 6%,transparent 6%) 80% 25%/14px 14px no-repeat,linear-gradient(20deg,#ffb04a 0 6%,transparent 6%) 40% 75%/14px 14px no-repeat,#07080f}

/* ---------- v22: RGB backgrounds ---------- */
body[data-bg="anim-rgb"]::before{inset:-30%;filter:blur(46px);background:radial-gradient(38% 38% at 28% 28%,rgba(255,40,120,.75),transparent 70%),radial-gradient(36% 36% at 72% 38%,rgba(0,200,255,.7),transparent 70%),radial-gradient(42% 42% at 52% 82%,rgba(120,60,255,.8),transparent 70%),radial-gradient(30% 30% at 18% 78%,rgba(0,255,160,.55),transparent 70%),#07080f;animation:bgplasma 14s ease-in-out infinite alternate,bghue 18s linear infinite}
@keyframes bghue{to{filter:blur(46px) hue-rotate(360deg)}}
body[data-bg="anim-spectrum"]::before{inset:0;filter:blur(40px) saturate(130%);background:linear-gradient(115deg,#ff3b5c,#ff9d2e,#ffe14d,#3dd598,#00e0ff,#4a6bff,#b24dff,#ff3b5c);background-size:400% 400%;animation:bgspectrum 26s ease-in-out infinite;opacity:.5}
@keyframes bgspectrum{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
body[data-bg="anim-spectrum"]::after{opacity:1;inset:0;background:radial-gradient(70% 60% at 50% 45%,rgba(7,8,15,.35),rgba(7,8,15,.8))}
body[data-bg="anim-neon"]::before{inset:-30%;filter:blur(50px);background:radial-gradient(36% 36% at 25% 30%,rgba(255,43,214,.8),transparent 70%),radial-gradient(36% 36% at 75% 35%,rgba(0,240,255,.75),transparent 70%),radial-gradient(44% 44% at 50% 85%,rgba(124,92,255,.85),transparent 70%),#07040f;animation:bgplasma 16s ease-in-out infinite alternate}
body[data-bg="anim-ultraviolet"]::before{inset:-30%;filter:blur(48px);background:radial-gradient(40% 40% at 25% 30%,rgba(110,40,255,.85),transparent 70%),radial-gradient(35% 35% at 75% 30%,rgba(60,80,255,.7),transparent 70%),radial-gradient(45% 45% at 55% 85%,rgba(170,60,255,.75),transparent 70%),radial-gradient(25% 25% at 15% 85%,rgba(255,60,200,.45),transparent 70%),#06030f;animation:bgorbs 24s ease-in-out infinite alternate}
body[data-bg="anim-candy"]::before{inset:-30%;filter:blur(48px);background:radial-gradient(40% 40% at 25% 30%,rgba(255,80,160,.8),transparent 70%),radial-gradient(35% 35% at 75% 30%,rgba(255,150,60,.75),transparent 70%),radial-gradient(45% 45% at 55% 85%,rgba(255,220,90,.55),transparent 70%),radial-gradient(25% 25% at 15% 85%,rgba(255,60,120,.5),transparent 70%),#0f0608;animation:bgplasma 15s ease-in-out infinite alternate}
body[data-bg="anim-ice"]::before{inset:-30%;filter:blur(48px);background:radial-gradient(40% 40% at 25% 30%,rgba(120,220,255,.75),transparent 70%),radial-gradient(35% 35% at 75% 30%,rgba(200,240,255,.5),transparent 70%),radial-gradient(45% 45% at 55% 85%,rgba(60,140,255,.75),transparent 70%),radial-gradient(25% 25% at 15% 85%,rgba(160,200,255,.45),transparent 70%),#040a14;animation:bgorbs 22s ease-in-out infinite alternate}
body[data-bg="anim-rainbow"]::before{inset:-20%;filter:blur(60px);background:linear-gradient(100deg,#ff5a6a 0%,#ffb04a 18%,#ffe14d 34%,#3dd598 50%,#4fd8ff 66%,#7c5cff 82%,#ff6cc5 100%);background-size:300% 100%;animation:bgrainbow 30s linear infinite;opacity:.42}
@keyframes bgrainbow{to{background-position:300% 0}}
body[data-bg="anim-rainbow"]::after{opacity:1;inset:0;background:radial-gradient(70% 60% at 50% 45%,rgba(7,8,15,.3),rgba(7,8,15,.85))}
body[data-bg="anim-bokeh"]::before{inset:-15%;filter:blur(10px);background:
 radial-gradient(9% 9% at 15% 25%,rgba(255,108,197,.75),transparent 70%),
 radial-gradient(7% 7% at 35% 70%,rgba(79,216,255,.7),transparent 70%),
 radial-gradient(11% 11% at 60% 30%,rgba(124,92,255,.75),transparent 70%),
 radial-gradient(6% 6% at 80% 60%,rgba(61,213,152,.7),transparent 70%),
 radial-gradient(8% 8% at 88% 20%,rgba(255,176,74,.7),transparent 70%),
 radial-gradient(5% 5% at 50% 85%,rgba(255,255,255,.5),transparent 70%),
 radial-gradient(10% 10% at 25% 90%,rgba(255,60,120,.6),transparent 70%),
 radial-gradient(7% 7% at 70% 80%,rgba(0,240,255,.6),transparent 70%),#07080f;animation:bgbokeh 36s ease-in-out infinite alternate}
@keyframes bgbokeh{0%{transform:translate(0,0) scale(1)}50%{transform:translate(3%,-4%) scale(1.08)}100%{transform:translate(-3%,3%) scale(1.04)}}
/* previews */
.bgp-prev[data-bg="anim-rgb"]{background:radial-gradient(40% 40% at 30% 30%,rgba(255,40,120,.9),transparent 70%),radial-gradient(40% 40% at 70% 50%,rgba(0,200,255,.8),transparent 70%),radial-gradient(45% 45% at 50% 85%,rgba(120,60,255,.9),transparent 70%),#07080f;filter:blur(3px);animation:bgprismhue 10s linear infinite}
.bgp-prev[data-bg="anim-spectrum"]{background:linear-gradient(115deg,#ff3b5c,#ff9d2e,#ffe14d,#3dd598,#00e0ff,#4a6bff,#b24dff);filter:blur(3px) saturate(120%);opacity:.9}
.bgp-prev[data-bg="anim-neon"]{background:radial-gradient(40% 40% at 25% 30%,rgba(255,43,214,.95),transparent 70%),radial-gradient(40% 40% at 75% 35%,rgba(0,240,255,.9),transparent 70%),radial-gradient(50% 50% at 50% 85%,rgba(124,92,255,.95),transparent 70%),#07040f;filter:blur(3px)}
.bgp-prev[data-bg="anim-ultraviolet"]{background:radial-gradient(45% 45% at 25% 30%,rgba(110,40,255,.95),transparent 70%),radial-gradient(40% 40% at 75% 30%,rgba(60,80,255,.85),transparent 70%),radial-gradient(50% 50% at 55% 85%,rgba(170,60,255,.9),transparent 70%),#06030f;filter:blur(3px)}
.bgp-prev[data-bg="anim-candy"]{background:radial-gradient(45% 45% at 25% 30%,rgba(255,80,160,.95),transparent 70%),radial-gradient(40% 40% at 75% 30%,rgba(255,150,60,.9),transparent 70%),radial-gradient(50% 50% at 55% 85%,rgba(255,220,90,.7),transparent 70%),#0f0608;filter:blur(3px)}
.bgp-prev[data-bg="anim-ice"]{background:radial-gradient(45% 45% at 25% 30%,rgba(120,220,255,.9),transparent 70%),radial-gradient(40% 40% at 75% 30%,rgba(200,240,255,.6),transparent 70%),radial-gradient(50% 50% at 55% 85%,rgba(60,140,255,.9),transparent 70%),#040a14;filter:blur(3px)}
.bgp-prev[data-bg="anim-rainbow"]{background:linear-gradient(100deg,#ff5a6a,#ffb04a,#ffe14d,#3dd598,#4fd8ff,#7c5cff,#ff6cc5);filter:blur(4px);opacity:.85}
.bgp-prev[data-bg="anim-bokeh"]{background:radial-gradient(10% 10% at 20% 30%,rgba(255,108,197,.9),transparent 70%),radial-gradient(8% 8% at 45% 70%,rgba(79,216,255,.9),transparent 70%),radial-gradient(12% 12% at 65% 30%,rgba(124,92,255,.9),transparent 70%),radial-gradient(8% 8% at 85% 60%,rgba(61,213,152,.9),transparent 70%),radial-gradient(9% 9% at 80% 20%,rgba(255,176,74,.9),transparent 70%),#07080f;filter:blur(1.5px)}

.auth{min-height:calc(100vh - 60px);min-height:calc(100dvh - 60px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 0 8px;max-width:400px;margin:0 auto}
.auth-fan{position:relative;width:240px;height:128px;margin-bottom:20px}
.af{position:absolute;left:50%;top:14px;width:156px;height:98px;margin-left:-78px;border-radius:16px;padding:12px 13px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 14px 34px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.28);overflow:hidden;animation:afin .9s var(--spring) both}
.af::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translateX(-120%);animation:afshine 5s ease-in-out 1.2s infinite}
.af-l{background:linear-gradient(140deg,#ff5a6a,#8d1230);--r:-15deg;--x:-58px;--y:10px}
.af-r{background:linear-gradient(140deg,#ffbe55,#c25d00);--r:15deg;--x:58px;--y:10px}
.af-c{background:linear-gradient(140deg,var(--accent-hi),#3a249c);--r:0deg;--x:0px;--y:-6px;z-index:2;animation-delay:.08s}
.af{transform:translate(var(--x),var(--y)) rotate(var(--r))}
.af-top{display:flex;justify-content:space-between;align-items:center}
.af-chip{width:28px;height:21px;border-radius:5px;background:linear-gradient(135deg,#ffe6a3,#c99a3c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.af-logo{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-weight:900;font-size:12px;box-shadow:0 2px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.3)}
.af-l .af-logo,.af-r .af-logo{align-self:flex-end}
.af-num{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:1px;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.4)}
@keyframes afin{from{opacity:0;transform:translate(0,24px) rotate(0) scale(.92)}}
@keyframes afshine{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.auth-title{margin:0 0 6px;font-size:30px;font-weight:800;letter-spacing:-1px;text-align:center;background:linear-gradient(180deg,#fff,#c9c2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth-sub{margin:0 0 20px;color:var(--text-dim);font-size:13.5px;text-align:center}
.auth-title+.auth-card{margin-top:16px}
.auth-card{width:100%;padding:18px;border-radius:var(--r-xl);background:var(--panel);border:1px solid var(--glass-line);box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 1px 0 var(--glass-hi);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.ifield{position:relative;display:flex;align-items:center;margin-bottom:10px;background:rgba(255,255,255,.055);border:1.5px solid rgba(255,255,255,.08);border-radius:14px;transition:border-color .15s,box-shadow .15s,background .15s}
.ifield:focus-within{border-color:var(--accent);background:rgba(255,255,255,.085);box-shadow:0 0 0 4px var(--accent-soft)}
.ifield>svg{width:18px;height:18px;margin-left:14px;color:var(--text-mute);flex-shrink:0;transition:color .15s}
.ifield:focus-within>svg{color:var(--accent-hi)}
.ifield input{flex:1;min-width:0;height:50px;padding:0 14px 0 11px;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:16px;font-weight:500}
.ifield input::placeholder{color:var(--text-mute);font-weight:500}
.ifield-btn{width:44px;height:44px;margin-right:3px;border:0;background:none;color:var(--text-mute);display:grid;place-items:center;cursor:pointer;border-radius:11px}
.ifield-btn svg{width:18px;height:18px}
.ifield-btn.on{color:var(--accent-hi)}
.code-in{letter-spacing:4px;text-transform:uppercase;font-weight:700!important}
.code-in::placeholder{letter-spacing:0;text-transform:none}
.capbox{display:flex;gap:8px;margin:4px 0 10px}
.capbox img{flex:1;min-width:0;height:58px;object-fit:contain;border-radius:14px;background:#f0f2fa;border:1px solid var(--glass-line)}
.capbox-btn{width:58px;height:58px;flex-shrink:0;border-radius:14px;border:1.5px solid rgba(255,255,255,.08);background:rgba(255,255,255,.055);color:var(--text-dim);display:grid;place-items:center;cursor:pointer;transition:transform .5s var(--spring),color .15s}
.capbox-btn svg{width:20px;height:20px}
.capbox-btn:active{transform:rotate(-180deg);color:var(--text)}
.auth-go{min-height:52px;margin-top:6px;font-size:16px;font-weight:800;border-radius:14px}
.auth-go svg{width:18px;height:18px;transition:transform .2s}
.auth-go:hover svg{transform:translateX(3px)}
.auth-foot{display:flex;align-items:center;gap:7px;margin-top:16px;color:var(--text-mute);font-size:12px;font-weight:600}
.auth-foot svg{width:13px;height:13px}
.auth-foot a{color:var(--text-dim)}
.auth-shield{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;margin-bottom:18px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-hi));box-shadow:var(--shadow-glow),inset 0 1px 0 rgba(255,255,255,.3);animation:afin .8s var(--spring) both}
.auth-shield svg{width:36px;height:36px}
.otp-in{width:100%;height:64px;margin-bottom:6px;text-align:center;font:inherit;font-family:var(--mono);font-size:30px;font-weight:800;letter-spacing:12px;padding-left:12px;color:var(--text);background:rgba(255,255,255,.055);border:1.5px solid rgba(255,255,255,.08);border-radius:16px;outline:0;transition:border-color .15s,box-shadow .15s}
.otp-in:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.otp-in::placeholder{color:var(--text-mute);letter-spacing:10px}
.auth-note{margin:14px 0 0;color:var(--text-mute);font-size:12.5px;text-align:center;line-height:1.5}
@media (max-width:420px){.auth{padding-top:16px}.auth-fan{transform:scale(.9);margin-bottom:12px}.auth-title{font-size:27px}.auth-card{padding:14px;border-radius:24px}}
@media (prefers-reduced-motion:reduce){.af,.af::after,.auth-shield{animation:none}}
@media (max-width:720px),(hover:none){
  .input,.select,textarea.input,.input-sm{font-size:16px}
  .card,.stat,.alert,.ucard,.chain,.qa,.tabs-in,.cdc-st,.cdc-num,.cdc-act,.sl-btn,.auth-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .card,.stat,.ucard,.qa,.chain,.tabs-in,.auth-card{background:var(--panel)}
  .alert{background:var(--panel)}
  .cdc-num{background:rgba(0,0,0,.28)}
  .cdc-st{background:rgba(0,0,0,.3)}
  body::before{will-change:transform;backface-visibility:hidden}
}
body.guest{padding-bottom:0}
body.guest .page{padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}
body.guest .auth{min-height:calc(100vh - 24px);min-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:8px 0}
@media (max-height:640px){.auth-fan{transform:scale(.8);height:108px;margin:-6px 0 4px}.auth-title{font-size:25px}.ifield input{height:46px}.capbox img,.capbox-btn{height:52px}.capbox-btn{width:52px}.auth-go{min-height:48px}}
.ptr{position:fixed;left:50%;top:env(safe-area-inset-top,0px);z-index:1200;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transform:translate3d(-50%,-70px,0);pointer-events:none;will-change:transform,opacity}
.ptr.back{transition:transform .38s cubic-bezier(.2,.9,.25,1.15),opacity .3s}
.ptr-orb{position:relative;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2a2550,#120f26 70%);box-shadow:0 10px 30px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08);transition:box-shadow .25s,transform .25s}
.ptr-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.ptr-ring circle{fill:none;stroke-width:3.5;stroke-linecap:round}
.ptr-bg{stroke:rgba(255,255,255,.08)}
.ptr-core{position:absolute;inset:0;display:grid;place-items:center;color:#cfc4ff}
.ptr-core svg{width:22px;height:22px}
.ptr-txt{padding:4px 10px;border-radius:999px;background:rgba(14,16,30,.82);border:1px solid rgba(255,255,255,.08);font-size:11.5px;font-weight:700;color:var(--text-dim);white-space:nowrap}
.ptr.ready .ptr-orb{box-shadow:0 10px 30px rgba(0,0,0,.55),0 0 0 1px rgba(157,129,255,.5),0 0 34px rgba(157,129,255,.65);transform:scale(1.08)}
.ptr.ready .ptr-core{color:#fff}
.ptr.ready .ptr-txt{color:#fff;border-color:rgba(157,129,255,.45)}
.ptr-spark{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#fff;opacity:0}
.ptr.ready .ptr-spark{animation:ptrspark .55s ease-out}
.ptr-spark.s1{--x:-30px;--y:-22px;background:#4fd8ff}.ptr-spark.s2{--x:30px;--y:-20px;background:#ff6cc5;animation-delay:.04s}.ptr-spark.s3{--x:0px;--y:-36px;background:#9d81ff;animation-delay:.08s}
@keyframes ptrspark{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.2)}}
.ptr.go .ptr-ring{animation:ptrspin .8s linear infinite}
.ptr.go .ptr-fg{stroke-dashoffset:96!important;transition:stroke-dashoffset .3s}
.ptr.go .ptr-core{animation:ptrpulse .8s ease-in-out infinite}
@keyframes ptrspin{to{transform:rotate(270deg)}}
@keyframes ptrpulse{50%{transform:scale(.82)}}
main.page{will-change:auto}
main.page.ptr-back{transition:transform .38s cubic-bezier(.2,.9,.25,1.15)}
@media (prefers-reduced-motion:reduce){.ptr.go .ptr-ring,.ptr.go .ptr-core,.ptr.ready .ptr-spark{animation:none}}
html.standalone,html.standalone body{overscroll-behavior-y:contain}
.htabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;margin-bottom:12px;border-radius:16px;background:var(--panel);border:1px solid var(--glass-line)}
.htab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px 8px;border:0;border-radius:12px;background:none;color:var(--text-dim);font:inherit;cursor:pointer;transition:background .15s,color .15s}
.htab i{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}
.htab span{font-size:13.5px;font-weight:800;color:inherit}
.htab small{font-size:11.5px;font-weight:700;color:var(--text-mute)}
.htab.on{background:rgba(255,255,255,.09);color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -2px 0 var(--c)}
.htab.on small{color:var(--text-dim)}
.hcard{max-width:420px;margin:0 auto 12px}
.hbtns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.hbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;padding:8px 4px;border-radius:16px;border:1px solid var(--glass-line);background:var(--panel);color:var(--text);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:none}
.hbtn svg{width:20px;height:20px;color:var(--accent-hi)}
.hbtn:active{transform:scale(.97)}
.hbal{padding:6px 16px 14px}
.hbal-row{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line)}
.hbal-a{font-size:12px;font-weight:800;letter-spacing:.5px;color:var(--text-dim)}
.hbal-row b{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}
.hhint{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:var(--text-mute)}
.hlist{padding:4px 16px}
.hrow{border-bottom:1px solid var(--line)}
.hrow:last-child{border-bottom:0}
.hrow summary{display:flex;align-items:center;gap:12px;padding:13px 0;cursor:pointer;list-style:none}
.hrow summary::-webkit-details-marker{display:none}
.hrow summary::after{content:"";width:8px;height:8px;margin:0 4px 0 auto;border-right:2px solid var(--text-mute);border-bottom:2px solid var(--text-mute);transform:rotate(-45deg);transition:transform .2s;flex-shrink:0}
.hrow[open] summary::after{transform:rotate(45deg)}
.hrow-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-hi);flex-shrink:0}
.hrow-ic svg{width:18px;height:18px}
.hrow-t{display:flex;flex-direction:column;font-weight:700;font-size:14.5px;min-width:0}
.hrow-t small{font-size:12px;font-weight:500;color:var(--text-mute);margin-top:1px}
.hrow[open]{padding-bottom:14px}
.hform{display:grid;gap:8px;margin-top:4px}
.hold{padding:10px 0;border-top:1px solid var(--line)}
.hold:first-of-type{border-top:0}
.hsum{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.hsum-i{padding:12px 14px;border-radius:16px;background:var(--panel);border:1px solid var(--glass-line)}
.hsum-i small{display:block;font-size:11.5px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.5px}
.hsum-i b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
.hsum-i.in b{color:var(--ok)}
.hfil{display:grid;gap:6px;margin-bottom:6px}
.hfil-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px}
.hfil-row::-webkit-scrollbar{display:none}
.hf{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;border:1px solid var(--glass-line);background:var(--panel);color:var(--text-dim);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.hf i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.hf.on{background:linear-gradient(135deg,var(--accent),var(--accent-hi));color:#fff;border-color:transparent;box-shadow:0 4px 12px var(--accent-glow)}
.hday{margin:14px 4px 6px;font-size:12px;font-weight:800;color:var(--text-mute);text-transform:uppercase;letter-spacing:.6px}
.hi{position:relative;display:flex;gap:12px;align-items:flex-start;padding:12px 14px;margin-bottom:6px;border-radius:16px;background:var(--panel);border:1px solid var(--glass-line)}
.hi-link{position:absolute;inset:0;z-index:1;border-radius:16px}
.hi-ic{position:relative;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}
.hi-ic.in{background:rgba(61,213,152,.14);color:var(--ok)}
.hi-ic.out{background:rgba(124,92,255,.16);color:var(--accent-hi)}
.hi-ic svg{width:18px;height:18px}
.hi-ic i{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:var(--c);border:2px solid #121428}
.hi-main{flex:1;min-width:0}
.hi-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.hi-t{font-size:14.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hi-amt{font-size:15px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.hi-amt span{font-size:11.5px;font-weight:700;color:var(--text-dim)}
.hi-sub{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:3px;font-size:12px;color:var(--text-mute)}
.hi-addr{position:relative;z-index:2;font-family:var(--mono);cursor:pointer}
.hi-bot{display:flex;gap:8px;align-items:center;margin-top:7px}
.hi-tx{position:relative;z-index:2;font-family:var(--mono);font-size:12px;padding:2px 8px;border-radius:7px;background:rgba(255,255,255,.07)}
.hhint-top{margin:0 4px 12px}
.hmore{margin-top:6px;border-radius:14px;min-height:48px;font-weight:700}
.cdc-pend{display:inline-block;align-self:flex-start;font-style:normal;font-size:10.5px;font-weight:800;color:#ffd38a;margin-top:3px;padding:2px 7px;border-radius:7px;background:rgba(0,0,0,.55);white-space:nowrap}
.hpend{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;margin-bottom:12px;border-radius:16px;background:rgba(255,176,74,.1);border:1px solid rgba(255,176,74,.28)}
.hpend b{display:block;font-size:14px;color:#ffc56b}
.hpend small{display:block;font-size:12px;color:var(--text-dim);margin-top:2px}
.hpend-dot{width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--warn);flex-shrink:0;box-shadow:0 0 0 0 rgba(255,176,74,.6);animation:pend 1.6s ease-out infinite}
@keyframes pend{to{box-shadow:0 0 0 10px rgba(255,176,74,0)}}
.wtabs .htab{text-decoration:none}
.wnew{margin-bottom:12px}
.wcreate{padding:4px 16px}
.wcreate summary{display:flex;align-items:center;gap:12px;padding:12px 0;cursor:pointer;list-style:none}
.wcreate summary::-webkit-details-marker{display:none}
.wcreate summary::after{content:"";width:8px;height:8px;margin:0 4px 0 auto;border-right:2px solid var(--text-mute);border-bottom:2px solid var(--text-mute);transform:rotate(-45deg);transition:transform .2s}
.wcreate[open] summary::after{transform:rotate(45deg)}
.wcreate[open]{padding-bottom:14px}
.wcreate .hrow-ic{background:linear-gradient(135deg,var(--accent),var(--accent-hi));color:#fff}
.wtool{display:flex;gap:8px;margin-bottom:10px}
.wsearch{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:14px;background:var(--panel);border:1.5px solid var(--glass-line)}
.wsearch:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.wsearch svg{width:17px;height:17px;color:var(--text-mute);flex-shrink:0}
.wsearch input{flex:1;min-width:0;height:46px;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:16px}
.wsort{flex:0 0 auto;max-width:44%;height:49px;padding:0 10px;border-radius:14px;background:var(--panel);border:1.5px solid var(--glass-line);color:var(--text);font:inherit;font-size:14px;font-weight:600}
.wr{position:relative;display:flex;align-items:center;gap:12px;padding:11px 12px;margin-bottom:6px;border-radius:16px;background:var(--panel);border:1px solid var(--glass-line)}
.wr.hl{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.wr-av{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;font-weight:800;font-size:14px;color:#fff;text-transform:uppercase;background:linear-gradient(135deg,hsl(var(--h) 70% 58%),hsl(calc(var(--h) + 40) 70% 42%))}
.wr-main{flex:1;min-width:0;display:flex;flex-direction:column}
.wr-t{font-size:14.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-sub{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:12px;color:var(--text-mute);margin-top:2px}
.wr-now{font-size:11.5px;font-weight:700;color:var(--warn);margin-top:2px}
.wr-right{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}
.wr-right b{font-size:14.5px;font-weight:800;font-variant-numeric:tabular-nums}
.wr-right small{font-size:11.5px;color:var(--text-mute)}
.wr-qr{position:relative;z-index:2;width:38px;height:38px;flex-shrink:0;border-radius:11px;border:1px solid var(--glass-line);background:rgba(255,255,255,.05);color:var(--text-dim);display:grid;place-items:center;cursor:pointer}
.wr-qr svg{width:17px;height:17px}
@media (max-width:380px){.wr-av{width:34px;height:34px;font-size:12px}.wr-qr{display:none}}
.copy{white-space:nowrap}
@media (max-width:720px),(hover:none){:root{--panel:rgba(14,16,30,.56)}}
.cv .card-title{display:flex;align-items:center}
.cv-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:none;color:var(--ok)}
.cv-live i{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:cvlive 1.8s ease-in-out infinite}
@keyframes cvlive{50%{opacity:.35}}
.cv-box{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.cv-side{min-width:0;padding:14px 14px 12px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:border-color .15s,box-shadow .15s}
.cv-side:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.cv-to{background:rgba(124,92,255,.08);border-color:rgba(124,92,255,.22)}
.cv-lbl{font-size:11.5px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.5px}
.cv-row{display:flex;align-items:center;gap:10px;margin-top:4px}
.cv-amt{flex:1;min-width:0;width:100%;background:none;border:0;outline:0;padding:0;color:var(--text);font:inherit;font-size:30px;font-weight:800;letter-spacing:-.8px;font-variant-numeric:tabular-nums;line-height:1.2}
.cv-out{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(90deg,#fff,#cbbfff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cv-pick{position:relative;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);cursor:pointer}
.cv-pick select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.cv-logo{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 8px rgba(0,0,0,.3)}
.cv-sym{display:flex;flex-direction:column;line-height:1.1}
.cv-sym b{font-size:14.5px;font-weight:800}
.cv-sym small{font-size:10.5px;font-weight:600;color:var(--text-mute)}
.cv-chev{width:15px;height:15px;color:var(--text-dim)}
.cv-usd{margin-top:4px;font-size:12.5px;font-weight:600;color:var(--text-mute);min-height:17px}
#conv-copy{cursor:pointer}
.cv-swap{position:absolute;left:50%;top:50%;z-index:2;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;border:4px solid #12142a;background:linear-gradient(135deg,var(--accent),var(--accent-hi));color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px var(--accent-glow)}
.cv-swap svg{width:18px;height:18px}
.cv-swap.spin svg{animation:cvspin .45s var(--spring)}
@keyframes cvspin{from{transform:rotate(-180deg)}}
.cv-quick{display:flex;gap:6px;margin-top:10px}
.cv-q{flex:1;min-height:38px;border-radius:12px;border:1px solid var(--glass-line);background:rgba(255,255,255,.05);color:var(--text-dim);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.cv-q.on{color:#fff;border-color:var(--accent);background:var(--accent-soft)}
.cv-rate{margin-top:10px;text-align:center;font-size:13px;font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums}
@media (min-width:721px){.cv-box{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}}
.pwait{margin-bottom:12px;padding:12px;border-radius:18px;background:rgba(255,176,74,.08);border:1px solid rgba(255,176,74,.28)}
.pwait-h{font-size:12px;font-weight:800;color:var(--warn);text-transform:uppercase;letter-spacing:.5px;margin:0 2px 8px}
.pwait-i{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 12px;margin-top:6px;border-radius:14px;background:var(--panel);color:var(--text);text-decoration:none;position:relative;padding-right:34px}
.pwait-i b{font-size:14px}.pwait-i .mute{font-size:12px}
.pwait-i svg{position:absolute;right:10px;top:50%;width:16px;height:16px;margin-top:-8px;color:var(--text-mute)}
.pform{padding:16px}
.passets{display:flex;gap:6px;margin-bottom:12px}
.passet{flex:1;cursor:pointer}
.passet input{position:absolute;opacity:0;pointer-events:none}
.passet span{display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 6px;border-radius:14px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.08);transition:all .15s}
.passet b{font-size:14px;font-weight:800}
.passet small{font-size:11.5px;color:var(--text-mute);font-variant-numeric:tabular-nums}
.passet input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}
.passet input:checked+span small{color:var(--text-dim)}
.pamt{padding:14px;border-radius:18px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.08);transition:border-color .15s,box-shadow .15s}
.pamt:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.pamt.over{border-color:var(--danger)}
.pamt.over [data-pusd]{color:var(--danger);font-weight:700}
.pamt-row{display:flex;align-items:baseline;gap:8px}
.pamt-sym{font-size:18px;font-weight:800;color:var(--text-dim)}
.pamt-sub{display:flex;justify-content:space-between;gap:10px;margin-top:4px;font-size:12.5px;color:var(--text-mute)}
.pamt-sub b{color:var(--text-dim)}
.pquick{display:flex;gap:6px;margin:8px 0 14px}
.paddr{margin-bottom:12px}
.pa-lbl{font-size:11.5px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.5px;margin:0 2px 6px}
.pa-box{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.08)}
.pa-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.pa-box input{flex:1;min-width:0;height:44px;background:none;border:0;outline:0;color:var(--text);font-size:16px}
.pa-paste{flex-shrink:0;height:38px;padding:0 12px;border-radius:10px;border:0;background:var(--accent-soft);color:var(--accent-hi);font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.pa-state{min-height:18px;margin:6px 2px 0;font-size:12.5px;font-weight:700}
.pa-state.good{color:var(--ok)}.pa-state.bad{color:var(--danger)}.pa-state.warn{color:var(--warn)}
.pa-state.good::before{content:"✓ "}
.precips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:8px -16px 0;padding:0 16px}
.precips::-webkit-scrollbar{display:none}
.precip{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:14px;border:1px solid var(--glass-line);background:rgba(255,255,255,.04);color:var(--text);font:inherit;cursor:pointer;text-align:left}
.precip .wr-av{width:30px;height:30px;font-size:11px;border-radius:10px}
.precip b{display:block;font-size:12px}
.precip small{font-size:11px;color:var(--text-mute)}
.psum{padding:12px 14px;margin-bottom:12px;border-radius:14px;background:rgba(61,213,152,.07);border:1px solid rgba(61,213,152,.22)}
.psum div{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:13px}
.psum span{color:var(--text-dim)}
.psum b{text-align:right}
.psum div:first-child b{font-size:15px;color:var(--ok)}
.plist{margin-top:4px}
.hi-ic.st-done{background:rgba(61,213,152,.14);color:var(--ok)}
.hi-ic.st-failed{background:rgba(255,90,106,.14);color:var(--danger)}
.hi-ic.st-cancelled{background:rgba(255,255,255,.06);color:var(--text-mute)}
.hi-ic.st-new,.hi-ic.st-running{background:rgba(255,176,74,.14);color:var(--warn)}
.hi-sub .chip{padding:1px 7px;font-size:10.5px}
.phero{padding:18px}
.phero-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.phero-id{font-size:13px;font-weight:700;color:var(--text-mute)}
.phero-st{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;background:rgba(255,255,255,.07)}
.phero-st i{width:7px;height:7px;border-radius:50%;background:currentColor}
.ph-ok .phero-st{color:var(--ok);background:rgba(61,213,152,.12)}
.ph-warn .phero-st{color:var(--warn);background:rgba(255,176,74,.12)}
.ph-accent .phero-st{color:var(--accent-hi);background:var(--accent-soft)}
.ph-danger .phero-st{color:var(--danger);background:rgba(255,90,106,.12)}
.ph-mute .phero-st{color:var(--text-mute)}
.ph-accent .phero-st i{animation:cvlive 1s ease-in-out infinite}
.phero-amt{margin:10px 0 8px;font-size:34px;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums;line-height:1.1}
.phero-amt span{font-size:16px;font-weight:700;color:var(--text-dim);letter-spacing:0}
.phero-to{font-size:12.5px;word-break:break-all}
.psteps{padding:14px 16px}
.pstep{color:var(--text);position:relative;display:flex;gap:12px;align-items:flex-start;padding:0 0 14px}
.pstep:not(.last)::before{content:"";position:absolute;left:13px;top:28px;bottom:2px;width:2px;background:rgba(255,255,255,.08)}
.pstep.ok:not(.last)::before{background:rgba(61,213,152,.4)}
.pstep-dot{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--text-mute);background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.1)}
.pstep.ok .pstep-dot{color:#fff;background:var(--ok);border-color:transparent}
.pstep.err .pstep-dot{color:#fff;background:var(--danger);border-color:transparent}
.pstep-dot svg{width:14px;height:14px}
.pstep>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding-top:4px;font-size:14px}
.pstep:not(.ok)>div b{color:var(--text-mute);font-weight:600}
.pkv{margin-top:4px;padding-top:10px;border-top:1px solid var(--line)}
.pkv div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:13px}
.pkv span{color:var(--text-mute)}
.pkv b[data-copy]{cursor:pointer}
.otp-sm{font-family:var(--mono);letter-spacing:4px;text-align:center;font-weight:800}
.plink-danger{border:0;background:none;color:var(--danger);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;padding:8px}
.prepeat{margin-bottom:12px;min-height:50px;border-radius:14px;font-weight:700}
.prepeat svg{width:18px;height:18px}
.anav{margin-bottom:12px}
.anav .htab{text-decoration:none}
.skpi{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 12px}
.skpi-i{padding:12px 14px;border-radius:16px;background:var(--panel);border:1px solid var(--glass-line);min-width:0}
.skpi-i small{display:block;font-size:11px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.5px}
.skpi-i b{display:block;font-size:20px;font-weight:800;margin:2px 0;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}
.skpi-i span{font-size:12px;color:var(--text-mute)}
.skpi-i.acc{border-color:rgba(124,92,255,.35);background:rgba(124,92,255,.1)}
@media (min-width:721px){.skpi{grid-template-columns:repeat(4,1fr)}}
.schart{padding:14px 14px 10px}
.schart-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;font-size:13.5px}
.schart-h span{font-size:12px;color:var(--text-mute)}
.sbars{display:flex;align-items:flex-end;gap:2px;height:120px;border-bottom:1px solid var(--line)}
.sbar{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end;cursor:pointer;outline:0}
.sbar i{display:block;width:100%;min-height:2px;background:var(--c);border-radius:4px 4px 0 0;opacity:.9}
.sbar:hover i,.sbar:focus i,.sbar.on i{opacity:1;filter:brightness(1.2)}
.sx{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--text-mute)}
.stip{position:fixed;z-index:1300;padding:6px 10px;border-radius:9px;background:#1b1e36;border:1px solid var(--glass-line);color:var(--text);font-size:12.5px;font-weight:700;pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,.4);white-space:nowrap}
.sdet summary{cursor:pointer;font-weight:700;list-style:none}
.stop{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.stop:last-child{border-bottom:0}
.stop>div{flex:1;min-width:0;display:flex;flex-direction:column}
.stop small{font-size:12px;color:var(--text-mute)}
.stop-n{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:800;background:rgba(255,255,255,.06);color:var(--text-dim);flex-shrink:0}
.sexp{display:flex;flex-wrap:wrap;gap:8px}
.sset{padding:12px 0;border-bottom:1px solid var(--line)}
.sset:last-child{border-bottom:0}
.sset-t{display:flex;flex-direction:column;margin-bottom:8px}
.sset-t b{font-size:15px}
.sset-t small{font-size:12.5px;color:var(--text-mute);margin-top:2px}
.sset-f{display:grid;gap:8px}
.suser{display:flex;align-items:center;gap:10px;padding:8px 0}
.suser>div{flex:1;min-width:0;display:flex;flex-direction:column}
.suser small{font-size:12px;color:var(--text-mute)}
.suser .wr-av{width:34px;height:34px;font-size:12px}
.hchk{display:flex;gap:8px;align-items:center;font-size:13.5px;font-weight:600}
.hchk input{width:18px;height:18px;accent-color:var(--danger)}
.ev-del{margin-left:auto}
.ev-del button{width:26px;height:26px;border-radius:8px;border:1px solid var(--glass-line);background:rgba(255,90,106,.08);color:var(--danger);font-size:16px;line-height:1;cursor:pointer}
.ev-head{display:flex;align-items:center;gap:8px}
.announce{font-weight:700}
.auth-rm{margin:2px 4px 4px;color:var(--text-dim)}
.auth-rm input{accent-color:var(--accent)}
.sd{position:relative;margin-bottom:14px;padding:14px 14px 16px;border-radius:26px;background:linear-gradient(180deg,rgba(124,92,255,.14),rgba(14,16,30,.6) 38%);border:1px solid rgba(157,129,255,.22);box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);scroll-margin-top:12px}
.sd-head{display:flex;align-items:center;gap:10px;min-height:42px;margin-bottom:12px}
.sd-back{width:40px;height:40px;flex-shrink:0;border-radius:13px;border:1px solid var(--glass-line);background:rgba(255,255,255,.06);color:var(--text);display:grid;place-items:center;cursor:pointer}
.sd-back svg{width:20px;height:20px}
.sd-title{flex:1;min-width:0;display:flex;flex-direction:column}
.sd-title b{font-size:21px;font-weight:800;letter-spacing:-.5px}
.sd-title small{font-size:12.5px;color:var(--text-mute);font-weight:600}
.sd-dots{display:flex;gap:4px}
.sd-dots i{width:7px;height:7px;border-radius:4px;background:rgba(255,255,255,.14);transition:all .25s var(--spring-soft)}
.sd-dots i.on{width:16px;background:linear-gradient(90deg,var(--accent),var(--accent-hi))}
.sd-step{animation:sdin .28s var(--spring-soft)}
@keyframes sdin{from{opacity:0;transform:translateX(14px)}}
@media (prefers-reduced-motion:reduce){.sd-step{animation:none}}
.sd-nets{display:flex;gap:6px;margin-bottom:12px}
.sd-net{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 6px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);color:var(--text-dim);font-size:13px;font-weight:700;text-decoration:none}
.sd-net i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.sd-net.on{color:var(--text);background:rgba(255,255,255,.1);box-shadow:inset 0 -2px 0 var(--c)}
.sd-assets{display:grid;gap:8px}
.sd-asset{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .12s,border-color .15s,background .15s}
.sd-asset:active{transform:scale(.985)}
.sd-asset input{position:absolute;opacity:0;pointer-events:none}
.sd-asset:has(input:checked){border-color:rgba(157,129,255,.55);background:rgba(124,92,255,.1)}
.sd-asset::after{content:"";width:8px;height:8px;margin-left:2px;border-right:2px solid var(--text-mute);border-bottom:2px solid var(--text-mute);transform:rotate(-45deg);flex-shrink:0}
.sd-logo{position:relative;width:42px;height:42px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:#fff;font-weight:900;font-size:19px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 14px rgba(0,0,0,.35)}
.sd-logo.big{width:58px;height:58px;font-size:26px;margin:0 auto 10px}
.sd-logo.sm{width:38px;height:38px;font-size:16px}
.sd-an{flex:1;min-width:0;display:flex;flex-direction:column}
.sd-an b{font-size:16px;font-weight:800}
.sd-an small,.sd-ab small{font-size:12px;color:var(--text-mute)}
.sd-ab{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}
.sd-ab b{font-size:15.5px;font-weight:800}
.sd-amt{text-align:center;padding:8px 0 4px}
.sd-big{display:flex;justify-content:center;align-items:baseline;gap:6px;font-size:60px;font-weight:800;letter-spacing:-2px;line-height:1.1;font-variant-numeric:tabular-nums;min-height:70px;white-space:nowrap;overflow:hidden;transition:color .15s}
.sd-cur{font-size:.42em;font-weight:800;letter-spacing:0;color:var(--text-dim)}
.sd-amt.over .sd-big{color:var(--danger);animation:sdshake .3s}
@keyframes sdshake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.sd-swapcur{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--glass-line);background:rgba(255,255,255,.06);color:var(--text-dim);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.sd-swapcur svg{width:15px;height:15px;color:var(--accent-hi)}
.sd-avail{margin-top:10px;font-size:13px;color:var(--text-mute)}
.sd-avail b{color:var(--text-dim);font-variant-numeric:tabular-nums}
.sd-amt.over .sd-avail{color:var(--danger)}
.sd-pcts{display:flex;gap:6px;margin:12px 0 10px}
.sd-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;user-select:none;-webkit-user-select:none}
.sd-pad button{height:56px;border-radius:16px;border:0;background:rgba(255,255,255,.04);color:var(--text);font:inherit;font-size:24px;font-weight:700;cursor:pointer;display:grid;place-items:center;transition:background .1s,transform .08s;-webkit-tap-highlight-color:transparent}
.sd-pad button:active{background:rgba(157,129,255,.22);transform:scale(.96)}
.sd-pad button svg{width:24px;height:24px}
@media (hover:hover) and (pointer:fine){.sd-pad button{height:46px;font-size:20px}}
.sd-addr{margin-bottom:2px}
.sd-lbl{font-size:11.5px;font-weight:800;color:var(--text-mute);text-transform:uppercase;letter-spacing:.6px;margin:14px 2px 8px}
.sd-recents{display:grid;gap:6px;margin-bottom:14px}
.sd-rc{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.04);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.sd-rc:active{transform:scale(.985)}
.sd-rc .wr-av{width:38px;height:38px;font-size:12px}
.sd-rc-t{display:flex;flex-direction:column}
.sd-rc-t b{font-size:13.5px}
.sd-rc-t small{font-size:12px;color:var(--text-mute)}
.sd-step[data-s="3"] .auth-go{margin-top:14px}
.sd-review{text-align:center;padding:6px 0 4px}
.sd-ramt{font-size:34px;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.sd-rusd{font-size:14px;color:var(--text-mute);margin-top:2px}
.sd-rows{margin:14px 0 12px;padding:4px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);text-align:left}
.sd-rows div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.sd-rows div:last-child{border-bottom:0}
.sd-rows span{color:var(--text-mute)}
.sd-rows b{text-align:right;word-break:break-all}
.sd-hold{position:relative;width:100%;height:60px;margin-top:12px;border-radius:18px;border:0;overflow:hidden;background:linear-gradient(135deg,var(--accent),var(--accent-hi));color:#fff;font:inherit;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 10px 30px var(--accent-glow);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;-webkit-tap-highlight-color:transparent}
.sd-hold:disabled{opacity:.45;box-shadow:none;cursor:default}
.sd-hold-fill{position:absolute;inset:0;width:0;background:rgba(255,255,255,.28)}
.sd-hold.holding .sd-hold-fill{width:100%;transition:width 1.1s linear}
.sd-hold.done{background:linear-gradient(135deg,#1fb985,#3dd598)}
.sd-hold.done .sd-hold-fill{width:100%}
.sd-hold-t{position:relative}
.sd-hold.holding{transform:scale(.985)}
.sd-st{position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;border:2.5px solid #12142a;background:var(--ok)}
.sd-st.st-failed{background:var(--danger)}.sd-st.st-cancelled{background:#6a7085}.sd-st.st-new,.sd-st.st-running{background:var(--warn)}
.sd-rfold{margin:14px 0 4px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.sd-rfold summary{display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;list-style:none;font-size:13.5px;font-weight:700;color:var(--text-dim)}
.sd-rfold summary::-webkit-details-marker{display:none}
.sd-rfold summary b{padding:1px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-hi);font-size:12px}
.sd-rfold summary::after{content:"";width:8px;height:8px;margin:0 4px 0 auto;border-right:2px solid var(--text-mute);border-bottom:2px solid var(--text-mute);transform:rotate(45deg);transition:transform .2s}
.sd-rfold[open] summary::after{transform:rotate(-135deg)}
.sd-rfold .sd-recents{padding:0 8px 8px;margin:0}
.sd-rc-t small+small{margin-top:1px}
.sd-rc-t{flex:1;min-width:0}
.sd-rc-t small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-rc-usd{font-size:13.5px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-dim);flex-shrink:0}
.sd-pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 0 10px;font-size:13px;font-weight:700;color:var(--text-dim)}
.sd-pager button{width:38px;height:34px;border-radius:10px;border:1px solid var(--glass-line);background:rgba(255,255,255,.05);color:var(--text);font-size:20px;line-height:1;cursor:pointer}
.sd-pager button:disabled{opacity:.35;cursor:default}
.backlink{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin:0 0 12px;padding:8px 14px 8px 9px;border-radius:999px;background:var(--panel);border:1px solid var(--glass-line);color:var(--text);font-size:13.5px;font-weight:700;text-decoration:none;transition:background .15s,transform .1s}
.backlink::before{content:"";width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9a8ff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M15 6l-6 6 6 6'/></svg>") center/14px no-repeat}
.backlink:hover{background:rgba(124,92,255,.14)}
.backlink:active{transform:scale(.97)}
.pinbox{text-align:center;padding:4px 0 2px}
.pinbox.shake .pin-dots{animation:sdshake .35s}
.pin-lbl{font-size:13px;font-weight:700;color:var(--text-dim);margin-bottom:12px}
.pin-dots{display:flex;justify-content:center;gap:16px;margin-bottom:18px}
.pin-dots i{width:15px;height:15px;border-radius:50%;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18);transition:transform .18s var(--spring),background .18s}
.pin-dots i.on{background:linear-gradient(135deg,var(--accent),var(--accent-hi));box-shadow:0 2px 10px var(--accent-glow);transform:scale(1.18)}
.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:300px;margin:0 auto;user-select:none;-webkit-user-select:none}
.pin-pad button{height:58px;border-radius:50%;border:0;background:rgba(255,255,255,.05);color:var(--text);font:inherit;font-size:24px;font-weight:700;cursor:pointer;display:grid;place-items:center;transition:background .1s,transform .08s;-webkit-tap-highlight-color:transparent}
.pin-pad button:active{background:rgba(157,129,255,.28);transform:scale(.93)}
.pin-pad button svg{width:24px;height:24px}
.pin-pw{font-size:12.5px;font-weight:700;color:var(--text-mute)}
@media (hover:hover) and (pointer:fine){.pin-pad button{height:48px;font-size:20px}}
.xsel{position:relative;width:100%}
.xsel-native{display:none}
.xsel-btn{width:100%;display:flex;align-items:center;gap:10px;min-height:46px;padding:11px 13px;border-radius:var(--r-sm);background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.08);color:var(--text);font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,background .15s}
.xsel-btn:hover{background:rgba(255,255,255,.09)}
.xsel.open .xsel-btn{border-color:var(--accent);background:rgba(255,255,255,.09);box-shadow:0 0 0 4px var(--accent-soft)}
.xsel-lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xsel-chev{width:18px;height:18px;flex-shrink:0;color:var(--text-dim);transition:transform .22s var(--spring-soft)}
.xsel.open .xsel-chev{transform:rotate(180deg);color:var(--accent-hi)}
.xsel-menu{position:absolute;z-index:1250;left:0;right:0;top:calc(100% + 6px);max-height:260px;overflow-y:auto;padding:6px;border-radius:16px;background:rgba(20,22,40,.98);border:1px solid var(--glass-line);box-shadow:0 20px 50px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top center;visibility:hidden;transition:opacity .16s,transform .18s var(--spring-soft),visibility .16s;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.xsel-menu.up{top:auto;bottom:calc(100% + 6px);transform-origin:bottom center;transform:translateY(6px) scale(.98)}
.xsel.open .xsel-menu{opacity:1;transform:none;visibility:visible}
.xsel-opt{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:11px;font-size:14.5px;font-weight:600;color:var(--text-dim);cursor:pointer;white-space:nowrap;transition:background .1s,color .1s}
.xsel-opt:hover{background:rgba(255,255,255,.06);color:var(--text)}
.xsel-opt.on{color:#fff;background:var(--accent-soft)}
.xsel-opt.on::after{content:'';width:7px;height:7px;margin-left:auto;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hi));box-shadow:0 0 8px var(--accent-glow)}
.xsel-opt.dis{opacity:.4;cursor:default}
.xsel-sm .xsel-btn{min-height:40px;padding:8px 11px;font-size:14px;font-weight:700}
.xsel-menu::-webkit-scrollbar{width:8px}.xsel-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:8px}
.ptabs{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none;padding:4px;border-radius:16px;background:rgba(16,18,34,.72);border:1px solid var(--glass-line)}
.ptabs::-webkit-scrollbar{display:none}
.ptabs .htab{flex:1;min-width:84px;text-decoration:none;flex-direction:row;gap:7px;padding:10px 12px}
.ptabs .htab i{width:7px;height:7px;border-radius:50%;background:var(--c);opacity:.5;transition:opacity .15s}
.ptabs .htab.on i{opacity:1;box-shadow:0 0 8px var(--c)}
.ptabs .htab span{font-size:13.5px}
.ptabs .htab.on{background:rgba(255,255,255,.09);color:var(--text);box-shadow:inset 0 -2px 0 var(--c)}
.ptools{display:grid;gap:8px}
.ptool{position:relative;display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--glass-line);color:var(--text);text-decoration:none;transition:transform .12s,background .15s,border-color .15s}
.ptool:hover{background:rgba(255,255,255,.07);border-color:var(--line-hi)}
.ptool:active{transform:scale(.99)}
.ptool>span.ptool-ic{width:44px;height:44px;border-radius:14px;flex:0 0 44px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 55%,#000))}
.ptool-ic svg{width:21px;height:21px}
.ptool>span{flex:1;min-width:0;display:flex;flex-direction:column}
.ptool b{font-size:15px;font-weight:700}
.ptool small{font-size:12.5px;color:var(--text-mute);margin-top:1px}
.ptool-go{width:18px;height:18px;flex-shrink:0;color:var(--text-mute)}
.wtool>.xsel{flex:0 0 auto;width:auto;max-width:46%}
.wtool>.xsel .xsel-btn{min-height:49px}
.pxrow{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;border:1px solid var(--glass-line);background:rgba(255,255,255,.04);margin-bottom:6px}
.pxrow.off{opacity:.6}
.pxrow .wr-av{width:40px;height:40px;border-radius:12px;flex-shrink:0;font-size:13px}
.pxrow-acts{display:flex;align-items:center;gap:8px;flex-shrink:0}
.pxbtn{width:46px;height:28px;border-radius:999px;border:0;background:rgba(255,255,255,.12);position:relative;cursor:pointer;padding:0;transition:background .18s}
.pxbtn i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .18s var(--spring)}
.pxbtn.on{background:linear-gradient(135deg,var(--accent),var(--accent-hi))}
.pxbtn.on i{transform:translateX(18px)}
.pxbtn-del{width:34px;height:34px;border-radius:10px;background:rgba(255,90,106,.1);color:var(--danger);display:grid;place-items:center}
.pxbtn-del svg{width:17px;height:17px}
.tabnav{display:flex;gap:6px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.tabnav::-webkit-scrollbar{display:none}
.tabn{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:13px;background:var(--panel);border:1px solid var(--glass-line);color:var(--text-dim);font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.tabn svg{width:17px;height:17px;flex-shrink:0}
.tabn:hover{color:var(--text);background:rgba(255,255,255,.08)}
.tabn.on{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-hi));border-color:transparent;box-shadow:0 6px 18px var(--accent-glow)}
.pxrow{min-width:0}
.pxrow .sd-rc-t{flex:1;min-width:0;overflow:hidden}
.pxrow .sd-rc-t b{display:flex;align-items:center;gap:6px;min-width:0}
.pxrow .sd-rc-t b .chip{flex-shrink:0}
.pxrow .sd-rc-t small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pxrow-acts{flex-shrink:0}
.cdc-coin{position:absolute;left:50%;top:50%;z-index:0;font-size:140px;line-height:1;font-weight:900;opacity:.09;pointer-events:none;transform:translate(-50%,-52%) rotate(-10deg);text-shadow:0 4px 24px rgba(0,0,0,.2);font-family:'Inter',system-ui,sans-serif}
.cdc-coin-btc{color:#f7931a}.cdc-coin-eth{color:#aab6ff}.cdc-coin-tron{color:#ff6b6b}
.cdc-top,.cdc-num,.cdc-bottom{position:relative;z-index:1}
.cdc.mini .cdc-coin{font-size:60px;opacity:.1}
.btn-logout{color:var(--danger);background:rgba(255,90,106,.08);border:1px solid rgba(255,90,106,.25);gap:8px}
.btn-logout:hover{background:rgba(255,90,106,.14)}
.btn-logout svg{width:18px;height:18px}
#proxy-add .modal-box{box-sizing:border-box}
#proxy-add .modal-box .hform{width:100%}
#proxy-add .seg{display:flex;flex-wrap:wrap;gap:4px}
#proxy-add .seg label{flex:1 0 auto;text-align:center}
#proxy-add textarea,#proxy-add input{box-sizing:border-box;width:100%;max-width:100%}
#proxy-add .modal-sub,#proxy-add .field-label{text-align:left}

/* Плашка «высокая нагрузка в сети» (повышенная комиссия) */
.nfwarn{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:11px 13px;border-radius:14px;background:rgba(255,205,70,.10);border:1px solid rgba(255,205,70,.26);text-align:left}
.nfwarn .tx b,.nfwarn .tx small{text-align:left}
.nfwarn .ic{flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,205,70,.16);color:#ffd45e}
.nfwarn .ic svg{width:19px;height:19px}
.nfwarn .tx{min-width:0}
.nfwarn .tx b{display:block;color:#ffd45e;font-size:14px;font-weight:700;line-height:1.35}
.nfwarn .tx small{display:block;color:#cbb061;font-size:12.5px;line-height:1.45;margin-top:3px}
.nfwarn-amt{color:#ffd45e}

.cv-act{margin-top:12px}
.cv-actnote{font-size:12px;color:var(--muted);text-align:center;margin-top:7px;line-height:1.4}
.cv-bal{font-weight:400;font-size:11.5px;color:var(--muted);margin-left:8px;white-space:nowrap}
.cv-bal b{color:var(--text,#e8ecf5);font-weight:600}
.cv-max{background:rgba(124,92,255,.16);color:#b9a6ff;border:none;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600;cursor:pointer;margin-left:4px}
.cv-max:hover{background:rgba(124,92,255,.28)}
.swp-pick{display:flex;align-items:stretch;gap:8px;margin:2px 0 14px}
.swp-w{flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:11px 13px;display:flex;flex-direction:column;gap:3px;min-width:0}
.swp-lbl{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.swp-w b{font-size:17px;line-height:1.1}
.swp-w small{color:var(--muted);font-size:11.5px;line-height:1.35}
.swp-flip{flex:0 0 auto;align-self:center;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(124,92,255,.16);color:#b9a6ff;border:1px solid rgba(124,92,255,.3);text-decoration:none}
.swp-flip svg{width:18px;height:18px}
.swp-flip:hover{background:rgba(124,92,255,.28)}