:root{--bg: #0f0f0f;--bg2: #1a1a1a;--text: #ffffff;--hint: #888888;--accent: #6c63ff;--success: #4ade80;--danger: #f87171;--card: #1e1e1e;--border: rgba(255,255,255,.07);--nav: 64px;--radius: 16px;--top-safe: env(safe-area-inset-top, 0px);--bottom-safe: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;overflow:hidden;background:#0f0f0f}body{height:100%;overflow:hidden;font-family:-apple-system,Inter,BlinkMacSystemFont,sans-serif;background:#0f0f0f;color:#fff;font-size:14px;overscroll-behavior:none;-webkit-overflow-scrolling:touch;position:fixed;width:100%}#root{height:100%;height:100dvh;display:flex;flex-direction:column;background:#0f0f0f;overflow:hidden}.page{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 16px calc(var(--nav) + 16px + var(--bottom-safe));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.card{background:var(--card);border-radius:var(--radius);padding:16px;border:1px solid var(--border)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;font-family:inherit;-webkit-appearance:none}.btn:active{transform:scale(.98);opacity:.85}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn-green{background:var(--success);color:#000}.input{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px 16px;color:var(--text);font-size:14px;outline:none;transition:border-color .2s;font-family:inherit;-webkit-appearance:none}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--hint)}.skeleton{background:linear-gradient(90deg,var(--card) 25%,var(--bg2) 50%,var(--card) 75%);background-size:200% 100%;animation:sk 1.5s infinite;border-radius:12px}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--accent);color:#fff;border-radius:9px;font-size:11px;font-weight:700}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}