.compact-controls,#compact-profile{display:none}.category-label-short{display:none}.all-category .category-label-full{margin:0;font-size:inherit;color:inherit}.side-cats .category-vector{width:34px;height:38px;flex-shrink:0}
@media(max-width:820px){
 .directory>.sidebar,.species>.sidebar{display:block;position:relative;padding:0 14px!important;margin:0;min-height:0;background:#29999d;overflow:visible;z-index:30}
 .sidebar .side-brand{height:64px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 90px 0 0;margin:0}
 .sidebar .side-brand .brand{font-size:24px;letter-spacing:-1px;white-space:nowrap;color:#fff}.sidebar .side-brand .brand span{color:#ecf6aa}
 .sidebar .side-brand p{margin:0;font-size:11px;color:#e4f3ef;white-space:nowrap}
 .sidebar .side-account,.sidebar .side-bottom{display:none}
 .favorites-view .directory-top{display:none}.favorites-view .list-heading{margin:24px 0 26px}
 .compact-controls{position:absolute;right:14px;top:15px;display:flex;gap:10px;align-items:center}
 .compact-controls button{display:grid;place-items:center;padding:3px;flex-shrink:0;cursor:pointer}.compact-controls svg{width:24px;height:24px}
 [data-compact-avatar]{width:34px;height:34px;border-radius:50%;background:#d9f2e7;color:#5b9b8b;overflow:hidden}.compact-controls [data-compact-avatar] svg{width:29px;height:29px}.compact-controls [data-compact-avatar] img{width:100%;height:100%;object-fit:cover;border-radius:50%}
 [data-compact-menu]{width:30px;height:34px;color:white;background:transparent}
 .sidebar>nav{display:flex;align-items:center;justify-content:space-between;gap:3px;height:54px;padding:0 0 8px;overflow-x:auto;scrollbar-width:none;box-sizing:border-box}.sidebar>nav::-webkit-scrollbar{display:none}
 .sidebar .side-cats{display:contents}.sidebar .side-cats>a,.sidebar .all-category{display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0;padding:7px 5px;margin:0;border-radius:11px;color:#f3fffb;font-size:12px;min-height:0}
 .sidebar .side-cats>a>div{display:block}.sidebar .side-cats strong{font-size:12px;font-weight:500;white-space:nowrap}.sidebar .side-cats span,.sidebar .side-cats>a>.icon,.sidebar .category-total,.sidebar .category-label-full{display:none}
 .sidebar .side-cats .category-vector{width:28px;height:28px}.sidebar .all-category>.icon{width:20px;height:20px;margin:0}.sidebar .category-label-short{display:inline;margin:0;font-size:12px;color:inherit}
 .sidebar .side-cats>a.active,.sidebar .all-category.active{background:#d9f2e7;color:#236d66}.sidebar .all-category{padding:8px}.favorites-view .sidebar .all-category.active{background:transparent;color:white}
 .sidebar .side-more{display:none;margin:0;padding:8px;position:absolute;z-index:40;top:58px;right:14px;width:190px;border:1px solid #dcebe3;border-radius:13px;background:#fff;box-shadow:0 8px 28px #17474226}
 .sidebar .side-more.is-open{display:block}.sidebar .side-more a,.favorites-view .sidebar .side-more .my-favorites.active{display:flex;align-items:center;gap:10px;padding:12px;color:#285b56;font-size:13px;border-radius:8px}.sidebar .side-more a:hover{background:#eff8f4}.sidebar .side-more .icon{width:18px;height:18px}
 #compact-profile:not([hidden]){display:block;position:absolute;z-index:41;right:54px;top:58px;min-width:180px;max-width:calc(100vw - 80px);padding:16px;background:white;border:1px solid #dcebe3;border-radius:13px;box-shadow:0 8px 28px #17474226;color:#285b56}
 [data-compact-user]{font-size:14px;font-weight:600;overflow-wrap:anywhere}[data-compact-membership]{display:flex;align-items:center;gap:6px;font-size:11px;margin-top:8px;color:#6b827b}[data-compact-membership]:empty{display:none}[data-compact-logout]{font-size:12px;color:#68817b;margin-top:12px;padding:6px 0}
 .compact-controls button:focus-visible{outline:2px solid white;outline-offset:3px}.sidebar .side-more a:focus-visible,#compact-profile button:focus-visible{outline:2px solid #29999d;outline-offset:2px}
}
@media(max-width:380px){.sidebar .side-brand p{display:none}.sidebar .side-cats>a{gap:2px;padding:7px 3px}.sidebar .side-cats .category-vector{width:24px;height:24px}.sidebar .side-cats strong{font-size:11px}}