.garden-webgl{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;isolation:isolate}
.garden-webgl canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s ease}
.garden-webgl[data-state="active"] canvas{opacity:1}
.journal-hero > [data-garden-toggle]{position:absolute;bottom:12px;right:22px;pointer-events:auto;min-height:36px;padding:6px 12px;border:1px solid #72846b40;border-radius:30px;background:#fbfaf1df;color:#52664e;font-family:inherit;font-size:11px;line-height:1.5;cursor:pointer;z-index:20}
.journal-hero > [data-garden-toggle]:focus-visible{outline:3px solid #55745a;outline-offset:3px}
body[data-page="home"] .journal-hero{isolation:isolate}
body[data-page="home"] .journal-guide{--guide-paper:rgb(247 245 234 / 76%)}
body[data-page="home"] .journal-hero-wash{background:radial-gradient(ellipse at 20% 40%,#c7d6b247,transparent 60%),radial-gradient(ellipse at 80% 20%,#f5dfaa3d,transparent 65%)}
@media(max-width:620px){.journal-hero > [data-garden-toggle]{right:16px;bottom:3px;font-size:10px;min-height:30px}}
@media(prefers-reduced-motion:reduce){.garden-webgl,.journal-hero > [data-garden-toggle]{display:none}.garden-webgl canvas{transition:none}}