.loading-screen{--loading-canvas:var(--color-canvas);--loading-wall:color-mix(in srgb, var(--accent) 22%, transparent);--loading-glow:color-mix(in srgb, var(--accent) 30%, transparent);--loading-glass:#ffffff2e;--loading-bee:var(--accent);z-index:50;background:radial-gradient(ellipse 70% 60% at 50% 45%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 70%), var(--loading-canvas);place-items:center;animation:.32s ease-out 90ms both loading-screen-in;display:grid;position:fixed;inset:0;overflow:hidden}[data-theme=dark] .loading-screen{--loading-canvas:#090a0b;--loading-wall:color-mix(in srgb, var(--accent) 30%, transparent);--loading-glow:color-mix(in srgb, var(--accent) 34%, transparent);--loading-glass:#ffffff08;--loading-bee:var(--accent-300)}.loading-honeycomb{position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 80% at 50% 48%,#000 25%,#0000 100%);mask-image:radial-gradient(85% 80% at 50% 48%,#000 25%,#0000 100%)}.loading-cell-wall{fill:none;stroke:var(--loading-wall);stroke-width:2.4px;stroke-linejoin:round}.loading-cell-glow{fill:var(--loading-glow);opacity:0;animation:loading-cell 5.6s ease-in-out var(--cell-delay,0s) infinite;transform:scale(.86)}@keyframes loading-cell{0%,58%,to{opacity:0;transform:scale(.86)}76%{opacity:1;transform:scale(.94)}}.loading-honeycomb--intense{--loading-wall:color-mix(in srgb, var(--accent) 30%, transparent);--loading-glow:color-mix(in srgb, var(--accent) 48%, transparent)}[data-theme=dark] .loading-honeycomb--intense{--loading-wall:color-mix(in srgb, var(--accent) 38%, transparent);--loading-glow:color-mix(in srgb, var(--accent) 52%, transparent)}.loading-honeycomb--intense .loading-cell-glow{animation-name:loading-cell-intense}@keyframes loading-cell-intense{0%,46%,to{opacity:0;transform:scale(.86)}68%{opacity:1;transform:scale(.95)}}.loading-screen--lite .loading-cell-glow{animation-name:loading-cell-fade}.loading-screen--lite .loading-honeycomb--intense .loading-cell-glow{animation-name:loading-cell-fade-intense}.loading-screen.loading-screen--lite .loading-glass{-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes loading-cell-fade{0%,58%,to{opacity:0}76%{opacity:1}}@keyframes loading-cell-fade-intense{0%,46%,to{opacity:0}68%{opacity:1}}.loading-glass{background:var(--loading-glass);-webkit-backdrop-filter:blur(1.5px)saturate(1.1);backdrop-filter:blur(1.5px)saturate(1.1);position:absolute;inset:0}.loading-emblem{place-items:center;width:132px;height:132px;display:grid;position:relative}.loading-halo{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 34%, transparent), transparent 68%);border-radius:50%;animation:1.8s ease-in-out infinite loading-halo;position:absolute;inset:-28px}.loading-bee{width:84px;color:var(--loading-bee);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent) 45%, transparent));animation:1.8s ease-in-out infinite loading-bee;position:relative}@keyframes loading-bee{0%,to{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.04)}}@keyframes loading-halo{0%,to{opacity:.2;transform:scale(.82)}50%{opacity:.9;transform:scale(1)}}@keyframes loading-screen-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.loading-screen,.loading-cell-glow,.loading-screen--lite .loading-cell-glow,.loading-screen--lite .loading-honeycomb--intense .loading-cell-glow,.loading-halo,.loading-bee{animation:none}.loading-bee{opacity:1}}
