*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #93c572;--color-primary-dark: #7eaa61;--sticky-bg-light: rgba(255, 255, 255, .92);--sticky-bg-dark: rgba(17, 24, 39, .92)}html{scroll-behavior:smooth}body{font-family:Google Sans,Roboto,Arial,sans-serif;-webkit-tap-highlight-color:transparent;background:#f9fafb;color:#1f2937}body.dark{background:#111827;color:#f3f4f6}h1,h2,h3,h4,h5,h6{font-family:Google Sans Display,Google Sans,sans-serif}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.sticky-categories{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--sticky-bg-light);border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:10px 16px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}body.dark .sticky-categories{background:var(--sticky-bg-dark);border-bottom-color:#374151}.cat-tab{white-space:nowrap;padding:7px 16px;border-radius:99px;font-size:13px;font-weight:500;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:#ffffff26;color:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cat-tab.active{background:#fff;color:var(--color-primary);border:none;box-shadow:0 6px 16px #0000002e;transform:scale(1.04) translateY(-1px);font-weight:800}body.dark .cat-tab.active{background:#1f2937;color:var(--color-primary);box-shadow:0 6px 16px #0006}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite}@media(max-width:640px){.sticky-categories{padding:8px 12px;gap:6px}.cat-tab{padding:5px 12px;font-size:12px}}