:root {
    --app-max-width: 480px;
    --main-bg: #E2F0C1; /* Figma 연두색 */
}

/* 바깥 배경 (PC용) */
body {
    margin: 0;
    padding: 0;
    background-color: #333;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    font-family: 'Pretendard', -apple-system, sans-serif;
}

/* 모바일 컨테이너 (절대 480px 안 넘음) */
.container {
    width: 100%;
    max-width: var(--app-max-width);
    min-height: 100vh;
    background-color: var(--main-bg);
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column; /* 무조건 세로로 쌓임 */
    overflow-x: hidden;
}

/* 모든 섹션 간격 */
.section { width: 100%; margin-bottom: 30px; clear: both; }

/* 캘린더 크기 강제 고정 */
#calendar, #homeCalendar {
    width: 100% !important;
    background: white;
    border-radius: 20px;
    padding: 10px;
    box-sizing: border-box;
}

/* 버튼 공통 */
.btn { width: 100%; padding: 15px; border-radius: 15px; border: none; font-weight: bold; cursor: pointer; font-size: 1rem; }
.btn-primary { background: #333; color: white; }