header{display:flex;flex-direction:column;row-gap:1rem}.header-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header-container h1{margin:0}.header-container h1:before{content:"🔍";padding-right:0.25rem}.settings-container{display:flex;flex-direction:row;column-gap:1rem}.categories h2{text-align:center;font-size:2rem;margin-bottom:20px;color:var(--text-alt)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 10px;justify-items:center;justify-content:center;margin:0 auto}.category-card{display:flex;justify-content:center;align-items:center;background-color:var(--background-darker);border-radius:10px;padding:15px 10px;text-align:center;font-size:16px;font-weight:bold;text-decoration:none;color:#333;transition:transform 0.3s ease,background-color 0.3s ease,box-shadow 0.3s ease;box-shadow:0 4px 8px var(--shadow);width:200px;height:100px;box-sizing:border-box}.category-card:hover{background-color:var(--background-hover);transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,0.2)}.category-name{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:1200px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.category-grid{grid-template-columns:repeat(2,1fr)}.categories h2{font-size:1.5rem}}@media (max-width:480px){.header-container h1:before{content:"";padding:0}.category-grid{grid-template-columns:repeat(1,1fr)}.category-card{width:100%}}