.site-header{display:flex;min-height:80px;align-items:center;padding:0 20px;justify-content:center}.site-header .site-title{padding:20px 0}.site-header .site-title h1{margin:0}@media(prefers-color-scheme: light){.site-header .site-title h1{background:linear-gradient(to right, #ea76cb, #8839ef, #7287fd);background-size:300% 100%;background-position:top left;transition:all .2s ease-in-out}.site-header .site-title h1:hover{background-position:top left 100%}.site-header .site-title h1{-webkit-text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text}}@media(prefers-color-scheme: dark){.site-header .site-title h1{background:linear-gradient(to right, #f5c2e7, #cba6f7, #b4befe);background-size:300% 100%;background-position:top left;transition:all .2s ease-in-out}.site-header .site-title h1:hover{background-position:top left 100%}.site-header .site-title h1{-webkit-text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text}}@media screen and (max-width: 600px){.site-header .site-title h1{font-size:24px}}.site-header .container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.site-header .container .socials{display:flex;flex-direction:row;margin-left:0;gap:30px;height:80px;align-items:center}@media screen and (max-width: 600px){.site-header .container .socials{gap:20px}}.site-header .container .socials a{display:block;height:40px;aspect-ratio:1;text-decoration:none;font-size:20px;transition:color .3s;mask-size:contain;mask-repeat:no-repeat;mask-position:center}@media screen and (max-width: 600px){.site-header .container .socials a{height:30px}}.site-header .container .socials a:hover{color:red}.site-header .container .socials a.github{mask-image:url("/assets/icons/socials/github.svg")}@media(prefers-color-scheme: light){.site-header .container .socials a.github{background:linear-gradient(to right, #8839ef, #7287fd, #1e66f5);background-size:300% 100%;background-position:top left;transition:all .2s ease-in-out}.site-header .container .socials a.github:hover{background-position:top left 100%}}@media(prefers-color-scheme: dark){.site-header .container .socials a.github{background:linear-gradient(to right, #cba6f7, #b4befe, #89b4fa);background-size:300% 100%;background-position:top left;transition:all .2s ease-in-out}.site-header .container .socials a.github:hover{background-position:top left 100%}}.site-header .container .socials a.bluesky{mask-image:url("/assets/icons/socials/bluesky.svg")}@media(prefers-color-scheme: light){.site-header .container .socials a.bluesky{background:linear-gradient(to right, #7287fd, #1e66f5, #04a5e5);background-size:300% 100%;background-position:top left;transition:all .2s ease-in-out}.site-header .container .socials a.bluesky:hover{background-position:top left 100%}}@media(prefers-color-scheme: dark){.site-header .container .socials a.bluesky{background:linear-gradient(to right, #b4befe, #89b4fa, #89dceb);background-size:300% 100%;background-position:top left;transition:all .2s ease-in-out}.site-header .container .socials a.bluesky:hover{background-position:top left 100%}}:not(.highlight pre)>code{padding:3px 5px;border-radius:5px}:not(.highlight pre)>code *{font-family:Hack,monospace}@media(prefers-color-scheme: light){:not(.highlight pre)>code{background-color:#eff1f5}}@media(prefers-color-scheme: dark){:not(.highlight pre)>code{background-color:#1e1e2e}}.highlight *{font-family:Hack,monospace}.highlight .chroma{overflow-x:scroll;padding:10px 12px;border-radius:5px;border:1px Solid rgba(0,0,0,0);transition:all .1s ease-in-out}@media(prefers-color-scheme: light){.highlight .chroma{border-color:#bcc0cc}.highlight .chroma:hover{background-color:#e6e9ef}}@media(prefers-color-scheme: dark){.highlight .chroma{border-color:#45475a}.highlight .chroma:hover{background-color:#181825}}blockquote{margin:16px 0;padding:10px 15px}blockquote .alert-heading{display:flex;align-items:center;gap:10px}@media(prefers-color-scheme: light){blockquote{background-color:#eff1f5;border-left:4px Solid #8839ef}}@media(prefers-color-scheme: dark){blockquote{background-color:#1e1e2e;border-left:4px Solid #cba6f7}}@media(prefers-color-scheme: light){blockquote.alert-note{border-left:4px Solid #1e66f5}blockquote.alert-note .alert-heading{color:#1e66f5}}@media(prefers-color-scheme: dark){blockquote.alert-note{border-left:4px Solid #89b4fa}blockquote.alert-note .alert-heading{color:#89b4fa}}@media(prefers-color-scheme: light){blockquote.alert-tip{border-left:4px Solid #40a02b}blockquote.alert-tip .alert-heading{color:#40a02b}}@media(prefers-color-scheme: dark){blockquote.alert-tip{border-left:4px Solid #a6e3a1}blockquote.alert-tip .alert-heading{color:#a6e3a1}}@media(prefers-color-scheme: light){blockquote.alert-important{border-left:4px Solid #8839ef}blockquote.alert-important .alert-heading{color:#8839ef}}@media(prefers-color-scheme: dark){blockquote.alert-important{border-left:4px Solid #cba6f7}blockquote.alert-important .alert-heading{color:#cba6f7}}@media(prefers-color-scheme: light){blockquote.alert-warning{border-left:4px Solid #df8e1d}blockquote.alert-warning .alert-heading{color:#df8e1d}}@media(prefers-color-scheme: dark){blockquote.alert-warning{border-left:4px Solid #f9e2af}blockquote.alert-warning .alert-heading{color:#f9e2af}}@media(prefers-color-scheme: light){blockquote.alert-caution{border-left:4px Solid #d20f39}blockquote.alert-caution .alert-heading{color:#d20f39}}@media(prefers-color-scheme: dark){blockquote.alert-caution{border-left:4px Solid #f38ba8}blockquote.alert-caution .alert-heading{color:#f38ba8}}blockquote p:last-of-type{margin-bottom:0}ul li{margin-bottom:3px;line-height:1.5}*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;letter-spacing:.05rem}html{min-height:100vh}body{min-height:100vh;margin:0}@media(prefers-color-scheme: light){body{background:linear-gradient(#eff1f5, #dce0e8);background-attachment:fixed;color:#4c4f69}}@media(prefers-color-scheme: dark){body{background:linear-gradient(#1e1e2e, #11111b);background-attachment:fixed;color:#cdd6f4}}h1,h2,h3{font-weight:bold;font-family:Hack,monospace}h1 a,h2 a,h3 a{font-family:Hack,monospace}h1{font-size:36px;margin-top:0}h2{font-size:28px}p{margin-top:0;font-size:18px;line-height:1.5;text-wrap:pretty}a{text-decoration:none;transition:all .2s ease-in-out}@media(prefers-color-scheme: light){a{color:#1e66f5}}@media(prefers-color-scheme: dark){a{color:#89b4fa}}a:hover{text-decoration:none}@media(prefers-color-scheme: light){a:hover{color:#179299}}@media(prefers-color-scheme: dark){a:hover{color:#94e2d5}}img{display:block}.site-content{display:flex;flex-direction:row;justify-content:center}.container{max-width:1200px;margin:0 auto;width:100%;height:100%}.error{margin-top:200px}.error h1,.error p{text-align:center}.profile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin:100px 0}.profile .dp{background-image:url("/assets/images/dp.jpg");background-size:cover;background-position:center;width:250px;height:250px;border-radius:999px}@media(prefers-color-scheme: light){.profile .dp{border:3px solid #8839ef}}@media(prefers-color-scheme: dark){.profile .dp{border:3px solid #cba6f7}}.profile .bio{font-size:18px;text-align:center;line-height:40px}.profile .about{margin-top:40px;line-height:30px;text-align:center}.home{width:100%;padding:0 20px}.home .blog{display:flex;flex-direction:column;gap:60px;margin-bottom:50px}.home .blog .post-preview{display:flex;flex-direction:row;gap:20px}.home .blog .post-preview .timeline{margin:0 10px;width:0px}@media(prefers-color-scheme: light){.home .blog .post-preview .timeline{border:2px solid #8839ef;background-color:#8839ef}}@media(prefers-color-scheme: dark){.home .blog .post-preview .timeline{border:2px solid #cba6f7;background-color:#cba6f7}}.home .blog .post-preview .timeline .dot{top:38px;left:-10px;width:20px;height:20px;position:relative;border-radius:999px}@media(prefers-color-scheme: light){.home .blog .post-preview .timeline .dot{background-color:#eff1f5;border:3px solid #8839ef}}@media(prefers-color-scheme: dark){.home .blog .post-preview .timeline .dot{background-color:#1e1e2e;border:3px solid #cba6f7}}.home .blog .post-preview .content{margin-top:5px;flex:1;padding-bottom:10px}.home .blog .post-preview .content .date{font-family:Hack,monospace;font-size:14px;margin-bottom:20px}@media(prefers-color-scheme: light){.home .blog .post-preview .content .date{color:#6c6f85}}@media(prefers-color-scheme: dark){.home .blog .post-preview .content .date{color:#a6adc8}}.home .blog .post-preview .content .more{font-family:Hack,monospace}.post{width:100%;padding:0 20px 20px 20px}.post a.backlink{font-family:Hack,monospace;display:block;margin:20px 0}.post .date{font-family:Hack,monospace;font-size:14px;margin-bottom:20px}@media(prefers-color-scheme: light){.post .date{color:#6c6f85}}@media(prefers-color-scheme: dark){.post .date{color:#a6adc8}}.post .image-grid{display:flex;width:100%;gap:20px;margin:20px 0}@media screen and (max-width: 800px){.post .image-grid{flex-direction:column}}.post .image-grid img{margin:0;width:100%;min-width:0}.post .section .section-heading{display:flex;align-items:center;gap:10px}.post .section .section-heading p:has(img){margin:auto 0;display:flex;align-items:center}.post .section .section-heading img{width:50px;margin:0 15px 0 0;display:inline-block;border-radius:5px}.post .section .section-heading .emoji{width:50px;font-size:40px;margin:0 15px 0 0}.post .section .section-heading .text{display:flex;flex-grow:1}@media screen and (max-width: 600px){.post .section .section-heading .text{flex-direction:column;gap:5px}}@media screen and (max-width: 600px){.post .section .section-heading .text h2{margin-bottom:0}.post .section .section-heading .text h3{margin-top:0}}.post .section .section-content{overflow:auto}.post .section .section-content p:has(img){margin:auto 0}.post .section .section-content img{float:left;max-width:200px;width:100%;margin:5px 30px 20px 0}@media screen and (max-width: 600px){.post .section .section-content img{float:none;margin:0 auto 20px}}.post img{width:100%;margin:30px auto}.post h2{margin:30px auto 30px 0}@media screen and (max-width: 600px){.post h2{font-size:22px}}.post h3{display:flex;align-items:center;margin:30px 0}@media(prefers-color-scheme: light){.post h3{color:#6c6f85}}@media(prefers-color-scheme: dark){.post h3{color:#a6adc8}}@media screen and (max-width: 600px){.post h3{font-size:16px;display:block}}