:root,html[data-theme=light]{color-scheme:light;--bg:#f3efe6;--ink:#2a2723;--ink-soft:#5c574f;--line:#d8d2c6;--human:#4a453e;--cat:#1e1b17;--pad:1.5rem}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--bg:#161410;--ink:#e7e2d8;--ink-soft:#a8a196;--line:#3d3932;--human:#c9c3b8;--cat:#f1ece4}}html[data-theme=dark]{color-scheme:dark;--bg:#161410;--ink:#e7e2d8;--ink-soft:#a8a196;--line:#3d3932;--human:#c9c3b8;--cat:#f1ece4}*{box-sizing:border-box}html{font-size:17px}body{background:var(--bg);color:var(--ink);margin:0;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif;line-height:1.75}.page{max-width:40rem;padding:2.5rem var(--pad) 4rem;margin:0 auto}header{z-index:3;border-bottom:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:2rem;display:flex;position:relative}.brand{z-index:2;flex-direction:column;gap:.4rem;min-width:0;display:flex;position:relative}h1{letter-spacing:.12em;margin:0;font-size:1.05rem;font-weight:500}h1 a{color:inherit;text-decoration:none}h1 a:hover{text-decoration:underline}h1 a:focus-visible{outline:1px solid var(--line);outline-offset:4px}.tagline{color:var(--ink-soft);letter-spacing:.06em;margin:0;font-size:.72rem;font-weight:400;line-height:1.5}.header-actions{align-items:center;gap:.75rem;padding-top:.1rem;display:flex;position:relative}.search-toggle{z-index:2;width:2rem;height:2rem;color:var(--ink-soft);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.search-toggle svg{width:1.125rem;height:1.125rem;display:block}.search-toggle:focus-visible{outline:1px solid var(--line);outline-offset:4px}.header-menu{flex-direction:column;align-items:flex-end;display:flex}.header-menu-toggle{z-index:2;width:44px;height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;margin:calc(1rem - 22px);padding:0;display:inline-flex;position:relative}.header-menu-toggle:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.header-menu-toggle:focus-visible{outline:1px solid var(--line);outline-offset:4px}.header-menu-glyph{width:22px;height:22px;display:block;position:relative}.header-menu-glyph span{background:currentColor;width:22px;height:1px;transition:transform .2s cubic-bezier(.2,0,0,1);position:absolute;left:0}.header-menu-glyph span:first-child{top:6px}.header-menu-glyph span:last-child{top:15px}.header-menu.is-open .header-menu-glyph span:first-child{transform:translateY(4.5px)rotate(45deg)}.header-menu.is-open .header-menu-glyph span:last-child{transform:translateY(-4.5px)rotate(-45deg)}.header-menu-panel{background:0 0;border:0;flex-direction:column;gap:.75rem;margin-top:.75rem;display:flex}html[data-menu=js] .header-menu-panel{z-index:1;width:auto;max-width:none;padding:7.5rem calc(max(0px, (100% - 40rem) / 2) + var(--pad)) 3rem;background:var(--bg);opacity:0;visibility:hidden;pointer-events:none;justify-content:flex-start;gap:1.75rem;margin:0;transition:opacity .2s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1),visibility 0s linear .2s;position:fixed;inset:0;transform:translateY(-8px)}html[data-menu=js] .header-menu.is-open .header-menu-panel{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1),visibility linear;transform:none}html.menu-open{overflow:hidden}@media (prefers-reduced-motion:reduce){.header-menu-glyph span,html[data-menu=js] .header-menu-panel,html[data-menu=js] .header-menu.is-open .header-menu-panel{transition:none}}.random-post{font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;margin:0}.about-link,.random-post,.rss-link,.support-link{min-height:2rem;color:var(--ink-soft);letter-spacing:.06em;align-items:center;gap:.55rem;padding:0 .35rem;font-size:.72rem;line-height:1.4;text-decoration:none;display:flex}.random-post svg,.rss-link svg,.support-link svg{flex:none;width:1.125rem;height:1.125rem;display:block}.about-link:hover,.random-post:hover,.rss-link:hover,.support-link:hover{text-decoration:underline}.about-link:focus-visible,.random-post:focus-visible,.rss-link:focus-visible,.support-link:focus-visible{outline:1px solid var(--line);outline-offset:4px}html[data-menu=js] .header-menu-panel .about-link,html[data-menu=js] .header-menu-panel .random-post,html[data-menu=js] .header-menu-panel .rss-link,html[data-menu=js] .header-menu-panel .support-link{min-height:0;color:var(--ink);letter-spacing:.04em;padding:.15rem 0;font-size:1.25rem}html[data-menu=js] .header-menu-panel .random-post svg,html[data-menu=js] .header-menu-panel .rss-link svg,html[data-menu=js] .header-menu-panel .support-link svg{width:1.25rem;height:1.25rem}.search-toggle{cursor:pointer;background:0 0;border:0;margin:0;padding:0}.search-dialog{width:min(40rem, calc(100% - 2 * var(--pad)));border:1px solid var(--line);background:var(--bg);max-height:calc(100dvh - 10vh);color:var(--ink);flex-direction:column;margin:0 auto;padding:1.25rem 1.5rem 1.5rem;position:fixed;inset:8vh 0 auto;overflow:hidden}.search-dialog[open]{display:flex}.search-dialog::backdrop{background:color-mix(in srgb, var(--ink) 25%, transparent)}.search-dialog-bar{flex:none;align-items:center;gap:.5rem;margin:0 0 1rem;display:flex}.search-input{border:0;border-bottom:1px solid var(--line);width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;margin:0;padding:.4rem 0;font-size:.95rem;display:block}.search-input:focus{border-bottom-color:var(--ink);outline:none}.search-close{width:2rem;height:2rem;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.search-close svg{width:1.125rem;height:1.125rem;display:block}.search-close:focus-visible{outline:1px solid var(--line);outline-offset:4px}.search-results{overscroll-behavior:contain;flex:auto;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.search-results li+li{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.search-results a{color:inherit;text-decoration:none}.search-results a:hover{text-decoration:underline}.search-results a:focus-visible{outline:1px solid var(--line);outline-offset:4px}.search-result-title{color:var(--ink-soft);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:.8rem;display:block}.search-result-excerpt{color:var(--human);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:.4rem 0 0;font-size:.95rem;line-height:1.85;display:-webkit-box;overflow:hidden}.search-results mark{color:inherit;background:0 0;font-weight:500;text-decoration:underline}.search-status{color:var(--ink-soft);flex:none;margin:0;font-size:.8rem}.theme-toggle{z-index:2;width:2rem;height:2rem;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.theme-toggle svg{width:1.125rem;height:1.125rem;display:block}.theme-toggle .icon-sun,html[data-theme=dark] .theme-toggle .icon-moon{display:none}html[data-theme=dark] .theme-toggle .icon-sun{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme]) .theme-toggle .icon-moon{display:none}:root:not([data-theme]) .theme-toggle .icon-sun{display:block}}.theme-toggle:focus-visible{outline:1px solid var(--line);outline-offset:4px}.timeline{margin:0;padding:0;list-style:none}.post{border-bottom:1px solid var(--line);padding:2.5rem 0 2.75rem}.when{color:var(--ink-soft);letter-spacing:.04em;font-variant-numeric:tabular-nums;margin:0 0 1.25rem;font-size:.8rem;display:block}.when a{color:inherit;text-decoration:none}.when a:hover{text-decoration:underline}.when a:focus-visible{outline:1px solid var(--line);outline-offset:4px}.voice{margin:0}.voice+.voice{margin-top:2rem}.who{letter-spacing:.18em;color:var(--ink-soft);margin:0 0 .6rem;font-size:.72rem;font-weight:500}.about{padding-top:2.5rem;padding-bottom:2.75rem}.about .lede{color:var(--ink);margin:0 0 2rem;font-size:.95rem;line-height:1.85}.about a{color:inherit}.about a:hover{text-decoration:underline}.about a:focus-visible{outline:1px solid var(--line);outline-offset:4px}.human .body{color:var(--human);margin:0;font-size:.95rem;line-height:1.85}.cat{border-left:1px solid var(--line);padding-left:1.1rem}.cat .body{color:var(--cat);margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,Hiragino Mincho,serif;font-size:1.02rem;line-height:2}.cat .body+.body{margin-top:1.15em}.pagination{color:var(--ink-soft);letter-spacing:.04em;font-variant-numeric:tabular-nums;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:2rem 0 0;font-size:.8rem;display:grid}.pagination a{color:inherit;text-decoration:none}.pagination a:hover{text-decoration:underline}.pagination a:focus-visible{outline:1px solid var(--line);outline-offset:4px}.pagination-newer,.pagination-older{white-space:nowrap;align-items:center;gap:.2em;display:inline-flex}.pagination-newer{justify-self:start}.pagination-older{justify-self:end}.pagination-newer svg,.pagination-older svg{width:1.125em;height:1.125em;display:block}.pagination-pages{gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.pagination [aria-current=page]{color:var(--ink);font-weight:500}@media (width<=40rem){html{font-size:15px}.page{padding:1.75rem 1.15rem 3rem}.post,.about{padding-top:2rem;padding-bottom:2.25rem}.search-dialog{max-height:calc(100dvh - 1rem);padding:1rem 1.15rem 1.25rem;top:.5rem}}
