.blog-shell{overflow:clip}@media (prefers-reduced-motion:no-preference){.blog-enter{animation:.8s cubic-bezier(.22,1,.36,1) both blog-enter;animation-delay:var(--bd,0s)}.blog-enter-soft{animation:.8s cubic-bezier(.22,1,.36,1) both blog-enter-soft;animation-delay:var(--bd,0s)}.blog-enter-move{animation:1s cubic-bezier(.22,1,.36,1) both blog-enter-move;animation-delay:var(--bd,0s)}}@keyframes blog-enter{0%{opacity:0;translate:0 16px}}@keyframes blog-enter-soft{0%{opacity:.4;translate:0 16px}}@keyframes blog-enter-move{0%{translate:0 22px}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.blog-in-view{animation:linear both blog-in-view;animation-timeline:view();animation-range:entry entry 70%}}}@keyframes blog-in-view{0%{opacity:0;translate:0 40px;scale:.97}}@media (prefers-reduced-motion:no-preference){.blog-hero-title .text-gradient{background-size:200% 100%;animation:7s linear infinite blog-shimmer}}@keyframes blog-shimmer{to{background-position:-200% 0}}.blog-card{height:100%;transition:border-color .35s,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,background .35s}.blog-card:hover{box-shadow:0 24px 60px -28px #5b52f0a6}.blog-card:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;opacity:0;-webkit-mask-composite:xor;background:linear-gradient(140deg,#c9c5ffd9 0%,#5b52f059 30%,#0000 55%,#9d97ff73 100%);padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.blog-card:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(120% 60% at 50% 0,#5b52f02e,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.blog-card:hover:after,.blog-card:focus-within:after,.blog-card:hover:before{opacity:1}.blog-card:has(a:focus-visible){outline:2px solid var(--brand-soft);outline-offset:3px}.blog-card a:focus-visible{outline:none}.blog-card__media{position:relative;overflow:hidden}.blog-card__media>img,.blog-card__media>.blog-tile{transition:transform .8s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:no-preference){.blog-card:hover .blog-card__media>img,.blog-card:hover .blog-card__media>.blog-tile{transform:scale(1.05)}}.blog-card__media:after{content:"";pointer-events:none;background:linear-gradient(#07070b00 55%,#07070b73 100%);position:absolute;inset:0}.blog-card__more{transition:gap .3s,color .3s,background-color .3s}.blog-card:hover .blog-card__more{color:#fff;gap:.75rem}.blog-tile{background:radial-gradient(80% 70% at 50% 0,#5b52f073,#0000 70%),linear-gradient(140deg,#2f2880,#16142f);place-items:center;display:grid}.blog-tile:before{content:"";background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff0f 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 70% at 50% 40%,#000 20%,#0000 75%)}.blog-featured__glow{z-index:-1;pointer-events:none;filter:blur(80px);opacity:.45;background:radial-gradient(circle,#5b52f0b3 0%,#3f37c900 70%);border-radius:9999px;height:70%;transition:opacity .5s;position:absolute;inset:10% 15% auto}.blog-featured:hover .blog-featured__glow{opacity:.7}@media (prefers-reduced-motion:no-preference){.blog-featured__glow{animation:14s ease-in-out infinite alternate blog-drift}}@keyframes blog-drift{0%{translate:-6% -4%}to{translate:6% 6%}}.blog-badge-dot{position:relative}@media (prefers-reduced-motion:no-preference){.blog-badge-dot:after{content:"";border-radius:inherit;background:inherit;animation:2.4s cubic-bezier(0,0,.2,1) infinite blog-ping;position:absolute;inset:0}}@keyframes blog-ping{75%,to{opacity:0;transform:scale(2.6)}}.blog-chip{isolation:isolate;border:1px solid var(--line-strong);color:var(--muted);background:#ffffff05;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .875rem;font-size:.875rem;line-height:1.25rem;transition:color .25s,border-color .25s,background-color .25s,translate .25s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden}.blog-chip:hover{color:#fff;background:#5b52f014;border-color:#9d97ff66}@media (prefers-reduced-motion:no-preference){.blog-chip:hover{translate:0 -1px}}.blog-chip:focus-visible{outline:2px solid var(--brand-soft);outline-offset:2px}.blog-chip__count{font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:9999px;place-items:center;min-width:1.375rem;height:1.375rem;padding:0 .375rem;font-size:.6875rem;transition:background-color .25s;display:inline-grid}.blog-chip[data-active]{color:#fff;border-color:#9d97ff80;box-shadow:0 8px 28px -10px #5b52f0e6}.blog-chip__active{z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#5b52f08c,#3f37c94d);position:absolute;inset:0}.blog-chip[data-active] .blog-chip__count{background:#ffffff29}.blog-chip[data-active]:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff59 50%,#0000 70%);position:absolute;inset:0;translate:-120%}@media (prefers-reduced-motion:no-preference){.blog-chip[data-active]{animation:.5s cubic-bezier(.34,1.56,.64,1) .25s backwards blog-chip-pop}.blog-chip[data-active]:after{animation:1.1s cubic-bezier(.22,1,.36,1) .55s blog-chip-shine}}@keyframes blog-chip-pop{0%{scale:.9}}@keyframes blog-chip-shine{0%{translate:-120%}to{translate:120%}}.blog-pager-num{font-variant-numeric:tabular-nums;width:2.5rem;height:2.5rem;color:var(--muted);border-radius:9999px;place-items:center;font-size:.875rem;transition:color .25s,background-color .25s,box-shadow .25s;display:grid}.blog-pager-num:hover{color:#fff;background:#ffffff0f}.blog-pager-num[aria-current=page]{color:#fff;background:linear-gradient(145deg,#6b63ff 0%,#3f37c9 70%);box-shadow:0 8px 24px -8px #5b52f0e6}.blog-pager-step{border:1px solid var(--line-strong);height:2.75rem;color:var(--muted);background:#ffffff08;border-radius:9999px;align-items:center;gap:.5rem;padding:0 1.125rem;font-size:.875rem;transition:color .25s,border-color .25s,background-color .25s;display:inline-flex}.blog-pager-step:hover{color:#fff;background:#ffffff0f;border-color:#9d97ff66}.blog-pager-step svg{transition:translate .25s}@media (prefers-reduced-motion:no-preference){.blog-pager-step[rel=prev]:hover svg{translate:-3px}.blog-pager-step[rel=next]:hover svg{translate:3px}}.blog-article .prose-blog :is(h2,h3,h4){scroll-margin-top:104px}.blog-progress{display:none}@supports (animation-timeline:view()) and (timeline-scope:--blog-read){.blog-article{timeline-scope:--blog-read}.blog-read{view-timeline:--blog-read block}.blog-progress{z-index:60;pointer-events:none;transform-origin:0;background:linear-gradient(90deg,#3f37c9,#7a72ff 60%,#c9c5ff);height:3px;animation:linear both blog-progress;animation-timeline:--blog-read;animation-range:contain;display:block;position:fixed;inset:0 0 auto;box-shadow:0 0 12px #7a72ffcc}}@keyframes blog-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}html[data-no-anim] .blog-progress{display:none}.blog-title-line{transform-origin:0;background:linear-gradient(90deg,#0000 0%,#ffffffd9 50%,#0000 100%) -40% 0/40% 100% no-repeat,linear-gradient(90deg,#5b52f0,#9d97ff 45%,#9d97ff00 100%);border-radius:9999px;height:2px}@media (prefers-reduced-motion:no-preference){.blog-title-line{animation:1.1s cubic-bezier(.22,1,.36,1) .35s backwards blog-line-draw,5s ease-in-out 1.6s infinite blog-line-flow}}@keyframes blog-line-draw{0%{transform:scaleX(0)}}@keyframes blog-line-flow{0%{background-position:-40% 0,0 0}60%,to{background-position:140% 0,0 0}}.blog-cover__frame{overflow:hidden}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.blog-cover__img{animation:linear both blog-parallax;animation-timeline:view();animation-range:cover}}}@keyframes blog-parallax{0%{transform:scale(1.06)translateY(-2.5%)}to{transform:scale(1.06)translateY(2.5%)}}.blog-toc a{color:var(--muted);padding:.25rem 0 .25rem 1rem;transition:color .25s,translate .25s;display:block;position:relative}.blog-toc a:before{content:"";opacity:0;background:linear-gradient(#9d97ff,#5b52f0);border-radius:9999px;width:2px;transition:opacity .3s,scale .3s cubic-bezier(.22,1,.36,1);position:absolute;top:.35rem;bottom:.35rem;left:-1px;scale:1 .3}.blog-toc a:hover,.blog-toc a[data-active]{color:#fff}.blog-toc a[data-active]:before{opacity:1;scale:1}@media (prefers-reduced-motion:no-preference){.blog-toc a[data-active]{translate:2px}}.blog-toc-details>summary{list-style:none}.blog-toc-details>summary::-webkit-details-marker{display:none}.blog-toc-details .blog-chevron{transition:rotate .3s}.blog-toc-details[open] .blog-chevron{rotate:180deg}.blog-avatar-ring{background:linear-gradient(140deg,#c9c5ff,#5b52f0 50%,#2f2880);border-radius:9999px;padding:2px}html[data-blog-nav] .blog-index .blog-enter,html[data-blog-nav] .blog-index .blog-enter-soft,html[data-blog-nav] .blog-index .blog-chip[data-active],html[data-blog-nav] .blog-index .blog-chip[data-active]:after{animation:none}::view-transition-group(.blog-chip-morph){animation-duration:.48s;animation-timing-function:cubic-bezier(.34,1.3,.64,1)}::view-transition-image-pair(.blog-chip-morph){animation-name:blog-vt-chip-blur}::view-transition-group(.blog-hero){animation-duration:.36s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(.blog-chips){animation-duration:.36s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(.blog-hero){animation:.18s ease-out both blog-vt-fade-out}::view-transition-new(.blog-hero){animation:.32s cubic-bezier(.22,1,.36,1) 80ms both blog-vt-fade-in}::view-transition-old(.blog-to-left){animation:.2s cubic-bezier(.4,0,1,1) both blog-vt-out-left}::view-transition-old(.blog-to-right){animation:.2s cubic-bezier(.4,0,1,1) both blog-vt-out-right}::view-transition-old(.blog-sink){animation:.18s ease-in both blog-vt-sink}::view-transition-new(.blog-from-right){animation:.42s cubic-bezier(.22,1,.36,1) .12s both blog-vt-in-right}::view-transition-new(.blog-from-left){animation:.42s cubic-bezier(.22,1,.36,1) .12s both blog-vt-in-left}::view-transition-new(.blog-rise){animation:.42s cubic-bezier(.22,1,.36,1) .1s both blog-vt-rise}@keyframes blog-vt-chip-blur{40%{filter:blur(2px)}}@keyframes blog-vt-fade-out{to{opacity:0;filter:blur(3px)}}@keyframes blog-vt-fade-in{0%{opacity:0;filter:blur(3px);transform:translateY(6px)}}@keyframes blog-vt-out-left{to{opacity:0;filter:blur(3px);transform:translate(-40px)}}@keyframes blog-vt-out-right{to{opacity:0;filter:blur(3px);transform:translate(40px)}}@keyframes blog-vt-sink{to{opacity:0;transform:translateY(12px)}}@keyframes blog-vt-in-right{0%{opacity:0;filter:blur(4px);transform:translate(56px)}}@keyframes blog-vt-in-left{0%{opacity:0;filter:blur(4px);transform:translate(-56px)}}@keyframes blog-vt-rise{0%{opacity:0;filter:blur(4px);transform:translateY(20px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}::view-transition-image-pair(*){animation:none!important}}html[data-no-anim]::view-transition-group(*){animation:none!important}html[data-no-anim]::view-transition-old(*){animation:none!important}html[data-no-anim]::view-transition-new(*){animation:none!important}html[data-no-anim]::view-transition-image-pair(*){animation:none!important}