.animate-in{animation-delay:calc(var(--index, 0) * .1s);animation-fill-mode:both;animation-timing-function:ease-in-out}.fade-in-0{animation-name:fadeIn;animation-duration:.5s}.fade-in{animation-name:fadeIn;animation-duration:1s}.slide-in-from-bottom-2{animation-name:slideInFromBottom2;animation-duration:.6s}.slide-in-from-bottom-4{animation-name:slideInFromBottom4;animation-duration:.8s}.slide-in-from-bottom-5{animation-name:slideInFromBottom5;animation-duration:1s}.slide-in-from-bottom-6{animation-name:slideInFromBottom6;animation-duration:1.2s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.duration-1000{animation-duration:1s}.fill-mode-both{animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom2{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom4{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom5{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom6{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.tag-filter{transition:all .3s ease;position:relative;overflow:hidden}.tag-filter:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:currentColor;transition:width .3s ease,left .3s ease}.tag-filter:hover:after,.tag-filter.active:after{width:80%;left:10%}.tag-filter.active{font-weight:600}.blog-card{transition:transform .3s ease,box-shadow .3s ease;will-change:transform,box-shadow}.blog-card:hover{transform:translateY(-5px)}@media (prefers-color-scheme: dark){:root{--bg-gradient: linear-gradient(to bottom, #1a1a2e, #16213e)}body{background:var(--bg-gradient);color:#e1e1e1}}#toast-notification{z-index:9999;transition:transform .3s ease,opacity .3s ease}@supports (container-type: inline-size){.blog-card{container-type:inline-size}@container (min-width: 400px){.card-title{font-size:1.25rem}}}#loading-indicator{transition:opacity .3s ease}#load-more-button{transition:all .3s ease}#load-more-button:hover{transform:translateY(-2px)}.text-shadow-lg{text-shadow:0 2px 4px rgba(0,0,0,.8),0 4px 8px rgba(0,0,0,.6)}.text-shadow-xl{text-shadow:0 2px 4px rgba(0,0,0,.9),0 4px 8px rgba(0,0,0,.7),0 8px 16px rgba(0,0,0,.5)}.text-gradient{background-size:200% 200%;animation:gradientShift 5s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.blog-post{--prose-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--prose-headings: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--medium-green: #1a8917;--medium-green-light: rgba(26, 137, 23, .1);--medium-green-dark: #0f730d}.blog-post .prose{font-family:Charter,Bitstream Charter,Sitka Text,Cambria,serif;font-size:1.125rem;line-height:1.8;letter-spacing:-.003em;color:#000000d6;max-width:700px;position:relative;z-index:20;background-color:#fff;padding-top:2rem;margin-top:2rem;border-radius:1rem 1rem 0 0}.dark .blog-post .prose{color:#ffffffe6;background-color:#0f172a}.blog-post .prose p{margin-bottom:2rem;font-weight:400}.blog-post .prose>p:first-of-type:first-letter{font-size:3.5rem;font-weight:700;float:left;line-height:.8;margin-right:.5rem;color:var(--medium-green)}.dark .blog-post .prose>p:first-of-type:first-letter{color:#4ade80}.blog-post .prose h2{font-size:1.875rem;font-weight:700;margin-top:3.5rem;margin-bottom:1.25rem;letter-spacing:-.015em;line-height:1.3;color:#000}.dark .blog-post .prose h2{color:#fff}.blog-post .prose h3{font-size:1.5rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;letter-spacing:-.015em;color:#222}.dark .blog-post .prose h3{color:#eee}.blog-post .prose blockquote{border-left:3px solid var(--medium-green);padding-left:1.5rem;font-style:italic;margin:2rem 0;color:#555;font-size:1.2rem}.dark .blog-post .prose blockquote{color:#bbb}.blog-post .prose ul,.blog-post .prose ol{margin-left:1.5rem;margin-bottom:2rem;font-size:1.125rem}.blog-post .prose li{margin-bottom:.75rem}.blog-post .prose ul li::marker,.blog-post .prose ol li::marker{color:var(--medium-green)}.blog-post .prose a{color:var(--medium-green);text-decoration:none;border-bottom:1px solid rgba(26,137,23,.3);transition:border-color .2s ease}.blog-post .prose a:hover{border-bottom-color:#1a8917cc}.dark .blog-post .prose a{color:#4ade80;border-bottom-color:#4ade804d}.dark .blog-post .prose a:hover{border-bottom-color:#4ade80cc}.blog-post .prose code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em;background-color:#0000000d;padding:.2em .4em;border-radius:3px}.dark .blog-post .prose code{background-color:#ffffff1a}.blog-post .prose pre{background-color:#f6f8fa;border-radius:.5rem;padding:1.25rem;overflow-x:auto;margin:1.5rem 0;font-size:.95rem;line-height:1.5;border:1px solid #e1e4e8}.dark .blog-post .prose pre{background-color:#1e1e1e;border-color:#2d2d2d}.blog-post .prose pre code{background-color:transparent;padding:0;border-radius:0;font-size:.9rem}.blog-post .prose img{border-radius:.5rem;margin:2.5rem auto;display:block;max-width:100%;height:auto;box-shadow:0 4px 12px #0000001a}.dark .blog-post .prose img{box-shadow:0 4px 12px #0000004d}.blog-post .prose mark{background-color:#1a891733;padding:.1em .2em;border-radius:2px}.blog-post .prose hr{margin:3rem 0;border:0;height:1px;background-color:#e6e6e6;width:30%;margin-left:auto;margin-right:auto}.dark .blog-post .prose hr{background-color:#333}.blog-post .prose table{width:100%;margin:2rem 0;border-collapse:collapse;font-size:.95rem}.blog-post .prose th{background-color:#f5f5f5;font-weight:600;text-align:left;padding:.75rem 1rem;border-bottom:2px solid #e0e0e0}.dark .blog-post .prose th{background-color:#2a2a2a;border-bottom-color:#444}.blog-post .prose td{padding:.75rem 1rem;border-bottom:1px solid #e0e0e0}.dark .blog-post .prose td{border-bottom-color:#333}.blog-post .prose tr:nth-child(2n){background-color:#f9f9f9}.dark .blog-post .prose tr:nth-child(2n){background-color:#222}.reading-progress-bar{position:fixed;top:0;left:0;height:4px;background-color:#1a8917!important;z-index:100;transition:width .2s ease}.dark .reading-progress-bar{background-color:#4ade80!important}:global(.reading-progress-bar){background-color:#1a8917!important}:global(.dark .reading-progress-bar){background-color:#4ade80!important}@media (min-width: 1280px){.blog-post .prose{font-size:1.2rem}.blog-post .prose h2{font-size:2rem}.blog-post .prose h3{font-size:1.65rem}}@media (max-width: 768px){.blog-post .prose{font-size:1.05rem}.blog-post .prose h2{font-size:1.5rem;margin-top:2.5rem}.blog-post .prose h3{font-size:1.25rem;margin-top:2rem}.blog-post .prose>p:first-of-type:first-letter{font-size:2.5rem}.blog-post .prose blockquote{font-size:1.1rem;margin:1.5rem 0}}.blog-post .prose img{opacity:0;animation:fadeIn .6s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ping{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.animate-ping{animation:ping .3s ease-in-out}.blog-post .prose p{line-height:1.8;margin-bottom:1.5rem}@media (max-width: 768px){.blog-post .prose h2{font-size:1.5rem}.blog-post .prose h3{font-size:1.25rem}.blog-post .prose{font-size:1rem}}.blog-post .prose h1{font-size:2.5rem;margin-top:2rem;margin-bottom:1.5rem;font-weight:800;letter-spacing:-.015em;line-height:1.2;color:#1a1a1a;background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 12px #00000026;display:inline-block;position:relative;z-index:30;border-left:5px solid #1a8917}.dark .blog-post .prose h1{color:#fff!important;background-color:#0f172a!important;border-left:5px solid #4ade80!important;box-shadow:0 4px 12px #00000080!important}.blog-post .prose h1:first-of-type{margin-top:-3rem;transform:translateY(0);display:inline-block}#reading-progress-container{width:100%;position:fixed;top:0;left:0;right:0;z-index:9999;padding-top:4px;height:12px;transition:height .3s ease}#reading-progress-container:hover{height:16px}#reading-progress-bar{height:4px;background-color:#1a8917;background-image:linear-gradient(to right,#1a8917,#4ade80,#1a8917);width:0;transition:width .2s ease,height .3s ease;border-radius:0 0 4px 4px;box-shadow:0 1px 3px #0003;position:relative;overflow:hidden}#reading-progress-container:hover #reading-progress-bar{height:6px}#reading-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite;transform:translate(-100%)}#progress-percentage{position:absolute;top:6px;right:4px;background-color:#1a8917;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:4px;opacity:0;transition:opacity .3s ease;box-shadow:0 2px 4px #0003;font-weight:700}.dark #progress-percentage{background-color:#4ade80;color:#111827}#reading-progress-container:hover #progress-percentage{opacity:1}@keyframes shimmer{to{transform:translate(100%)}}.dark #reading-progress-bar{background-color:#4ade80;background-image:linear-gradient(to right,#4ade80,#86efac,#4ade80);box-shadow:0 1px 3px #ffffff1a}.dark .tutorial-post[data-astro-cid-o2iszxcd] h1[data-astro-cid-o2iszxcd]{color:#fff!important;background-color:#0f172a!important}.dark [data-astro-cid-o2iszxcd] h1[data-astro-cid-o2iszxcd]{color:#fff!important}