:root{--bg: var(--tg-theme-bg-color, #f0f0f0);--bg-secondary: var(--tg-theme-secondary-bg-color, #e0e0e0);--text: var(--tg-theme-text-color, #000);--hint: var(--tg-theme-hint-color, #999);--link: var(--tg-theme-link-color, #2481cc);--button: var(--tg-theme-button-color, #2481cc);--button-text: var(--tg-theme-button-text-color, #fff);--accent: var(--tg-theme-accent-text-color, #2481cc);--radius: 12px;--gap: 12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--button);color:var(--button-text);border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s;width:100%}.btn:active{opacity:.8}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--bg-secondary);color:var(--text)}.card{background:var(--bg-secondary);border-radius:var(--radius);padding:var(--gap)}.page{max-width:480px;margin:0 auto;padding:var(--gap);min-height:100vh;display:flex;flex-direction:column;gap:var(--gap)}.page-title{font-size:22px;font-weight:700;text-align:center;padding:8px 0}.hint{color:var(--hint);font-size:14px}.spinner{display:flex;align-items:center;justify-content:center;height:100vh;font-size:32px}