body[a="dark"]{filter:invert(1)}body[a="dark"] img{filter:invert(1)}body[a="dark"] img.ioda{filter:invert(0)}html,body{background-color:#c0bcbc}html{height:100%}body{color:black;font-family:"IBM Plex Mono", monospace;font-size:0.9rem;line-height:1.5;margin:0;min-height:100%}@media (min-width: 768px){body{font-size:1rem}}h2,h3,h4,h5{margin-top:3rem}hr{margin:2rem 0}p{margin:1rem 0}li{margin:0.4rem 0}*:target{background-color:#aaa}.w{max-width:640px;margin:0 auto;padding:2rem 1rem}@media (min-width: 768px){.w{padding:2rem}}hr{text-align:center;border:0}hr:before{content:"-"}hr:after{content:attr(data-content) "-"}table,th,td{width:100%;border:thin solid black;border-collapse:collapse;padding:0.4rem}div.highlighter-rouge code{display:block;overflow-x:auto;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}.site-nav{margin:0 0 2rem 0;padding:1rem 0;border-bottom:1px solid #ccc;text-align:center}@media (max-width: 480px){.site-nav{font-size:0.85rem}}.site-nav a{margin:0 0.1rem}@media (min-width: 480px){.site-nav a{margin:0 0.2rem}}.site-nav a.active{font-weight:bold;text-decoration:underline}.site-nav .separator{color:#999;margin:0 0.1rem}@media (min-width: 480px){.site-nav .separator{margin:0 0.2rem}}.post-nav{display:flex;justify-content:space-between;align-items:center;margin:3rem 0 2rem 0;padding:1rem 0;border-top:1px solid #ccc}.post-nav .prev,.post-nav .next{flex:1}.post-nav .home{flex:0;margin:0 1rem}.post-nav .next{text-align:right}.post-nav .inactive{color:#999}.post-meta{color:#666;font-size:0.9rem}.post-category{background:#333;color:#fff;padding:0.2rem 0.6rem;border-radius:3px;font-weight:600;text-transform:uppercase;font-size:0.8rem;letter-spacing:0.05em}.post-tags{margin:1rem 0}.tags-label{color:#666;margin-right:0.5rem}.tag{display:inline-block;background:transparent;padding:0.2rem 0.6rem;margin:0.2rem;border-radius:15px;font-size:0.9rem;text-decoration:none;color:#333;border:2px solid #666}.tag:hover{background:#666;color:#fff;text-decoration:none}.tag-heading{margin-top:2rem;padding-bottom:0.5rem;border-bottom:1px solid #ddd}.tag-heading:target{background-color:#fffacd;padding:0.5rem;margin-left:-0.5rem;margin-right:-0.5rem}.tag-posts{margin-bottom:2rem}.tag-navigation{margin:2rem 0;line-height:2}.tag-nav{display:inline-block;margin-right:1rem;text-decoration:none}.tag-nav:hover{text-decoration:underline}.tag-index{list-style:none;padding:0;margin:1rem 0 2rem 0}@media (min-width: 480px){.tag-index{columns:2 200px;column-gap:2rem}}.tag-index li{break-inside:avoid;margin:0.25rem 0}.tag-count{color:#666;font-size:0.9rem}.back-to-top{float:right;font-size:0.8rem;text-decoration:none;color:#999}.back-to-top:hover{color:#333}details{margin:2rem 0}details summary{cursor:pointer;font-weight:bold;margin-bottom:1rem}details summary:hover{text-decoration:underline}small{color:#666;font-size:0.9rem}.post-summary{font-style:italic;color:#666;margin:0.5em 0}.post-excerpt{color:#666;margin:0.5em 0}.filter-section{margin:0 0 2rem 0;padding:1rem 0;border-bottom:1px solid #ddd}@media (max-width: 480px){.filter-section{text-align:center}}.filter-label{font-weight:bold;margin-right:0.5rem}@media (max-width: 480px){.filter-label{display:block;margin-bottom:0.5rem}}.filter-btn{background:transparent;border:2px solid #ccc;padding:0.3rem 0.6rem;margin:0.2rem;border-radius:20px;cursor:pointer;font-size:0.85rem;transition:all 0.2s}@media (min-width: 480px){.filter-btn{padding:0.3rem 0.8rem;margin:0 0.3rem;font-size:0.9rem}}.filter-btn:hover{border-color:#666}.filter-btn.active{background:#333;color:#fff;border-color:#333}.post-item{transition:opacity 0.3s}.site-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid #ddd;font-size:0.75rem;max-width:640px;margin-left:auto;margin-right:auto}@media (min-width: 480px){.site-footer{font-size:0.8rem}}.footer-line{text-align:center;color:#999;line-height:1.8}@media (max-width: 480px){.footer-line span,.footer-line a{display:inline-block}}.footer-line a{color:#999;text-decoration:none}.footer-line a:hover{color:#333;text-decoration:underline}.footer-separator{margin:0 0.3rem;color:#ccc}@media (min-width: 480px){.footer-separator{margin:0 0.5rem}}@media (max-width: 480px){.footer-separator:nth-of-type(3),.footer-separator:nth-of-type(5){display:none}}