:root{--bg:#0a1120;--bg2:#0e1626;--card:#131f36;--card2:#17233d;--brand:#0ea5e9;--brand-ink:#04121e;--text:#e8eef7;--muted:#8090ab;--err:#f87171;--ok:#34d399;--line:#223150;--radius:18px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -10%, #12203a 0%, var(--bg) 60%);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{max-width:440px;min-height:100vh;margin:0 auto}.screen{flex-direction:column;gap:14px;min-height:100vh;padding:24px 18px 40px;display:flex}.center{text-align:center;align-items:center}.self-center{align-self:center}.self-start{align-self:flex-start}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.row.gap{gap:12px}.grow{flex:1}.topbar{margin-bottom:2px}.muted{color:var(--muted)}.tiny{font-size:12px}.small{word-break:break-all;font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.foot{text-align:center;margin-top:auto;padding-top:12px}h1,h2,h3{margin:2px 0}h2{font-size:22px}.logo{letter-spacing:-.5px;margin:2px 0;font-size:26px;font-weight:800}.logo.sm{font-size:17px;font-weight:700}.brandmark{color:var(--brand);filter:drop-shadow(0 0 18px #0ea5e980);margin-top:26px;font-size:46px}.btn{background:var(--card2);color:var(--text);border:1px solid var(--line);cursor:pointer;text-align:center;border-radius:14px;padding:15px 18px;font-size:15px;font-weight:650;text-decoration:none;transition:transform 50ms,filter .15s;display:inline-block}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg, #22b3f2, var(--brand));color:var(--brand-ink);border:none}.btn.wide{width:100%}.btn.big{padding:17px;font-size:16px}.btn:disabled{opacity:.5;cursor:default}.btn.primary:disabled{color:#5f7496;opacity:1;background:#1b2c46}.danger-outline{color:#f4a3ad;background:0 0;border:1px solid #5b2330}.icon-btn{background:var(--card);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:12px;width:38px;height:38px;font-size:17px}.link{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:none}.link.back{align-self:flex-start}.card{background:linear-gradient(180deg, var(--card), var(--card2));border:1px solid var(--line);border-radius:var(--radius);padding:22px}.balancecard{text-align:center;background:linear-gradient(160deg,#16305a,#131f36 70%)}.balance{letter-spacing:-1px;margin:8px 0;font-size:44px;font-weight:820}.addr{background:var(--card);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;display:flex}.addrfull{background:var(--card);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:12px;width:100%;padding:12px 14px}.input{background:var(--bg2);border:1px solid var(--line);color:var(--text);border-radius:14px;width:100%;padding:15px;font-size:15px}.input::placeholder{color:#56658a}.status{font-size:14px}.status.err,.err{color:var(--err)}.qr{background:#fff;border-radius:18px;padding:16px;line-height:0;display:inline-block}.login{justify-content:center;gap:12px;padding-bottom:24px}.login .brandmark{margin-top:8px}.login .foot{margin-top:20px}.tagline{margin-top:-4px}.valueprops{flex-direction:column;gap:10px;width:100%;max-width:320px;margin:12px 0 6px;padding:0;list-style:none;display:flex}.valueprops li{color:#cdd7e8;align-items:center;gap:10px;font-size:14px;display:flex}.valueprops li span{text-align:center;width:22px}.valueprops li .vp-ic{justify-content:center;align-items:center;display:inline-flex}.methods-label{margin:10px 0 2px}.methods{grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:320px;display:grid}.method-chip{background:var(--card);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:11px 12px;font-size:13.5px;font-weight:550;display:inline-flex}.method-chip svg,.method-chip .mi{flex-shrink:0;display:inline-flex}.method-chip.span2{grid-column:1/-1}.noseed{max-width:320px;margin-top:10px}.btn-loading{justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn-spinner{border:2px solid #04121e59;border-top-color:var(--brand-ink);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}.btn.primary.loading{opacity:1}.demo-banner{color:#7fd3f5;text-align:center;background:#0ea5e91a;border:1px solid #0ea5e947;border-radius:12px;padding:10px 12px;font-size:12.5px}.comingsoon{text-align:center}.cs-emoji{font-size:34px}.cs-title{margin:6px 0 4px;font-weight:700}.chainsw{position:relative}.chain-pill{background:var(--card);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}.caret{color:var(--muted);font-size:11px}.sheet-backdrop{z-index:20;background:#03081280;position:fixed;inset:0}.chain-menu{background:var(--card2);border:1px solid var(--line);z-index:21;border-radius:16px;max-height:60vh;padding:8px;position:absolute;top:46px;left:0;right:0;overflow:auto;box-shadow:0 20px 40px #00000073}.chain-menu-title{color:var(--muted);padding:6px 8px;font-size:12px}.chain-item{width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:11px 8px;font-size:14px;display:flex}.chain-item:hover{background:var(--card)}.chain-item.active{background:#0ea5e91f}.chain-item .cname{text-align:left;flex:1}.chain-menu-foot{margin:2px 0 0;padding:8px}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:700}.badge-live{color:var(--ok);background:#34d39926}.badge-read{color:var(--brand);background:#0ea5e926}.badge-soon{color:#94a3b8;background:#94a3b826}.seg{background:var(--bg2);border:1px solid var(--line);border-radius:14px;gap:6px;padding:4px;display:flex}.seg-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:650}.seg-btn.on{background:var(--card);color:var(--text)}.seg-btn:disabled{opacity:.4}.modal-backdrop{z-index:30;background:#0308129e;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--card2);border:1px solid var(--line);border-radius:20px 20px 0 0;width:100%;max-width:440px;padding:22px 20px 26px}.confirm-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;font-size:15px;display:flex}.modal-actions{margin-top:18px}.nudge{background:#0ea5e914;border:1px solid #0ea5e940;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.nudge-body{align-items:center;gap:10px;display:flex}.nudge-icon{font-size:22px}.nudge-title{font-size:14px;font-weight:650}.nudge-actions{flex-shrink:0;gap:6px;display:flex}.tiny-btn{border-radius:10px;padding:8px 12px;font-size:13px}.set-section{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:8px 2px 0;font-size:12px}.set-card{flex-direction:column;gap:8px;padding:16px 18px;display:flex}.set-row{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.divider{color:var(--muted);text-align:center;margin:4px 0;font-size:12px}.spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:28px;height:28px;margin:40px auto 10px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login{position:relative}.login-lang{top:12px;z-index:6;position:absolute;inset-inline-end:12px}.lang-select{color:#e7eefc;cursor:pointer;appearance:none;background:#ffffff0f;border:1px solid #ffffff29;border-radius:10px;outline:none;padding:7px 10px;font-size:13px}.lang-select:focus{border-color:#0ea5e9}.lang-select option{color:#0a1120}.lang-select.compact{border-radius:8px;padding:5px 9px;font-size:12px}[dir=rtl] .row.between,[dir=rtl] .set-row,[dir=rtl] .confirm-row,[dir=rtl] .nudge{flex-direction:row-reverse}[dir=rtl] .back{display:inline-block;transform:none}[dir=rtl] .mono,[dir=rtl] .addrfull,[dir=rtl] .balance{direction:ltr;unicode-bidi:isolate}
