.web-login { display:flex; flex-direction:column; gap:12px; border:1px solid #ffffff25; border-radius:12px; padding:16px; font-size:13px; line-height:1.65; color:#c5c5ce; }
.web-login strong { font:600 26px 'JetBrains Mono',monospace; letter-spacing:.15em; color:#fff; }
.web-login .btn { justify-content:center; }
.web-login [data-web-cancel] { color:#aaaab5; text-decoration:underline; }
.web-wallet { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px 24px; padding:24px; margin:24px 0; border:1px solid #ffffff20; border-radius:16px; background:#ffffff06; }
.web-wallet-sum { display:flex; flex-direction:column; gap:10px; min-width:0; }
.web-wallet > .btn { flex:none; padding:11px 22px; font-size:14px; font-weight:600; }
@media (max-width:560px) { .web-wallet > .btn { width:100%; justify-content:center; } }
.web-wallet span { color:#aaaab5; font-size:13px; }
.web-wallet b { color:#fff; font-size:36px; font-variant-numeric:tabular-nums; }
.web-wallet small,.web-note { color:#aaaab5; font-size:12px; line-height:1.7; }
.web-note { margin:18px 0; }
.web-table { overflow:auto; }
.web-table .tbl { min-width:540px; }
.web-chat-note { padding:24px; }
.web-chat-note .btn { margin-top:12px; }
.web-login-code { display:flex; flex-direction:column; gap:10px; }
.web-login-code input { padding:10px 12px; border:1px solid #ffffff25; border-radius:8px; background:#ffffff08; color:#fff; font:600 20px 'JetBrains Mono',monospace; letter-spacing:.3em; text-align:center; }
.web-login-error { min-height:1.4em; color:#efc7c7; font-size:12px; }
.web-danger { margin:28px 0 8px; padding:22px 24px; max-width:640px; border:1px solid #ff5f5738; border-radius:16px; background:linear-gradient(180deg,#ff5f570d,#ff5f5703); }
.web-danger h2 { margin:0 0 8px; color:#fff; font-size:15px; font-weight:600; }
.web-danger p { margin:0 0 8px; color:#aaaab5; font-size:12.5px; line-height:1.7; max-width:62ch; }
.web-danger .web-danger-warn { margin-top:14px; color:#ffcfcb; }
.web-danger-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.btn.danger { color:#ffb4ae; border-color:#ff5f5759 !important; background:#ff5f5714 !important; }
.btn.danger:hover { background:#ff5f5729 !important; }
.btn.danger.solid { color:#fff; border-color:#ff5f57 !important; background:#e5483f !important; box-shadow:0 0 18px #ff5f5740; }
.btn.danger.solid:hover { background:#f0544b !important; }
.web-danger .btn:disabled { opacity:.5; cursor:default; }
@media (max-width:560px) { .web-danger { padding:18px; } .web-danger-actions .btn { flex:1; justify-content:center; } }