:root{--bg: #0f0f13;--bg-card: #1a1a24;--bg-input: #24243a;--border: #2a2a3e;--text: #e8e8f0;--text-dim: #8888a0;--accent: #7c5cfc;--accent-hover: #9b7fff;--danger: #f04060;--success: #30d080;--radius: 12px;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;min-width:320px}#root{max-width:480px;margin:0 auto;padding:16px}h1{font-size:1.8rem;font-weight:700}h2{font-size:1.2rem;font-weight:600}button{border-radius:var(--radius);border:1px solid var(--border);padding:10px 20px;font-size:.95rem;font-weight:600;font-family:inherit;background:var(--bg-card);color:var(--text);cursor:pointer;transition:all .15s}button:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:var(--danger);border-color:var(--danger);background:transparent}input,select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-size:.95rem;color:var(--text);font-family:inherit;outline:none;width:100%;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}