.garden-background { position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; background:#cadbd1; }
.garden-background[hidden] { display:none; }
.garden-background .garden-poster,.garden-background .garden-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:58% center; }
.garden-background .garden-video { opacity:0; transition:opacity 220ms ease; }
.garden-home #dynamic-bg-container,.garden-article .detail-background { visibility:hidden; }
.garden-home #ink-sakura-canvas,.garden-article #ink-sakura-canvas { opacity:0; }
.garden-home .glass-panel { background:rgba(255,250,246,.86); }
.garden-home .hero-panel { max-width:720px; }
.garden-article::before { background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 25%,transparent 75%,rgba(255,255,255,.12)); }
.garden-article .letter-card { background:rgba(255,251,248,.94); color:#3d3035; backdrop-filter:blur(12px); }
.garden-article .detail-body { line-height:1.95; }
.garden-motion-toggle { margin:12px; padding:10px 16px; cursor:pointer; }
.garden-intro-active .garden-background { z-index:9998; }
.garden-intro-active #splash-screen { background:linear-gradient(0deg,rgba(35,29,30,.22),transparent 65%); }
#splash-screen .splash-bg,#splash-screen #intro-video,#splash-screen #intro-canvas { display:none; }
.garden-intro-active .intro-content { opacity:1; filter:none; transform:none; color:#fffaf1; text-shadow:0 2px 22px rgba(0,0,0,.55); }
.garden-intro-active .intro-content h1 { color:inherit; }
.garden-intro-active .intro-skip { background:rgba(255,250,246,.9); color:#45383b; text-shadow:none; }
.garden-article .detail-header { flex-wrap:wrap; }
.garden-article .garden-motion-toggle { margin:0; padding:6px 10px; min-height:32px; border:1px solid rgba(132,101,105,.22); border-radius:8px; background:#fffaf6; color:#675158; box-shadow:none; font:inherit; }
@media (max-width:720px) {
  .garden-background .garden-poster,.garden-background .garden-video { object-position:61% center; }
  .garden-home .hero-panel { max-width:100%; }
  .garden-article .letter-card { background:rgba(255,251,248,.96); }
  .garden-motion-toggle { margin:8px 0; }
  .garden-article .garden-motion-toggle { min-height:44px; }
}
@media (prefers-reduced-motion:reduce) {
  .garden-background .garden-video { transition:none; }
}