/* Import base styles */
@import url('base.css');

/* Import icon styles */
@import url('icons.css');

/* Import page-specific styles */
@import url('pages/login.css');
@import url('pages/onboarding.css');
@import url('pages/quiz.css');
@import url('pages/dashboard.css');
@import url('pages/analysis.css');

/* Global styles */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: var(--gray-100);
}

/* Fix for iOS Safari 100vh issue */
@supports (-webkit-touch-callout: none) {
    .ios-app {
        height: -webkit-fill-available;
    }
}

/* Fix for mobile browser address bar */
@media screen and (max-height: 812px) {
    .iphone-frame {
        transform: scale(0.85);
    }
}

/* Prevent text selection */
* {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Allow text selection in specific elements */
input, textarea {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/* Ensure proper z-index stacking */
.status-bar {
    z-index: 1000;
}

.screen {
    z-index: 10;
}

.screen.active {
    z-index: 20;
}

/* Ensure proper screen transitions */
.screen {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Fix for iOS momentum scrolling */
.screen {
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/* Fix for button active states on mobile */
button:active {
    -webkit-tap-highlight-color: transparent;
}