:root{--content-max-width:100%;--content-padding:1rem;--main-gap:5rem;--border-radius:12px;--shadow-light:0 4px 10px rgba(0,0,0,.1);--shadow-medium:0 4px 6px rgba(0,0,0,.753);--bg-overlay:rgba(0,0,0,.1);--text-primary:rgba(255,255,255,.9);--text-secondary:rgba(255,255,255,.7);--text-tertiary:rgba(255,255,255,.8);--accent-blue:#29b6f6;--accent-cyan:#03dac6;--accent-cyan-alt:#00e5ff;--accent-pink:rgba(255,121,198,.95);--accent-yellow:rgba(255,217,102,.95);--accent-red:rgba(255,99,132,.85);--accent-light-blue:rgba(102,217,255,.95);--accent-light-cyan:rgba(142,220,230,.95);--border-color:rgba(255,255,255,.2);--animation-duration:.8s;--animation-easing:ease-in-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}main{width:var(--content-max-width);padding:0 var(--content-padding);margin:0 auto}.main-content{gap:var(--main-gap);min-height:100vh;margin:1rem auto;display:flex;position:relative}.article-content{min-width:0;box-shadow:var(--shadow-medium);background-color:var(--bg-overlay);border-radius:var(--border-radius);animation:fadeInUp var(--animation-duration)var(--animation-easing)forwards;opacity:0;flex:1}.left-sidebar,.right-sidebar{flex:.3;min-width:0}.left-sidebar{animation:fadeInLeft var(--animation-duration)var(--animation-easing)forwards;opacity:0;animation-delay:.2s}.right-sidebar{animation:fadeInRight var(--animation-duration)var(--animation-easing)forwards;opacity:0;animation-delay:.2s}.hero-image{width:100%;animation:fadeIn 1s var(--animation-easing)forwards;opacity:0;margin-bottom:1rem}.hero-image img{border-radius:var(--border-radius);box-shadow:var(--shadow-light);object-fit:cover;max-height:400px;margin:0 auto;display:block}.prose{border-radius:var(--border-radius);box-shadow:var(--shadow-light);padding:2rem}.prose p{margin-bottom:1.5rem;line-height:1.7}.prose h2,.prose h3,.prose h4{margin-top:2.5rem;margin-bottom:1.2rem;position:relative}.prose h2{border-bottom:1px solid var(--border-color);padding-bottom:.5rem;font-size:1.8rem}.prose h3{font-size:1.5rem}.prose h4{font-size:1.3rem}.prose ul,.prose ol{margin-bottom:1.5rem;padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose blockquote{color:var(--text-tertiary);border-left:4px solid rgba(1,162,190,.8);margin-bottom:1.5rem;margin-left:0;padding-left:1rem;font-style:italic}.prose a{color:var(--accent-blue);text-decoration:none;transition:all .3s;position:relative}.prose a:not(:has(img)):after{content:" 🔗";opacity:.7;font-size:.85em}.prose a:hover{color:var(--accent-cyan);text-shadow:0 0 8px rgba(3,218,198,.4)}.prose a:active{color:var(--accent-cyan-alt)}.prose img{border-radius:8px;max-width:100%;height:auto;margin:2rem auto;display:block}.prose table{border-collapse:collapse;width:100%;margin:2rem 0;display:block;overflow-x:auto}.prose table th,.prose table td{border:1px solid var(--border-color);text-align:left;padding:.75rem}.prose table th{background-color:#ffffff1a}.prose table tr:nth-child(2n){background-color:#ffffff0d}.prose code{color:var(--accent-pink);font-family:var(--font-family-mono);font-size:16px}.prose strong{color:var(--accent-yellow)}.prose del{color:var(--accent-red);background-color:#ff63841a;border-radius:3px;padding:0 4px;text-decoration:line-through;position:relative}.prose u{color:var(--accent-light-blue);text-decoration:none;position:relative}.prose u:after{content:"";background:linear-gradient(90deg,#66d9ffb3,#03dac6b3);border-radius:1px;width:100%;height:2px;position:absolute;bottom:-2px;left:0;box-shadow:0 0 4px #03dac666}.prose em{color:var(--accent-light-cyan);padding:0 2px;font-style:italic;position:relative}.title{text-align:center;animation:fadeInUp var(--animation-duration)var(--animation-easing)forwards;opacity:0;margin-bottom:2rem;line-height:1.3;animation-delay:.1s}.title h1{background:linear-gradient(90deg,var(--text-primary),rgba(1,162,190,.9));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:2.5rem}.date{color:var(--text-secondary);animation:fadeInUp var(--animation-duration)var(--animation-easing)forwards;opacity:0;flex-wrap:wrap;justify-content:center;gap:2rem;margin:1rem 0;font-size:.9rem;animation-delay:.2s;display:flex}.last-updated-on{font-style:italic}.expressive-code{margin:2rem 0}.expressive-code .frame{border-radius:8px}.expressive-code pre,.expressive-code code{font-family:var(--font-family-mono);font-size:16px;line-height:1.5}.expressive-code .ec-line,.expressive-code .gutter,.expressive-code .code,.expressive-code .ln{font-family:var(--font-family-mono);font-size:16px}.expressive-code figcaption.header{font-family:var(--font-family-mono);font-size:14px}.expressive-code .gutter .ln{font-family:var(--font-family-mono);font-size:16px}.expressive-code .code{font-family:var(--font-family-mono);font-size:16px;line-height:1.5}@media (max-width:1200px){.prose{padding:1.5rem}.title h1{font-size:2.2rem}}@media (max-width:768px){.main-content{flex-direction:column;gap:2rem}.prose{padding:1.2rem}.title h1{font-size:2rem}.date{flex-direction:column;align-items:center;gap:.5rem}}@media (max-width:480px){main{padding:0 .5rem}.prose{padding:1rem}.title h1{font-size:1.8rem}}