body{font-family:Arial,sans-serif;background:#f0f0f0;color:#333;margin:0}h1{background:black;-webkit-background-clip:text}.logo-text,h1{font-size:18px;font-weight:400;letter-spacing:3px;-webkit-text-fill-color:transparent}.logo-text{background:linear-gradient(90deg,#ffffff,#00c853);-webkit-background-clip:text}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem;margin:1rem}.card{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:.5rem;text-align:center}.card img{max-width:100%;object-fit:cover;border-radius:6px}.card h2{margin:0;font-size:1.2rem}.card p{font-size:1rem}.card a{color:#0066ff;text-decoration:none;font-weight:700;margin-top:auto}#loading-indicator{text-align:center;padding:20px;font-size:14px;color:#888;display:none}.skeleton-card{animation:pulse 1.5s infinite}.skeleton-img,.skeleton-text,.skeleton-title{background:#ddd;border-radius:4px}.skeleton-img{height:150px}.skeleton-title{height:18px;width:70%;margin:10px auto}.skeleton-text{height:12px;width:90%;margin:4px auto}.skeleton-text.short{width:60%}@keyframes pulse{0%{background-color:#eee}50%{background-color:#ddd}to{background-color:#eee}}.image-wrapper{position:relative;overflow:hidden;border-radius:6px}.image-wrapper img{width:100%;height:150px;object-fit:cover;display:block}.corner{background:rgba(255,255,255,.85);padding:4px 8px;font-size:12px;border-radius:4px}.cat,.corner{position:absolute;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-left{top:8px;left:8px}.top-right{top:8px;right:8px}.bottom-left{bottom:8px;left:8px}.bottom-right{bottom:8px;right:8px;cursor:pointer}.external-link{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:4px;box-shadow:0 1px 4px rgba(0,0,0,.15)}header{position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;height:40px;z-index:1100}img{max-width:100%;height:auto;display:block}.nav{display:flex;justify-content:space-between;align-items:center;background:#000;padding:0 10px;position:relative}.nav-links{list-style:none;display:flex;gap:20px;transition:max-height .3s ease-out}.nav-links a{text-decoration:none;color:white;transition:.3s;font-weight:200}.nav-links a:hover{color:#8e8886}.menu-toggle{position:relative;width:30px;height:24px;background:none;border:none;cursor:pointer;z-index:1100;display:none}.menu-toggle .bar{position:absolute;height:.1rem;background:linear-gradient(90deg,#ffffff,#00c853);transition:all .3s ease-in-out;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.menu-toggle .bar:first-child{width:70%;top:4.5px;left:15%}.menu-toggle .bar:nth-child(2){width:100%;top:11.5px;left:0}.menu-toggle .bar:nth-child(3){width:70%;top:18.5px;left:15%}.menu-toggle.active .bar:first-child{top:12px;transform:rotate(45deg);width:100%;left:0}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:nth-child(3){top:12px;transform:rotate(-45deg);width:100%;left:0}@media (max-width:768px){.nav-links{flex-direction:column;background:rgba(0,0,0,.9);position:fixed;top:0;right:0;width:70%;height:100vh;padding:20px;z-index:1000;transform:translateX(100%);transition:transform .3s ease-out}.nav-links.active{transform:translateX(0)}.menu-toggle{display:block}}.card-title{font-size:12px;font-weight:700;margin:0;line-height:1.2;color:#000!important}#categoryFilter{overflow-x:auto;white-space:nowrap;display:flex;gap:16px;padding:20px 0;scrollbar-width:thin;scrollbar-color:#2ecc71 #ffffff}#categoryFilter::-webkit-scrollbar{height:4px}#categoryFilter::-webkit-scrollbar-track{background:#ffffff;border-radius:10px}#categoryFilter::-webkit-scrollbar-thumb{background-color:#2ecc71;border-radius:10px}.category-group{display:flex;flex-direction:column;gap:10px;scroll-snap-align:start;min-width:150px;flex-shrink:0;padding:10px;border-radius:8px}label.category-label{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;border:1px solid #2ecc71;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}label.category-label input[type=checkbox]{position:relative;display:inline-block;vertical-align:middle;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#fff;border:2px solid #2ecc71;width:18px;height:18px;border-radius:50%;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;box-sizing:border-box}label.category-label input[type=checkbox]:checked{background-color:#2ecc71;border-color:#27ae60}.category-scroll-wrapper{position:relative;padding:0 16px;overflow-x:auto}.category-scroll-wrapper:after{content:"";position:absolute;top:0;right:0;width:60px;height:100%;pointer-events:none;background:linear-gradient(270deg,rgb(255 255 255),rgba(30,30,30,0));z-index:1}.category-tag{display:inline-block;background:#f3f3f3;color:#333;padding:2px 8px;margin-right:6px;margin-top:2px;border-radius:20px;font-size:12px}