:root {
            --peach: #FDC3A1;
            --pink: #F57799;
            --cream: #FFF7CD;
        }

        body {
            background-color: var(--peach);
            color: var(--pink);
            font-family: 'Quicksand', sans-serif;
            margin: 0;
            overflow-x: hidden;
        }

        .permanent-marker { font-family: 'Permanent Marker', cursive; }
        
        /* Layout */
        .bg-peach { background-color: var(--peach); }
        .bg-pink { background-color: var(--pink); }
        .bg-cream { background-color: var(--cream); }
        .text-peach { color: var(--peach); }
        .text-pink { color: var(--pink); }
        .text-cream { color: var(--cream); }
        .border-pink { border-color: var(--pink); }
        .border-cream { border-color: var(--cream); }

        /* Smooth Sections */
        .diagonal-split {
            clip-path: polygon(0 2%, 100% 0%, 100% 98%, 0% 100%);
        }

        /* Buttons & Hover */
        .btn-squish {
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            cursor: pointer;
            border: none;
        }
        .btn-squish:hover {
            transform: scale(1.05) translateY(-3px);
            filter: brightness(1.1);
        }
        .btn-squish:active { transform: scale(0.9) scaleY(1.2); }

        .sticker-card {
            transition: all 0.5s ease;
            box-shadow: 0 0 0 var(--pink);
        }
        .sticker-card:hover {
            transform: rotate(-2deg) translateY(-10px);
            box-shadow: 15px 15px 0 var(--pink);
        }

        /* Modals */
        .modal-container {
            position: fixed; inset: 0; z-index: 2000;
            background: rgba(245, 119, 153, 0.9);
            backdrop-filter: blur(10px);
            display: none; align-items: center; justify-content: center;
            padding: 20px;
        }

        .no-scrollbar::-webkit-scrollbar { display: none; }
        
        @keyframes float { 
            0%, 100% { transform: translateY(0) rotate(0); }
            50% { transform: translateY(-20px) rotate(5deg); }
        }
        .animate-float { animation: float 6s ease-in-out infinite; }

        .search-ring {
            border: 4px solid var(--cream);
            transition: all 0.3s ease;
        }
        .search-ring:focus-within {
            border-color: var(--pink);
            transform: scale(1.02);
        }