:root{--bg: #ffffff;--text: #434648;--heading: #0d122b;--muted: #6b7886;--link: #003fff;--link-hover: #0036c7;--line: #ececec;--code-bg: #d8dbe2;--code-text: #333638;--nav-width: 830px;--content-width: 660px;--sans: Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color-scheme:light}html.dark{--bg: #131418;--text: #babdc4;--heading: #eaeaea;--muted: #767f87;--link: #77a8fd;--link-hover: #5292ff;--line: #1b1d25;--code-bg: #2d2d2d;--code-text: #c2c4ca;color-scheme:dark}*{box-sizing:border-box;transition:background-color 75ms ease-in,border-color 75ms ease-in,color 75ms ease-in}html{overflow-x:hidden;width:100%}body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{min-height:100vh;overflow-x:hidden;position:relative;background:var(--bg);color:var(--text);font:16px/1.85 var(--sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{color:var(--heading);font-weight:700}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure{margin-top:10px;margin-bottom:10px}a{color:inherit;text-decoration-color:#d2c7c7;text-underline-offset:.16em}a:hover{color:var(--link)}a:focus{outline:3px solid rgba(0,54,199,.6);outline-offset:2px}mark,::selection{background:#fffba0;color:var(--heading)}strong,b{color:var(--heading);font-weight:700}img{display:block;max-width:100%;height:auto;margin:0 auto;vertical-align:middle}ul,ol{margin-left:30px}li{padding-top:1px;padding-bottom:1px}hr{border:0;border-top:1px solid var(--line);margin:2rem 0}blockquote{color:var(--muted);border-left:5px solid var(--line);margin-left:.3rem;margin-right:.3rem;padding-left:1rem}code{font-family:Consolas,SF Mono,ui-monospace,monospace;font-size:inherit}p>code,li>code{position:relative;top:-1px;padding:1px 3px;border:1px solid rgba(128,128,128,.1);border-radius:2px;background:var(--code-bg);color:var(--code-text);font-size:.9em;white-space:pre-wrap}pre{display:block;overflow-x:auto;padding:.5rem 1rem;border-radius:.3rem;background:#1a1b21}pre>code{display:block;color:#fff;line-height:1.5}.wrapper{width:min(var(--content-width),calc(100% - 60px));margin-right:auto;margin-left:auto;position:relative}.navbar:after,.wrapper:after{display:table;clear:both;content:""}.navbar{width:min(var(--nav-width),calc(100% - 60px));margin-right:auto;margin-left:auto;border-bottom:1px solid var(--line);padding:.5rem .3rem}.menu{min-height:38px;user-select:none}.logo{float:left;margin:.5rem 0 0 1rem;color:var(--heading);line-height:1;text-decoration:none}.logo svg,.menu-icon svg,#mode svg,.footer_social-icons svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.logo svg{opacity:.7}.logo:hover svg{opacity:1}.menu .trigger{float:right;display:flex;align-items:center}.trigger-container{margin:0}.menu li{display:inline-block;margin:0;padding:0;list-style:none}.menu-separator{margin-right:.7rem;color:var(--muted)}.menu-link{display:inline-block;padding:.3rem .5rem;color:var(--heading);letter-spacing:.015rem;line-height:2.25;opacity:.72;text-decoration:none}.menu-link:hover,.menu-link.active{opacity:1}.menu-link.active{font-weight:600}.menu-trigger,.menu-icon{display:none}#mode{display:inline-grid;place-items:center;width:32px;height:32px;border:0;padding:0;background:transparent;color:var(--heading);cursor:pointer;opacity:.72}#mode:hover{opacity:1}#mode:active{transform:scale(.9)}.mode-sunny{display:none}.mode-moon,html.dark .mode-sunny{display:block}html.dark .mode-moon{display:none}.author{margin-top:6.3rem;margin-bottom:7.2rem;text-align:center}.author-avatar,.profile-mark{display:block;width:70px;height:70px;margin:0 auto;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--bg),var(--line) 45%);object-fit:cover}.author-name{margin-bottom:2px;font-size:1.7em;line-height:1.2}.author-bio{width:100%;max-width:430px;margin:0 auto;color:var(--text);line-height:1.688;opacity:.9}.posts-item-note{padding-bottom:.3rem;color:var(--heading);font-size:1.17em;font-weight:500;line-height:1.4}.post-item{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding-top:5px;padding-bottom:6px}.post-item:not(:first-of-type){border-top:1px solid var(--line)}.post-item-title{min-width:0;margin:0;border:0;padding:0;font-size:16px;font-weight:400;letter-spacing:.1px;line-height:1.45}.post-item-title a{color:var(--text);text-decoration-color:transparent}.post-item-title a:hover{color:var(--heading)}.post-item-meta{flex:0 0 auto;color:var(--heading);font-size:.95rem;white-space:nowrap}.footer{margin-top:8em;margin-bottom:2em;text-align:center}.footer_item{color:var(--heading);font-size:14px;font-weight:700;opacity:.85}.footer_copyright{display:block;margin-top:.7rem;padding:.3rem .95rem;color:var(--muted);font-size:13px;opacity:.9}.footer_social-icons{margin-top:.25rem}.footer_social-icons a{margin-right:.31rem;text-decoration:none}.footer_social-icons svg{width:24px;height:24px;color:#888a90}.footer_social-icons svg:hover{color:var(--heading)}.wrapper.post{width:min(var(--content-width),calc(100% - 60px))}.header{margin-top:7.8em}.about-page .header{margin-top:7em}.header-title{margin-top:10px;margin-bottom:20px;font-size:2em;line-height:1.2}.post-meta{display:flex;flex-wrap:wrap;gap:.35rem .85rem;margin:0 0 2.25rem;color:var(--muted);font-size:.95rem;line-height:1.45}.post-meta span:not(:first-child):before{margin-right:.85rem;color:var(--line);content:"|"}.page-content{padding-top:8px}.page-content a,.article-body a{color:var(--link);text-decoration:none}.page-content a:hover,.article-body a:hover{color:var(--link-hover)}.article-body>p{max-width:100%;margin:0;padding-top:15px;padding-bottom:15px}.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{margin-top:30px;margin-bottom:0;color:var(--heading);font-weight:700;letter-spacing:.03rem}.article-body h2{font-size:22px}.article-body h3{font-size:20px}.article-body ul,.article-body ol{margin-top:0;margin-bottom:15px}.article-body blockquote{margin-top:20px;margin-bottom:20px}.article-body figure{margin-top:30px;margin-bottom:30px}.article-body figure.wide{margin-right:calc((var(--content-width) - min(920px,100vw - 60px)) / 2);margin-left:calc((var(--content-width) - min(920px,100vw - 60px)) / 2)}.article-body figure.wide img{width:100%}.article-body figcaption{margin-top:8px;color:var(--muted);font-size:14px;font-style:italic;line-height:1.55;text-align:center}.profile-mark{width:75px;height:75px;margin-bottom:1.2rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media screen and (max-width:768px){body{overflow-x:hidden}.wrapper,.wrapper.post{width:min(calc(100% - 40px),var(--content-width));max-width:calc(100vw - 40px)}.navbar{width:100%;padding:0;border-bottom:0}.menu{position:fixed;inset:0 0 auto;z-index:2;height:50px;border-bottom:1px solid var(--line);background:var(--bg);text-align:center}.logo{margin-left:1rem;padding-top:.3rem}.menu-icon{display:block!important;position:absolute;top:0;right:0;z-index:3;margin:.7rem .3rem 0 0;color:var(--heading);cursor:pointer}.menu-icon svg{opacity:.72}.menu-icon:hover svg{opacity:1}.menu input[type=checkbox]:not(:checked)~.trigger{visibility:hidden}.menu input[type=checkbox]:checked~.trigger{position:fixed;top:0;display:flex;flex-direction:column;justify-content:center;width:100%;height:100vh;background:var(--bg)}.menu .trigger{float:none}.menu li{display:block}.menu-separator{display:none}.menu-link{display:block;padding:2px 0;font-size:1.1em}#mode{position:fixed;top:9px;left:10px}.wrapper.blurry{filter:blur(4px)}.author{margin-top:6.2rem;margin-bottom:3em}.author-bio,.article-body,.article-body>p{width:100%;max-width:calc(100vw - 40px);overflow-wrap:anywhere}.post-item{flex-direction:column;align-items:flex-start;gap:.1rem}.post-item-title{max-width:100%}.post-item-meta{font-size:.94rem;white-space:normal}.footer{margin-top:3em}.header{margin-top:5.7em}.header-title{font-size:1.9em}.article-body figure.wide{margin-right:0;margin-left:0}pre{margin-right:calc(51% - 51vw);margin-left:calc(51% - 51vw)}}
