:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;--bg: #0a0e1a;--surface: #111827;--surface-hover: #1a2236;--border: rgba(99, 102, 241, .15);--border-hover: rgba(99, 102, 241, .35);--text: #f1f5f9;--text-muted: #94a3b8;--primary: #6366f1;--primary-hover: #818cf8;--accent: #fbbf24;--success: #34d399;--radius: 16px;--radius-sm: 10px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100dvh}.page{max-width:480px;margin:0 auto;padding:16px 16px 100px;display:flex;flex-direction:column;gap:16px}.header{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.logo{display:flex;align-items:center;gap:8px}.logo-icon{font-size:28px}.logo-text{font-size:20px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;align-items:center;gap:8px}.points-badge{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:700}.points-icon{font-size:14px}.points-value{color:var(--accent)}.wallet-badge{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:6px 12px;font-size:12px;font-family:SF Mono,Fira Code,monospace;color:var(--success)}.nav{display:flex;gap:4px;background:var(--surface);border-radius:var(--radius);padding:4px;border:1px solid var(--border)}.nav-btn{flex:1;padding:10px 8px;border:none;border-radius:12px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.nav-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f14d}.nav-btn:not(.active):hover{background:var(--surface-hover)}.status-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;color:var(--text-muted)}.hero-card{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:var(--radius);padding:28px 20px;border:1px solid rgba(99,102,241,.25)}.hero-card h1{font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.hero-card p{color:#c7d2fe;line-height:1.5;font-size:14px}.card-grid{display:grid;gap:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease}.card:hover{border-color:var(--border-hover)}.card-icon{font-size:32px}.card h3{font-size:16px;font-weight:700}.card p{color:var(--text-muted);font-size:13px;line-height:1.4}.reward-card{text-align:center;align-items:center}.reward-cost{font-weight:700;color:var(--accent)!important}.stat-row{display:flex;gap:16px}.stat{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:18px;font-weight:800;color:var(--text)}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.mono{font-family:SF Mono,Fira Code,monospace;font-size:12px;word-break:break-all;color:var(--success)}.action-grid{display:flex;flex-direction:column;gap:8px}button{padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:14px;cursor:pointer;transition:all .15s ease}button:hover:enabled{transform:translateY(-1px);border-color:var(--border-hover)}button:active:enabled{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover:enabled{background:var(--primary-hover);box-shadow:0 8px 24px #6366f14d}button.secondary{background:var(--surface);border-color:var(--border)}button.secondary:hover:enabled{background:var(--surface-hover)}.footer{text-align:center;padding:24px 0;font-size:12px;color:var(--text-muted);opacity:.6}.view{display:flex;flex-direction:column;gap:16px}