:root{color-scheme:light dark;--color-bg:#f5f7fa;--color-surface:#fff;--color-surface-muted:#eef2f7;--color-text:#1f2933;--color-text-muted:#52606d;--color-link:#1d4ed8;--color-link-hover:#1e40af;--color-border:#d9e2ec;--color-shadow:rgba(15,23,42,.1);--color-button-bg:#e6edf5;--color-button-bg-hover:#d8e3ef;--color-button-text:#102a43;--color-header-bg:#fff;--color-footer-text:#627d98;--size-page-max-width:56rem;--size-space-2xs:0.25rem;--size-space-xs:0.5rem;--size-space-sm:0.75rem;--size-space-md:1rem;--size-space-lg:1.5rem;--size-space-xl:2rem;--size-radius-sm:0.375rem;--size-radius-md:0.5rem;--size-radius-lg:0.75rem;--size-border-width:0.0625rem;--size-shadow-blur:1.5rem;--size-header-gap:1rem;--size-nav-gap:0.5rem;--size-font-base:1rem;--size-font-title:1.25rem;--size-font-small:0.9rem;--size-line-height:1.5;--size-button-height:2.25rem;--size-search-width:30rem;--size-content-max-width:44rem;--size-post-line-height:1.65;--size-code-font:0.9rem;--size-pre-padding:0.875rem}@media (prefers-color-scheme:dark){:root{--color-bg:#0f1720;--color-surface:#16212b;--color-surface-muted:#1d2b38;--color-text:#e5edf5;--color-text-muted:#b0c0cf;--color-link:#93c5fd;--color-link-hover:#bfdbfe;--color-border:#304457;--color-shadow:rgba(0,0,0,.35);--color-button-bg:#243645;--color-button-bg-hover:#2d4558;--color-button-text:#e5edf5;--color-header-bg:#16212b;--color-footer-text:#9fb0c2}}body.theme-light{--color-bg:#f5f7fa;--color-surface:#fff;--color-surface-muted:#eef2f7;--color-text:#1f2933;--color-text-muted:#52606d;--color-link:#1d4ed8;--color-link-hover:#1e40af;--color-border:#d9e2ec;--color-shadow:rgba(15,23,42,.1);--color-button-bg:#e6edf5;--color-button-bg-hover:#d8e3ef;--color-button-text:#102a43;--color-header-bg:#fff;--color-footer-text:#627d98}body.theme-dark{--color-bg:#0f1720;--color-surface:#16212b;--color-surface-muted:#1d2b38;--color-text:#e5edf5;--color-text-muted:#b0c0cf;--color-link:#93c5fd;--color-link-hover:#bfdbfe;--color-border:#304457;--color-shadow:rgba(0,0,0,.35);--color-button-bg:#243645;--color-button-bg-hover:#2d4558;--color-button-text:#e5edf5;--color-header-bg:#16212b;--color-footer-text:#9fb0c2}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:var(--size-font-base);line-height:var(--size-line-height);background:var(--color-bg);color:var(--color-text)}footer,header,main{width:min(100% - (var(--size-space-lg) * 2),var(--size-page-max-width));margin-inline:auto}header{margin-top:var(--size-space-lg);padding:var(--size-space-lg);background:var(--color-header-bg);border:var(--size-border-width) solid var(--color-border);border-radius:var(--size-radius-lg);box-shadow:0 var(--size-space-xs) var(--size-shadow-blur) var(--color-shadow)}header>p{margin:0 0 var(--size-header-gap) 0;font-size:var(--size-font-title);font-weight:700}nav{display:flex;flex-wrap:wrap;gap:var(--size-nav-gap)}button,nav,nav a{align-items:center}button,nav a{display:inline-flex;justify-content:center;min-height:var(--size-button-height);padding:0 var(--size-space-md);border-radius:var(--size-radius-md);border:var(--size-border-width) solid var(--color-border);background:var(--color-button-bg);color:var(--color-button-text);text-decoration:none;font:inherit;cursor:pointer}button:hover,nav a:hover{background:var(--color-button-bg-hover)}main{margin-top:var(--size-space-lg);padding:var(--size-space-lg);background:var(--color-surface);border:var(--size-border-width) solid var(--color-border);border-radius:var(--size-radius-lg);box-shadow:0 var(--size-space-xs) var(--size-shadow-blur) var(--color-shadow)}main>article p{margin:0;padding:var(--size-space-sm) 0;border-bottom:var(--size-border-width) solid var(--color-border)}main>article p:last-child{border-bottom:none}.tech-post-wrapper{max-width:var(--size-content-max-width);margin-inline:auto;margin-block:3rem}.tech-post-wrapper article{line-height:var(--size-post-line-height)}.tech-post-wrapper article>h1{margin:0 0 var(--size-space-lg) 0;padding-bottom:var(--size-space-sm);border-bottom:var(--size-border-width) solid var(--color-border)}.tech-post-wrapper h1,.tech-post-wrapper h2,.tech-post-wrapper h3{line-height:1.25;margin-top:var(--size-space-lg);margin-bottom:var(--size-space-sm)}.tech-post-wrapper p{margin:0 0 var(--size-space-md) 0;padding:0;border-bottom:none}.tech-post-wrapper blockquote{margin:0 0 var(--size-space-md) 0;padding:var(--size-space-sm) var(--size-space-md);border-left:calc(var(--size-border-width)*4) solid var(--color-border);background:var(--color-surface-muted);border-radius:var(--size-radius-sm);color:var(--color-text-muted)}.tech-post-wrapper ol,.tech-post-wrapper ul{margin:0 0 var(--size-space-md) 0;padding-left:var(--size-space-lg)}.tech-post-wrapper li{margin-bottom:var(--size-space-xs)}.tech-post-wrapper code{font-family:Consolas,Courier New,monospace;font-size:var(--size-code-font);padding:0 var(--size-space-2xs);background:var(--color-surface-muted);border-radius:var(--size-radius-sm)}.tech-post-wrapper pre{margin:0 0 var(--size-space-md) 0;padding:var(--size-pre-padding);overflow-x:auto;border:var(--size-border-width) solid var(--color-border);border-radius:var(--size-radius-md);background:var(--color-surface-muted)}.tech-post-wrapper pre code{padding:0;background:transparent;border-radius:0}a{color:var(--color-link)}a:hover{color:var(--color-link-hover)}footer{margin-top:var(--size-space-lg);margin-bottom:var(--size-space-xl);padding:0 var(--size-space-xs)}footer p{margin:0;color:var(--color-footer-text);font-size:var(--size-font-small)}.search-dialog-wrapper{margin-top:var(--size-space-md)}#search-dialog{width:min(100%,var(--size-search-width));border:var(--size-border-width) solid var(--color-border);border-radius:var(--size-radius-lg);padding:0;background:var(--color-surface);color:var(--color-text);box-shadow:0 var(--size-space-sm) var(--size-shadow-blur) var(--color-shadow)}#search-dialog article{margin:0;padding:var(--size-space-md)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--size-space-md)}#search-input{width:100%;min-height:var(--size-button-height);padding:0 var(--size-space-sm);border:var(--size-border-width) solid var(--color-border);border-radius:var(--size-radius-sm);background:var(--color-surface-muted);color:var(--color-text)}.search-results{margin-top:var(--size-space-md);max-height:16rem;overflow:auto}#search-results{margin:0;padding-inline-start:.5rem}:root{--pico-transition:0.2s ease-in-out;--pico-icon-close:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%238891a4' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' viewBox='0 0 24 24'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}@container search-dialog-wrapper{dialog{--delay:400ms;margin-top:200px;margin-inline:auto;border:none;opacity:0;scale:.8;transition:opacity var(--delay) ease,scale var(--delay) ease,display var(--delay) allow-discrete,overlay var(--delay) allow-discrete;& .search-results{max-height:200px;margin:var(--pico-spacing);margin-block:2rem;overflow:auto;& ul{list-style-type:none}}}dialog[open]{opacity:1;scale:1;@starting-style{opacity:0;scale:.8}}dialog::backdrop{background-color:transparent;opacity:0;transition:opacity var(--delay) ease,display var(--delay) allow-discrete,background-color var(--delay) ease,overlay var(--delay) allow-discrete}dialog[open]::backdrop{background-color:rgba(0,0,0,.6);opacity:1;@starting-style{opacity:0;background-color:transparent}}header.dialog-header{display:flex;justify-content:space-between;align-items:center;outline:1px solid #ff0;margin-top:0;& div{padding:0;line-height:0}}dialog>article .close,dialog>article :is(a,button)[rel=prev]{display:block;width:1rem;height:1rem;margin-top:.2rem;margin-bottom:var(--pico-spacing);margin-left:auto;border:none;background-image:var(--pico-icon-close);background-position:50%;background-size:auto 1rem;background-repeat:no-repeat;background-color:transparent;opacity:.5;transition:opacity var(--pico-transition)}}.post-date-updated{font-size:.8rem;font-style:italic;margin-block:2rem}