:root{--green: #34C759;--red: #FF3B30;--blue: #007AFF;--bg: #f2f2f7;--bg2: #ffffff;--bg3: #e5e5ea;--text: #1c1c1e;--text2: #6c6c70;--text3: #aeaeb2;--border: rgba(60,60,67,.14);--shad: 0 2px 14px rgba(0,0,0,.07);--radius-card: 20px;--radius-btn: 14px}@media(prefers-color-scheme:dark){:root{--bg: #000000;--bg2: #1c1c1e;--bg3: #2c2c2e;--text: #ffffff;--text2: #aeaeb2;--text3: #636366;--border: rgba(255,255,255,.1);--shad: 0 2px 14px rgba(0,0,0,.35)}}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;min-height:100dvh;-webkit-font-smoothing:antialiased}#root{max-width:430px;margin:0 auto;min-height:100dvh;background:var(--bg);position:relative;overflow-x:hidden}button{border:none;cursor:pointer;font-family:inherit;background:none;padding:0}button:active{opacity:.65}input,textarea{font-family:inherit}a{text-decoration:none;color:inherit}@keyframes slideIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.slide-in{animation:slideIn .28s ease}.fade-up{animation:fadeUp .28s ease}.spinner{width:24px;height:24px;border:3px solid var(--bg3);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}
