@import "https://fontsapi.zeoseven.com/636/main/result.css";:root{color-scheme:dark;--bg:#050505;--ink:#d8d8c8;--muted:#8f927e;--dim:#5f6254;--line:#383b32;--panel:#0a0b09;--green:#88bbba;--cyan:#88bbba;--red:#e06c5f;--yellow:#d6b76c;--blue:#78a8d8}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:var(--bg);max-width:112ch;min-height:100dvh;color:var(--ink);letter-spacing:0;text-rendering:optimizespeed;margin:0 auto;padding:2rem 1rem 5rem;font-family:x12y16pxMaruMonica,x12y16MyMaruMonica,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:16px;line-height:1.5}a{color:inherit}.site-header{padding:1rem 0 1.35rem}.ascii-logo{color:var(--green);font-kerning:none;font-variant-ligatures:none;font-synthesis:none;letter-spacing:0;white-space:pre;text-size-adjust:100%;text-shadow:0 0 .65rem #88bbba33;margin:0 0 1.4rem;font-family:SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:16px;line-height:1.05;overflow-x:auto}.label,.section-title,.updated,.source,.tag,time{color:var(--muted);font:inherit;letter-spacing:0;margin:0}.label,.section-title{color:var(--green)}.lead{color:var(--ink);margin:.15rem 0 0}main{padding-top:1rem}.console{z-index:5;border-bottom:1px solid var(--line);backdrop-filter:blur(8px);background:#050505eb;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;padding:.8rem 0 1rem;display:grid;position:sticky;top:0}.tabs{flex-wrap:wrap;gap:.25rem .85rem;margin-top:0;display:flex}.tab{min-height:1.5rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}.tab:before{content:"/";color:var(--dim)}.tab:hover,.tab:focus-visible{color:var(--ink);text-underline-offset:.18em;outline:none;text-decoration:underline 1px}.tab[aria-pressed=true]{color:var(--green)}.updated{white-space:nowrap;color:var(--dim)}.feed-grid{gap:.85rem;padding-top:1rem;display:grid}.feed-card{border:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(0,1fr);gap:.4rem;padding:.75rem .85rem .85rem 2.75rem;display:grid;position:relative}.feed-card:before{content:attr(data-index);color:var(--dim);position:absolute;top:.78rem;left:.85rem}.feed-card:after{content:"";pointer-events:none;border:1px solid #0000;position:absolute;inset:-1px}.feed-card:hover:after{border-color:var(--green)}.feed-card:has(.thumb){grid-template-columns:minmax(0,1fr) 10.5rem}.thumb{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);image-rendering:auto;border-radius:0;grid-area:1/2/span 4;width:100%}.meta-row,.tag-row{flex-wrap:wrap;align-items:center;gap:.25rem .6rem;display:flex}.meta-row{color:var(--muted)}.source{color:var(--cyan)}.source:before{content:"[";color:var(--dim)}.source:after{content:"]";color:var(--dim)}time{color:var(--dim)}.feed-card h2{max-width:58ch;color:var(--ink);font:inherit;margin:0;font-weight:700;line-height:1.5}.feed-card h2:before{content:"--[ ";color:var(--dim)}.feed-card h2:after{content:" ]";color:var(--dim)}.feed-card h2 a{text-decoration:none}.feed-card h2 a:hover,.feed-card h2 a:focus-visible{color:var(--green);outline:none}.summary{max-width:58ch;color:var(--muted);margin:0}.summary:before{content:"// ";color:var(--dim)}.tag-row{margin-top:.1rem}.tag{color:var(--muted)}.tag:before{content:"#";color:var(--dim)}.tag[data-tag=映像]{color:var(--red)}.tag[data-tag=タイポグラフィー]{color:var(--cyan)}.tag[data-tag=音楽]{color:var(--green)}.tag[data-tag=小説]{color:var(--yellow)}.tag[data-tag=開発]{color:var(--blue)}.empty{border:1px dashed var(--line);color:var(--muted);margin:1.5rem 0 0;padding:.85rem}.empty:before{content:"! ";color:var(--red)}@supports not selector(:has(*)){.feed-card{grid-template-columns:minmax(0,1fr)}.thumb{grid-area:auto;max-width:10.5rem}}@media (width<=720px){body{max-width:none;padding:1rem .75rem 4rem;font-size:14px}.console{grid-template-columns:1fr;position:static}.updated{white-space:normal}.feed-card,.feed-card:has(.thumb){grid-template-columns:1fr;padding-left:2.5rem}.thumb{grid-area:auto;width:min(100%,15rem)}}.reader-shell{max-width:112ch;margin:0 auto;padding-top:1rem}.reader-nav{color:var(--green);margin-bottom:1.25rem}.reader-nav a{text-decoration:none}.reader-nav a:hover,.reader-nav a:focus-visible{text-underline-offset:.18em;outline:none;text-decoration:underline}.reader-article{border:1px solid var(--line);background:var(--panel)}.reader-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title date""details id";gap:.1rem 1rem;padding:1rem;display:grid}.reader-meta{display:contents}.reader-date{color:var(--muted);white-space:nowrap;grid-area:date;justify-self:end}.reader-header h1{color:var(--ink);font:inherit;grid-area:title;margin:0;padding-right:0;font-size:1.25rem;font-weight:700;line-height:1.45}.reader-header h1:before{content:"--[ ";color:var(--dim)}.reader-header h1:after{content:" ]";color:var(--dim)}.reader-file{color:var(--dim);margin:.4rem 0 .65rem}.reader-id{color:var(--dim);overflow-wrap:anywhere;text-align:right;grid-area:id;place-self:end;margin:0}.reader-summary{color:var(--dim);margin:.4rem 0 .65rem}.reader-header>.reader-summary{grid-area:details;margin-bottom:0}.reader-file:before{content:"file:"}.reader-cover{object-fit:contain;width:auto;max-width:calc(100% - 2rem);max-height:15rem;margin:3rem auto 2rem;display:block}.reader-shell[data-source=typography] .reader-cover{max-width:calc(100% - 1.5rem);max-height:32rem;margin:2rem auto}.reader-image-trigger{cursor:zoom-in;background:0 0;border:0;width:100%;margin:0;padding:0;display:block}.image-lightbox{border:1px solid var(--line);background:var(--bg);width:min(96vw,90rem);max-width:none;max-height:calc(94vh - 2rem);padding:1rem;overflow:auto}.image-lightbox::backdrop{background:#000000d1}.image-lightbox img{width:100%;max-width:none;height:auto;max-height:calc(94vh - 4rem);display:block}.image-lightbox-close{border:1px solid var(--line);background:var(--bg);width:2rem;height:2rem;color:var(--ink);font:inherit;cursor:pointer;position:fixed;top:1rem;right:1rem}.reader-body{color:var(--ink);font:inherit;overflow-wrap:anywhere;margin:0;padding:1rem;line-height:1.8}.reader-body>:first-child{margin-top:0}.reader-body>:last-child{margin-bottom:0}.reader-body p,.reader-body blockquote,.reader-body ul,.reader-body ol,.reader-body pre,.reader-body table{margin:0 0 1em}.reader-body h1,.reader-body h2,.reader-body h3,.reader-body h4,.reader-body h5,.reader-body h6{color:var(--cyan);font:inherit;margin:1.5em 0 .6em;font-weight:700}.reader-body h1{font-size:1.3em}.reader-body h2{font-size:1.2em}.reader-body h3{font-size:1.1em}.reader-body ul,.reader-body ol{padding-left:1.5em}.reader-body blockquote{border-left:1px solid var(--line);color:var(--muted);padding-left:1em}.reader-body .reader-center{text-align:center;margin:0 0 1em;position:relative;left:-.5em}.reader-body .reader-center>:last-child{margin-bottom:0}.reader-body code{background:var(--panel);padding:.05em .3em}.reader-body pre{border:1px solid var(--line);background:var(--panel);padding:.75rem;overflow-x:auto}.reader-body pre code{background:0 0;padding:0}.reader-body .tex-inline{color:var(--cyan)}.reader-body .tex-block{color:var(--cyan);line-height:inherit;white-space:pre-wrap;margin:1em 0}.reader-body img{max-width:100%;height:auto;margin:1rem auto;display:block}.reader-body figure{width:fit-content;max-width:70%;margin:2rem auto}.reader-body figure img{margin:0 auto}.reader-body figcaption{color:var(--muted);text-align:center;margin-top:.5rem;font-size:.9em}.reader-body table{border-collapse:collapse;width:100%;font:inherit}.reader-body th,.reader-body td{border:1px solid var(--line);vertical-align:top;padding:.35em .55em}.reader-body th{color:var(--accent);font-weight:700}.site-header{gap:1rem;padding:1rem 0 0;display:grid}.ascii-logo{color:var(--dim);text-shadow:none;margin-bottom:0}.mobile-logo{display:none}.site-header+main{padding-top:1rem}.console{border:1px solid var(--line);margin-top:0;padding:.75rem .85rem}.tree-panel{border:1px solid var(--line);background:var(--panel);margin-top:1rem;padding:.85rem;overflow-x:auto}.tree-line{white-space:pre;min-height:1.5em;color:var(--muted)}.tree-root,.tree-dir{color:var(--green)}.tree-branch{color:var(--dim)}.tree-ancestor[hidden]{visibility:hidden;display:inline}.tree-dir-link{color:var(--green);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}.tree-dir-link:hover,.tree-dir-link:focus-visible{color:var(--ink);text-underline-offset:.18em;outline:none;text-decoration:underline}.tree-dir-link[aria-pressed=true]{color:var(--ink)}.tree-item a{color:var(--ink);text-decoration:none}.tree-item{width:100%;min-width:0;display:flex}.tree-item .tree-branch,.tree-item .tree-ancestor,.tree-meta{flex:none}.tree-item>a{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tree-item a:hover,.tree-item a:focus-visible{color:var(--green);outline:none}.tree-meta{color:var(--dim);text-align:right;margin-left:auto;padding-left:2ch}.tree-item:hover .tree-meta{color:var(--muted)}@media (width<=720px){.tree-panel{margin-inline:-.25rem;padding:.65rem}.tree-meta{padding-left:2ch}}.collection-shell{max-width:112ch}.collection-header{border:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:.85rem;display:flex}.collection-header h1{color:var(--green);font:inherit;margin:0;font-weight:700}.collection-header .reader-file{white-space:nowrap;margin:0}.album-overview{margin-bottom:1rem}.album-overview .collection-card{grid-template-rows:1fr;grid-template-columns:minmax(0,18rem) minmax(0,1fr);display:grid}.album-overview .collection-card img{border-right:1px solid var(--line);border-bottom:0}.album-card-body{padding-right:7rem;position:relative}.album-date{white-space:nowrap;position:absolute;top:.75rem;right:.75rem}.collection-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.85rem;display:grid}.collection-card{border:1px solid var(--line);background:var(--panel);color:inherit;flex-direction:column;text-decoration:none;display:flex}.collection-card:hover{border-color:var(--green)}.collection-card img{aspect-ratio:1;object-fit:contain;background:var(--bg);border-bottom:1px solid var(--line);width:100%;padding:2rem}.collection-shell[data-category=typography] .collection-card img{padding:.75rem}.collection-card-body{flex-direction:column;flex:1;gap:.45rem;padding:.75rem;display:flex}.collection-meta{color:var(--dim);margin:0}.collection-card h2{color:var(--ink);font:inherit;margin:0;font-weight:700;line-height:1.45}.collection-card h2:before{content:"--[ ";color:var(--dim)}.collection-card h2:after{content:" ]";color:var(--dim)}.collection-card:hover h2,.collection-card:focus-visible h2{color:var(--green)}.collection-card:focus-visible{outline:1px solid var(--green);outline-offset:2px}.collection-summary{color:var(--muted);margin:0}.collection-summary:before{content:"// ";color:var(--dim)}.collection-card-body .tag-row{margin-top:auto}.collection-card:has(img) .collection-summary{display:none}.media-article{border:1px solid var(--line);background:var(--panel)}.embed-frame{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#000}.embed-frame iframe{border:0;width:100%;display:block}.youtube-frame{aspect-ratio:16/9}.youtube-frame iframe{height:100%}.soundcloud-frame{border:1px solid var(--line)}.soundcloud-frame iframe{height:450px}.media-cover{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);width:min(100%,28rem);margin:1.25rem auto;display:block}.media-source{color:var(--green);margin:0;padding:.75rem 1rem}.media-source a{text-decoration:none}.media-source a:hover,.media-source a:focus-visible{text-underline-offset:.18em;outline:none;text-decoration:underline}@media (width<=720px){.reader-header{grid-template-columns:minmax(0,1fr);grid-template-areas:"date""id""title""details"}.reader-meta{display:contents}.reader-header h1{padding-right:0}.ascii-logo{display:none}.mobile-logo{width:min(100%,38rem);height:auto;display:block}.album-overview .collection-card{grid-template-rows:auto 1fr;grid-template-columns:1fr}.album-overview .collection-card img{border-right:0;border-bottom:1px solid var(--line)}.album-card-body{padding-right:.75rem}.album-date{position:static}.media-cover{width:min(100%,22rem);margin:1rem auto}}
