*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--tg-theme-bg-color, #fff);color:var(--tg-theme-text-color, #111);padding:0 16px;padding-bottom:env(safe-area-inset-bottom,0)}.app{max-width:480px;margin:0 auto;min-height:100vh}.header{padding:16px 0}.header h1{margin:0;font-size:1.5rem}.muted{color:var(--tg-theme-hint-color, #666);font-size:.9rem}.error{color:#c00;padding:16px}.loading{padding:24px}.card{background:var(--tg-theme-secondary-bg-color, #f5f5f5);border-radius:12px;padding:16px;margin-bottom:16px}.card h2{margin:0 0 12px;font-size:1.1rem}.nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.nav-link{color:var(--tg-theme-link-color, #2481cc);text-decoration:none}ul{margin:0;padding-left:20px}