*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#181818;--line:#2a2a2a;--txt:#e8e8e8;--txt-mute:#8a8a8a;--accent:#94c4ff;--font:"JetBrains Mono", "Noto Sans JP", ui-monospace, monospace;--width:720px;color-scheme:dark}body{background:var(--bg);min-height:100vh;color:var(--txt);font-family:var(--font);flex-direction:column;font-size:15px;line-height:1.8;display:flex}a{color:inherit;text-decoration:none}main{width:100%;max-width:var(--width);margin-inline:auto}.container{max-width:var(--width);margin-inline:auto;padding-inline:20px}.site-header .container{justify-content:space-between;align-items:center;height:60px;display:flex}.site-header__logo{font-weight:700}.site-header__nav{color:var(--txt-mute);gap:20px;display:flex}.site-header__nav a:hover,.site-header__nav a.is-current{color:var(--txt)}.intro{padding-block:56px 40px}.intro__name{font-size:28px;line-height:1.3}.intro__aka{color:var(--txt-mute);font-size:13px}.intro__tagline{color:var(--txt-mute);letter-spacing:.15em;margin-top:4px;font-size:13px}.intro__text{margin-top:20px}.intro__links{flex-wrap:wrap;gap:16px;margin-top:20px;display:flex}.intro__links a{color:var(--accent)}.intro__links a:hover{text-decoration:underline}.section-title{color:var(--txt-mute);letter-spacing:.15em;border-bottom:1px solid var(--line);padding-bottom:8px;font-size:13px}.article-list{list-style:none}.article-list__item{border-bottom:1px solid var(--line)}.article-list__link{padding:18px 0;display:block}.article-list__link:hover .article-list__title{color:var(--accent)}.article-list__title{font-weight:700}.article-list__date{color:var(--txt-mute);font-size:13px}.empty{color:var(--txt-mute);padding-block:24px}.not-found__text{margin-bottom:20px}.not-found__link{color:var(--accent)}.not-found__link:hover{text-decoration:underline}.page{padding-block:40px 80px}.page__title{margin-bottom:24px;font-size:22px}.back-link{color:var(--txt-mute);margin-bottom:24px;font-size:13px;display:inline-block}.back-link:hover{color:var(--accent)}.article__title{font-size:24px;line-height:1.4}.article__date{color:var(--txt-mute);margin-top:8px;font-size:13px}.article__body{margin-top:32px}.article__body>*+*{margin-top:1.2em}.article__body h2{margin-top:2em;font-size:19px}.article__body h3{margin-top:1.6em;font-size:16px}.article__body a{color:var(--accent);text-decoration:underline}.article__body ul{padding-left:1.4em}.article__body ol{padding-left:2em}.article__body code{background:#242424;border-radius:4px;padding:2px 6px;font-size:.9em}.article__body pre{background:#242424;border-radius:6px;padding:16px;overflow-x:auto}.article__body pre code{background:0 0;padding:0}.article__body img{max-width:100%;height:auto}.article__body table{border-collapse:collapse;display:block;overflow-x:auto}.article__body th,.article__body td{border:1px solid var(--line);text-align:left;padding:8px 14px}.article__body th{background:#242424}.article__body hr{border:0;border-top:1px solid var(--line)}.link-card{border:1px solid var(--line);background:#1e1e1e;border-radius:6px;justify-content:space-between;line-height:1.5;display:flex;overflow:hidden}.article__body a.link-card{color:var(--txt);text-decoration:none}.link-card:hover{border-color:var(--accent)}.link-card__body{flex-direction:column;gap:6px;min-width:0;padding:14px 16px;display:flex}.link-card__title{color:var(--txt);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.link-card__desc{color:var(--txt-mute);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.link-card__site{color:var(--txt-mute);align-items:center;gap:6px;font-size:12px;display:flex}.link-card__site img{width:16px;height:16px}.link-card__thumb{flex:0 0 160px}.link-card__thumb img{object-fit:cover;width:100%;max-width:none;height:100%;display:block}@media (width<=520px){.link-card__thumb{display:none}}.article__body .subtext{color:var(--txt-mute);font-size:13px;line-height:1.5}.article__body *+.subtext{margin-top:.6em}.article__body blockquote{border-left:3px solid var(--line);color:var(--txt-mute);padding-left:16px}.site-footer{text-align:center;border-top:1px solid var(--line);color:var(--txt-mute);margin-top:auto;padding-block:24px;font-size:12px}