/* Ingår i HTML-blocket ovan för enkelhetens skull i en single-file miljö, 
   men här är de specifika reglerna för PWA-känsla */

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

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

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

/* Gradient bakgrund som skiftar mjukt */
.bg-gradient-soft {
    background: linear-gradient(135deg, #fffcf0 0%, #fff0f5 100%);
}