/* css/layout.css */

/* 1. Base Layout */
body {
    font-family: 'Pretendard', sans-serif;
    -webkit-font-smoothing: antialiased;
    background-color: #f3f4f6;
    color: #111;
    overflow: hidden; /* 모바일 스크롤 튕김 방지 */
    touch-action: manipulation;
}

/* Scrollbar Hide Utility */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* 2. Animations */
/* 카드 이동/회전 애니메이션 */
.card-base {
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.3s ease;
}
.slide-out-left {
    transform: translateX(-120%) rotate(-15deg);
    opacity: 0;
}
.slide-out-right {
    transform: translateX(120%) rotate(15deg);
    opacity: 0;
}

/* 페이드인 (Tailwind JIT가 없을 경우를 대비한 안전장치) */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}