:root{--bg-color: var(--tg-theme-bg-color, #ffffff);--text-color: var(--tg-theme-text-color, #000000);--hint-color: var(--tg-theme-hint-color, #999999);--link-color: var(--tg-theme-link-color, #2481cc);--button-color: var(--tg-theme-button-color, #2481cc);--button-text-color: var(--tg-theme-button-text-color, #ffffff);--secondary-bg: var(--tg-theme-secondary-bg-color, #f0f0f0);--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--canvas-bg: #ffffff;--toolbar-bg: rgba(0, 0, 0, .05);--border-radius: 12px;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{min-height:100vh;display:flex;flex-direction:column}.screen{display:none;flex-direction:column;min-height:100vh;padding:16px;animation:fadeIn .3s ease}.screen.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}button{border:none;border-radius:var(--border-radius);padding:14px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;touch-action:manipulation}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--button-color);color:var(--button-text-color)}.btn-secondary{background-color:var(--secondary-bg);color:var(--text-color)}.btn-success{background-color:var(--success-color);color:#fff}.btn-danger{background-color:var(--danger-color);color:#fff}.hidden{display:none!important}