.app-shell { width:min(100%,607px); min-height:var(--telegram-viewport-height,100dvh); margin:0 auto; padding:calc(34px + max(env(safe-area-inset-top),var(--telegram-safe-top))) calc(21px + max(env(safe-area-inset-right),var(--telegram-safe-right))) calc(146px + max(env(safe-area-inset-bottom),var(--telegram-safe-bottom))) calc(21px + max(env(safe-area-inset-left),var(--telegram-safe-left))); }
#homeView { container-type:inline-size; padding-top:8px; }
.balance-card { padding-top:4cqw; color:#151419; }
.balance-top { display:flex; align-items:center; justify-content:space-between; }
.balance-label { color:#919095; font-size:3.2cqw; }
.balance-visibility { display:grid; place-items:center; width:11.3cqw; height:11.3cqw; padding:0; border:0; border-radius:50%; background:#f7f7f9; color:#919095; cursor:pointer; }
.balance-visibility svg { width:5.5cqw; height:5.5cqw; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.balance-visibility:focus-visible { outline:3px solid #ef1033; outline-offset:4px; }
.balance-visibility:active { transform:scale(.96); }
.balance-main { display:flex; align-items:baseline; gap:2.2cqw; margin-top:3.3cqw; min-height:10cqw; }
.balance-main strong { font-family:var(--font); font-size:9.8cqw; font-weight:900; line-height:1.3; direction:ltr; unicode-bidi:isolate; letter-spacing:-.2cqw; }
.balance-main>span { color:#919095; font-size:3.2cqw; white-space:nowrap; }
.balance-details { display:flex; align-items:center; gap:2.7cqw; margin-top:3.6cqw; }
.balance-equivalent { color:#919095; font-size:3.1cqw; white-space:nowrap; }
.balance-equivalent b { font-weight:400; }
.return-chip { display:flex; align-items:center; justify-content:center; gap:.7cqw; min-height:7.1cqw; padding:1cqw 3.2cqw; border-radius:100px; background:#e8f8f2; color:#269e7e; font-size:2.9cqw; font-weight:800; white-space:nowrap; }
.return-chip strong { font-weight:800; direction:ltr; unicode-bidi:isolate; }
.stat-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3.3cqw; margin-top:5.9cqw; }
.stat-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; min-height:31.6cqw; padding:4.9cqw; border-radius:7cqw; text-align:right; }
.stat-net { background:#e8f8f2; }
.stat-today { background:#fff3f5; }
.stat-card>span,.stat-card small { color:#919095; font-size:2.9cqw; font-weight:400; }
.stat-card strong { max-width:100%; margin-top:4.8cqw; color:#19a47e; font-family:var(--font); font-size:4.8cqw; font-weight:800; line-height:1.2; direction:ltr; unicode-bidi:isolate; overflow-wrap:anywhere; }
.stat-today strong,.stat-card strong.is-loss { color:#ef1033; }
.stat-card small { margin-top:3.4cqw; }
.exchange-status { margin:4cqw 0 5cqw; color:#919095; font-size:2.65cqw; line-height:1.8; text-align:center; }


.loading-screen { position:fixed; z-index:30; inset:0; display:grid; place-content:center; justify-items:center; gap:14px; background:var(--bg); transition:opacity .25s ease,visibility .25s ease; }
.loading-screen.hidden { visibility:hidden; opacity:0; }
.loader { width:44px; height:44px; border:4px solid #f1ced5; border-top-color:var(--red); border-radius:50%; animation:spin .8s linear infinite; }
.loading-screen p { margin:0; color:var(--muted); font-size:13px; }
.toast { position:fixed; z-index:40; right:50%; bottom:150px; width:max-content; max-width:calc(100% - 32px); padding:12px 17px; border-radius:12px; background:#24252a; color:#fff; font-size:13px; opacity:0; transform:translate(50%,16px); pointer-events:none; transition:.25s ease; }
.toast.show { opacity:1; transform:translate(50%,0); }

@media (max-width:520px) {
  .app-shell { padding-right:14px; padding-left:14px; }
  .app-shell:not(.is-invite) { padding-right:calc(19px + max(env(safe-area-inset-right),var(--telegram-safe-right))); padding-left:calc(19px + max(env(safe-area-inset-left),var(--telegram-safe-left))); padding-top:calc(16px + max(env(safe-area-inset-top),var(--telegram-safe-top))); }
}
@keyframes spin { to { transform:rotate(360deg); } }