:root{--bg:#0a0a1a;--surface:#12122a;--border:#ffffff14;--text:#e0e0e0;--text2:#888;--accent:#6366f1;--accent2:#818cf8;--danger:#ef4444;--success:#22c55e}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.centered{background:radial-gradient(at 50% 30%,#6366f114,#0000 70%);justify-content:center;align-items:center;min-height:100vh;display:flex}.error-msg{color:var(--danger);min-height:20px;margin-top:16px;font-size:13px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:0 auto 12px;animation:1s linear infinite spin}