body {
            background-color: lch(98.55% 2.68 68.59);
            color: #3A2F2F;
            overflow-x: hidden;
            letter-spacing: 0.05em;
        }


        .comic-border-sm {
            border: 3px solid #3A2F2F;
            box-shadow: 4px 4px 0px #3A2F2F;
        }

        /* Halftone Backgrounds */
        .halftone {
            background-image: radial-gradient(#3A2F2F 15%, transparent 16%);
            background-size: 12px 12px;
            opacity: 0.1;
        }

        /* Page Layout Shapes */
        .zigzag-path {
            clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
        }

        .speech-bubble-btn {
            position: relative;
            background: #FFD166;
            border: 3px solid #3A2F2F;
            border-radius: 50px;
            padding: 10px 25px;
            transition: all 0.2s ease;
        }

        .speech-bubble-btn:hover {
            transform: scale(1.1) rotate(-3deg);
            background: #FF4E50;
            color: white;
        }

        /* Animations */
        @keyframes float {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-15px) rotate(2deg); }
        }
        .animate-float { animation: float 5s ease-in-out infinite; }

        @keyframes pulse-glow {
            0%, 100% { filter: drop-shadow(0 0 0px #FFD166); }
            50% { filter: drop-shadow(0 0 15px #FFD166); }
        }
        .pulse-glow { animation: pulse-glow 2s infinite; }

        .reveal-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .reveal-on-scroll.active {
            opacity: 1;
            transform: translateY(0);
        }

        .hide-scrollbar::-webkit-scrollbar { display: none; }
        
        /* Custom Checkbox/Radio styling for Filter */
        .filter-btn {
            background: white;
            border: 3px solid #3A2F2F;
            padding: 5px 15px;
            cursor: pointer;
            transition: 0.2s;
        }
        .filter-btn.active {
            background: #FF4E50;
            color: white;
            transform: translate(-2px, -2px);
            box-shadow: 4px 4px 0px #3A2F2F;
        }