:root{--webapp-bg: #ffffff;--webapp-text: #1a1a1a;--webapp-hint: #8e8e93;--webapp-link: #007aff;--webapp-button: #007aff;--webapp-button-text: #ffffff;--webapp-secondary-bg: #f2f2f7;--tg-theme-bg-color: var(--webapp-bg);--tg-theme-text-color: var(--webapp-text);--tg-theme-hint-color: var(--webapp-hint);--tg-theme-link-color: var(--webapp-link);--tg-theme-button-color: var(--webapp-button);--tg-theme-button-text-color: var(--webapp-button-text);--tg-theme-secondary-bg-color: var(--webapp-secondary-bg)}body{--webapp-bg: var(--tg-theme-bg-color, #ffffff);--webapp-text: var(--tg-theme-text-color, #1a1a1a);--webapp-hint: var(--tg-theme-hint-color, #8e8e93);--webapp-link: var(--tg-theme-link-color, #007aff);--webapp-button: var(--tg-theme-button-color, #007aff);--webapp-button-text: var(--tg-theme-button-text-color, #ffffff);--webapp-secondary-bg: var(--tg-theme-secondary-bg-color, #f2f2f7)}body.dark-theme{--webapp-bg: var(--tg-theme-bg-color, #1c1c1e);--webapp-text: var(--tg-theme-text-color, #ffffff);--webapp-hint: var(--tg-theme-hint-color, #8e8e93);--webapp-link: var(--tg-theme-link-color, #0a84ff);--webapp-button: var(--tg-theme-button-color, #0a84ff);--webapp-button-text: var(--tg-theme-button-text-color, #ffffff);--webapp-secondary-bg: var(--tg-theme-secondary-bg-color, #2c2c2e)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:16px;line-height:1.4}body{background-color:var(--webapp-secondary-bg);color:var(--webapp-text);min-height:100vh;overflow-x:hidden}a{color:var(--webapp-link);text-decoration:none}button{font-family:inherit;font-size:inherit}html,body{overscroll-behavior:none}::-webkit-scrollbar{width:0;background:transparent}:focus-visible{outline:2px solid var(--webapp-link);outline-offset:2px}button,.webapp-card--clickable{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}button,input,select,textarea{touch-action:manipulation}.webapp-container{padding:16px;min-height:100vh;background-color:var(--webapp-secondary-bg)}.webapp-card{background-color:var(--webapp-bg);border-radius:12px;padding:12px 16px;box-shadow:0 1px 3px #00000014}.webapp-card--clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.webapp-card--clickable:active{transform:scale(.98);box-shadow:0 1px 2px #0000000d}.webapp-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none;width:100%}.webapp-button--primary{background-color:var(--webapp-button);color:var(--webapp-button-text)}.webapp-button--primary:active{opacity:.8;transform:scale(.98)}.webapp-button--secondary{background-color:var(--webapp-secondary-bg);color:var(--webapp-text)}.webapp-button--secondary:active{opacity:.8;transform:scale(.98)}.webapp-button--danger{background-color:#ff3b30;color:#fff}.webapp-button--danger:active{opacity:.8;transform:scale(.98)}.webapp-button:disabled{opacity:.5;cursor:not-allowed;transform:none}