:root{--tg-theme-bg-color: var(--tg-theme-bg-color, #ffffff);--tg-theme-text-color: var(--tg-theme-text-color, #1a1a1a);--tg-theme-hint-color: var(--tg-theme-hint-color, #6b7280);--tg-theme-button-color: var(--tg-theme-button-color, #2aabee);--tg-theme-button-text-color: var(--tg-theme-button-text-color, #ffffff);--tg-theme-secondary-bg-color: var(--tg-theme-secondary-bg-color, #f3f4f6);--font-base: 18px;--font-lg: 22px;--font-xl: 26px;--radius: 14px;--space: 16px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--font-base);line-height:1.45;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color)}a{color:var(--tg-theme-button-color)}.app-shell{max-width:640px;margin:0 auto;padding:calc(var(--space) + env(safe-area-inset-top)) var(--space) calc(var(--space) * 2 + env(safe-area-inset-bottom))}h1{font-size:var(--font-xl);margin:0 0 var(--space)}h2{font-size:var(--font-lg);margin:0 0 12px}.nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--space)}.nav a{text-decoration:none;padding:12px 16px;border-radius:var(--radius);background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color);font-size:var(--font-base)}.nav a.router-link-active{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color)}.card{background:var(--tg-theme-secondary-bg-color);border-radius:var(--radius);padding:var(--space);margin-bottom:12px}.btn{display:inline-block;border:none;border-radius:var(--radius);padding:14px 18px;font-size:var(--font-base);background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);cursor:pointer;width:100%;text-align:center}.btn:disabled{opacity:.5}.input,select,textarea{width:100%;font-size:var(--font-base);padding:14px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--tg-theme-hint-color) 40%,transparent);background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);margin-bottom:12px}textarea{min-height:120px}.muted{color:var(--tg-theme-hint-color);font-size:16px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
