/* Reserve each screen's text area before it reveals, so new copy never re-centres old copy. */
.morning-flow.visible{align-items:center}
.morning-card{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:min(calc(100% - 40px),480px)!important;min-height:clamp(460px,60dvh,590px)!important;max-height:calc(100dvh - 30px);margin:0!important;padding:68px 0 28px!important;box-sizing:border-box;display:flex!important;flex-direction:column;justify-content:center!important;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.morning-card::-webkit-scrollbar{display:none}
.morning-skip,.morning-sound{z-index:5}
.morning-card>#morningEyebrow{min-height:15px;flex:0 0 auto}
.morning-content-enter{min-height:140px;flex:0 0 auto}
.morning-welcome.morning-content-enter,.morning-closing.morning-content-enter{min-height:100px}
.morning-quote-screen.morning-content-enter{min-height:125px}
.morning-weather-screen{min-height:530px}
.morning-card:has(.morning-weather-screen){justify-content:flex-start!important}

/* Keep the action as a contained pill instead of a glowing square around it. */
.morning-flow .morning-next{overflow:hidden;border:1px solid rgba(255,255,255,.16);background:linear-gradient(105deg,#a986ff,#ef8cbb);box-shadow:none;animation:none!important}
.morning-flow .morning-next:active{box-shadow:none;filter:brightness(1.04)}
.morning-flow .morning-actions{margin-top:16px}

/* Leaving the briefing feels like it dissolves back into the app, rather than cutting away. */
.morning-flow.exiting{pointer-events:none;animation:afterlight-morning-exit .88s ease-in both}
.morning-flow.exiting .morning-card{animation:afterlight-morning-card-exit .8s cubic-bezier(.55,0,.8,.35) both}
@keyframes afterlight-morning-exit{to{opacity:0;filter:blur(4px)}}
@keyframes afterlight-morning-card-exit{to{opacity:0;transform:translateY(-16px) scale(.985)}}
@media(max-height:760px){.morning-card{width:min(calc(100% - 34px),480px)!important;min-height:calc(100dvh - 28px)!important;padding-top:74px!important}.morning-content-enter{min-height:125px}.morning-welcome.morning-content-enter,.morning-closing.morning-content-enter{min-height:92px}.morning-quote-screen.morning-content-enter{min-height:112px}.morning-weather-screen{min-height:505px}}
@media(prefers-reduced-motion:reduce){.morning-flow.exiting,.morning-flow.exiting .morning-card{animation:none}}