.blog-navigation-loader{--blog-loader-paper: #f8fafc;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10010;display:none;place-items:center;padding:24px;background:#f8fafc;color:#111827}.blog-entry-loading .blog-navigation-loader{display:grid}.blog-navigation-loader.is-leaving{animation:blogLoaderLeave .28s ease-in both;pointer-events:none}.dark .blog-navigation-loader,.blog-navigation-loader[data-theme=dark]{--blog-loader-paper: #0b1220;background:#0b1220;color:#f8fafc}.blog-loader-content{max-width:360px;text-align:center;animation:blogLoaderContentArrive .32s ease-out both}.blog-loader-book{position:relative;width:88px;height:64px;margin:0 auto 24px;color:#000;perspective:220px}.dark .blog-navigation-loader .blog-loader-book,.blog-navigation-loader[data-theme=dark] .blog-loader-book{color:#f8fafc}.blog-loader-sheet{fill:var(--blog-loader-paper)}.blog-loader-volume{width:100%;height:100%;transform:translate(-8px);transform-style:preserve-3d}.blog-loader-page{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.blog-loader-cover{position:absolute;left:44px;top:10px;width:32px;height:44px;transform-origin:left center;transform-style:preserve-3d;animation:blogLoaderOpen 2.2s cubic-bezier(.4,0,.2,1) infinite}.blog-loader-cover-front,.blog-loader-cover-back{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;backface-visibility:hidden}.blog-loader-cover-front{transform:translateZ(.1px)}.blog-loader-cover-back{transform:rotateY(180deg) translateZ(.1px)}.blog-loader-inside-writing{stroke-width:1.3;opacity:.7}.blog-loader-binding{opacity:.3}.blog-loader-cover-rule{stroke-width:1.3;opacity:.55}.blog-loader-spine{opacity:.6}.blog-loader-pages{opacity:.55}.blog-loader-book .blog-loader-writing{stroke-width:1.3;stroke-dasharray:13;animation:blogLoaderWriting 2.2s ease-in-out infinite}.blog-loader-book .blog-loader-writing:nth-child(2){animation-delay:.16s}.blog-loader-inside-writing .blog-loader-writing{animation-delay:.32s}.blog-loader-title{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(32px,8vw,42px);font-weight:700;line-height:1.15;letter-spacing:-.035em}.blog-loader-caption{margin:14px 0 0;color:#64748b;font-size:14px;line-height:1.6}.dark .blog-navigation-loader .blog-loader-caption,.blog-navigation-loader[data-theme=dark] .blog-loader-caption{color:#a8b8ce}.blog-loader-progress{width:144px;height:2px;margin:28px auto 0;overflow:hidden;border-radius:2px;background:#dbe4f0}.blog-loader-progress span{display:block;width:55%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2463eb,#24bda4);animation:blogLoaderProgress 1.8s ease-in-out infinite}.dark .blog-navigation-loader .blog-loader-progress,.blog-navigation-loader[data-theme=dark] .blog-loader-progress{background:#25334b}@keyframes blogLoaderContentArrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes blogLoaderLeave{0%{opacity:1}to{opacity:0}}@keyframes blogLoaderOpen{0%,18%,to{transform:rotateY(0)}48%,74%{transform:rotateY(-180deg)}}@keyframes blogLoaderWriting{0%,to{stroke-dashoffset:13;opacity:.3}40%,75%{stroke-dashoffset:0;opacity:1}}@keyframes blogLoaderProgress{0%{transform:translate(-105%)}to{transform:translate(285%)}}@media(prefers-reduced-motion:no-preference){.blog-index main{animation:blogContentArrive .65s cubic-bezier(.22,.7,.25,1) both}}@keyframes blogContentArrive{0%{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.blog-navigation-loader,.blog-loader-content,.blog-loader-book *,.blog-loader-book .blog-loader-writing,.blog-loader-progress span{animation:none}}