:root{color-scheme:dark light;--s-1: 4px;--s0: 8px;--s1: 12px;--s2: 16px;--s3: 24px;--s4: 32px;--s5: 48px;--s6: 64px;--s7: 96px;--container: 1120px;--prose: 72ch;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-display: "Cinzel", "Cormorant Garamond", Georgia, serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--bg: #0b0d10;--bg-panel: #11151b;--bg-panel-2: #181d26;--bg-elevated: #1e242e;--text: #e6eaf0;--text-secondary: #a8b2c1;--text-muted: #7d8694;--accent: #d7b66a;--accent-hover: #e5c77a;--accent-muted: rgba(215, 182, 106, .15);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--code-bg: #0d1117;--code-border: rgba(255, 255, 255, .1);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow: 0 4px 24px rgba(0, 0, 0, .3);--focus-ring: 0 0 0 3px rgba(215, 182, 106, .35);--transition-fast: .15s ease-out;--transition-base: .2s ease-out}[data-theme=light]{--bg: #e8e6e1;--bg-panel: #dfdcd6;--bg-panel-2: #d6d3cc;--bg-elevated: #f0ede8;--text: #2c2c2e;--text-secondary: #52525a;--text-muted: #70707a;--accent: #8b5a1b;--accent-hover: #a36a20;--accent-muted: rgba(139, 90, 27, .12);--border: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .15);--code-bg: #d6d3cc;--code-border: rgba(0, 0, 0, .12);--focus-ring: 0 0 0 3px rgba(139, 90, 27, .3)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;background:var(--bg);color:var(--text)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--s2);line-height:1.3;color:var(--text);font-weight:600}h1{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.02em;margin-top:var(--s2)}h2{font-size:var(--text-3xl);margin-top:var(--s5)}h3{font-size:var(--text-2xl);margin-top:var(--s4)}h4{font-size:var(--text-xl)}p{margin:0 0 var(--s3)}strong{font-weight:600;color:var(--text)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover,a:focus{color:var(--accent-hover)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.container{max-width:var(--container);margin:0 auto;padding:0 var(--s3)}.prose{max-width:var(--prose)}main{padding:var(--s5) 0 var(--s7)}section{margin-bottom:var(--s5)}section:last-child{margin-bottom:0}.site-header{border-bottom:1px solid var(--border);margin-bottom:var(--s2);background:var(--bg);position:sticky;top:0;z-index:100}.site-header nav{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) 0;max-width:var(--container);margin:0 auto;padding-left:var(--s3);padding-right:var(--s3)}.site-header .site-identity{display:flex;flex-direction:column;text-decoration:none;margin-right:auto;gap:0}.site-header .site-name{font-weight:600;font-size:var(--text-2xl);color:var(--text);line-height:1.2}.site-header .site-title{font-size:var(--text-sm);color:var(--text-muted);line-height:1.3}.site-header .site-identity:hover .site-name{color:var(--accent)}.site-header .nav-link{color:var(--text-secondary);text-decoration:none;font-size:var(--text-base);font-weight:500;padding:var(--s1) var(--s2);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.site-header .nav-link:hover{color:var(--text);background:var(--accent-muted)}.site-header .nav-link[data-current=true]{color:var(--accent)}.site-header .nav-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.site-header .nav-icon:hover{color:var(--accent)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-muted)}.theme-toggle svg{transition:transform var(--transition-base)}.theme-toggle:hover svg{transform:rotate(15deg)}.site-footer{border-top:1px solid var(--border);margin-top:var(--s3);padding:var(--s4) var(--s3);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.site-footer .footer-logo{display:inline-block;font-family:var(--font-display);font-weight:600;font-size:var(--text-2xl);color:var(--accent);text-decoration:none;margin-bottom:var(--s1)}.site-footer .footer-logo span{display:inline-block;font-size:.75em;max-width:0;overflow:hidden;vertical-align:middle;transition:max-width var(--transition-base)}.site-footer .footer-logo:hover span{max-width:4ch}.site-footer .footer-logo:hover{color:var(--accent-hover)}.site-footer p{margin:0}.skip-link{position:absolute;top:-100px;left:var(--s2);background:var(--accent);color:var(--bg);padding:var(--s1) var(--s2);border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;z-index:200;text-decoration:none}.skip-link:focus{top:var(--s2)}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s3);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.card:hover{border-color:var(--accent)}.card h2,.card h3{margin-top:0;font-size:var(--text-lg)}.card p:last-child{margin-bottom:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s3)}.card-grid .card-link{display:flex}.card-grid .card{display:flex;flex-direction:column;width:100%}.card-grid .card p:last-of-type{margin-top:auto}.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:var(--s3) 0;border-radius:var(--radius)}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius)}.tag{display:inline-flex;align-items:center;padding:var(--s-1) var(--s1);background:var(--accent-muted);border:1px solid var(--border);border-radius:9999px;font-size:var(--text-xs);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.tag:hover{border-color:var(--accent);color:var(--accent)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--s1)}.meta{color:var(--text-muted);font-size:var(--text-sm)}.empty{color:var(--text-muted);font-style:italic}.img-light,[data-theme=light] .img-dark{display:none}[data-theme=light] .img-light{display:block}.date{color:var(--text-muted);font-size:var(--text-sm)}.back-link{display:inline-block;margin-bottom:var(--s2);font-size:var(--text-sm);color:var(--text-muted);text-decoration:none}.back-link:hover{color:var(--accent)}.meta-separator{color:var(--text-muted)}.post-list-simple{list-style:none;padding:0;margin:0}.post-list-simple li{display:flex;align-items:baseline;gap:var(--s2);padding:var(--s-1) 0;font-size:var(--text-lg)}.post-list-simple time{font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-muted);flex-shrink:0}.post-list-simple .separator{color:var(--text-muted)}.post-list-simple a{text-decoration:none;color:var(--text)}.post-list-simple a:hover{color:var(--accent)}.post-list{display:flex;flex-direction:column;gap:var(--s4)}.post-card{display:flex;gap:var(--s3);align-items:flex-start}.post-card-image-link{flex-shrink:0;display:block;text-decoration:none;border-radius:var(--radius);overflow:hidden;width:160px}.post-card-image{width:160px;height:100px;object-fit:cover;display:block;transition:opacity var(--transition-base)}.post-card-image-link:hover .post-card-image{opacity:.85}.post-card-content{display:flex;flex-direction:column;gap:var(--s-1);min-width:0}.post-card-title-link{text-decoration:none}.post-card-title{margin:0;font-size:var(--text-xl);font-weight:600;color:var(--text);transition:color var(--transition-fast)}.post-card-title-link:hover .post-card-title{color:var(--accent)}.post-card-meta{display:flex;align-items:center;gap:var(--s1);font-size:var(--text-sm);color:var(--text-muted)}.post-card-excerpt{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}code:not(pre code){font-family:var(--font-mono);font-size:.875em;background:var(--bg-panel-2);padding:.1em .4em;border-radius:var(--radius-sm)}pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius);padding:var(--s3);overflow-x:auto;margin:var(--s3) 0}pre code{background:none;padding:0;font-size:inherit}ul,ol{margin:0 0 var(--s3);padding-left:var(--s3)}li{margin-bottom:var(--s1)}li::marker{color:var(--text-muted)}blockquote{margin:var(--s3) 0;padding:var(--s2) var(--s3);border-left:3px solid var(--accent);background:var(--bg-panel);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-secondary)}blockquote p:last-child{margin-bottom:0}hr{border:none;height:1px;background:var(--border-strong);margin:var(--s5) 0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:640px){:root{--text-4xl: 1.875rem;--text-3xl: 1.5rem}main{padding:var(--s4) 0 var(--s5)}.site-header nav{gap:var(--s1);flex-wrap:wrap}.site-header .site-identity{flex-basis:100%;margin-bottom:var(--s1)}.site-header .nav-link{padding:var(--s0);font-size:var(--text-xs)}pre{border-radius:0;margin-left:calc(var(--s3) * -1);margin-right:calc(var(--s3) * -1)}.post-card{flex-direction:column;gap:var(--s2)}.post-card-image-link,.post-card-image{width:100%;height:auto;aspect-ratio:16 / 9}}