*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,:root[data-theme=dark]{--bg: #0c0c0c;--bg-card: #141414;--bg-hover: #1a1a1a;--border: #252525;--border-soft: rgba(200, 184, 154, .08);--text: #e8e6e1;--text-muted: #7a7874;--text-faint: #3d3d3d;--accent: #c9a96e;--accent-dim: #8a6e3e;--accent-glow: rgba(201, 169, 110, .12);--accent-glow-soft: rgba(201, 169, 110, .05);--code-bg: #151515;--tag-bg: #181818;--tag-text: #9a9590;--post-body-color: #d4d1cb;--header-bg: rgba(12, 12, 12, .88);--noise-opacity: .025}:root[data-theme=light]{--bg: #faf8f3;--bg-card: #ffffff;--bg-hover: #f3efe5;--border: #e4dcc8;--border-soft: rgba(138, 110, 62, .12);--text: #1c1b17;--text-muted: #6a6558;--text-faint: #b8b2a4;--accent: #8a6e3e;--accent-dim: #b39664;--accent-glow: rgba(138, 110, 62, .1);--accent-glow-soft: rgba(138, 110, 62, .04);--code-bg: #f3efe5;--tag-bg: #f3efe5;--tag-text: #5a5448;--post-body-color: #2c2a24;--header-bg: rgba(250, 248, 243, .88);--noise-opacity: .015}:root{--font-serif: "DM Serif Display", Georgia, "Times New Roman", serif;--font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "DM Mono", ui-monospace, SFMono-Regular, "Courier New", monospace;--max-width: 960px;--max-width-post: 1320px;--max-width-wide: 1520px;--max-width-header: 1680px;--radius: 4px;--radius-lg: 10px;--page-pad: clamp(1.25rem, 3vw, 2.5rem)}html{font-size:clamp(15.5px,.88rem + .22vw,17.25px);transition:background-color .25s ease,color .25s ease;-webkit-text-size-adjust:100%;text-size-adjust:100%}::selection{background:var(--accent-glow);color:var(--text)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent-glow);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-weight:300;line-height:1.7;min-height:100vh;display:flex;flex-direction:column;-webkit-text-size-adjust:100%;overflow-wrap:break-word;word-wrap:break-word;transition:background-color .25s ease,color .25s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}main{animation:fadeUp .5s ease both;animation-delay:.05s}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--page-pad);width:100%}.container-post{max-width:var(--max-width-post)}.container-wide{max-width:var(--max-width-wide)}main{flex:1;padding-top:4.5rem;padding-bottom:6rem}.site-header{border-bottom:1px solid var(--border);padding:1.35rem 0;position:sticky;top:0;background:var(--header-bg);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);z-index:10}.site-header .container{max-width:var(--max-width-header);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.site-title{font-family:var(--font-serif);font-size:1.2rem;color:var(--text);text-decoration:none;letter-spacing:-.01em;transition:color .2s;white-space:nowrap}.site-title:hover{color:var(--accent)}.site-header nav{display:flex;gap:1.8rem;align-items:center}.site-header nav a{font-size:.82rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color .2s;position:relative;padding-bottom:2px}.site-header nav a:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.site-header nav a:hover{color:var(--text)}.site-header nav a:hover:after,.site-header nav a.nav-active:after{transform:scaleX(1)}.site-header nav a.nav-active{color:var(--accent)}.theme-toggle{display:inline-flex;align-items:center;gap:.35em;background:transparent;border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-sans);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .65rem;border-radius:999px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.theme-toggle:hover{color:var(--text);border-color:var(--accent-dim);background:var(--accent-glow-soft)}.theme-toggle-icon{display:inline-block;font-size:.85rem;line-height:1}.hero{padding:5.5rem 0 5rem;border-bottom:1px solid var(--border);margin-bottom:4rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-100px;left:-160px;width:960px;height:600px;background:radial-gradient(ellipse at 30% 40%,var(--accent-glow) 0%,transparent 65%);pointer-events:none;z-index:0}.hero:after{content:"";position:absolute;bottom:-140px;right:-100px;width:640px;height:480px;background:radial-gradient(ellipse at 70% 50%,var(--accent-glow-soft) 0%,transparent 70%);pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}.hero-label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-bottom:1.1rem;display:flex;align-items:center;gap:.6rem}.hero-label:before{content:"";display:inline-block;width:28px;height:1px;background:var(--accent);opacity:.7;vertical-align:middle;flex-shrink:0}.hero-title{font-family:var(--font-serif);font-size:clamp(2.6rem,5.5vw,4rem);line-height:1.08;letter-spacing:-.025em;color:var(--text);margin-bottom:1.25rem;font-weight:400;font-style:italic;max-width:24ch}.hero-sub{font-size:1.1rem;color:var(--text-muted);max-width:64ch;font-weight:300;line-height:1.7}.post-search{margin-bottom:2.5rem;display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.25rem 1.1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.post-search-input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font-sans);font-size:.95rem;padding:.7rem 1rem;border-radius:999px;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}.post-search-input::placeholder{color:var(--text-muted)}.post-search-input:focus{border-color:var(--accent-dim);background:var(--bg);box-shadow:0 0 0 3px var(--accent-glow-soft)}.post-search-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag-filter{background:var(--tag-bg);border:1px solid var(--border);color:var(--tag-text);cursor:pointer;font-family:var(--font-sans);transition:color .15s,border-color .15s,background .15s}.tag-filter:hover{color:var(--text);border-color:var(--accent-dim)}.tag-filter.tag-active{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.post-search-count{font-size:.78rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.03em}.post-search-empty{padding:2.5rem 0;color:var(--text-muted);text-align:center;font-style:italic;border:1px dashed var(--border);border-radius:8px;grid-column:1 / -1}.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem}.post-card{display:flex;flex-direction:column;padding:1.8rem 1.8rem 1.65rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 12px -4px #00000040;transition:border-color .2s ease,background-color .2s ease,transform .22s ease,box-shadow .22s ease;position:relative;overflow:hidden}.post-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--accent);opacity:0;transform:scaleY(.3);transform-origin:center;transition:opacity .25s,transform .3s ease;border-radius:1px 0 0 1px}.post-card:hover{border-color:var(--accent-dim);background:var(--accent-glow-soft);transform:translateY(-3px);box-shadow:0 12px 36px -10px var(--accent-glow),0 2px 12px -4px #0000004d}.post-card:hover:before{opacity:.8;transform:scaleY(1)}.post-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem;flex-wrap:wrap}.post-meta time{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.04em}.tag{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;background:var(--tag-bg);color:var(--tag-text);padding:.2em .55em;border-radius:999px;border:1px solid var(--border);font-weight:500;transition:border-color .15s,color .15s}.post-card:hover .tag{border-color:var(--accent-dim);color:var(--text)}.post-card-title{font-family:var(--font-serif);font-size:1.45rem;font-weight:400;line-height:1.22;letter-spacing:-.015em;margin-bottom:.65rem}.post-card-title a{color:var(--text);text-decoration:none;transition:color .2s}.post-card:hover .post-card-title a,.post-card-title a:hover{color:var(--accent)}.post-card-summary{color:var(--text-muted);font-size:.92rem;margin-bottom:1.1rem;line-height:1.65;flex:1}.read-more{font-size:.78rem;font-weight:500;letter-spacing:.05em;color:var(--accent-dim);text-decoration:none;transition:color .2s,gap .2s;display:inline-flex;align-items:center;gap:.35em;align-self:flex-start}.read-more:after{content:"→";transition:transform .2s ease;display:inline-block}.post-card:hover .read-more{color:var(--accent)}.post-card:hover .read-more:after{transform:translate(4px)}.read-more:hover{color:var(--accent)}.read-more:hover:after{transform:translate(4px)}.post-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(200px,16vw,260px);gap:clamp(2rem,3.5vw,3.5rem);align-items:start}@media(max-width:1100px){.post-layout{grid-template-columns:minmax(0,1fr)}.post-toc-wrap{display:none}}.post-header{margin-bottom:2.5rem}.post-title{font-family:var(--font-serif);font-size:clamp(2rem,4.5vw,3rem);font-weight:400;line-height:1.12;letter-spacing:-.025em;color:var(--text);margin:.6rem 0 .9rem}.post-summary{font-size:1.05rem;color:var(--text-muted);font-style:italic;margin-bottom:1.5rem;font-weight:300}.post-divider{height:1px;background:linear-gradient(to right,var(--accent-dim),transparent);margin-top:1.5rem;opacity:.5}.post-body{font-size:clamp(.98rem,.92rem + .22vw,1.08rem);line-height:1.8;color:var(--post-body-color);overflow-wrap:anywhere;word-break:break-word;hyphens:auto}.post-body>*{max-width:100%}.post-body h2{font-family:var(--font-serif);font-size:1.55rem;font-weight:400;color:var(--text);margin:2.75rem 0 .9rem;letter-spacing:-.015em;display:flex;align-items:center;gap:.6rem;scroll-margin-top:6rem}.post-body h2:before{content:"";display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;opacity:.7;flex-shrink:0;margin-top:1px}.post-body h3{font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:2rem 0 .6rem;scroll-margin-top:6rem}.post-body p{margin-bottom:1.4rem}.post-body a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-glow);transition:border-color .2s,color .2s}.post-body a:hover{color:var(--text);border-color:var(--text)}.post-body blockquote{border-left:2px solid var(--accent);margin:1.8rem 0;padding:.5rem 0 .5rem 1.4rem;font-style:italic;color:var(--text-muted);font-size:1.05rem;background:linear-gradient(to right,var(--accent-glow-soft),transparent);border-radius:0 4px 4px 0}.post-body ul,.post-body ol{margin:.5rem 0 1.4rem 1.4rem}.post-body li{margin-bottom:.35rem}.post-body ul li::marker{color:var(--accent-dim)}.post-body ol li::marker{font-family:var(--font-mono);font-size:.8em;color:var(--accent-dim)}.post-body pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.6rem 0;font-family:var(--font-mono);font-size:.85rem;line-height:1.65;max-width:100%;position:relative}.post-body pre:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,var(--accent-glow),transparent 60%)}.post-body code{font-family:var(--font-mono);font-size:.875em;background:var(--code-bg);color:var(--post-body-color);padding:.15em .4em;border-radius:3px;border:1px solid var(--border);word-break:break-word}.post-body pre code{background:none;padding:0;border:none;word-break:normal;color:inherit}:root:not([data-theme=light]) .astro-code{background-color:var(--shiki-dark-bg)!important;color:var(--shiki-dark)}:root:not([data-theme=light]) .astro-code span{color:var(--shiki-dark)!important}.post-body table{width:100%;max-width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.post-body th{text-align:left;font-weight:500;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:.6rem .8rem;border-bottom:1px solid var(--accent-dim);white-space:nowrap}.post-body td{padding:.6rem .8rem;border-bottom:1px solid var(--border);color:var(--text)}.post-body tr:hover td{background:var(--accent-glow-soft)}.post-body hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.post-footer{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.post-footer a{font-size:.85rem;color:var(--text-muted);text-decoration:none;font-weight:400;transition:color .2s}.post-footer a:hover{color:var(--accent)}.post-toc-wrap{position:sticky;top:6rem}.toc{font-size:.85rem;border-left:1px solid var(--border);padding-left:1rem}.toc-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem;font-family:var(--font-sans);font-weight:500}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:.45rem;line-height:1.35}.toc-item a{color:var(--text-muted);text-decoration:none;transition:color .15s}.toc-item a:hover{color:var(--text)}.toc-depth-3{padding-left:.9rem;font-size:.8rem}.toc-item.toc-active a{color:var(--accent);font-weight:500}.site-footer{border-top:1px solid var(--border);padding:1.5rem 0}.site-footer .container{max-width:var(--max-width-header);display:flex;justify-content:center}.site-footer span{font-size:.75rem;color:var(--text-faint);letter-spacing:.04em;text-align:center}.post-body img{max-width:100%;height:auto;display:block;margin:2rem auto;border-radius:6px;border:1px solid var(--border);box-shadow:0 4px 24px #00000059,0 0 0 1px var(--accent-glow-soft)}.post-body figure{margin:2.5rem 0;text-align:center}.post-body figure img{margin:0 auto .75rem}.post-body figcaption{font-size:.78rem;color:var(--text-muted);font-style:italic;letter-spacing:.02em}@media(max-width:1200px){.post-layout{gap:2rem}}@media(max-width:768px){main{padding-top:3rem;padding-bottom:4rem}.hero{padding:3.5rem 0 3rem;margin-bottom:2.5rem}.hero-title{font-size:clamp(2rem,6vw,2.6rem)}.hero-sub{max-width:100%}.post-list{grid-template-columns:1fr;gap:1.1rem}.post-card{padding:1.5rem 1.5rem 1.4rem}.post-card-title{font-size:1.3rem}.post-card-summary{font-size:.92rem}.post-search{padding:1rem;gap:.85rem}.post-search-input{padding:.6rem .9rem}.post-body h2{font-size:1.35rem}.post-body pre{padding:1rem 1.2rem;font-size:.82rem}.post-body blockquote{padding-left:1rem;margin:1.4rem 0}}@media(max-width:600px){main{padding-top:2rem;padding-bottom:3rem}.site-header{padding:1rem 0}.site-title{font-size:1.05rem}.site-header nav{gap:1.2rem}.site-header nav a{font-size:.75rem}.theme-toggle-label{display:none}.theme-toggle{padding:.3rem .5rem}.hero{padding:2rem 0;margin-bottom:1.75rem}.hero:before{width:380px;height:260px;top:-60px;left:-80px}.hero:after{display:none}.hero-label{font-size:.65rem;margin-bottom:.7rem}.hero-title{font-size:clamp(1.7rem,7vw,2.1rem)}.hero-sub{font-size:.95rem}.post-card{padding:1.25rem 1.25rem 1.2rem;border-radius:8px}.post-card:before{display:none}.post-meta{gap:.4rem}.post-meta time{font-size:.68rem}.tag{font-size:.62rem;padding:.15em .55em}.post-card-title{font-size:1.15rem}.post-card-summary{font-size:.88rem;line-height:1.55;margin-bottom:.9rem}.post-search{padding:.9rem;border-radius:8px}.post-search-input{font-size:.9rem}.post-body{line-height:1.7}.post-body h2{font-size:1.2rem;margin:2rem 0 .6rem}.post-body h3{font-size:.9rem}.post-body pre{padding:.9rem 1rem;font-size:.78rem}.post-body blockquote{font-size:.95rem;padding-left:.8rem}.post-body ul,.post-body ol{margin-left:1rem}.post-body table{font-size:.8rem}.post-body th,.post-body td{padding:.4rem .6rem}}@media(max-width:380px){.site-header .container{gap:.25rem}.site-title{font-size:.95rem}.site-header nav{gap:1rem}.site-header nav a{font-size:.7rem;letter-spacing:.05em}.post-card{padding:1.1rem}.post-card-title{font-size:1.08rem}.post-body pre{padding:.75rem .8rem;font-size:.72rem}}@media(min-width:1600px){:root{--max-width: 1020px;--max-width-post: 1440px;--max-width-wide: 1640px;--max-width-header: 1800px}.hero{padding:7rem 0 6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}main{animation:none}}@media(min-resolution:2dppx){.post-divider{height:.5px}}