:root{--bg-900: #0a0e17;--bg-800: #121826;--bg-700: #1b2333;--surface-line: #2a3344;--ink-0: #ffffff;--ink-300: #a7b0c0;--ink-500: #6b7488;--brand-500: #ffd60a;--brand-400: #ffe45c;--brand-600: #e6b800;--brand-glow: 0 0 16px rgba(255, 214, 10, .45);--success-500: #2fd17a;--warning-500: #ffb020;--danger-500: #ff4d5e;--info-500: #4cc2ff;--safe-top: 0px;--safe-bottom: 0px;--radius: 16px;--pad: 16px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-900);color:var(--ink-0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;padding:calc(var(--safe-top) + 12px) var(--pad) calc(var(--safe-bottom) + 88px);min-height:100%}.h1{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:8px 0 16px}.h2{font-size:20px;font-weight:700;margin:16px 0 8px}.muted{color:var(--ink-300)}.dim{color:var(--ink-500)}.card{background:var(--bg-700);border:1px solid var(--surface-line);border-radius:var(--radius);padding:var(--pad)}.balance-card{background:linear-gradient(135deg,var(--bg-700),var(--bg-800));border:1px solid var(--surface-line);border-radius:var(--radius);padding:20px;box-shadow:var(--brand-glow)}.balance-amount{font-size:34px;font-weight:800;color:var(--brand-500)}.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 18px;border-radius:12px;border:none;font-size:16px;font-weight:700;cursor:pointer;width:100%}.btn-primary{background:var(--brand-500);color:#0a0e17}.btn-primary:active{background:var(--brand-600)}.btn-secondary{background:transparent;color:var(--ink-0);border:1px solid var(--surface-line)}.btn:disabled{opacity:.5}.input{width:100%;height:48px;padding:0 14px;border-radius:12px;background:var(--bg-800);border:1px solid var(--surface-line);color:var(--ink-0);font-size:16px}.input:focus{outline:2px solid var(--brand-500)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column;gap:12px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pack{background:var(--bg-800);border:1px solid var(--surface-line);border-radius:12px;padding:12px;text-align:center;cursor:pointer}.pack.selected{border-color:var(--brand-500);box-shadow:var(--brand-glow)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-success{background:#2fd17a26;color:var(--success-500)}.badge-warning{background:#ffb02026;color:var(--warning-500)}.badge-danger{background:#ff4d5e26;color:var(--danger-500)}.badge-info{background:#4cc2ff26;color:var(--info-500)}.skeleton{background:linear-gradient(90deg,var(--bg-700) 25%,var(--bg-800) 37%,var(--bg-700) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:10px;height:16px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.tabbar{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;display:flex;justify-content:space-around;background:var(--bg-800);border-top:1px solid var(--surface-line);padding:8px 0 calc(var(--safe-bottom) + 8px)}.tab{background:none;border:none;color:var(--ink-500);font-size:12px;padding:6px 10px}.tab.active{color:var(--brand-500)}.empty{text-align:center;color:var(--ink-300);padding:40px 0}.toast{position:fixed;left:16px;right:16px;top:calc(var(--safe-top) + 12px);max-width:448px;margin:0 auto;background:var(--bg-700);border:1px solid var(--surface-line);border-left:4px solid var(--danger-500);border-radius:12px;padding:12px 14px;z-index:50}