body[a="dark"]{filter:invert(1)}body[a="dark"] img{filter:invert(1)}body[a="dark"] img.ioda{filter:invert(0)}body[a="dark"] .emoji{filter:invert(1)}body[a="dark"] iframe{filter:invert(1)}@media (prefers-color-scheme: dark){body[a="auto"]{filter:invert(1)}body[a="auto"] img{filter:invert(1)}body[a="auto"] img.ioda{filter:invert(0)}body[a="auto"] .emoji{filter:invert(1)}body[a="auto"] iframe{filter:invert(1)}}html,body{background:white}html{height:100%;scroll-behavior:smooth}body{color:black;font-family:monospace;font-size:16px;line-height:1.4;margin:0;min-height:100%;overflow-wrap:break-word}.post-meta{text-align:right}h2,h3,h4,h5,h6{margin-top:3rem}hr{margin:2rem 0}p{margin:1rem 0}li{margin:0.4rem 0}*:target{background:yellow}.w{max-width:640px;margin:0 auto;padding:4rem 2rem}hr{text-align:center;border:0}hr:before{content:"/////"}hr:after{content:attr(data-content) "/////"}table{width:100%}table,th,td{border:thin solid black;border-collapse:collapse;padding:0.4rem}code{color:white;background:black}div.highlighter-rouge code{display:block;overflow-x:auto;white-space:pre-wrap;padding:1rem}blockquote{font-style:italic;border:thin solid black;padding:1rem}blockquote p{margin:0}img{max-width:100%;display:block;margin:0 auto}.popup{position:absolute;left:0;top:0;translate:var(--x) var(--y);z-index:10;min-width:12rem;max-width:20rem;background:white;border:1px solid black;font-size:medium}.popup.dragging{box-shadow:2px 2px 0 black}.popupheader{cursor:move;display:flex;justify-content:space-between;align-items:center;touch-action:none;user-select:none;background:black;color:white;font-weight:bold;padding:0.1rem 0.2rem 0.1rem 0.5rem}.popupclose{font:inherit;line-height:1;border:0;padding:0.15rem 0.2rem 0.01rem;background:white;color:black;cursor:pointer}.popupbody{padding:0.5rem 1rem}.popupbody>:first-child{margin-top:0}.popupbody>:last-child{margin-bottom:0}.image-popup .popupbody{padding:0}.w{margin:0 auto 0 10%}@media (prefers-color-scheme: dark){html{background:black}video{filter:invert(1)}}nav ul{display:flex;align-items:start;gap:1rem;list-style:none;margin:0;padding:0}nav li{margin:0}nav [aria-current]::before,nav [aria-current]::after{content:"/"}nav .open>ul{width:0;margin:0.5rem 0 0 1ch;white-space:nowrap}nav .open>ul::before{content:"^";margin-right:-0.5rem}nav+hr{margin:1rem 0}nav+hr+*{margin-top:0}.project{display:flex;gap:1rem;align-items:start;margin-bottom:3rem}.project:nth-child(even){flex-direction:row-reverse;text-align:right}.project img{width:40%;aspect-ratio:4 / 3}.project>div{flex:1}.project p{margin:0.5rem 0 0}.post-list{list-style:none;padding:0}.post-list li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}audio,video{display:block;width:100%}p:has(+audio){margin-bottom:0}p:has(>img){text-align:center;font-style:italic}.pager{display:flex;font-size:smaller}.pager [rel=next]{margin-left:auto}@media (max-width: 40rem){.w{margin:0;padding:2rem 1rem}nav ul{flex-wrap:wrap;row-gap:0.1rem}nav .open{display:contents}nav .open>ul{order:1;flex-basis:100%;margin:0}nav .open>ul::before{flex-basis:100%;text-align:center}.project,.project:nth-child(even){flex-direction:column;text-align:left}.project img{width:100%}.popup{position:static;translate:none;max-width:none;margin:1rem 0}}