@layer base,theme,post,bookmarks;@layer base{*,*::before,*::after{box-sizing:border-box}:root{--theme-color-active:#DADFF7;--theme-color-alt-background:#77A6A4;--theme-color-alt-foreground:#000;--theme-color-background:#232C33;--theme-color-border:#5A7D7C;--theme-color-link:#A0C1D1;--theme-color-text:#FFF;--theme-color-visited:#B5B2C2;--theme-font-body:"SF Pro", sans-serif;--theme-font-mono:"Iosevka Term", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--theme-post-card-radius:1rem;--theme-post-card-image-height:10rem;font-family:var(--theme-font-body);font-weight:400}body{background-color:var(--theme-color-background);color:var(--theme-color-text);display:grid;grid-template-columns:1fr min(50rem,90%)1fr;line-height:1.75;margin:1rem 0;padding:0;scrollbar-gutter:stable;-webkit-font-smoothing:antialiased}body>*{grid-column:2}img,picture,video,canvas,svg{align-self:center;display:block;height:auto;margin:0 auto;max-width:100%}audio{display:block;margin:1rem auto;width:77%}pre code{display:block;max-width:100%;overflow-x:auto}.hide{display:none}code{font-family:var(--theme-font-mono)}}@layer theme{a{color:var(--theme-color-link);font-weight:700;padding-bottom:7px;text-decoration:underline 1px;text-underline-offset:.45rem;&:hover, &:visited:hover{color:var(--theme-color-text);text-decoration:underline}&:active{color:var(--theme-color-active)}&:visited{color:var(--theme-color-visited)}}:where(#page__head){align-items:center;display:flex;flex-flow:row;gap:1.1rem}:where(#page__head)>picture{height:50px;width:50px}:where(#page__head) h1{flex:1}:where(#page__head) h1 a{font-size:3rem;text-underline-offset:12px}:where(#page__nav) menu{list-style-type:none;padding:0}:where(.post__card){margin-bottom:1rem}:where(.post__card)>header{align-items:center;display:flex;flex-flow:row wrap;gap:1rem}:where(.post__card)>header>figure{display:block;flex-basis:100%;margin:0;width:100%}:where(.post__card)>header>figure picture{width:100%}:where(.post__card)>header>figure img{height:var(--theme-post-card-image-height);object-fit:cover;object-position:50%;width:100%}:where(.post__card)>header h2{flex:1;margin:0;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}:where(.post__card)>header h2,:where(.post__card)>header time{display:inline-block}:where(#page__main) button{background-color:var(--theme-color-background);border:2px solid #fff;border-radius:1rem;color:#fff;display:inline-block}:where(article:not(.post__card))>header{align-items:center;column-gap:.75rem;display:grid;grid-template-columns:minmax(0,1fr)auto;row-gap:.5rem}:where(article:not(.post__card))>header h1{margin:0;min-width:0}:where(.article__meta){align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-self:end;white-space:nowrap}:where(.post__card):has(>header>figure){border:2px solid #aaa;border-radius:var(--theme-post-card-radius)}:where(.post__card):has(>header>figure):hover{border-color:#fff}:where(.post__card):has(>header>figure)>header{gap:.25rem}:where(.post__card):has(>header>figure)>header>figure img{border-top-left-radius:calc(var(--theme-post-card-radius) - .2rem);border-top-right-radius:calc(var(--theme-post-card-radius) - .2rem);height:var(--theme-post-card-image-height)}:where(.post__card):has(>header>figure)>header h2,:where(.post__card):has(>header>figure)>header time{padding:.75rem}:where(.post__card):has(>header>figure)>header>figure+h2,:where(.post__card):has(>header>figure)>header>figure+h2+time{margin:0;padding:0 .75rem .5rem}.old{background-color:#add8e6;border-bottom:3px solid #fff;border-top:3px solid #fff;color:#000;margin:2rem 0;padding:0 3rem}.littlefoot__content{a{color:#000!important;&:hover{color:#aaa!important}}}a[href^=http]:after,a[target=_blank]:after{content:"⤴";display:inline-block;font-family:-apple-system,BlinkMacSystemFont,segoe ui,noto sans,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji;padding-left:.25rem;transform:rotate(45deg);vertical-align:top}figcaption{max-width:100%;h4{margin:.5rem 0 0}p{margin:0 0 .5rem}cite{display:block;margin-top:.5rem;text-align:right}}a[href^=http]:has(img):after,a[target=_blank]:has(img):after,a[href^=http]:has(picture):after,a[target=_blank]:has(picture):after,a[href^=http]:has(video):after,a[target=_blank]:has(video):after{content:none}:where(#page__footer){margin-top:2rem}:where(#page__footer) form{align-content:center;display:flex;justify-content:center}:where(#page__footer) form select{font-size:1rem}:where(#page__footer)>p:has(a){align-content:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}:where(#page__footer)>p:has(a) a{border:0;margin:0;padding:0}:where(#page__footer) img{display:block;image-rendering:auto;image-rendering:crisp-edges;image-rendering:pixelated;image-rendering:-webkit-optimize-contrast}}@layer post{:where(#page__main) img{display:inline-block;vertical-align:middle}:where(#page__main) picture img{display:block}.respond{display:block;padding:2rem;text-align:center}.highlight{-webkit-user-select:all;user-select:all}}@layer bookmarks{:where(#filter){align-content:center;display:flex;justify-content:center;text-align:center}:where(#filter-box){font-size:large;padding:.5rem;text-align:center}}