@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

body {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    background-color: #f0f2f5; /* Background behind the mobile app window */
    display: flex;
    justify-content: center;
    min-height: 100vh;
    margin: 0;
}

/* Mobile App Container */
.mobile-wrapper {
    width: 100%;
    max-width: 480px; /* Standard Mobile Width Constraint */
    background-color: #ffffff;
    min-height: 100vh;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); /* Subtle shadow to separate from background */
}

/* App Specific Utility Classes that might not be in Tailwind default config */
.shadow-float {
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.1);
}

.shadow-inner-light {
    box-shadow: inset 0 2px 4px 0 rgba(255, 255, 255, 0.3);
}

/* Hide Scrollbar but keep functionality */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Safe Area for Bottom Nav */
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom);
}