:root{--app-bg: var(--tg-theme-bg-color, #ffffff);--app-text: var(--tg-theme-text-color, #0f0f0f);--app-hint: var(--tg-theme-hint-color, #999999);--app-link: var(--tg-theme-link-color, #2481cc);--app-button: var(--tg-theme-button-color, #2481cc);--app-button-text: var(--tg-theme-button-text-color, #ffffff);--app-secondary-bg: var(--tg-theme-secondary-bg-color, #f0f0f0)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--app-bg);color:var(--app-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}#app{max-width:640px;margin:0 auto;padding:0 16px 32px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0}.app-header__title{font-size:20px;font-weight:700}.card{background:var(--app-secondary-bg);border-radius:16px;padding:16px;margin-bottom:12px}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;background:var(--app-button);color:var(--app-button-text);font-size:16px;font-weight:600;padding:12px 20px;cursor:pointer;transition:opacity .15s ease}.button:active{opacity:.75}.button:disabled{opacity:.5;cursor:default}.button--ghost{background:transparent;color:var(--app-link);padding:8px 12px}.input{width:100%;border:none;border-radius:12px;background:var(--app-secondary-bg);color:var(--app-text);font-size:16px;padding:12px 16px;outline:none}.hint{color:var(--app-hint);font-size:14px}.error{color:#e5484d;font-size:14px;margin:8px 0}