:root{color-scheme:light;--color-background:#f3fbff;--color-background-main:color-mix(in oklab, var(--color-background) 20%, white);--color-text:#222222;--color-text-muted:color-mix(in srgb, var(--color-text) 80%, transparent);--color-separator:color-mix(in srgb, var(--color-text) 33%, transparent);--color-url:#3261a6;--color-url-visited:#4532a6;--color-code-background:color-mix(in srgb, var(--color-text) 8%, transparent);--page-width:50rem;--font-size-normal:16px;--font-size-large:18px;--font-size-small:14px}html{font-size:var(--font-size-normal);line-height:1.5;margin:auto;background-attachment:fixed;background-color:var(--color-background)}body{max-width:var(--page-width);margin:auto;min-height:100vh;display:flex;flex-direction:column;font-family:noto sans,sans-serif;color:var(--color-text)}header{padding:1rem 2rem;font-weight:500;font-size:var(--font-size-large)}footer{padding:1rem 2rem;font-size:var(--font-size-small);text-align:center}header nav,footer.footer-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem;margin-block:1em}main{position:relative;padding:1rem 2rem;border-radius:clamp( 0px,calc((100vw - var(--page-width))/2),calc(2rem + 1px) );border-top:1px solid var(--color-separator);border-bottom:1px solid var(--color-separator);border-left:clamp(0px,calc((100vw - var(--page-width))/2),1px)solid var(--color-separator);border-right:clamp(0px,calc((100vw - var(--page-width))/2),1px)solid var(--color-separator);background-color:var(--color-background-main);flex:1}:is(.card,figure img,div.youtube-player,#figure-overlay-image){border-radius:calc(1rem + 1px);border:1px solid var(--color-separator);overflow:hidden}a{text-decoration:none}a:hover,a:active{text-decoration:underline}a:not(nav a):link,a:not(nav a):hover,a:not(nav a):active{color:var(--color-url)}a:not(nav a):visited{color:var(--color-url-visited)}nav a{color:var(--color-url)}nav a.active{color:var(--color-url-visited)}.tag{padding:0 .5em;font-size:var(--font-size-small)}.big-tag{padding:0 .8em;font-size:var(--font-size-large)}.post-meta{display:flex;gap:1em;align-items:baseline;flex-wrap:wrap}.post-meta h2{margin-bottom:0}.post-meta-time{flex-grow:1;color:var(--color-text-muted)}.post-meta-tags{display:flex;gap:.5em;flex-wrap:wrap}.page-preview{padding:1em 2em;margin:1em 0;display:flex;align-items:center;gap:1em}.page-preview-post{flex:1}.page-preview-image{max-width:20%;object-fit:cover;user-select:none}.post-fill{max-width:100%;text-align:center}.post-float-left{float:left;margin:1em 1em 1em 0;max-width:40%;text-align:center}.post-float-right{float:right;margin:1em 0 1em 1em;max-width:40%;text-align:center}.post-fill img,.post-float-left img,.post-float-right img{max-width:100%;height:auto}.post-fill figcaption,.post-float-left figcaption,.post-float-right figcaption{font-style:italic;font-size:var(--font-size-small)}figure{margin-inline:0}figure img{display:block}#figure-overlay{position:fixed;inset:0;z-index:9999;width:100vw;height:100vh;pointer-events:none;opacity:0;transition:opacity 100ms ease;background:rgba(0,0,0,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;cursor:zoom-out}#figure-overlay.active{opacity:1;pointer-events:auto}#figure-overlay-image{width:min(90vw,90vh * var(--aspect));height:auto;aspect-ratio:var(--aspect);box-shadow:0 4px 16em rgba(0,0,0,.8);cursor:default;user-select:none}#figure-overlay-caption{color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.8);font-size:1em;text-align:center;cursor:default}code{font-family:hack,monospace;font-size:90%}code:not(div.highlight code){padding:.125rem .25rem;background:var(--color-code-background);border-radius:calc(.25rem)}div.highlight:has(code){border-radius:calc(1rem + 1px);border:1px solid var(--color-separator);padding:0 1em;background-color:#f7f7f7;overflow:hidden}div.youtube-player{margin-block-start:1em;margin-block-end:1em;position:relative;padding-bottom:56.25%;height:0;overflow:hidden}div.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}