:root{color-scheme:light;--paper:#fff;--ink:#000;--muted:#666;--line:#000;--hair:#ccc;--frame:#f2f2f2;--measure:68ch;--page:60rem;--gutter:1rem;--gap:1rem;--trail:64px;--sans:system-ui, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--mono:ui-monospace, "SFMono-Regular", Consolas, monospace}@media (width>=40em){:root{--gutter:2rem}}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:1rem;line-height:1.7}a{color:inherit;text-underline-offset:.2em}a,summary{min-height:0}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}img{max-width:100%}.skip-link{z-index:30;top:0;left:var(--gutter);background:var(--ink);color:var(--paper);padding:.75rem 1rem;position:fixed;transform:translateY(-120%)}.skip-link:focus{transform:translateY(0)}.shell{width:min(100%, var(--page));padding-inline:var(--gutter);margin-inline:auto}.trail{z-index:40;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0}.trail-strip{height:var(--trail);scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow:auto hidden}.trail-strip::-webkit-scrollbar{display:none}.trail-item{flex:0 0 var(--trail);width:var(--trail);height:var(--trail);display:block;position:relative}.trail-item[aria-current=page]:after{content:"";outline:2px solid var(--ink);outline-offset:-2px;position:absolute;inset:0}.trail-item img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.trail-home{background:var(--paper);border:1px solid var(--line);width:100%;height:100%;font-family:var(--mono);letter-spacing:.08em;color:var(--ink);place-items:center;font-size:.72rem;display:grid}main{padding-block:2rem}.measure{max-width:var(--measure)}.page-title{margin:0 0 .4rem;font-size:1.5rem;line-height:1.35}@media (width>=40em){.page-title{font-size:1.75rem}}.meta{color:var(--muted);font-family:var(--mono);margin:0;font-size:.75rem}.tags{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:.4rem;margin:.6rem 0 0;padding:0;font-size:.7rem;list-style:none;display:flex}.prose{margin-top:2rem}.prose>*{max-width:var(--measure)}.prose h2,.prose h3{margin:2.25rem 0 .6rem;line-height:1.4}.prose h2{border-bottom:1px solid var(--line);padding-bottom:.3rem;font-size:1.15rem}.prose h3{color:var(--muted);font-size:1rem}.prose p,.prose ul,.prose ol{margin:0 0 1.15rem}.prose li{margin-bottom:.3rem}.prose li>ul,.prose li>ol{margin:.3rem 0 0}.prose blockquote{border-left:3px solid var(--ink);color:var(--muted);margin:1.4rem 0;padding-left:.9rem}.prose pre{border:1px solid var(--line);max-width:100%;padding:.9rem;font-size:.85rem;line-height:1.55;overflow-x:auto}.prose code{font-family:var(--mono);font-size:.9em}.prose a[href^=http]:after{content:"↗";vertical-align:.15em;margin-left:.15em;font-size:.8em;text-decoration:none}.prose hr{max-width:var(--measure);border:0;border-top:1px solid var(--line);margin:2.5rem 0}.prose table{border-collapse:collapse;max-width:100%;margin:1.4rem 0;font-size:.9rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;white-space:nowrap;padding:.35rem .8rem}.prose th{font-weight:700}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.frames{gap:var(--gap);grid-template-columns:repeat(auto-fill,min(100%,16rem));max-width:none;margin:2rem 0;display:grid}.frame{margin:0}.frame-link{aspect-ratio:1;border:1px solid var(--line);background:var(--frame);display:block}.frame-link img{object-fit:contain;width:100%;height:100%;display:block}img.is-pixel{image-rendering:pixelated}.inline-link{display:inline}.inline-image{vertical-align:-.3em;width:auto;max-height:1.6em;display:inline-block}.frame figcaption{color:var(--muted);font-family:var(--mono);margin-top:.4rem;font-size:.7rem;line-height:1.5}.lightbox{z-index:20;padding:calc(var(--trail) + var(--gutter)) var(--gutter) var(--gutter);background:var(--ink);place-items:center;display:none;position:fixed;inset:0}.lightbox:target{display:grid}.lightbox-close{position:absolute;inset:0}.lightbox img{max-width:100%;max-height:calc(100vh - var(--trail) - 2 * var(--gutter));object-fit:contain;position:relative}.cards{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.card a{text-decoration:none;display:block}.card-thumb{aspect-ratio:1;border:1px solid var(--line);background:var(--frame);place-items:center;display:grid}.card-thumb img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.card-thumb.is-empty{color:var(--muted);font-family:var(--mono);font-size:.65rem}.card-title{margin:.5rem 0 .2rem;font-size:.9rem;line-height:1.45}.card a:hover .card-title,.card a:focus-visible .card-title{text-decoration:underline}.card-summary{color:var(--muted);margin:0;font-size:.78rem;line-height:1.55}.empty-note{max-width:var(--measure);border:1px solid var(--line);color:var(--muted);padding:1rem;font-size:.9rem}