html,body{margin:0;height:100%}header{position:sticky;top:0;z-index:10;background-color:var(--background);padding:1rem}.scrollable{overflow-y:auto;height:calc(100vh - 100px);padding:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(45%,1fr));gap:1rem}.fade{opacity:0;transform:translateY(10px);animation:fadeIn .6s ease forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.fade-enter-active,.fade-exit-active{transition:opacity .4s ease}.fade-enter,.fade-exit-to{opacity:0}