:root{--bg: var(--tg-theme-bg-color, #f8fafc);--bg-secondary: var(--tg-theme-secondary-bg-color, #f1f5f9);--text: var(--tg-theme-text-color, #1e293b);--text-hint: var(--tg-theme-hint-color, #64748b);--link: var(--tg-theme-link-color, #2563eb);--button: var(--tg-theme-button-color, #2563eb);--button-text: var(--tg-theme-button-text-color, #ffffff);--accent: #2563eb;--radius: 12px;--shadow: 0 2px 8px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-size:16px;line-height:1.5;min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;outline:none;font-family:inherit;font-size:16px;border-radius:var(--radius);transition:opacity .15s,transform .1s}button:active{opacity:.8;transform:scale(.98)}.btn-primary{background:var(--button);color:var(--button-text);padding:14px 24px;font-weight:600;width:100%;font-size:16px}.btn-secondary{background:var(--bg-secondary);color:var(--text);padding:12px 20px;font-weight:500}.card{background:var(--bg-secondary);border-radius:var(--radius);padding:16px}