:root{--mosaic-rows:8;--mosaic-cols:12;--mosaic-duration:600ms;--mosaic-gap:2px;--mosaic-cover-color:#4a5df8;--mosaic-easing:cubic-bezier(.16,1,.3,1);--mosaic-cover-percentage:.7;--mosaic-enabled:1}[data-theme="dark"]{--mosaic-cover-color:#0b0d13}[data-theme="light"]{--mosaic-cover-color:#4a5df8}.mosaic-transition{position:fixed;inset:0;pointer-events:none;z-index:9999;display:grid;grid-template-columns:repeat(var(--mosaic-cols),1fr);grid-template-rows:repeat(var(--mosaic-rows),1fr);gap:var(--mosaic-gap);opacity:0;transition:opacity .1s ease-out}.mosaic-tile{background:var(--mosaic-cover-color);transform:scale(0);opacity:0;will-change:transform,opacity;aspect-ratio:1}.mosaic-tile.active{opacity:1}.mosaic-transition.covering{opacity:1}.mosaic-transition.covering .mosaic-tile.active{transform:scale(1);transition:transform var(--mosaic-duration) var(--mosaic-easing),opacity 0s}.mosaic-transition.revealing{opacity:1}.mosaic-transition.revealing .mosaic-tile.active{transform:scale(0);transition:transform var(--mosaic-duration) var(--mosaic-easing),opacity 0s}.mosaic-transition:not(.covering):not(.revealing){opacity:0!important;pointer-events:none!important}.mosaic-transition.force-cleanup{opacity:0!important;pointer-events:none!important}.mosaic-transition.force-cleanup .mosaic-tile{transform:scale(0)!important;opacity:0!important;transition:none!important}@media(max-width:768px){:root{--mosaic-rows:8;--mosaic-cols:8;--mosaic-duration:600ms}}@media(max-width:480px){:root{--mosaic-rows:6;--mosaic-cols:6;--mosaic-duration:500ms}}@media(prefers-reduced-motion:reduce){.mosaic-tile{transition:none!important}}