/* 背景と全体設定 */
body.text-gray-800 { 
    background-color: #f0fff4 !important; 
    transition: background-color 0.5s; 
}


@keyframes move { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(10px, 10px); } }
.moving-text { animation: move 25s infinite alternate; }

.picker { 
    height: 100px; overflow-y: scroll; scroll-snap-type: y mandatory; 
    -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.picker::-webkit-scrollbar { display: none; }
.picker div { height: 100px; line-height: 100px; display: flex; align-items: center; justify-content: center; scroll-snap-align: start; font-size: 3rem; font-weight: 200; }

.fade-out { background-color: #000 !important; transition: background-color 2.0s; }

@keyframes popIn { 0% { transform: scale(0.9); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
.animate-pop { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }