:root{--bg:#151514;--panel:#1c1b19;--panel2:#24221f;--line:#3b3935;--text:#f1f0eb;--muted:#aaa69e;--accent:#a5b86b;--accent2:#d6d7b0;--earth:#a87958;--earth-soft:#d2af91;--slate:#747e7a}
body{background:radial-gradient(circle at 18% 4%,rgba(132,106,82,.055),transparent 28%),var(--bg)}
.site-header{background-image:radial-gradient(ellipse at 20% 15%,rgba(132,106,82,.13),transparent 40%),repeating-linear-gradient(118deg,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 1px,transparent 1px,transparent 10px),linear-gradient(105deg,#111311,#1d1e1b 48%,#171a17 75%,#101210)!important}
.hero-side,.forum-section,.ranking-board,.profile-hero,.editor-card{background-color:var(--panel)}
.species-band{background:#e2ddd2}.overline,.kicker{color:var(--earth-soft)}
.nav a.active,.section-head>a,.side-link b{color:var(--accent)}
.content-section{margin-bottom:112px}.section-head{margin-bottom:34px}.section-head h2{line-height:1.14}.gallery{row-gap:34px}.profile-photos,.profile-density-maps,.profile-achievements{margin-top:34px}.profile-form-card,.editor-card,.admin-module-grid>a{padding:30px}
.daily-card,.image-wrap,.archive-photo-image,.species-index-grid>a,.profile-photo-card>div{box-shadow:0 12px 34px rgba(0,0,0,.12)}
a,button,input,select,textarea,.daily-card,.image-wrap,.archive-photo-image,.species-index-grid>a,.profile-photo-card{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .24s ease,transform .24s ease,opacity .2s ease}
.daily-card:hover,.species-index-grid>a:hover,.archive-photo-card:hover,.profile-photo-card:hover{transform:translateY(-3px)}
button:active,.primary:active,.account .join:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.mobile-bottom-nav{display:none}
@media(max-width:900px){html,body{width:100%;max-width:100%;overflow-x:hidden}body{padding-bottom:76px}.mobile-bottom-nav{position:fixed;z-index:1000;left:10px;right:auto;bottom:max(9px,env(safe-area-inset-bottom));width:calc(100% - 20px);max-width:calc(100dvw - 20px);height:62px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:5px 7px;overflow:visible;border:1px solid rgba(205,199,190,.2);border-radius:18px;background:rgba(20,22,19,.96);box-shadow:0 15px 45px rgba(0,0,0,.45);backdrop-filter:blur(18px)}.mobile-bottom-nav>a,.mobile-more-menu>summary{width:100%;max-width:100%;min-width:0;height:50px;overflow:hidden;display:grid;place-items:center;align-content:center;gap:3px;border-radius:12px;color:#b4d55c;font-size:8px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.mobile-bottom-nav .nav-icon{width:20px;height:20px;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;opacity:1!important}.mobile-bottom-nav>a.active,.mobile-more-menu>summary.active{color:#e8f7b9;background:rgba(170,205,75,.14)}.mobile-bottom-nav .mobile-upload-action{width:54px;max-width:54px;height:54px;justify-self:center;margin-top:-21px;overflow:visible;border:5px solid #171915;border-radius:50%;background:#b8d862;color:#11150d;box-shadow:0 8px 24px rgba(137,176,52,.28)}.mobile-more-menu{position:static;width:100%;min-width:0;overflow:visible}.mobile-more-menu>summary{list-style:none;cursor:pointer}.mobile-more-menu>summary::-webkit-details-marker{display:none}.mobile-more-menu>div{position:fixed;z-index:1100;left:10px;right:auto;bottom:82px;width:calc(100% - 20px);max-width:calc(100dvw - 20px);padding:9px;border:1px solid rgba(190,211,133,.25);border-radius:18px;background:rgba(17,21,17,.98);box-shadow:0 20px 55px rgba(0,0,0,.55);backdrop-filter:blur(20px)}.mobile-more-menu>div>a{height:auto;min-height:56px;display:grid;grid-template-columns:34px 1fr;place-items:initial;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid rgba(255,255,255,.07);border-radius:10px;color:#dce5d2;white-space:normal}.mobile-more-menu>div>a:last-child{border-bottom:0}.mobile-more-menu>div>a .nav-icon{color:#b8d862}.mobile-more-menu>div>a span{display:grid;gap:2px}.mobile-more-menu>div>a b{font-size:11px}.mobile-more-menu>div>a small{color:#8f998d;font-size:8px!important}.site-footer{margin-bottom:0}.account .desktop-account-link{display:none!important}.header-profile>div,.header-profile>i{display:none}.profile-dropdown{position:fixed;top:72px;left:10px;right:10px;width:auto;max-width:none}.profile-dropdown:before{right:26px}.header-main{width:100%;max-width:100%;gap:12px}.header-main>.site-brand{min-width:0}.account{flex:0 0 auto;gap:8px}.notification-dropdown{left:10px;right:10px;width:auto}}
@media(max-width:380px){.mobile-bottom-nav{left:6px;width:calc(100% - 12px);max-width:calc(100dvw - 12px);padding-right:3px;padding-left:3px}.mobile-bottom-nav>a,.mobile-more-menu>summary{font-size:7px}.mobile-bottom-nav .nav-icon{width:18px;height:18px}.mobile-bottom-nav .mobile-upload-action{width:50px;max-width:50px;height:50px;border-width:4px}.mobile-more-menu>div{left:6px;width:calc(100% - 12px);max-width:calc(100dvw - 12px)}}
@media(max-width:560px){.account>.mobile-login-link{display:inline-flex!important}.account>a{font-size:10px!important}.account .join{padding:9px 11px}.site-brand img{height:43px;max-width:150px}.header-main{padding:0 12px}}
/* Android browsers can calculate percentage widths from a zoomed layout viewport. Pin mobile overlays to both viewport edges instead. */
@media(max-width:900px){html{-webkit-text-size-adjust:100%}.mobile-bottom-nav{left:10px;right:10px;width:auto;max-width:none}.mobile-more-menu>div{left:10px;right:10px;width:auto;max-width:none}}
@media(max-width:380px){.mobile-bottom-nav,.mobile-more-menu>div{left:6px;right:6px;width:auto;max-width:none}}
.species-quick-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.species-quick-facts span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid rgba(188,181,171,.14);border-radius:7px;background:rgba(255,255,255,.025);color:#aaa69e;font-size:8px}.species-quick-facts i{color:var(--earth-soft);font-style:normal}.species-quick-facts .migration-fact{color:#c9d3ae}
.portfolio-hero{position:relative;isolation:isolate;overflow:hidden;min-height:330px;background-image:linear-gradient(120deg,#18221a,#101511 68%)}.portfolio-hero>*:not(.portfolio-cover-shade){position:relative;z-index:2}.portfolio-cover-shade{display:none}.portfolio-hero .profile-avatar{box-shadow:0 14px 40px rgba(0,0,0,.4)}.profile-filters{flex-wrap:wrap}.profile-filters button[data-photo-filter=popular]:before{content:'♥';margin-right:6px;color:#c9857b}
.notification-type svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notification-list>a{border-left:3px solid transparent}.notification-list>a.unread{background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border-left-color:#8f9b73}.notification-type.photo_approved{color:#9eb879;background:rgba(118,147,83,.13)}.notification-type.photo_commented{color:#83a9bd;background:rgba(74,126,151,.13)}.notification-type.photo_liked{color:#cf8279;background:rgba(160,72,65,.13)}.notification-type.daily_photo{color:#d4b567;background:rgba(174,132,45,.13)}
.species-guide-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0 8px}.species-guide-facts>span{min-width:0;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:center;padding:11px;border:1px solid rgba(190,185,176,.14);border-radius:12px;background:rgba(255,255,255,.025)}.species-guide-facts i{grid-row:1/3;color:var(--earth-soft);font:normal 20px serif}.species-guide-facts small{color:#827f78;font-size:7px!important;letter-spacing:.08em}.species-guide-facts b{overflow:hidden;text-overflow:ellipsis;color:#deddd7;font-size:9px;white-space:nowrap}.species-guide-facts .fact-migration i{color:#91acb5}.species-guide-facts .fact-season i{color:#d0b36c}.species-guide-facts .fact-conservation i{color:#9fb57a}.species-guide-facts .status-vu,.species-guide-facts .status-en,.species-guide-facts .status-cr{border-color:rgba(190,103,85,.35)}.species-guide-facts .is-empty{opacity:.58;border-style:dashed}.species-guide-facts .is-empty i,.species-guide-facts .is-empty b{color:#85847f}.quick-fact-editor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.quick-fact-editor-grid select{width:100%;border:1px solid rgba(210,225,213,.16);border-radius:12px;background:#0e130f;color:#f5f7f5;padding:12px 13px;font:12px Inter}@media(max-width:720px){.species-guide-facts{grid-template-columns:1fr 1fr}.quick-fact-editor-grid{grid-template-columns:1fr}}@media(max-width:420px){.species-guide-facts{grid-template-columns:1fr}}
.site-header{overflow:hidden;isolation:isolate}.site-header>.header-main,.site-header>.nav{position:relative;z-index:3}.site-header:before,.site-header:after{content:"";position:absolute;z-index:1;pointer-events:none;left:-55%;width:210%;height:115%;filter:blur(15px);will-change:transform}.site-header:before{top:-34%;opacity:.21;background:radial-gradient(ellipse 9% 27% at 8% 54%,rgba(208,215,207,.2),transparent 72%),radial-gradient(ellipse 13% 35% at 27% 42%,rgba(185,198,188,.17),transparent 73%),radial-gradient(ellipse 10% 29% at 49% 62%,rgba(213,219,211,.16),transparent 74%),radial-gradient(ellipse 15% 38% at 75% 43%,rgba(187,199,190,.15),transparent 75%);animation:header-cloud-drift 42s linear infinite}.site-header:after{bottom:-47%;opacity:.13;background:radial-gradient(ellipse 12% 34% at 16% 45%,rgba(196,205,198,.2),transparent 74%),radial-gradient(ellipse 16% 40% at 46% 55%,rgba(176,191,181,.16),transparent 75%),radial-gradient(ellipse 11% 32% at 79% 42%,rgba(207,213,206,.17),transparent 73%);animation:header-cloud-drift-secondary 58s linear infinite}@keyframes header-cloud-drift{from{transform:translate3d(-6%,0,0)}to{transform:translate3d(36%,0,0)}}@keyframes header-cloud-drift-secondary{from{transform:translate3d(28%,0,0)}to{transform:translate3d(-18%,0,0)}}@media(prefers-reduced-motion:reduce){.site-header:before,.site-header:after{animation:none}}
.site-header{overflow:visible}.site-header:before,.site-header:after{left:0;width:100%}