:root{--bg: var(--tg-theme-bg-color, #ffffff);--bg2: var(--tg-theme-secondary-bg-color, #f4f4f5);--text: var(--tg-theme-text-color, #111);--hint: var(--tg-theme-hint-color, #8e8e93);--link: var(--tg-theme-link-color, #2481cc);--button: var(--tg-theme-button-color, #2481cc);--button-text: var(--tg-theme-button-text-color, #fff);--danger: #d33;--ok: #2ea043}*{box-sizing:border-box;margin:0}body{font-family:-apple-system,system-ui,Roboto,sans-serif;background:var(--bg2);color:var(--text);-webkit-font-smoothing:antialiased}#root{min-height:100vh;padding-bottom:64px}.screen{padding:16px;max-width:640px;margin:0 auto}.card{background:var(--bg);border-radius:12px;padding:14px 16px;margin-bottom:10px}.card h3{font-size:16px;margin-bottom:4px}.hint{color:var(--hint);font-size:13px}.reward{font-weight:700;color:var(--ok);white-space:nowrap}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.btn{display:block;width:100%;padding:13px;border:none;border-radius:10px;background:var(--button);color:var(--button-text);font-size:16px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5}.btn-secondary{background:var(--bg);color:var(--danger)}.field{margin-bottom:12px}.field label{display:block;font-size:13px;color:var(--hint);margin-bottom:4px}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid var(--bg2);border-radius:10px;background:var(--bg);color:var(--text);font-size:15px}.field textarea{min-height:120px;resize:vertical}.error{color:var(--danger);font-size:14px;margin:8px 0}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:12px;background:var(--bg2);color:var(--hint)}.badge.ok{background:#e6f4ea;color:var(--ok)}.badge.warn{background:#fff4e5;color:#b76e00}.badge.bad{background:#fdecea;color:var(--danger)}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--bg);border-top:1px solid var(--bg2);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;text-align:center;padding:9px 0 7px;text-decoration:none;color:var(--hint);font-size:11px}.tabbar a.active{color:var(--link)}.tabbar .icon{display:block;font-size:20px;margin-bottom:1px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 0;max-width:640px;margin:0 auto}.topbar h1{font-size:20px}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:24px;gap:12px}.balance-big{font-size:34px;font-weight:700}pre.req{white-space:pre-wrap;font-family:inherit;font-size:14px;background:var(--bg2);border-radius:8px;padding:10px;margin-top:6px}
