@charset "UTF-8";:root{--bg: #0c0c10;--bg-soft: #16161c;--bg-card: #1c1c26;--border: #282836;--border-hover: #3a3a48;--text: #e8ddd0;--text-soft: #a09a90;--text-muted:#7a7a84;--accent: #e08a00;--accent-hover: #f59e0b;--gold: #d97706;--copper: #b45309;--code-bg: #181822;--code-text: #ddd6cc;--radius: 8px;--radius-sm: 4px;--content-w: 720px;--sidebar-width: 228px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--bg)}body{font-family:var(--font);background-color:var(--bg);color:var(--text);line-height:1.7;font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0c0c10d9}header .inner{max-width:var(--content-w);margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:56px}header .site-name{font-size:1.1rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.02em;transition:color .2s}header .site-name:hover{color:var(--accent);text-decoration:none}header nav{display:flex;gap:1.5rem}header nav a{font-size:.9rem;color:var(--text-soft);text-decoration:none;padding:.25rem 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}header nav a:hover{color:var(--text);text-decoration:none;border-bottom-color:var(--accent)}header nav a.active{color:var(--text);border-bottom-color:var(--accent)}.main{max-width:var(--content-w);margin:0 auto;padding:3rem 1.5rem 4rem}.home-layout{display:flex;gap:3rem;align-items:flex-start}@media(max-width:768px){.home-layout{flex-direction:column;gap:2rem}.home-about{position:static;width:auto}.home-posts{margin-left:0}.post-search{position:static;width:100%;margin-bottom:1.25rem}.search-fade,.search-cover{display:none}}.home-about{position:fixed;top:3rem;left:max(1.5rem,(100vw - 960px) / 2 + 1.5rem);width:var(--sidebar-width)}.home-avatar{width:70%;height:auto;aspect-ratio:1;border-radius:12px;object-fit:cover;display:block;align-self:center;margin:0 auto 1rem}.home-about-inner{display:flex;flex-direction:column}.home-name{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:.5rem;letter-spacing:-.02em}.home-tagline{color:var(--text-soft);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.home-links{display:flex;gap:.5rem;font-size:.9rem}.home-links a{color:var(--accent)}.home-links-sep{color:var(--border-hover)}.home-divider{border:none;border-top:1px solid var(--border);margin:.5rem 0 1.25rem}.home-section-title{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .75rem}.home-highlights{list-style:none;padding:0}.home-highlights li{color:var(--text-soft);font-size:.9rem;line-height:1.5;margin-bottom:.5rem;padding-left:1rem;position:relative}.home-highlights li:before{content:"›";position:absolute;left:0;color:var(--accent);font-weight:700}.home-highlights li strong{color:var(--text)}.home-cta{margin-bottom:0}.home-all-posts{margin-top:1.5rem;margin-bottom:0}.post-search{position:fixed;top:4.5rem;left:calc(max(var(--sidebar-width),(100vw - 960px) / 2 + var(--sidebar-width)) + 4.5rem);right:max(1.5rem,(100vw - 960px) / 2 + 1.5rem);z-index:3;padding:.6rem .8rem;margin-bottom:0;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.9rem;font-family:var(--font);outline:none;transition:border-color .2s}.post-search:focus{border-color:var(--accent)}.post-search::placeholder{color:var(--text-muted)}.search-fade{position:fixed;top:5.7rem;left:calc(max(var(--sidebar-width),(100vw - 960px) / 2 + var(--sidebar-width)) + 4.5rem);right:max(1.5rem,(100vw - 960px) / 2 + 1.5rem);height:1.5rem;background:linear-gradient(to bottom,var(--bg-soft) 0%,transparent 100%);pointer-events:none;z-index:2}.search-cover{position:fixed;top:0;left:calc(max(var(--sidebar-width),(100vw - 960px) / 2 + var(--sidebar-width)) + 4.5rem);right:max(1.5rem,(100vw - 960px) / 2 + 1.5rem);height:4.74rem;background:var(--bg);pointer-events:none;z-index:1}.home-posts{padding-top:6rem;flex:1;min-width:0;margin-left:calc(var(--sidebar-width) + 3rem)}.home-btn{display:inline-block;padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-soft);font-size:.9rem;text-decoration:none;transition:border-color .2s,color .2s,background .2s}.home-btn:hover{border-color:var(--accent);color:var(--accent);background:#e08a000f;text-decoration:none}.home-btn-secondary{border-color:var(--border);color:var(--text-muted)}.main:has(.home-layout){max-width:960px}body:has(.home-layout) header .inner{max-width:960px}body:has(.home-layout) header{display:none}.post-list ul{list-style:none}.home-posts .post-list ul{padding-left:0}.post-list li{padding:1.25rem 0;border-bottom:1px solid var(--border);transition:border-color .2s}.post-list li:first-child{padding-top:0}.post-list li:last-child{border-bottom:none;padding-bottom:0}.post-list .post-title{color:var(--accent);text-decoration:none;font-size:1.35rem;font-weight:600;line-height:1.4;letter-spacing:-.01em;display:inline-block;transition:color .2s}.post-list .post-title:hover{color:var(--accent-hover);text-decoration:none}.post-list .post-excerpt{margin-top:.5rem;color:var(--text-soft);font-size:.95rem;line-height:1.6;margin-bottom:0}.post-date{color:var(--text-muted);font-size:.85rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.back-link{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:2rem;color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--accent);text-decoration:none}.post-title{font-size:2rem;font-weight:700;color:var(--text);line-height:1.25;letter-spacing:-.02em;margin-bottom:.75rem}.post-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem;color:var(--text-muted);font-size:.85rem}.reading-time{color:var(--text-muted)}.post-meta .separator{color:var(--border-hover)}h1,h2,h3,h4,h5{color:var(--text);line-height:1.3;letter-spacing:-.02em}h1{font-size:2rem;font-weight:700;margin-top:0;margin-bottom:.75rem}h2{font-size:1.5rem;font-weight:600;margin-top:2.5rem;margin-bottom:.75rem}h3{font-size:1.2rem;font-weight:600;margin-top:2rem;margin-bottom:.5rem}h2 a[href^="#"],h3 a[href^="#"],h4 a[href^="#"],h5 a[href^="#"]{color:inherit;text-decoration:none;position:relative}h2 a[href^="#"]:after,h3 a[href^="#"]:after,h4 a[href^="#"]:after,h5 a[href^="#"]:after{font-family:Material Icons;content:"content_copy";font-size:.55em;opacity:0;margin-left:.3em;transition:opacity .2s;vertical-align:middle;position:relative;top:-1px}h2:hover a[href^="#"]:after,h3:hover a[href^="#"]:after,h4:hover a[href^="#"]:after,h5:hover a[href^="#"]:after{opacity:.5}h2 a[href^="#"]:hover:after,h3 a[href^="#"]:hover:after,h4 a[href^="#"]:hover:after,h5 a[href^="#"]:hover:after{opacity:.8}p{margin-bottom:1.25rem}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover);text-decoration:underline}.main ul,.main ol{padding-left:1.5rem;margin-bottom:1.25rem}.main li{margin-bottom:.35rem}.main img{max-width:100%;height:auto;border-radius:var(--radius);margin:1.5rem 0}blockquote{border-left:3px solid var(--accent);padding:.75rem 1rem;margin:1.5rem 0;background:var(--bg-card);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-soft)}blockquote p:last-child{margin-bottom:0}code{font-family:var(--font-mono);background-color:var(--code-bg);padding:.15rem .4rem;border-radius:var(--radius-sm);font-size:.875em;color:var(--code-text)}pre{background-color:var(--code-bg);padding:1.25rem;border-radius:var(--radius);overflow-x:auto;margin:1.5rem 0;border:1px solid var(--border);line-height:1.5}pre code{background:none;padding:0;font-size:.85rem;color:var(--code-text)}hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.main table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem}.main th,.main td{padding:.6rem .8rem;text-align:left;border:1px solid var(--border)}.main th{background-color:var(--bg-soft);color:var(--text);font-weight:600}.main td{color:var(--text-soft)}.main tr:nth-child(2n) td{background-color:#ffffff05}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:#e08a0040;color:var(--text)}@media(max-width:768px){.main{padding:2rem 1.25rem 3rem}header .inner{padding:0 1.25rem}.post-title{font-size:1.5rem}.post-list .post-title{font-size:1.15rem}header nav{gap:1rem}header nav a{font-size:.85rem}}.back-to-top{position:fixed;bottom:auto;top:7.65rem;right:auto;left:calc(50% + 360px + 1.25rem);width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease,background .2s,border-color .2s;z-index:100}.back-to-top.visible{opacity:1;pointer-events:auto}.back-to-top:hover{background:var(--border);border-color:var(--accent);color:var(--accent)}.back-to-top .material-icons{font-size:1.5rem}.lightbox-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox-bg{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(4px)}.lightbox-img{position:relative;max-width:90vw;max-height:90vh;border-radius:var(--radius);box-shadow:0 8px 40px #00000080;animation:lightboxIn .25s ease}@keyframes lightboxIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.share-float{position:fixed;top:80px;left:calc(50% - 360px - 3rem);display:flex;flex-direction:column;gap:.5rem;z-index:50}.share-float-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text-soft);cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,color .2s}.share-float-btn:hover{background:var(--border);border-color:var(--accent);color:var(--accent);text-decoration:none}.post-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2rem}.post-tags .tag-pill{display:inline-flex;padding:.2rem .6rem;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;font-size:.75rem;color:var(--text-muted);text-decoration:none;transition:background .2s,border-color .2s,color .2s}.post-tags .tag-pill:hover{background:var(--border);border-color:var(--accent);color:var(--accent);text-decoration:none}.suggested-posts{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border)}.suggested-posts h2{font-size:1.1rem;font-weight:600;color:var(--gold);margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.05em}.suggested-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.suggested-card{display:block;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;transition:background .2s,border-color .2s}.suggested-card:hover{background:#e8ddd00f;border-color:var(--border-hover);text-decoration:none}.suggested-card h3{font-size:1rem;font-weight:600;color:var(--text);margin:0 0 .4rem;line-height:1.3}.suggested-card p{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.4}@media(max-width:768px){.share-float{position:static;flex-direction:row;justify-content:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.back-to-top{right:1rem;left:auto;top:auto;bottom:1.5rem}}@media(max-width:1100px)and (min-width:769px){.share-float{left:1rem}}::view-transition-old(root){animation:.3s ease both vt-slide-old}::view-transition-new(root){animation:.3s ease both vt-slide-new}[data-astro-transition=back]::view-transition-old(root){animation-name:vt-slide-old-back}[data-astro-transition=back]::view-transition-new(root){animation-name:vt-slide-new-back}@keyframes vt-slide-old{to{translate:-30vw 0}}@keyframes vt-slide-new{0%{translate:30vw 0}}@keyframes vt-slide-old-back{to{translate:30vw 0}}@keyframes vt-slide-new-back{0%{translate:-30vw 0}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}