/* Only the content moves; navigation stays available throughout the transition. */
#study-root[data-route-transition="out"] {opacity:0;transition:opacity 120ms ease-out;}
#study-root[data-route-transition="waiting"] {opacity:0;visibility:hidden;}
#study-root[data-route-transition="in"] {opacity:1;animation:study-page-arrive 220ms cubic-bezier(.2,.65,.3,1) both;}
#study .study-transition-overlay {
 position:fixed;z-index:20;inset:76px 0 0 232px;
 display:flex;align-items:flex-start;justify-content:center;
 padding:24px 40px 80px;background:var(--app-bg);
 opacity:0;transition:opacity 180ms ease;pointer-events:none;
}
#study .study-transition-overlay[data-visible="true"] {opacity:1;animation:study-overlay-appear 180ms ease both;}
#study .study-transition-overlay>.mito-loading {width:100%;min-height:min(54vh,420px);margin:0;}
@keyframes study-overlay-appear {from{opacity:0;}to{opacity:1;}}
@keyframes study-page-arrive {from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:translateY(0);}}
@media(max-width:760px) {
 #study .study-transition-overlay {inset:64px 0 0;padding:12px 16px calc(100px + env(safe-area-inset-bottom));}
}
@media(prefers-reduced-motion:reduce) {
 #study-root[data-route-transition],#study .study-transition-overlay {transition:none;animation:none;transform:none;}
}