/* Reference-led Black Moth design. Explicit light choice keeps its white canvas. */
:root{--acid:#b0ff32;--teal:#08c8c4;--pink:#b0ff32}
html[data-theme=dark]{--bg:#090c0b;--surface:#101312;--text:#f5f3e9;--muted:#c7cbc4;--line:#555c54;--cream:#f5f3e9;--ink:#0b0d0a;--bm-panel:#101312;--bm-panel-soft:#101312;--bm-hover:#b0ff32}
html[data-theme=dark] body{background:radial-gradient(ellipse at 2% 30%,#083b3833,transparent 25%),radial-gradient(ellipse at 98% 65%,#083b3833,transparent 22%),#090c0b!important;color:var(--text)}
body{font-family:'Roboto Condensed',Arial,sans-serif}
.utility{background:var(--acid)!important;color:#10150c!important;border:0!important;min-height:28px!important;padding:0!important}
.utility-inner{min-height:28px!important;justify-content:center!important;display:flex!important;padding:4px 12px!important;font:800 13px/1.3 'Barlow Condensed',sans-serif;letter-spacing:1.8px}
.utility-inner>span{display:block!important}
.header{border-bottom:1px solid var(--line)!important;position:relative!important;background:var(--bg)!important}
.header-inner{max-width:1280px!important;min-height:88px!important;padding:12px 24px!important;display:flex!important;gap:22px!important}
.header .brand{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;width:auto!important;height:auto!important;transform:none!important}
.header .brand:before,.header .brand:after{display:none!important}
.header .brand>.native-moth{width:105px!important;height:64px!important;object-fit:contain!important;margin:0!important;filter:none!important}
.header .brand>.native-moth{position:static!important;inset:auto!important;flex-shrink:0!important}
.header .brand>.reference-wordmark{position:static!important;display:block!important;min-width:145px!important;margin:0!important;padding:0!important}
.reference-hero h1{transform:none!important}.reference-hero .eyebrow{display:block!important}.reference-hero h1 span{color:#b0ff32!important;background:none!important}
.reference-hero .button{transform:none!important;clip-path:none!important}.reference-outline{border:1px solid #f5f3e9!important;box-shadow:none!important}
.categories .category{border-color:#646b60!important}.categories .category-label{color:#f5f3e9!important}
html[data-theme=dark] .native-moth{filter:invert(1)!important;mix-blend-mode:screen}
.reference-wordmark{font:800 27px/.98 'Barlow Condensed',sans-serif;letter-spacing:2px;color:var(--text);white-space:nowrap}
.reference-wordmark small{display:block;font-size:19px;letter-spacing:5px;margin-top:4px}
.reference-wordmark em{display:block;color:var(--acid);font:700 10px/1.2 'Barlow Condensed',sans-serif;letter-spacing:2.5px;margin-top:5px}
.header #nav{margin-left:auto!important;gap:18px!important;flex-wrap:wrap;justify-content:flex-end}
.header #nav a{font:700 14px 'Barlow Condensed',sans-serif;white-space:nowrap;padding:4px 0!important}
.header .search-form{display:none!important}.header .mobile-search-open{display:inline-flex!important}
.header-actions{gap:8px!important;margin-left:0!important}.header-actions .icon-button{color:var(--text)!important}.theme-toggle{font-size:11px!important;padding:5px!important;min-width:0!important}
main#main{max-width:1280px;margin:auto;padding:0 24px}
.reference-hero.hero{position:relative!important;isolation:isolate;display:flex!important;min-height:440px!important;aspect-ratio:auto!important;padding:0!important;margin:0 -24px!important;border:0!important;overflow:hidden;background:#080b0a!important;transform:none!important}
.reference-hero:before,.reference-hero:after{display:none!important}
.reference-hero-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 57%!important;z-index:-2}
.reference-hero-copy{width:64%;padding:55px 48px 45px;color:#f5f3e9;align-self:center;background:linear-gradient(90deg,#080b0adb,#080b0a40 80%,transparent)}
.reference-hero .eyebrow{color:#08c8c4;font:800 17px 'Barlow Condensed',sans-serif;letter-spacing:4px;margin:0 0 10px}
.reference-hero h1{font:800 clamp(48px,6.6vw,90px)/.94 'Barlow Condensed',sans-serif!important;letter-spacing:-1px;text-transform:uppercase;margin:0 0 16px!important;color:#f5f3e9!important;white-space:nowrap}
.reference-hero h1 span,.reference-hostility h2 span,.plants h2 span{color:var(--acid)}
.reference-hero-copy>p:not(.eyebrow){font-size:19px;max-width:500px;line-height:1.4;margin:0 0 23px}
.reference-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button,.plant-link{border-radius:2px!important;font:700 17px 'Barlow Condensed',sans-serif!important;text-transform:none!important;letter-spacing:0!important}
.reference-hero .button{padding:12px 28px!important;min-width:180px;justify-content:center}
.acid-button{background:var(--acid)!important;color:#0b1008!important;border:1px solid var(--acid)!important;box-shadow:none!important}
.reference-outline{border:1px solid #f5f3e9!important;background:#090c0b88!important;color:#f5f3e9!important}
.categories{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;padding:18px 0 25px!important;background:transparent!important;border:0!important}
.categories .category{position:relative;display:block!important;overflow:hidden;border:1px solid var(--line)!important;border-radius:0!important;background:#0b0e0b!important;transform:none!important}
.categories .fragment{display:block!important;width:100%!important;aspect-ratio:1.7!important;height:auto!important;margin:0!important;overflow:hidden}
.categories .fragment img{position:static!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;filter:brightness(.68)!important}
.categories .category-label{position:absolute!important;bottom:0;left:0;right:0;display:flex!important;padding:40px 17px 17px!important;background:linear-gradient(transparent,#090c0bf2)!important;color:#f5f3e9!important;border:0!important;font:800 26px/1 'Barlow Condensed',sans-serif!important;white-space:normal!important}
.categories .category-label svg{color:var(--acid)!important}.categories .category:hover{border-color:var(--acid)!important}.category-coming-soon{font-size:12px!important;border-color:var(--acid)!important}
.section-pad.plants{padding:0 0 25px!important;border:0!important;background:transparent!important}
.section-heading{align-items:center!important;gap:16px!important;flex-wrap:wrap;margin-bottom:12px!important}
.plants .eyebrow{display:none}.plants h2,.reference-hostility h2{font:800 clamp(32px,4vw,48px)/1 'Barlow Condensed',sans-serif!important;text-transform:uppercase!important;transform:none!important;background:none!important;color:var(--text);padding:0!important;letter-spacing:-.5px}
.plants h2:before,.plants h2:after{display:none!important}.filters{flex-wrap:wrap!important;gap:8px!important}.filters button{font:700 14px 'Barlow Condensed',sans-serif!important;border:1px solid var(--line)!important;border-radius:0!important;padding:6px 10px!important;color:var(--text)!important;background:var(--surface)!important}.filters button[aria-pressed=true]{background:var(--acid)!important;color:#0b1008!important;border-color:var(--acid)!important}.filters a{color:var(--acid)}
.plant-intro{font-size:15px;color:var(--muted);margin:0 0 16px}.plant-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.plant-card{padding:0 0 13px!important;border:1px solid var(--line)!important;border-radius:0!important;background:var(--surface)!important;box-shadow:none!important;transform:none!important}
.plant-photo{margin:0!important}.plant-photo .fragment{aspect-ratio:1.55!important;display:block!important;overflow:hidden}
.plant-photo img{width:100%!important;height:100%!important;position:static!important;object-fit:cover!important;transform:none!important}
.plant-card h3{font:700 24px 'Barlow Condensed',sans-serif!important;margin:10px 14px 4px!important}.plant-card>p{margin:0 14px 12px!important;font-size:15px!important;color:var(--muted)}
.plant-card .plant-link{display:flex!important;align-items:center;justify-content:center;margin:0 13px!important;padding:8px!important;background:var(--acid)!important;color:#101608!important;border:0!important}.plant-link svg{width:18px!important}.plant-badge{display:none!important}.favorite{background:#080b0acc!important;color:#fff!important;border:1px solid #ffffff66!important;border-radius:50%!important}.favorite[aria-pressed=true]{color:var(--acid)!important}
.plant-photo-credits{font-size:13px;color:var(--muted);margin-top:16px}
.reference-hostility{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 28px;background:linear-gradient(100deg,#0a333433,transparent)}
.reference-hostility .eyebrow{color:var(--teal);font:700 14px 'Barlow Condensed',sans-serif;letter-spacing:2px}.reference-hostility h2{margin:10px 0 15px}.reference-hostility p{max-width:410px;color:var(--muted);line-height:1.5}.reference-hostility img{display:block;width:100%;height:260px;object-fit:cover;border:1px solid var(--line)}.reference-coming{display:block;margin:16px 0;color:var(--muted);font-size:14px}.reference-hostility .button{display:inline-flex;padding:10px 25px}
.reference-join{display:grid;grid-template-columns:1fr 1fr;padding:26px 28px;gap:40px;border-bottom:1px solid var(--line)}.reference-join>div+div{border-left:1px solid var(--line);padding-left:30px}.reference-join h2{font:800 28px/1.1 'Barlow Condensed',sans-serif;margin:0 0 7px}.reference-join p{color:var(--muted)}.reference-join a{color:var(--acid);text-decoration:underline;text-underline-offset:5px;font-weight:700}
.footer{background:var(--surface)!important;border-top:0!important}.footer-main{max-width:1280px!important;padding:30px 24px!important}.footer-quote{font:800 28px/1 'Barlow Condensed',sans-serif!important}.footer-bottom{max-width:1280px!important;margin:auto!important;padding:15px 24px!important}.footer-brand .native-moth{width:95px!important}.footer-brand:before,.footer-brand:after{display:none!important}
html[data-theme=dark] :is(.story-main,.matriarchy-main,.connection-main,.bm-main,.bm-content-wrap){background:transparent!important}
:is(.story-heading h1,.matriarchy-heading h1,.bm-title,.entry-title,.page-title,.connection-panel h1){font-family:'Barlow Condensed',sans-serif!important;font-weight:800!important;transform:none!important;letter-spacing:0!important}
html[data-theme=dark] :is(.profile-card,.mother-card,.connection-panel,.bm-panel,.bm-main .rtcl .listing-item,.bm-main .rtcl .rtcl-listing){background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:0!important}
html[data-theme=light] :is(.plants h2 span,.reference-hostility h2 span,.reference-join a,.filters a){color:#346400}
@media(min-width:1100px){.header .brand{max-width:290px!important}.header #nav{gap:14px!important}.header-inner{gap:15px!important}.header-actions{gap:4px!important}}
@media(max-width:1099px){.header-inner{flex-wrap:wrap!important}.header #nav{order:3!important;width:100%!important;justify-content:center!important;margin:0!important}.header-actions{margin-left:auto!important}.reference-hero-copy{width:70%;padding:40px 30px}.reference-hero h1{font-size:clamp(48px,7vw,74px)!important}}
@media(max-width:650px){main#main{padding:0 14px}.header-inner{padding:10px 14px!important;gap:10px!important;min-height:72px!important}.header .brand>.native-moth{width:60px!important;height:45px!important}.reference-wordmark{font-size:21px;letter-spacing:1px}.reference-wordmark small{font-size:14px;letter-spacing:3px}.reference-wordmark em{font-size:8px;letter-spacing:1px}.header .menu-toggle{display:inline-flex!important}.header #nav{display:none!important}.header #nav.open{display:flex!important;gap:20px!important;padding:12px 0!important}.header-actions{margin-left:auto!important}.header .saved-toggle{display:none!important}.theme-toggle span{display:none}.utility-inner{font-size:10px;letter-spacing:1px}.reference-hero.hero{min-height:530px!important;margin:0 -14px!important;align-items:flex-start}.reference-hero-photo{object-position:68% bottom!important}.reference-hero-copy{width:100%;align-self:flex-start;padding:32px 22px 70px;background:linear-gradient(#080b0ae8 70%,transparent)}.reference-hero .eyebrow{font-size:12px;letter-spacing:2px}.reference-hero h1{font-size:clamp(39px,10vw,62px)!important;letter-spacing:-.5px}.reference-hero-copy>p:not(.eyebrow){font-size:16px;max-width:310px}.reference-hero .button{min-width:0;padding:10px 18px!important}.reference-hero-actions{gap:9px}.categories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding-top:12px!important}.categories .fragment{aspect-ratio:1.15!important}.categories .category-label{font-size:21px!important;padding:40px 10px 12px!important}.category-coming-soon{font-size:10px!important;right:6px!important;top:6px!important}.plant-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.plants h2{font-size:34px!important}.filters{gap:5px!important}.filters button{font-size:12px!important;padding:5px 7px!important}.plant-photo .fragment{aspect-ratio:1!important}.plant-card h3{font-size:20px!important;margin:10px 10px 4px!important}.plant-card>p{margin:0 10px 12px!important;font-size:13px!important;min-height:32px}.plant-card .plant-link{margin:0 9px!important;font-size:15px!important}.reference-hostility{grid-template-columns:1fr;padding:24px 16px;gap:20px}.reference-hostility h2{font-size:42px!important}.reference-hostility img{height:230px}.reference-join{grid-template-columns:1fr;padding:24px 16px;gap:25px}.reference-join>div+div{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.footer-main{grid-template-columns:repeat(2,1fr)!important;gap:24px!important}.footer-brand{grid-column:1/-1!important}.footer-quote{display:none}.footer-bottom{font-size:11px!important;gap:10px!important}}

.reference-hero .button::before,.reference-hero .button::after{display:none!important}.reference-hostility .button::before,.reference-hostility .button::after{display:none!important}
@media(max-width:650px){.header .brand>.reference-wordmark{min-width:100px!important}.header-actions .mobile-search-open{display:none!important}.header-inner{flex-wrap:wrap!important}.header .menu-toggle{margin-left:auto!important;order:2!important}.header-actions{margin-left:0!important;order:1!important}.header .brand{gap:6px!important}.reference-hero .button{min-width:0!important;width:auto!important;flex:0 0 auto!important}.reference-hero-actions{display:flex!important}}

.plants .plant-card h3{color:var(--text)!important}.plant-photo,.plant-photo .fragment{border:0!important}html[data-theme=dark] .footer{background:#f3f1e7!important;color:#11170f!important}html[data-theme=dark] .footer :is(a,p,h2,span,small,strong,button){color:#11170f!important}html[data-theme=dark] .footer .native-moth{filter:none!important;mix-blend-mode:multiply}html[data-theme=dark] .footer-bottom{background:#f3f1e7!important;color:#11170f!important;border-color:#a5aaa0!important}

#plants #plants-title{color:var(--text)!important}#plants #plants-title span{color:var(--acid)!important}#plants .plant-photo .fragment{aspect-ratio:1.55!important;height:auto!important}@media(max-width:650px){#plants .plant-photo .fragment{aspect-ratio:1!important}}
