:root{--bg: #05040A;--bg-deep: #000000;--surface: #0E0B16;--surface-2: #15111F;--surface-3: #1C1730;--border: #241C33;--border-strong: #342A48;--primary: #7C3AED;--primary-600: #6D28D9;--primary-400: #9B6CF5;--primary-300: #AE5DFF;--primary-200: #C9AEFF;--primary-glow: rgba(124, 58, 237, .35);--grad-brand: linear-gradient(135deg, #C9AEFF 0%, #8250F0 55%, #7C3AED 100%);--grad-button: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);--grad-heading: linear-gradient(90deg, #E9DBFF 0%, #B78CFF 55%, #7C3AED 100%);--text: #F5F1FB;--text-muted: #8B8496;--text-dim: #575163;--success: #2FD8C3;--warning: #F4B740;--danger: #FF5D6C;--radius-sm: 12px;--radius: 16px;--radius-lg: 20px;--radius-xl: 26px;--shadow-card: 0 8px 30px rgba(0,0,0,.45);--glow: 0 0 40px var(--primary-glow);--font-sans: "Inter", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 50% -10%,rgba(124,58,237,.18),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;min-height:100%;padding:16px 16px 88px;display:flex;flex-direction:column;gap:16px}.header{display:flex;align-items:center;gap:12px;padding:8px 2px}.header img{width:40px;height:40px}.header .brand{font-weight:700;font-size:20px;letter-spacing:.2px;background:var(--grad-heading);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header .sub{color:var(--text-muted);font-size:12px}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-card)}.balance-card{background:radial-gradient(600px 200px at 80% -40%,var(--primary-glow),transparent 60%),var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:20px}.balance-label{color:var(--text-muted);font-size:13px}.balance-value{font-family:var(--font-mono);font-size:34px;font-weight:700;margin-top:6px;letter-spacing:-.5px}.vcard{position:relative;aspect-ratio:1.6 / 1;border-radius:var(--radius-lg);padding:18px;color:#fff;overflow:hidden;background:var(--grad-brand);box-shadow:0 12px 40px #7c3aed59}.vcard .brandmark{position:absolute;top:16px;right:18px;font-weight:700;opacity:.9}.vcard .pan{font-family:var(--font-mono);font-size:18px;letter-spacing:2px;margin-top:52px}.vcard .row{display:flex;justify-content:space-between;margin-top:14px;font-size:12px;opacity:.9}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:background .15s,transform .1s}.tile:active{transform:scale(.97)}.tile:hover{background:var(--surface-3)}.tile .ic{display:flex;color:var(--primary-300)}.tile .label{font-size:12px;color:var(--text)}.tile.soon .ic,.tile.soon .label{color:var(--text-dim)}.tile .badge{font-size:9px;color:var(--primary-200);border:1px solid var(--border-strong);border-radius:999px;padding:1px 6px}.btn{width:100%;border:none;cursor:pointer;border-radius:var(--radius);padding:14px;font-size:15px;font-weight:600;color:#fff;background:var(--grad-button);box-shadow:var(--glow);transition:transform .1s,filter .15s}.btn:active{transform:scale(.98)}.btn:disabled{filter:grayscale(.5) opacity(.6);cursor:default}.btn.secondary{background:var(--surface-3);box-shadow:none;color:var(--text)}.section-title{font-size:14px;color:var(--text-muted);margin:4px 2px}.hist-item{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;border-bottom:1px solid var(--border)}.hist-item:last-child{border-bottom:none}.hist-kind{font-size:13px;color:var(--text)}.hist-date{font-size:11px;color:var(--text-dim)}.amt-pos{color:var(--success);font-family:var(--font-mono)}.amt-neg{color:var(--text);font-family:var(--font-mono)}.field{width:100%;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);padding:14px;color:var(--text);font-size:16px;font-family:var(--font-mono)}.field:focus{outline:none;border-color:var(--primary-400)}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;display:flex;justify-content:space-around;padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:#0e0b16e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border)}.tab{background:none;border:none;color:var(--text-dim);font-size:11px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}.tab.active{color:var(--primary-300)}.tab .ico{display:flex}.muted{color:var(--text-muted);font-size:13px}.notice{background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:12px;color:var(--warning);font-size:12px}.stack{display:flex;flex-direction:column;gap:12px}.center{display:grid;place-items:center;min-height:60vh;color:var(--text-muted)}