body {
            font-family: "Finlandica", sans-serif;
            color: #1C241D;
            background-color: #FFFFFF;
            overflow-x: hidden;
        }
        .font-forum {
            font-family: "Forum", serif;
        }
        
        /* Custom Ultra-Soft Scrollbar Configuration */
        ::-webkit-scrollbar {
            width: 4px;
        }
        ::-webkit-scrollbar-track {
            background: #FFFFFF;
        }
        ::-webkit-scrollbar-thumb {
            background: #5F7A61;
            border-radius: 2px;
        }

        /* Organic Breathing Keyframe Sequences */
        @keyframes softBreath {
            0%, 100% { opacity: 0.35; transform: scale(0.99); filter: blur(1px); }
            50% { opacity: 1; transform: scale(1.01); filter: blur(0px); }
        }
        .animate-breath {
            animation: softBreath 7s ease-in-out infinite;
        }

        @keyframes pulseGradient {
            0%, 100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
        }
        .bg-pulse-gradient {
            background: linear-gradient(270deg, #FFFFFF, #E8EFE9, #FFFCA6, #FFFFFF);
            background-size: 600% 600%;
            animation: pulseGradient 20s ease infinite;
        }

        @keyframes gentleFloat {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-10px) rotate(1deg); }
        }
        .animate-float {
            animation: gentleFloat 6s ease-in-out infinite;
        }
        .animate-float-delayed {
            animation: gentleFloat 8s ease-in-out infinite;
            animation-delay: 2s;
        }

        /* Virtual SPA Layer Switching Infrastructure */
        .spa-layer {
            display: none;
        }
        .spa-layer.active-layer {
            display: block;
        }

        /* Custom Interactive Journal Highlight Accent Line */
        .journal-caret {
            display: inline-block;
            width: 3px;
            height: 1.2em;
            background-color: #FFE700;
            margin-left: 2px;
            animation: blink 1s step-end infinite;
            vertical-align: middle;
        }
        @keyframes blink {
            from, to { background-color: transparent }
            50% { background-color: #FA26A0 }
        }
        .bg-slider {
  background-size: cover;
  background-position: center;
  animation: slideBg 18s infinite ease-in-out;
}

/* Image sequence */
@keyframes slideBg {
  0% {
    background-image: url('https://i1-e.pinimg.com/736x/57/e1/7d/57e17da71585f8f58240c5cdd5b00775.jpg');
  }
  33% {
    background-image: url('https://i1-e.pinimg.com/736x/86/96/0d/86960d81b8d5fe1d59194ea5223dd184.jpg');
  }
  66% {
    background-image: url('https://i1-e.pinimg.com/1200x/fc/c4/e3/fcc4e3f5ce387b536251435bb5c7aef2.jpg');
  }
  100% {
    background-image: url('https://i1-e.pinimg.com/736x/59/a1/06/59a1063a722226280bddf25063c95880.jpg');
  }
}