:root{--page-bg:#0a0a12;--screen-bg:#14162a;--pill-bg:#1f2240;--accent:#7c5cff;--accent-soft:#7c5cff29;--text-1:#eef0ff;--text-2:#c5c8dd;--text-3:#b8bccb;--text-4:#8f94b3;--text-5:#7d84a8;--text-6:#565a72;--border:#262838;--green:#38d97a;--pink:#ff5c8a;--blue:#3d9dff;--amber:#ffcf3d;--font-head:"Fredoka", sans-serif;--font-body:"Nunito", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--page-bg);color:var(--text-1);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}button{cursor:pointer;font-family:inherit}input{font-family:inherit}a{color:inherit}.app-shell{background:var(--page-bg);justify-content:center;min-height:100%;display:flex}.screen{background:var(--screen-bg);flex-direction:column;width:100%;max-width:430px;min-height:100dvh;padding:0 20px;display:flex;position:relative}.pill{border-radius:999px}.btn-primary{background:var(--accent);color:#fff;font-weight:800;font-family:var(--font-head);text-align:center;border:none;border-radius:999px;width:100%;padding:14px 0;font-size:15px}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{border:1px solid var(--border);color:var(--text-2);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 0;font-size:12px;font-weight:700;display:flex}.icon-btn{background:var(--pill-bg);width:34px;height:34px;color:var(--text-2);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.topnav{align-items:center;padding:20px 0 6px;display:flex;position:relative}.topnav .back{position:absolute;left:0}.topnav .title{font-family:var(--font-head);margin:0 auto;font-size:16px;font-weight:600}@keyframes spin-fade{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.loading-dot{animation:1.2s infinite spin-fade}