@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap');

/* 브라우저 기본 불필요 여백 초기화 및 레이아웃 밀림 방지 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body {
    font-family: 'Noto Sans KR', sans-serif;
    background-color: #FFF5F6;
}

.serif-font {
    font-family: 'Playfair Display', serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #FFF5F6;
}
::-webkit-scrollbar-thumb {
    background: #FFB7C5;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #FA8072;
}

/* 🌸 캔버스를 본문 밀어내기 힘이 없는 완벽한 3차원 투명 필름으로 격리 */
#sakura-canvas {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    pointer-events: none !important; /* 뒤에 있는 카드나 버튼 클릭에 간섭 주지 않음 */
    z-index: 10 !important;          /* 3단 배너나 카드 배경(z-20)의 바로 뒤에 안착 */
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}
#edit-modal { display: none; }