:root{--bg:var(--tg-theme-bg-color,#fff);--text:var(--tg-theme-text-color,#1a1a1a);--hint:var(--tg-theme-hint-color,#7a7a7a);--card:var(--tg-theme-secondary-bg-color,#f1f1f4)}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}main{max-width:560px;padding:calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px) + 20px) 16px calc(var(--tg-safe-area-inset-bottom,0px) + 24px);margin:0 auto}header h1{margin:0 0 4px;font-size:28px}header p{color:var(--hint);margin:0 0 20px}#cards{gap:14px;display:grid}.card{background:var(--card);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;border-radius:16px;flex-direction:column;padding:0;display:flex;overflow:hidden}.card:active{transform:scale(.98)}.cover{justify-content:center;align-items:center;height:140px;font-size:64px;display:flex}.info{padding:12px 16px 16px}.info h2{margin:0 0 4px;font-size:19px}.info p{color:var(--hint);margin:0;font-size:14px}