/* NESTMATE — assets/css/home.css */

/* Task card */
.task-card.done { border-color: var(--cb) !important; background: #E8F8F2 !important; }
.task-card:active { transform: scale(.98); }

/* Hero card fill */
#heroFill { width: 0; background: #5DCAA5; transition: width .5s ease; }

/* Task ring */
#taskRing { transition: stroke-dashoffset .4s; }

/* Splash */
#splashScreen {
    transform: scale(.93);
    opacity: 0;
    pointer-events: none;
    transition: all .32s cubic-bezier(.32,.72,0,1);
}
#splashScreen.open {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

/* Task sheet */
#taskSheet.open { transform: translateY(0) !important; }

/* Onboarding slides */
.ob-slide { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 32px 28px; text-align: center; transition: transform .4s cubic-bezier(.32,.72,0,1), opacity .4s; }
.ob-slide.hidden { transform: translateX(100%); opacity: 0; pointer-events: none; }
.ob-slide.slide-out { transform: translateX(-100%); opacity: 0; pointer-events: none; }