*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}:root,[data-theme=dark]{--bg: #111110;--surface: #1a1a18;--border: #2a2a28;--text: #e8e8e4;--muted: #888884;--radius: 16px;--c-codrops: #475ae0;--c-shadertoy:#b57bd9;--c-threejs: #d9c45b;--c-gsap: #0ae448}[data-theme=light]{--bg: #f7f7f5;--surface: #ffffff;--border: #e2e2de;--text: #1a1a18;--muted: #6b6b67}html{font-size:16px}header,.pills,.featured,footer,.pill,.card__thumb--placeholder{transition:background-color .3s,border-color .3s,color .3s}body{background:var(--bg);color:var(--text);font-family:Nunito,sans-serif;min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s,color .3s}header{position:relative;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border)}.theme-toggle{position:absolute;top:50%;right:2rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:1px solid var(--border);border-radius:50%;color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s}.theme-toggle:hover{border-color:var(--text);color:var(--text)}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:none}[data-theme=light] .theme-toggle .icon-moon{display:block}.logo{display:flex;align-items:center;color:var(--text);transition:color .2s}.logo svg{height:28px;width:auto}.pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1rem 2rem;border-bottom:1px solid var(--border)}.pill{background:transparent;border:1px solid var(--border);border-radius:999px;padding:.25rem .7rem;font-size:.68rem;font-family:Space Grotesk,sans-serif;font-weight:600;color:var(--text);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.pill:hover{border-color:var(--text);color:var(--text)}.pill__count{opacity:.6;margin-left:.2rem}.pill.active{background:var(--text);border-color:var(--text);color:var(--bg)}.pill[data-source=awwwards].active{background:var(--c-awwwards);border-color:var(--c-awwwards);color:#fff}.pill[data-source=fwa].active{background:var(--c-fwa);border-color:var(--c-fwa);color:#fff}.pill[data-source=cssda].active{background:var(--c-cssda);border-color:var(--c-cssda);color:#fff}.pill[data-source=codrops].active{background:var(--c-codrops);border-color:var(--c-codrops);color:#111}.pill[data-source=threejs].active{background:var(--c-threejs);border-color:var(--c-threejs);color:#111}.pill[data-source=gsap].active{background:var(--c-gsap);border-color:var(--c-gsap);color:#111}.pill__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1.5px var(--border);transition:box-shadow .3s}.pill:not([data-source=""]):not([data-source=hidden]){display:inline-flex;align-items:center;gap:.4rem}.featured{display:flex;justify-content:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border)}.featured__inner{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;width:75%}@media(max-width:1200px){.featured__inner{width:90%}}@media(max-width:900px){.featured__inner{width:100%;grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.featured__inner{grid-template-columns:1fr 1fr}}@media(max-width:560px){.featured{padding:1rem}.featured__inner{grid-template-columns:1fr;width:100%}}.grid{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;padding:1.5rem 2rem;align-content:start}@media(max-width:1200px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid{grid-template-columns:1fr;padding:1rem}header{padding:1.25rem 1rem 1rem}}.card{position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer;text-decoration:none;color:inherit;display:block;aspect-ratio:16 / 14;transition:transform .2s}.card:hover{transform:translateY(-3px)}.card__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;padding-bottom:18%}.card__thumb--placeholder{position:absolute;inset:0;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--muted)}.card__blur{position:absolute;inset:0;-webkit-mask-image:linear-gradient(to top,black 21%,transparent 40%);mask-image:linear-gradient(to top,black 21%,transparent 40%)}.card__blur img{width:200%;height:330%;left:-50%;position:absolute;bottom:-19%;filter:blur(40px) brightness(.8);-webkit-filter:blur(40px) brightness(.8)}.card__hide-btn{position:absolute;top:.75rem;left:.75rem;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#ffffffe6;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s,background .15s,border-color .15s;z-index:2}.card:hover .card__hide-btn{opacity:1;pointer-events:all}.card__hide-btn:hover{background:#0009;border-color:#ffffff59}.card__hide-btn .icon-eye{display:none}.card__hide-btn .icon-slash{display:block}.card.is-hidden .card__hide-btn .icon-slash{display:none}.card.is-hidden .card__hide-btn .icon-eye{display:block}.card__source-pill{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;gap:.4rem;background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.25rem .7rem;font-size:.68rem;font-family:Space Grotesk,sans-serif;font-weight:600;color:#ffffffe6;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}.card__source-pill:hover{background:#0009;border-color:#ffffff59}.card__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.card__body{position:absolute;bottom:0;left:0;right:0;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.35rem}.card__score{font-size:.7rem;font-weight:600;color:#ffffff80;letter-spacing:.04em;text-transform:uppercase}.card__title{font-size:.95rem;font-weight:600;line-height:1.35;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__desc{font-size:.75rem;color:#ffffffa6;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured .card__title{font-size:1.1rem}.featured .card__desc{font-size:.85rem}.featured .card__score{font-size:.75rem}.dot--awwwards{background:var(--c-awwwards)}.dot--fwa{background:var(--c-fwa)}.dot--cssda{background:var(--c-cssda)}.dot--codrops{background:var(--c-codrops)}.dot--shadertoy{background:var(--c-shadertoy)}.dot--threejs{background:var(--c-threejs)}.dot--gsap{background:var(--c-gsap)}.card__seen-tick{display:none;width:10px;height:10px;flex-shrink:0}.card.is-seen .card__seen-tick{display:block}.state{grid-column:1 / -1;text-align:center;color:var(--muted);padding:4rem 0;font-size:.9rem}footer{padding:1.25rem 2rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--muted);text-align:center}