.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-family:var(--ff-brand);font-weight:900;letter-spacing:-.02em;line-height:1;user-select:none}.logo:hover{color:var(--text)}.logo-mark{display:inline-flex}.logo-mark svg{width:32px;height:32px;filter:drop-shadow(0 4px 8px rgba(22,159,156,.25));transition:transform var(--t)}.logo:hover .logo-mark svg{transform:rotate(-6deg) scale(1.04)}.logo-text{display:inline-flex;gap:4px;align-items:baseline}.logo-text__main{font-size:20px}.logo-text__accent{color:var(--v-amber);font-size:20px}.logo--sm .logo-mark svg{width:26px;height:26px}.logo--sm .logo-text__main,.logo--sm .logo-text__accent{font-size:17px}.logo--lg .logo-mark svg{width:44px;height:44px}.logo--lg .logo-text__main,.logo--lg .logo-text__accent{font-size:28px}.logo--compact .logo-text{display:none}@media (max-width: 480px){.logo--default .logo-text__main,.logo--default .logo-text__accent{font-size:18px}.logo--default .logo-mark svg{width:28px;height:28px}}.topbar{position:sticky;top:0;z-index:200;height:var(--topbar-h);background:var(--white);border-bottom:1.5px solid var(--gray-200);display:flex;align-items:center;padding:0 24px;gap:14px;box-shadow:0 2px 8px #0f172a0d}.topbar-search{flex:1;max-width:540px;margin:0 auto;position:relative;display:flex;align-items:center}.topbar-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--gray-500);pointer-events:none}.topbar-search input{width:100%;height:38px;background:var(--gray-100);border:1.5px solid var(--gray-200);border-radius:8px;padding:0 14px 0 38px;font-family:var(--ff-body);font-size:13px;color:var(--text);transition:background var(--t),border-color var(--t),box-shadow var(--t)}.topbar-search input::placeholder{color:var(--gray-500)}.topbar-search input:focus{outline:none;background:var(--white);border-color:var(--v-teal);box-shadow:0 0 0 3px #169f9c1f}.topbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.topbar-btn{width:38px;height:38px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--gray-600);border:0;cursor:pointer;transition:background var(--t),color var(--t)}.topbar-btn:hover{background:var(--v-teal-50);color:var(--v-teal-dark)}.topbar-btn svg{width:18px;height:18px}.topbar-user{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;background:var(--white);border:1.5px solid var(--gray-200);border-radius:8px;cursor:pointer;transition:background var(--t),border-color var(--t);text-align:left}.topbar-user:hover{border-color:var(--v-teal-light);background:var(--v-teal-50)}.user-avatar{width:30px;height:30px;border-radius:6px;background:var(--v-teal);color:var(--white);display:inline-flex;align-items:center;justify-content:center;font-family:var(--ff-brand);font-weight:800;font-size:11px;letter-spacing:.02em;flex-shrink:0}.topbar-user--guest .user-avatar{background:var(--gray-200);color:var(--gray-700)}.user-avatar svg{width:16px;height:16px}.user-text{display:flex;flex-direction:column;line-height:1.1;min-width:0}.user-name{font-family:var(--ff-brand);font-weight:700;font-size:12px;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.user-sub{font-size:10.5px;color:var(--gray-500);white-space:nowrap}@media (max-width: 880px){.topbar{padding:0 16px;gap:10px}.topbar-search{max-width:none}.topbar-user .user-text{display:none}.topbar-user{padding:4px}}@media (max-width: 640px){.topbar-search{display:none}.topbar-btn{width:36px;height:36px}}.catnav{position:sticky;top:var(--topbar-h);z-index:150;background:var(--white);border-bottom:1px solid var(--gray-200);overflow-x:auto;scrollbar-width:none}.catnav::-webkit-scrollbar{display:none}.catnav__inner{display:flex;align-items:stretch;gap:0;padding:0 24px;min-width:max-content;height:var(--catbar-h)}.catnav__pill{display:inline-flex;align-items:center;gap:5px;padding:0 14px;height:100%;font-family:var(--ff-brand);font-weight:600;font-size:13px;color:var(--gray-600);background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color var(--t),background var(--t),border-color var(--t);text-decoration:none}.catnav__pill:hover{color:var(--v-teal-dark);background:var(--v-teal-50)}.catnav__pill--open{color:var(--v-teal-dark);border-bottom-color:var(--v-teal);font-weight:700}.catnav__pill--all{color:var(--text);font-weight:800;border-bottom-color:var(--text)}.catnav__pill--all:hover{color:var(--v-teal-dark);border-bottom-color:var(--v-teal)}.catnav__chevron{width:13px;height:13px;color:var(--gray-400);transition:transform var(--t),color var(--t)}.catnav__pill:hover .catnav__chevron{color:var(--v-teal)}.catnav__pill--open .catnav__chevron{transform:rotate(180deg);color:var(--v-teal)}.catnav__dropdown{position:fixed;z-index:9999;min-width:280px;max-height:70vh;overflow-y:auto;background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--r-md);padding:8px 0;box-shadow:0 8px 32px #00000029,0 2px 8px #00000014;animation:dd-in .14s ease}@keyframes dd-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.catnav__dropdown-label{display:block;font-family:var(--ff-brand);font-weight:800;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400);padding:8px 16px 4px}.catnav__dropdown-sep{height:1px;background:var(--gray-100);margin:6px 0}.catnav__dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 16px;font-family:var(--ff-body);font-size:13px;color:var(--gray-700);text-decoration:none;transition:background var(--t),color var(--t)}.catnav__dropdown-item:hover{background:var(--v-teal-50);color:var(--v-teal-dark)}.catnav__dropdown-item--all{font-weight:700;color:var(--v-teal-dark)}.catnav__dropdown-name{flex:1;font-weight:500}.catnav__dropdown-count{font-family:var(--ff-mono);font-size:11px;color:var(--gray-500)}.catnav__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.catnav__dot--bovine{background:var(--v-blue)}.catnav__dot--suine{background:var(--v-amber)}.catnav__dot--carnivore{background:var(--v-teal)}.catnav__dot--pasari{background:var(--v-crimson)}.catnav__dot--gray{background:var(--gray-400)}@media (max-width: 640px){.catnav{display:none}}.bnav{display:none}@media (max-width: 640px){.bnav{position:fixed;bottom:0;left:0;right:0;z-index:190;display:flex;align-items:stretch;background:var(--white);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 16px #0000000a}.bnav__item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:var(--bottomnav-h);padding-top:6px;text-decoration:none;color:var(--gray-500);font-family:var(--ff-brand);font-weight:700;font-size:10.5px;letter-spacing:.02em;position:relative;transition:color var(--t)}.bnav__item svg{width:21px;height:21px;transition:transform var(--t)}.bnav__item--active{color:var(--v-teal)}.bnav__item--active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:36px;height:3px;background:var(--v-teal);border-radius:0 0 4px 4px}.bnav__item--active svg{transform:scale(1.06)}}.footer{margin-top:auto;background:var(--gray-50);border-top:1px solid var(--border);padding-top:48px}.footer__inner{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;padding-bottom:32px}@media (max-width: 880px){.footer__inner{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.footer__inner{grid-template-columns:1fr}}.footer__brand p{margin-top:14px;color:var(--gray-600);font-size:13.5px;line-height:1.6;max-width:320px}.footer__bar{display:flex;margin-top:18px;border-radius:var(--r-pill);overflow:hidden;height:6px;width:200px}.footer__bar span{flex:1;height:100%}.footer__col h4{font-family:var(--ff-brand);font-weight:800;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--v-teal);margin-bottom:12px}.footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.footer__col a{color:var(--gray-700);text-decoration:none;font-size:13.5px;transition:color var(--t)}.footer__col a:hover{color:var(--v-teal-dark)}.footer__contact{color:var(--gray-700);font-size:13.5px;line-height:1.5}.footer__bottom{border-top:1px solid var(--border);padding:14px 0;background:var(--white)}.footer__bottom-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:11.5px;color:var(--gray-500)}@media (max-width: 640px){.footer{padding-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom) + 8px)}}.spinner{display:inline-block;border-radius:50%;border:2.5px solid var(--v-teal-50);border-top-color:var(--v-teal);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--v-blue: #5181b8;--v-amber: #f6a707;--v-teal: #169f9c;--v-crimson: #e5194c;--v-blue-dark: #3a649a;--v-amber-dark: #c07f00;--v-teal-dark: #0d7573;--v-teal-light: #2dc5c2;--v-crimson-dark: #b5103a;--v-teal-50: #ebf9f9;--v-teal-100: #e0f5f5;--v-amber-50: #fef5e1;--v-blue-50: #eaf1f8;--v-crimson-50: #fde7ec;--white: #ffffff;--mint: #e0f5f5;--mint-2: #ebf9f9;--gray-bg: #f8f9fa;--gray-50: #fafbfc;--gray-100: #f4f6f8;--gray-200: #e8ecf0;--gray-300: #d1d8e0;--gray-400: #b0b8c4;--gray-500: #8892a0;--gray-600: #5c6470;--gray-700: #424855;--gray-800: #2d3139;--gray-900: #1a1d23;--border: #e5e7eb;--text: #1a1a2e;--text-mid: #555555;--text-sm: #888888;--ff-brand: "Nunito", system-ui, sans-serif;--ff-body: "Open Sans", system-ui, sans-serif;--ff-mono: "DM Mono", ui-monospace, "Cascadia Mono", monospace;--topbar-h: 62px;--catbar-h: 46px;--bottomnav-h: 64px;--container: 1280px;--r-pill: 100px;--r-card: 14px;--r-md: 12px;--r-sm: 8px;--r-xs: 6px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 2px 6px rgba(15, 23, 42, .06);--shadow: 0 4px 20px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 40px rgba(15, 23, 42, .1);--shadow-teal: 0 8px 32px rgba(22, 159, 156, .18);--t-fast: .14s ease;--t: .2s ease;--t-slow: .32s cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--ff-body);font-size:15px;line-height:1.6;color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:var(--v-blue);text-decoration:none;transition:color var(--t)}a:hover{color:var(--v-blue-dark)}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img,svg{display:block;max-width:100%;height:auto}h1,h2,h3,h4,h5{font-family:var(--ff-brand);font-weight:800;letter-spacing:-.01em;margin:0;color:var(--text)}h1{font-size:clamp(28px,4vw,40px);line-height:1.1;font-weight:900}h2{font-size:clamp(20px,2.6vw,28px);line-height:1.2}h3{font-size:18px;line-height:1.3}p{margin:0}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:20px}@media (max-width: 640px){.container{padding-inline:14px}}.overline{font-family:var(--ff-brand);font-weight:800;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--v-teal)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.page{flex:1 1 auto;padding-top:16px;padding-bottom:80px}@media (max-width: 640px){.page{padding-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom) + 24px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}