@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg:#ffffff;--surface:#f7f9fc;--elev:#ffffff;--text:#0f172a;--muted:#475569;--bright:#0b0f14;--accent:#2563eb;--accent-contrast:#eaf2ff;--border:#e5e7eb;--container:72ch;--radius:12px;--ring:0 0 0 1px var(--border);--hero-overlay:transparent;--post-hero-overlay:transparent;--hero-chip-bg:rgba(255,255,255,.85)}[data-theme=dark]{--bg:#0b0f14;--surface:#0f1520;--elev:#121a26;--text:#c9d1d9;--muted:#93a4b3;--bright:#e6edf3;--accent:#7dd3fc;--accent-contrast:#062231;--border:#1f2a37;--hero-overlay:transparent;--post-hero-overlay:transparent;--hero-chip-bg:rgba(8,12,18,.65)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0f14;--surface:#0f1520;--elev:#121a26;--text:#c9d1d9;--muted:#93a4b3;--bright:#e6edf3;--accent:#7dd3fc;--accent-contrast:#062231;--border:#1f2a37;--hero-overlay:transparent;--post-hero-overlay:transparent;--hero-chip-bg:rgba(8,12,18,.65)}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container);margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{color:var(--bright);line-height:1.25;margin:1.5rem 0 .75rem;font-weight:700}h1{font-size:clamp(2rem,3.5vw,2.6rem)}h2{font-size:clamp(1.6rem,2.5vw,2rem)}h3{font-size:clamp(1.25rem,2vw,1.5rem)}p,ul,ol{margin:0 0 1rem}a{color:var(--accent);text-underline-offset:3px;text-decoration:none}a:hover{text-decoration:underline}.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(140%)blur(8px);border-bottom:1px solid var(--border)}.site-header nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:10px}.site-title{color:var(--bright);font-weight:700;letter-spacing:.1px}.site-title:hover{color:var(--accent);text-decoration:none}.nav-links{display:flex;align-items:center;gap:1.25rem;list-style:none;margin:0;padding:0}.nav-links a{color:var(--muted);font-weight:500}.nav-links a.active,.nav-links a:hover{color:var(--accent)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--elev);color:var(--muted);box-shadow:var(--ring)}.icon-button:hover{color:var(--bright);border-color:color-mix(in srgb,var(--border) 70%,var(--accent))}.page-header{padding:1.25rem 0 .5rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.page-description{color:var(--muted)}.posts-grid{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:720px){.posts-grid{grid-template-columns:1fr 1fr}}.post-card{background:var(--elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.2)}.post-image img{width:100%;height:180px;object-fit:cover;display:block}.post-content{padding:16px 18px 18px}.post-content h2{margin:0 0 8px;font-size:1.25rem}.post-excerpt{color:var(--muted)}.post-meta{display:flex;gap:12px;align-items:center;margin-top:12px;color:var(--muted);font-size:.9rem}.categories{display:flex;flex-wrap:wrap;gap:6px}.category{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.75rem;color:var(--accent);background:color-mix(in srgb,var(--surface) 85%,var(--accent) 15%);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))}[data-theme=dark] .category{background:color-mix(in srgb,var(--elev) 80%,var(--accent) 20%);color:var(--accent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .category{background:color-mix(in srgb,var(--elev) 80%,var(--accent) 20%)}}.home-container .posts-list{display:grid;gap:22px}.post-entry{background:var(--elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.post-entry .post-image img{display:block;width:100%;height:220px;object-fit:cover;border-bottom:1px solid var(--border)}.post-entry .post-body{padding:16px 18px 18px}.post-entry h2{margin:0 0 8px;font-size:1.25rem;line-height:1.35}.post-entry .post-excerpt{margin-top:8px;color:var(--muted)}.single-post .post-header{padding:1.25rem 0 .5rem;margin-bottom:.75rem;border-bottom:0}.post-hero{display:none}.post-hero.has-image::after{content:"";position:absolute;inset:0;background:0 0;z-index:0;pointer-events:none}.post-hero .post-content-wrapper{position:static}.featured-media{margin:.5rem 0 1.5rem}.featured-media img{display:block;width:100%;height:300px;object-fit:cover;object-position:center;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.featured-media figcaption{margin-top:8px;color:var(--muted);font-size:.9rem;text-align:center}.post-content{font-size:1.05rem}.post-content img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--border);background:var(--surface)}.post-content blockquote{border-left:3px solid var(--accent);margin:1rem 0;padding:.5rem 1rem;color:var(--muted);background:color-mix(in srgb,var(--accent-contrast) 40%,transparent);border-radius:6px}.post-content hr{border:0;border-top:1px solid var(--border);margin:2rem 0}.post-content table{width:100%;border-collapse:collapse;font-size:.95rem}.post-content th,.post-content td{border:1px solid var(--border);padding:.5rem .6rem}.single-post .post-hero.has-image::after{background:0 0!important}.single-post .post-header h1{color:var(--bright)}.single-post .post-meta{color:var(--muted)}.single-post .post-meta .category{color:var(--accent);background:color-mix(in srgb,var(--surface) 90%,var(--accent) 10%);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))}[data-theme=dark] .single-post .post-meta .category{background:color-mix(in srgb,var(--elev) 85%,var(--accent) 15%)}pre,code{font-family:jetbrains mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace}pre{margin:1.2rem 0;padding:1rem 1.1rem;background:#0f1117;color:#e6edf3;border-radius:10px;border:1px solid #1f2a37;overflow:auto}code{background:color-mix(in srgb,var(--accent-contrast) 55%,transparent);color:var(--bright);padding:.15em .35em;border-radius:6px;border:1px solid color-mix(in srgb,var(--border) 70%,var(--accent-contrast))}pre code{border:0;padding:0;background:0 0}footer{margin-top:3rem;border-top:1px solid var(--border);background:var(--surface)}footer .container{padding:18px 24px;color:var(--muted);font-size:.95rem}.search-overlay{position:fixed;inset:0;display:none}.search-overlay[aria-hidden=false]{display:grid;place-items:center}.search-overlay-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}.search-overlay-panel{position:relative;width:min(940px,96vw);max-height:80vh;overflow:hidden;background:var(--elev);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 32px rgba(0,0,0,.35)}.search-overlay-header{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--border)}.search-overlay-header input{flex:1;font-size:1rem;padding:10px 12px;background:var(--surface);color:var(--bright);border:1px solid var(--border);border-radius:10px}.search-results{margin:0;padding:8px 12px 16px;list-style:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,1px,1px);white-space:nowrap;border:0}.post-title{color:var(--text-bright);margin:1rem 0}.content{max-width:680px;margin:0 auto}.content img{max-width:100%;border-radius:.5rem}blockquote{border-left:3px solid var(--accent);margin:1.5rem 0;padding:1rem 1.5rem;background:var(--bg-secondary);border-radius:0 .5rem .5rem 0}table{width:100%;border-collapse:collapse;margin:1.5rem 0}th,td{padding:.75rem;border-bottom:1px solid var(--border);text-align:left}th{background:var(--bg-secondary);color:var(--text-bright)}footer{text-align:center;padding:2rem 0;color:var(--text-color);opacity:.8;border-top:1px solid var(--border)}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin:4rem 0;padding-top:2rem;border-top:1px solid var(--border)}.pagination .page-numbers{display:flex;align-items:center;gap:.5rem}.pagination a{padding:.5rem 1rem;background:var(--bg-secondary);border-radius:.25rem;border:1px solid var(--border);min-width:1.5rem;text-align:center;text-decoration:none;transition:all .2s ease}.pagination a.current{background:var(--accent);border-color:var(--accent);color:var(--bg-color)}.pagination a:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-color)}.pagination .prev,.pagination .next{font-weight:500}.pagination .ellipsis{color:var(--text-color);padding:0 .5rem}::selection{background:var(--accent-dim);color:var(--text-bright)}.posts-list{max-width:720px;margin:0 auto}.post-item{margin-bottom:2.5rem;border-radius:1rem;overflow:hidden;background:var(--bg-secondary)}.post-item a{text-decoration:none;color:inherit}.post-thumbnail{width:100%;position:relative;aspect-ratio:16/9}.post-thumbnail img{width:100%;height:100%;object-fit:cover}.post-content{padding:1.5rem}.categories{display:flex;gap:.5rem;margin-bottom:.75rem}.category{background:var(--accent);color:var(--text-bright);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;text-decoration:none;transition:background-color .2s ease}.category:hover{background:var(--accent-dim)}.post-item h2{font-size:1.75rem;margin:0 0 1rem;line-height:1.3;color:var(--text-bright)}.post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:var(--text-color);font-size:.9rem}.post-excerpt{color:var(--text-color);font-size:1rem;line-height:1.6}.post-item:hover h2{color:var(--accent)}.post-item:hover .post-thumbnail img{transform:scale(1.03);transition:transform .3s ease}@media(max-width:768px){.post-content{padding:1.25rem}.post-item h2{font-size:1.35rem;margin-bottom:.75rem}.post-excerpt{font-size:.95rem}}.home-container{margin-top:60px;width:100%}.site-hero{background:var(--bg-secondary);padding:4rem 0;margin-bottom:3rem;text-align:center}.site-hero h1{font-size:2.5rem;color:var(--text-bright);margin:0}.site-hero .subtitle{color:var(--text-color);font-size:1.1rem;max-width:600px;margin:1rem auto 0;line-height:1.6}.posts-list{max-width:800px;margin:0 auto}.post-entry{margin-bottom:3rem;background:var(--bg-secondary);border-radius:1rem;overflow:hidden;transition:transform .2s ease}.post-entry:hover{transform:translateY(-2px)}.post-entry .post-hero{width:100%;height:300px;background-size:cover;background-position:50%;display:flex;align-items:flex-end}.post-content-wrapper{padding:2rem 2rem 0}.post-entry .post-hero .post-content-wrapper{background:0 0;width:100%}.post-entry h2{font-size:1.8rem;margin:.5rem 0;line-height:1.3}.post-entry h2 a{color:var(--text-bright);text-decoration:none;transition:color .2s ease}.post-entry h2 a:hover{color:var(--accent)}.post-excerpt{color:var(--text-color);font-size:1.1rem;line-height:1.6;padding:0 2rem 2rem}@media(max-width:768px){.site-hero{padding:3rem 0}.site-hero h1{font-size:2rem}.post-entry .post-hero{height:200px}.post-entry h2{font-size:1.5rem}.post-excerpt{font-size:1rem;padding:0 1.5rem 1.5rem}.post-content-wrapper{padding:1.5rem}}.single-post{.post-hero { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 8rem 0 4rem; margin-bottom: 2rem; } .post-hero .container { max-width: var(--max-width); margin: 0 auto; padding: 0 2rem; }}.post-header{max-width:800px;margin:0 auto}.post-header h1{font-size:2.75rem;line-height:1.2;margin-bottom:1.5rem;color:var(--text-bright)}.post-content{max-width:800px;margin:0 auto;font-size:1.2rem;line-height:1.8;padding:0}.post-content p{margin-bottom:1.5rem}.post-content img{max-width:100%;height:auto;border-radius:.5rem;margin:2rem 0}.post-content h2{font-size:1.8rem;margin:3rem 0 1.5rem}.post-content h3{font-size:1.5rem;margin:2.5rem 0 1.25rem}.post-meta{display:flex;align-items:center;gap:1rem;color:var(--text-color);opacity:.8;font-size:1rem}.post-meta .categories{display:flex;gap:.5rem}.post-meta .category{background:var(--accent-dim);color:var(--text-bright);padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;text-decoration:none;transition:background-color .2s ease}.post-meta .category:hover{background:var(--accent)}.post-content blockquote{margin:1.5rem 0;padding:1.25rem 1.5rem;border-left:4px solid var(--accent);background:color-mix(in srgb,var(--accent-contrast) 18%,var(--elev) 82%);border-radius:10px;color:var(--muted)}.post-content blockquote p:last-child{margin-bottom:0}@media(max-width:768px){.site-header{padding:.75rem 0}.site-header nav{flex-direction:column;gap:1rem}.brand{width:100%;justify-content:center}.nav-links{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;padding:0 1rem}.nav-links a{font-size:.9rem;padding:.5rem}.container{padding:0 1rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.35rem}body{font-size:1rem}.post-card{margin-bottom:1.5rem}.post-content{padding:1.25rem}.post-hero{padding:4rem 0 0}.post-header h1{font-size:2rem;line-height:1.3}.post-meta{flex-wrap:wrap;gap:.5rem}.categories{flex-wrap:wrap;gap:.5rem}.pagination{flex-wrap:wrap;justify-content:center;gap:.75rem}.pagination .page-numbers{order:2;width:100%;justify-content:center;margin:.5rem 0}.pagination .prev{order:1}.pagination .next{order:3}pre{padding:.75rem;font-size:.9rem;overflow-x:auto;-webkit-overflow-scrolling:touch}code{font-size:.9rem}blockquote{padding:1rem;margin:1.25rem 0}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.post-excerpt{font-size:.95rem;padding:0 1rem 1.5rem}}@media(hover:none){.nav-links a,.pagination a,.category{padding:.5rem .75rem}.post-card,.post-entry{cursor:pointer}}@media(max-width:480px){.post-content{font-size:1.1rem;line-height:1.7}.post-excerpt{font-size:.9rem;line-height:1.6}}@media(prefers-color-scheme:dark){:root{--bg-color:#000000;--bg-secondary:#1a1a1a}}.mt-60{margin-top:60px}:root .category{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.75rem;color:var(--accent);background:color-mix(in srgb,var(--surface) 90%,var(--accent) 10%);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));text-decoration:none}[data-theme=dark] .category{color:var(--accent);background:color-mix(in srgb,var(--elev) 85%,var(--accent) 15%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .category{background:color-mix(in srgb,var(--elev) 85%,var(--accent) 15%)}}.post-entry .post-hero .post-content-wrapper{background:var(--post-hero-overlay)!important}.post-entry{background:var(--elev)!important;border:1px solid var(--border)!important}.post-entry .post-hero{height:220px!important}[data-theme=dark] .post-entry{background:var(--elev);border-color:var(--border)}[data-theme=dark] .post-entry .post-excerpt{color:var(--muted)}[data-theme=dark] .post-entry h2 a{color:var(--bright)}[data-theme=dark] .posts-grid .post-card{background:var(--elev);border:1px solid var(--border)}[data-theme=dark] .posts-grid .post-card .post-excerpt{color:var(--muted)}[data-theme=dark] .posts-grid .post-card h2 a{color:var(--bright)}.post-entry h2 a{color:var(--bright)!important;text-decoration:none}.post-entry h2 a:hover{color:var(--accent)!important}.post-entry .post-excerpt{color:var(--muted)!important}