/* Shared atmosphere, with a complete daylight palette. */
:root{--surface:#121b14;--secondary:#b5c1ac;--button-bg:#c9f58b;--button-ink:#192411;--halo:rgba(108,199,108,.24);--warm-halo:rgba(218,218,116,.1)}
html[data-theme=light]{color-scheme:light;--bg:#f4f8f2;--text:#172b20;--muted:#506557;--accent:#35662d;--line:rgba(39,78,46,.18);--surface:#e6eee2;--secondary:#52694e;--button-bg:#285438;--button-ink:#f5fbe9;--halo:rgba(91,166,77,.23);--warm-halo:rgba(174,180,60,.15)}
body{transition:background-color .7s ease,color .7s ease}.compositing-filters{position:absolute;pointer-events:none}.hero{overflow:clip}.glyph{display:inline-block;will-change:transform}.hero-copy{pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.hero-description{color:var(--muted)}
.theme-toggle{display:flex;align-items:center;gap:9px;justify-content:center;min-height:42px;min-width:94px;border:1px solid var(--line);background:var(--surface);border-radius:25px;padding:9px 14px;font-size:14px;color:var(--text);transition:background .4s,border-color .3s,transform .3s}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-2px)}.theme-icon{display:grid;width:18px;height:18px}.theme-icon svg{grid-area:1/1;width:18px;height:18px;transition:opacity .4s,transform .55s}.sun-icon{opacity:1;transform:rotate(0)}.moon-icon{opacity:0;transform:rotate(-55deg) scale(.7)}html[data-theme=light] .sun-icon{opacity:0;transform:rotate(90deg) scale(.7)}html[data-theme=light] .moon-icon{opacity:1;transform:rotate(0) scale(1)}
#smoke{opacity:1;mix-blend-mode:normal}.ambient-glow{background:radial-gradient(ellipse at 55% 47%,var(--halo),transparent 64%);animation:atmosphere-breathe 10s ease-in-out infinite}.specimen-halo{position:absolute;inset:4% 3% 11% 13%;background:radial-gradient(ellipse at 50% 48%,var(--halo),transparent 65%);pointer-events:none;animation:specimen-light 18s ease-in-out infinite}.specimen-halo:after{content:'';position:absolute;inset:-18%;background:conic-gradient(from 0deg at 50% -10%,transparent 0deg,var(--warm-halo) 18deg,transparent 23deg,transparent 30deg,var(--halo) 37deg,transparent 45deg,transparent 360deg);filter:blur(10px);transform-origin:50% 0%;animation:daylight-sweep 16s ease-in-out infinite}.plant-visual{transition:transform .6s ease-out}.specimen-orbit{border-color:var(--line)}.specimen-index,.specimen-index span:last-child,.specimen-caption,.growth-timeline{color:var(--secondary)}.chapter,.motion-toggle,.independent-note,.eyebrow,.desktop-nav{color:var(--secondary)}.bottom-thought,.chapter-number{color:var(--muted)}.caption-rule{background:var(--line)}.primary-button{background:var(--button-bg);color:var(--button-ink)}.primary-button:hover{background:var(--button-bg);filter:brightness(1.12)}
html[data-theme=light] .brand-mark{border-color:#779366}html[data-theme=light] .header-link{border-color:#a9b99f}html[data-theme=light] .header-link:hover{background:#e2ecd9}html[data-theme=light] .language svg{color:#52694e}html[data-theme=light] .mobile-nav{background:#edf4e8}html[data-theme=light] .play-circle{border-color:#95a987}html[data-theme=light] .hero:before{opacity:.3;background-image:radial-gradient(#45633955 .6px,transparent .6px)}html[data-theme=light] .specimen-orbit:before,html[data-theme=light] .specimen-orbit:after{color:#57744d}html[data-theme=light] .plant-visual{mix-blend-mode:normal}html[data-theme=light] .seed-image,html[data-theme=light] .seedling-image{mix-blend-mode:normal;filter:url(#daylight-cutout)}html[data-theme=light] .timeline-track{background:#80987245}html[data-theme=light] .hero-copy{text-shadow:0 0 40px #f4f8f270}html[data-theme=light] .independent-note{color:#52694e}
@keyframes atmosphere-breathe{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes specimen-light{0%,15%,92%,100%{opacity:.4;transform:scale(.82)}32%{opacity:1;transform:scale(1.13)}55%,78%{opacity:.75;transform:scale(1)}}
@keyframes daylight-sweep{0%,100%{transform:rotate(-15deg);opacity:.3}50%{transform:rotate(10deg);opacity:.8}}
@media(max-width:1250px){.header-link{display:none}.header-end{gap:20px}.desktop-nav{margin-left:0}}
@media(max-width:760px){.site-header{margin:0 5%;gap:12px}.header-end{gap:11px}.theme-toggle{min-width:76px;min-height:40px;padding:8px 10px;gap:6px}.theme-icon,.theme-icon svg{width:16px;height:16px}.brand-name{font-size:15px}.brand{gap:9px}.language{display:none}#smoke{opacity:.92}.hero-actions{gap:18px}.hero-bottom{gap:10px}.motion-toggle{font-size:13px}.specimen-halo{inset:4% 10% 12%;}.hero-copy{min-width:0}}
@media(max-width:370px){.theme-toggle{min-width:70px;padding:8px;font-size:13px}.brand-name{font-size:14px}.brand-mark{width:37px;height:37px;font-size:39px}.brand-mark>span{font-size:23px}.header-end{gap:6px}.site-header{margin:0 4%}.hero-actions{gap:13px}.watch-button{font-size:13px}.hero-bottom .chapter{font-size:12px;letter-spacing:.035em}}
@media(prefers-reduced-motion:reduce){body,.theme-toggle,.theme-icon svg{transition:none}.ambient-glow,.specimen-halo,.specimen-halo:after{animation:none}.glyph{transform:none!important;will-change:auto}#smoke{display:none}}

/* Keep both theme options visible, including on narrow screens. */
.theme-toggle{min-width:148px;min-height:44px;border-color:var(--accent);flex-shrink:0;padding:7px 10px;gap:7px}
.theme-label{display:flex;align-items:center;gap:5px}
.theme-choice{padding:5px 6px;border-radius:15px;color:var(--muted);font-size:14px;font-weight:600}
.theme-divider{color:var(--muted);font-size:14px}
html[data-theme=dark] .theme-choice-dark,html[data-theme=light] .theme-choice-light{background:var(--button-bg);color:var(--button-ink)}
.ambient-glow{inset:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 70%,var(--halo),transparent 55%),radial-gradient(ellipse at 78% 38%,var(--halo),transparent 62%)}
@media(max-width:760px){.theme-toggle{min-width:132px;padding:5px 7px;gap:4px}.theme-choice{padding:5px 4px}.header-end{gap:7px}}
@media(max-width:370px){.theme-toggle{min-width:115px}.theme-icon{display:none}.header-end{gap:3px}.brand{gap:6px}.site-header{gap:6px}}

/* A quieter atmosphere and a clean specimen without a photo rectangle. */
:root{--halo:rgba(108,160,108,.09);--warm-halo:transparent}
html[data-theme=light]{--halo:rgba(91,140,77,.08);--warm-halo:transparent}
.specimen-halo,.specimen-orbit{display:none}
#smoke{opacity:.75;z-index:1}
.plant-visual,html[data-theme=light] .plant-visual{mix-blend-mode:normal}
.seedling-image,html[data-theme=light] .seedling-image{mix-blend-mode:normal;filter:url(#daylight-cutout);mask-image:none;transform-origin:50% 55%;animation:seedling-grow 18s cubic-bezier(.23,.6,.34,1) infinite}
.seed-image,html[data-theme=light] .seed-image{mix-blend-mode:normal;filter:url(#daylight-cutout)}
@media(prefers-reduced-motion:reduce){.seedling-image,html[data-theme=light] .seedling-image{animation:none;opacity:1;transform:none}}