:root{--app-bg:var(--tg-theme-bg-color,#fff);--app-text:var(--tg-theme-text-color,#111);--app-secondary-bg:var(--tg-theme-secondary-bg-color,#f2f2f2);--app-button:var(--tg-theme-button-color,#2481cc);--app-button-text:var(--tg-theme-button-text-color,#fff)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--app-bg);min-height:100%}body{background:var(--app-bg);min-width:320px;min-height:100vh;color:var(--app-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button,a{-webkit-touch-callout:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--app-button);outline-offset:2px}#app{background:var(--app-bg);min-height:100vh}.page-wrapper{width:100%;max-width:720px;padding:20px;padding-bottom:calc(24px + env(safe-area-inset-bottom));margin:0 auto}h1{margin-bottom:20px;font-size:28px;font-weight:700;line-height:1.2}h2{line-height:1.3}input::placeholder,textarea::placeholder{color:var(--app-text);opacity:.4}
