@font-face{font-family:"CommitMono";src:url("/fonts/CommitMono-400-Regular.otf") format("opentype");font-weight:400}@font-face{font-family:"CommitMono";src:url("/fonts/CommitMono-700-Regular.otf") format("opentype");font-weight:700}@font-face{font-family:"CommitMono";src:url("/fonts/CommitMono-400-Italic.otf") format("opentype");font-weight:400;font-style:italic}@font-face{font-family:"CommitMono";src:url("/fonts/CommitMono-700-Italic.otf") format("opentype");font-weight:700;font-style:italic}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:"CommitMono",monospace;background-color:#002b36;color:#b0bfbf;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{color:#268bd2;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:900px;margin:0 auto;padding:0 1.5rem;width:100%}.page-wrapper{display:flex;flex:1;padding-top:clamp(4rem,20vh,15rem)}.sidebar{width:180px;flex-shrink:0;padding-right:2rem;position:sticky;top:clamp(4rem,20vh,15rem);height:fit-content}.sidebar .site-title{font-size:1.5rem;font-weight:700;color:#b0bfbf;text-decoration:none;display:block;margin-bottom:2rem}.sidebar .site-title:hover{text-decoration:none}.sidebar nav ul{list-style:none}.sidebar nav li{margin-bottom:.5rem}.sidebar nav a{color:#b0bfbf;text-decoration:none;display:block}.sidebar nav a::before{content:"●";color:rgba(0,0,0,0);margin-right:.25rem}.sidebar nav a:hover{text-decoration:none}.sidebar nav a.active{color:#52d970}.sidebar nav a.active::before{color:#52d970}.main-content{flex:1;max-width:750px;min-width:0}.main-content code:not(pre code){color:#5ab4b4;background:rgba(0,0,0,0)}.main-content code:not(pre code)::before,.main-content code:not(pre code)::after{content:"`"}.main-content em,.main-content i{color:#d08090}.main-content em::before,.main-content em::after,.main-content i::before,.main-content i::after{content:"_"}.main-content strong,.main-content b{color:#d08090}.main-content strong::before,.main-content strong::after,.main-content b::before,.main-content b::after{content:"**"}.about{display:flex;flex-direction:column;align-items:center;text-align:center}.about .profile-img{width:150px;height:150px;border-radius:50%;margin-bottom:1.5rem;object-fit:cover}.about h1{margin-bottom:1rem}.about p{margin-bottom:.5rem}.posts-list{list-style:none}.posts-list li{padding:.75rem 0;border-bottom:1px solid #586e75;display:flex;justify-content:space-between;gap:1rem}.posts-list a{color:#b0bfbf}.posts-list .post-date{color:#586e75;white-space:nowrap}.post h1.post-title{margin-bottom:.5rem}.post h1.post-title::before{content:"# "}.post .post-meta{color:#586e75;margin-bottom:2rem}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:2rem;margin-bottom:1rem}.post-content h1 a,.post-content h2 a,.post-content h3 a,.post-content h4 a,.post-content h5 a,.post-content h6 a{color:inherit;text-decoration:none}.post-content h1 a:hover,.post-content h2 a:hover,.post-content h3 a:hover,.post-content h4 a:hover,.post-content h5 a:hover,.post-content h6 a:hover{text-decoration:none}.post-content h1::before{content:"# "}.post-content h2::before{content:"## "}.post-content h3::before{content:"### "}.post-content h4::before{content:"#### "}.post-content h5::before{content:"##### "}.post-content h6::before{content:"###### "}.post-content p{margin-bottom:1rem}.post-content ul,.post-content ol{margin-bottom:1rem;padding-left:2rem}.post-content ul{list-style:none}.post-content ul li::before{content:"* ";margin-left:-1.2rem}.post-content pre{background-color:#00232c;padding:.3rem .3rem;border-radius:4px;overflow-x:auto;margin-bottom:1rem;line-height:1.4;tab-size:4}.post-content pre::after{content:"```";display:block;color:#586e75;margin-top:.5rem}.post-content pre code{background:rgba(0,0,0,0);padding:0}.post-content pre code::before{content:"``` " attr(data-lang);display:block;color:#586e75;margin-bottom:0rem}.post-content pre code::after{content:none}.post-content pre .code-copy-button{position:absolute;top:0;right:0;border:0;margin-top:5px;margin-right:8px;background-color:rgba(0,0,0,0);z-index:3;padding:.25rem;cursor:pointer}.post-content pre .code-copy-button .copy-icon{display:inline-block;width:1rem;height:1rem;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(88, 110, 117)" viewBox="0 0 16 16"><path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/><path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/></svg>');background-repeat:no-repeat;background-size:1rem 1rem;opacity:0;transition:opacity .2s}.post-content pre .code-copy-button:hover .copy-icon{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(131, 148, 150)" viewBox="0 0 16 16"><path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/><path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/></svg>')}.post-content pre .code-copy-button.copied .copy-icon{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(131, 148, 150)" viewBox="0 0 16 16"><path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/></svg>');opacity:1}.post-content pre .code-copy-button.fade-out .copy-icon{opacity:0}.post-content pre:hover .code-copy-button .copy-icon{opacity:1}.post-content img{max-width:100%;height:auto;display:block;margin:1rem 0}.post-content table{width:100%;border-collapse:collapse;margin:1rem 0}.post-content table th,.post-content table td{border:1px solid #586e75;padding:.5rem;text-align:left}.post-content table th{background-color:#00232c}.post-content figcaption{text-align:right;color:#586e75;font-size:.9rem}.post-content blockquote{border-left:none;padding-left:0;margin:1rem 0;color:#586e75}.post-content blockquote p{position:relative;padding-left:1.2em;margin-bottom:0}.post-content blockquote p::before{content:">\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>\a>";white-space:pre;position:absolute;left:0;top:0;line-height:inherit;overflow:hidden;height:100%}.post-content blockquote p:not(:last-child)::after{content:"\a\a";white-space:pre;line-height:inherit}.post-content a[href^=http]::before,.post-content a[href^=http]::after{opacity:0;transition:opacity .1s ease-in .3s}.post-content a[href^=http]:hover{text-decoration:none}.post-content a[href^=http]:hover::before{content:"[";opacity:1}.post-content a[href^=http]:hover::after{content:"](" attr(href) ")";opacity:1}.footer{margin-top:auto;padding:2rem 0;color:#586e75}.footer .footer-content{display:flex;justify-content:space-between}.footer a{color:#586e75;margin-left:.6rem}.footer a:hover{color:#b0bfbf;text-decoration:none}.footer a::before,.footer a::after{content:none !important}@media (max-width: 768px){.page-wrapper{flex-direction:column;padding-top:0}.sidebar{width:100%;position:static;padding:1rem 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #586e75}.sidebar .site-title{margin-bottom:0;font-size:1.2rem}.sidebar nav ul{display:flex;gap:1rem}.sidebar nav li{margin-bottom:0}.sidebar nav a::before{content:none}.main-content{padding-top:2rem}}