:root{--color-bg:#f7f7f4;--color-fg:#26251e;--color-accent:#f54e00;--color-card:#f2f1ed;--color-card-02:#ebeae5;--color-card-03:#e6e5e0;--color-card-04:#e1e0db;--color-text-sec:#26251e99;--color-text-mid:#26251e80;--color-text-tertiary:#26251e66;--color-border-01:#26251e06;--color-border-02:#26251e1a;--color-border-03:#26251e99;--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--g:calc(10rem / 16);--spacing-g0-25:calc(var(--g) * .25);--spacing-g0-5:calc(var(--g) * .5);--spacing-g0-75:calc(var(--g) * .75);--spacing-g1:var(--g);--spacing-g1-5:calc(var(--g) * 1.5);--spacing-g1-75:calc(var(--g) * 1.75);--spacing-g2:calc(var(--g) * 2);--spacing-g3:calc(var(--g) * 3);--spacing-g4:calc(var(--g) * 4);--spacing-g5:calc(var(--g) * 5);--spacing-g6:calc(var(--g) * 6);--v:1rem * 1.4;--spacing-v1:calc(var(--v) * 1);--spacing-v1-5:calc(var(--v) * 1.5);--spacing-v2:calc(var(--v) * 2);--spacing-v3:calc(var(--v) * 3);--spacing-v4:calc(var(--v) * 4);--spacing-v4-5:calc(var(--v) * 4.5);--spacing-v5:calc(var(--v) * 5);--spacing-v6:calc(var(--v) * 6);--radius-xs:4px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--duration:.14s;--duration-slow:.25s;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-out-spring:cubic-bezier(.25, 1, .5, 1);--site-header-height:56px;--site-sticky-top:64px;--max-w-container:1300px;--max-w-content:720px}@media (prefers-color-scheme:dark){:root{--color-bg:#1c1c1a;--color-fg:#e2dfd7;--color-accent:#f54e00;--color-card:#252522;--color-card-02:#2d2d28;--color-card-03:#353530;--color-card-04:#3c3c36;--color-text-sec:#e2dfd799;--color-text-mid:#e2dfd780;--color-text-tertiary:#e2dfd766;--color-border-01:#e2dfd706;--color-border-02:#e2dfd71a;--color-border-03:#e2dfd799}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.4}body{font-family:var(--font-sans);letter-spacing:.005em;background:var(--color-bg);color:var(--color-fg);min-height:100vh;transition:background var(--duration) var(--ease-out), color var(--duration) var(--ease-out);font-size:16px;line-height:1.625}a{color:var(--color-accent);transition:color var(--duration) var(--ease-out);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}pre,code{font-family:var(--font-mono);font-size:.875em}.container{max-width:var(--max-w-container);width:100%;padding-inline:var(--spacing-g2);margin-inline:auto}.container--content{max-width:var(--max-w-content);padding-inline:var(--spacing-g2);margin-inline:auto}.page-wrapper{padding-top:var(--site-header-height)}.site-header{z-index:50;width:100%;height:var(--site-header-height);background:var(--color-bg);border-bottom:1px solid var(--color-border-01);transition:background var(--duration) var(--ease-out);position:fixed;top:0;left:0}.site-header .container{grid-template-columns:1fr auto auto;align-items:center;height:100%;display:grid}@media (width>=1024px){.site-header .container{grid-template-columns:auto 1fr auto}}.site-title{letter-spacing:-.0125em;color:var(--color-fg);transition:color var(--duration) var(--ease-out);font-size:1.125rem;font-weight:600;text-decoration:none}.site-title:hover{color:var(--color-accent);text-decoration:none}.site-nav{gap:var(--spacing-g1-5);align-items:center;display:flex}.site-nav a{color:var(--color-text-sec);padding:var(--spacing-g0-5) var(--spacing-g0-75);border-radius:var(--radius-full);transition:color var(--duration) var(--ease-out), background var(--duration) var(--ease-out);font-size:.875rem;font-weight:500;text-decoration:none}.site-nav a:hover{color:var(--color-fg);background:var(--color-card);text-decoration:none}.site-nav a[aria-current=page]{color:var(--color-fg)}.site-footer{margin-top:var(--spacing-v4);padding-block:var(--spacing-v3);background:var(--color-card);text-align:center;color:var(--color-text-tertiary);border-top:1px solid var(--color-border-01);font-size:.85rem}.hero{padding-block:var(--spacing-v4)}.hero h1{letter-spacing:-.025em;font-size:3.25rem;font-weight:600;line-height:1.1}.hero .subtitle{color:var(--color-text-sec);margin-top:var(--spacing-g1);font-size:1.125rem;font-weight:400;line-height:1.5}.section{margin-block:var(--spacing-v4-5)}.section-heading{letter-spacing:-.0125em;margin-bottom:var(--spacing-g2);padding-bottom:var(--spacing-g1);border-bottom:2px solid var(--color-accent);font-size:1.375rem;font-weight:600;line-height:1.25}.card{background:var(--color-card);border-radius:var(--radius-md);padding:var(--spacing-g1-5);transition:background var(--duration) var(--ease-out)}.card:hover{background:var(--color-card-02)}.card--media{padding:0;overflow:hidden}.card--media .card-body{padding:var(--spacing-g1-5)}.card--feature{flex-direction:column;display:flex}@media (width>=768px){.card--feature{flex-direction:row}}.card--feature .card-media{aspect-ratio:40/21;background:var(--color-card-03);position:relative;overflow:hidden}@media (width>=768px){.card--feature .card-media{aspect-ratio:auto;min-width:40%}}.card--feature .card-body{padding:var(--spacing-g1-5);flex-direction:column;justify-content:center;display:flex}.card-image{object-fit:cover;width:100%;height:100%;transition:opacity var(--duration-slow) var(--ease-out-spring)}.badge{letter-spacing:.01em;background:var(--color-border-02);color:var(--color-fg);border-radius:var(--radius-xs);padding:2px 8px;font-size:.75rem;font-weight:500;line-height:1.25;display:inline-block}.tag{letter-spacing:.01em;background:var(--color-card-03);color:var(--color-text-sec);border-radius:var(--radius-full);padding:var(--spacing-g0-25) var(--spacing-g0-75);transition:background var(--duration) var(--ease-out), color var(--duration) var(--ease-out);font-size:.75rem;font-weight:500;line-height:1.25;display:inline-block}.tag:hover{background:var(--color-card-02);color:var(--color-fg)}.post-list{gap:var(--spacing-g1-5);flex-direction:column;display:flex}.empty{color:var(--color-text-tertiary);padding:var(--spacing-v2) 0}.post-grid{gap:var(--spacing-g1);scroll-snap-type:x mandatory;scroll-padding:var(--spacing-g2);padding-bottom:var(--spacing-g1);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.post-grid::-webkit-scrollbar{display:none}.post-grid>*{scroll-snap-align:start;flex-shrink:0;min-width:280px}@media (width>=900px){.post-grid{grid-template-columns:repeat(3,1fr);padding-bottom:0;display:grid;overflow:visible}.post-grid>*{min-width:0}}@media (width>=1140px){.post-grid{grid-template-columns:repeat(4,1fr)}}.post-header{margin-bottom:var(--spacing-v2)}.post-title{letter-spacing:-.02em;margin-bottom:var(--spacing-g1);font-size:2.25rem;font-weight:600;line-height:1.15}.post-meta{align-items:center;gap:var(--spacing-g0-75);color:var(--color-text-sec);flex-wrap:wrap;font-size:.875rem;display:flex}.post-meta time{color:var(--color-text-sec)}.prose{color:var(--color-fg);font-size:1rem;line-height:1.8}.prose h2{letter-spacing:-.0125em;margin-top:var(--spacing-v2);margin-bottom:var(--spacing-g1-5);padding-bottom:var(--spacing-g0-5);border-bottom:1px solid var(--color-border-02);font-size:1.625rem;font-weight:600;line-height:1.2}.prose h3{letter-spacing:-.005em;margin-top:var(--spacing-v1-5);margin-bottom:var(--spacing-g1);font-size:1.375rem;font-weight:600;line-height:1.25}.prose h4{margin-top:var(--spacing-v1-5);margin-bottom:var(--spacing-g0-75);font-size:1.125rem;font-weight:600;line-height:1.3}.prose p{margin-bottom:var(--spacing-g1-5)}.prose ul,.prose ol{margin:0 0 var(--spacing-g1-5) var(--spacing-g2)}.prose li{margin-bottom:var(--spacing-g0-5)}.prose blockquote{border-left:3px solid var(--color-accent);margin:0 0 var(--spacing-g1-5);padding:var(--spacing-g1) var(--spacing-g1-5);color:var(--color-text-sec);background:var(--color-card);border-radius:0 var(--radius-xs) var(--radius-xs) 0}.prose pre{background:var(--color-card-03);border:1px solid var(--color-border-02);border-radius:var(--radius-md);padding:var(--spacing-g1-5);margin-bottom:var(--spacing-g1-5);font-size:.875em;line-height:1.6;overflow-x:auto}.prose code{background:var(--color-card-03);border-radius:var(--radius-xs);padding:.1em .3em;font-size:.875em}.prose pre code{background:0 0;border-radius:0;padding:0}.prose img{border-radius:var(--radius-md);margin-bottom:var(--spacing-g1-5)}.prose hr{border:none;border-top:1px solid var(--color-border-02);margin:var(--spacing-v2) 0}.prose a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.taxonomies{margin-block:var(--spacing-v2);gap:var(--spacing-g2);flex-wrap:wrap;display:flex}.taxonomy-group h2{margin-bottom:var(--spacing-g1);font-size:1rem;font-weight:600}.taxonomy-list{gap:var(--spacing-g0-5);flex-wrap:wrap;display:flex}.taxonomy-item{background:var(--color-card-03);padding:var(--spacing-g0-25) var(--spacing-g0-75);border-radius:var(--radius-full);color:var(--color-fg);transition:background var(--duration) var(--ease-out), color var(--duration) var(--ease-out);font-size:.875rem;text-decoration:none;display:inline-block}.taxonomy-item:hover{background:var(--color-card);color:var(--color-accent);text-decoration:none}.taxonomy-item .count{color:var(--color-text-tertiary);margin-left:var(--spacing-g0-25);font-size:.8rem}.timeline{margin-block:var(--spacing-v2)}.timeline-group{margin-bottom:var(--spacing-g2)}.timeline-month{margin-bottom:var(--spacing-g1);padding-bottom:var(--spacing-g0-5);border-bottom:1px solid var(--color-border-02);color:var(--color-fg);font-size:1.1rem;font-weight:600}.timeline-list{gap:var(--spacing-g0-5);flex-direction:column;list-style:none;display:flex}.timeline-item{align-items:baseline;gap:var(--spacing-g1);font-size:.95rem;display:flex}.timeline-item time{color:var(--color-text-sec);flex-shrink:0;min-width:3em;font-size:.85rem}.timeline-item a{color:var(--color-fg);transition:color var(--duration) var(--ease-out);text-decoration:none}.timeline-item a:hover{color:var(--color-accent);text-decoration:none}.timeline-category{color:var(--color-text-tertiary);background:var(--color-card);padding:0 var(--spacing-g0-5);border-radius:var(--radius-xs);margin-left:auto;font-size:.8rem}.calendar-section{margin-block:var(--spacing-v2)}.calendar-section h3{margin-bottom:var(--spacing-g0-5);font-size:1rem;font-weight:600}.calendar-total{color:var(--color-text-sec);margin-bottom:var(--spacing-g1);font-size:.875rem}.calendar-months{color:var(--color-text-tertiary);margin-bottom:var(--spacing-g0-5);column-gap:2px;padding-left:0;font-size:.75rem;display:grid}.calendar-grid{gap:2px;display:flex}.calendar-week{flex-direction:column;gap:2px;display:flex}.calendar-cell{background:var(--color-accent);opacity:.3;border-radius:2px;width:12px;height:12px}.calendar-cell.empty{background:0 0}.calendar-cell.level-1{opacity:.4}.calendar-cell.level-2{opacity:.6}.calendar-cell.level-3{opacity:.8}.calendar-cell.level-4{opacity:1}