:root {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

.app-container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding-top: var(--safe-area-inset-top);
    padding-bottom: var(--safe-area-inset-bottom);
}

.btn-bounce {
    transition: transform 0.1s ease-in-out;
}

.btn-bounce:active {
    transform: scale(0.96);
}

/* Mjuk bakgrundsövergång */
.bg-gradient-soft {
    background: linear-gradient(135deg, #fffcf0 0%, #fff0f5 100%);
    background-attachment: fixed;
}