@import 'https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;600;700&family=Fira+Code:wght@400;500&family=Inter:wght@400;500;600&display=swap';:root{--bg:#080a09;--bg-surface:#0f1410;--bg-code:#0d1209;--text:#e2ddd4;--text-muted:#8a8478;--text-faint:#4a4840;--accent:#b5271f;--accent-dim:#7a1a14;--accent-2:#5c7a5c;--accent-2-dim:#3d5c3d;--border:#1e2820;--border-strong:#2e3830;--code-text:#7ec97e;--link:#b5271f;--link-hover:#e03028;--tag-bg:#1a2018;--tag-text:#7ec97e;--toggle-bg:#1e2820;--font-body:'Noto Serif JP', 'Georgia', serif;--font-ui:'Inter', 'Helvetica Neue', sans-serif;--font-mono:'Fira Code', 'Consolas', monospace;--font-size:1.0625rem;--line-height:1.8;--measure:68ch;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--transition:0.2s ease}[data-theme=light]{--bg:#f5f0e8;--bg-surface:#ede8df;--bg-code:#e8e3da;--text:#1a1a16;--text-muted:#5a5650;--text-faint:#9a9890;--accent:#b5271f;--accent-dim:#7a1a14;--accent-2:#3d5c3d;--accent-2-dim:#2a402a;--border:#d8d3ca;--border-strong:#c0bbb2;--code-text:#2a6e2a;--link:#b5271f;--link-hover:#8a1a14;--tag-bg:#e0dbd2;--tag-text:#3d5c3d;--toggle-bg:#d8d3ca}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--font-size);line-height:var(--line-height);transition:background-color var(--transition),color var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}.site-wrapper{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.container{width:100%;max-width:900px;margin-inline:auto;padding-inline:var(--space-lg)}.site-header{border-bottom:1px solid var(--border);padding-block:var(--space-md)}.site-header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.site-title{font-family:var(--font-body);font-size:1.25rem;font-weight:700;letter-spacing:.02em;text-decoration:none;color:var(--text);display:flex;align-items:center;gap:var(--space-sm)}.site-title::before{content:'';display:inline-block;width:3px;height:1.1em;background:var(--accent);border-radius:1px;flex-shrink:0}.site-nav{display:flex;align-items:center;gap:var(--space-lg)}.site-nav a{font-family:var(--font-ui);font-size:.85rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--text-muted);transition:color var(--transition)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent)}.site-nav a .kanji{font-size:.7rem;color:var(--text-faint);margin-left:var(--space-xs);font-family:var(--font-body);font-weight:300}.theme-toggle{background:var(--toggle-bg);border:1px solid var(--border-strong);border-radius:100px;width:2.4rem;height:1.3rem;cursor:pointer;position:relative;flex-shrink:0;transition:background var(--transition)}.theme-toggle::after{content:'';position:absolute;top:2px;left:2px;width:calc(1.3rem - 4px);height:calc(1.3rem - 4px);background:var(--accent);border-radius:50%;transition:transform var(--transition)}[data-theme=light] .theme-toggle::after{transform:translateX(1.1rem)}.site-main{padding-block:var(--space-xl)}.post-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-xl)}.post-card{display:grid;grid-template-columns:auto 1fr;gap:0 var(--space-lg)}.post-card__date-col{display:flex;flex-direction:column;align-items:flex-end;padding-top:.2em;min-width:5rem}.post-card__year{font-family:var(--font-ui);font-size:.7rem;color:var(--text-faint);letter-spacing:.06em}.post-card__day{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.post-card__title{font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:var(--space-xs)}.post-card__title a{text-decoration:none;color:var(--text);transition:color var(--transition)}.post-card__title a:hover{color:var(--accent)}.post-card__meta{font-family:var(--font-ui);font-size:.8rem;color:var(--text-faint);margin-bottom:var(--space-sm);display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.post-card__excerpt{color:var(--text-muted);font-size:.95rem;line-height:1.7}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);list-style:none}.tag{font-family:var(--font-mono);font-size:.72rem;background:var(--tag-bg);color:var(--tag-text);padding:.15em .5em;border-radius:2px;text-decoration:none;letter-spacing:.03em;transition:background var(--transition),color var(--transition)}.tag:hover{background:var(--accent-dim);color:var(--text)}.post-layout{display:grid;grid-template-columns:1fr minmax(0,var(--measure))220px;gap:0 var(--space-xl);align-items:start}@media(max-width:1100px){.post-layout{grid-template-columns:1fr}.post-toc{display:none}}.post-header{grid-column:2;margin-bottom:var(--space-lg)}.post-header__title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;line-height:1.2;margin-bottom:var(--space-sm)}.post-header__meta{font-family:var(--font-ui);font-size:.82rem;color:var(--text-muted);display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-md)}.post-content{grid-column:2}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-weight:600;line-height:1.25;margin-top:var(--space-xl);margin-bottom:var(--space-md);position:relative}.prose h2::before,.prose h3::before{content:'';position:absolute;left:calc(-1 * var(--space-md));top:.1em;bottom:.1em;width:3px;background:var(--accent);border-radius:1px}.prose h1{font-size:1.8rem}.prose h2{font-size:1.4rem}.prose h3{font-size:1.15rem}.prose h4{font-size:1rem;color:var(--text-muted)}.prose p{margin-bottom:var(--space-md)}.prose a{color:var(--link);text-decoration:underline;text-decoration-color:var(--accent-dim);text-underline-offset:2px;transition:color var(--transition)}.prose a:hover{color:var(--link-hover)}.prose strong{font-weight:600;color:var(--text)}.prose em{font-style:italic}.prose hr{border:none;height:1.2rem;margin-block:var(--space-xl);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 20'%3E%3Cpath d='M0 10 Q50 4 100 10 Q150 16 200 10 Q250 4 300 10 Q350 16 400 10' stroke='%23b5271f' stroke-width='1.5' fill='none' stroke-linecap='round' opacity='0.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:300px 100%}.prose blockquote{border-left:3px solid var(--accent);padding-left:var(--space-md);margin-left:0;margin-block:var(--space-lg);color:var(--text-muted);font-style:italic}.prose ul,.prose ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.prose li{margin-bottom:var(--space-xs)}.prose code{font-family:var(--font-mono);font-size:.875em;background:var(--bg-surface);color:var(--code-text);padding:.1em .35em;border-radius:2px;border:1px solid var(--border)}.prose pre{background:var(--bg-code);border:1px solid var(--border);border-left:3px solid var(--accent-2);padding:var(--space-md);overflow-x:auto;margin-block:var(--space-lg);border-radius:0 2px 2px 0}.prose pre code{background:0 0;border:none;padding:0;font-size:.88rem;color:var(--code-text);line-height:1.6}.post-toc{grid-column:3;grid-row:2/span 10;position:sticky;top:var(--space-lg);font-family:var(--font-ui);font-size:.8rem;padding-left:var(--space-md);border-left:1px solid var(--border)}.post-toc__title{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--space-sm);font-weight:600}.post-toc ul{list-style:none;padding:0}.post-toc li{margin-bottom:.3em}.post-toc a{color:var(--text-muted);text-decoration:none;transition:color var(--transition);display:block;padding-block:.1em}.post-toc a:hover,.post-toc a.active{color:var(--accent)}.post-toc ul ul{padding-left:var(--space-md);border-left:1px solid var(--border);margin-top:.2em}.site-footer{border-top:1px solid var(--border);padding-block:var(--space-lg);font-family:var(--font-ui);font-size:.8rem;color:var(--text-faint)}.site-footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.site-footer a{color:var(--text-muted);text-decoration:none;transition:color var(--transition)}.site-footer a:hover{color:var(--accent)}.pagination{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl);font-family:var(--font-ui);font-size:.85rem}.pagination a,.pagination span{padding:var(--space-xs)var(--space-md);border:1px solid var(--border);border-radius:2px;text-decoration:none;color:var(--text-muted);transition:all var(--transition)}.pagination a:hover{border-color:var(--accent);color:var(--accent)}.pagination .current{border-color:var(--accent);color:var(--accent)}.error-page{text-align:center;padding-block:var(--space-xl)}.error-page__code{font-family:var(--font-mono);font-size:6rem;color:var(--accent);opacity:.3;line-height:1}.error-page__msg{font-size:1.2rem;color:var(--text-muted);margin-top:var(--space-md)}.about-page{max-width:var(--measure);margin-inline:auto}.taxonomy-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-md)}.taxonomy-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.taxonomy-item a{text-decoration:none;color:var(--text);font-size:1rem;transition:color var(--transition)}.taxonomy-item a:hover{color:var(--accent)}.taxonomy-item__count{font-family:var(--font-mono);font-size:.8rem;color:var(--text-faint)}@media(max-width:700px){.container{padding-inline:var(--space-md)}.post-card{grid-template-columns:1fr;gap:var(--space-xs)}.post-card__date-col{flex-direction:row;align-items:center;gap:var(--space-sm)}.post-layout{grid-template-columns:1fr}.post-header{grid-column:1}.post-content{grid-column:1}.site-nav .kanji{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}