*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a1e;--surface: #222228;--border: #32323c;--border-hover: #48485a;--text: #b4b8c4;--heading: #ededf0;--muted: #5c5f6e;--cat-writeup: #e8956a;--cat-writeup-dim: rgba(232, 149, 106, .1);--cat-project: #7ba4f0;--cat-project-dim: rgba(123, 164, 240, .1);--cat-note: #8ec986;--cat-note-dim: rgba(142, 201, 134, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--max-width: 980px;--content-width: 680px}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.7;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.container--narrow{max-width:var(--content-width)}.site-header{padding:2.25rem 0}.site-header-inner{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.site-name{font-size:1.0625rem;font-weight:700;color:var(--heading);text-decoration:none;letter-spacing:-.02em;transition:opacity .2s}.site-name:hover{opacity:.8}.header-nav{display:flex;gap:1.5rem;align-items:center}.header-nav a{font-size:.8125rem;color:var(--muted);text-decoration:none;transition:color .2s;letter-spacing:.01em}.header-nav a:hover{color:var(--text)}.hero{padding:1.5rem 0 2rem}.hero-text{font-size:1.0625rem;color:var(--text);max-width:540px;line-height:1.75}.filters-section{margin-bottom:2.25rem}.category-filters{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.filter-tab{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:.35rem .85rem;cursor:pointer;transition:all .2s ease;line-height:1.4}.filter-tab:hover{color:var(--text);border-color:var(--border-hover);background:#ffffff0a}.filter-tab--active{color:var(--heading);background:var(--surface);border-color:var(--border-hover);box-shadow:0 0 0 1px var(--border-hover)}.filter-count{font-size:.6875rem;font-weight:600;color:var(--muted);background:#ffffff0d;border-radius:10px;padding:.1rem .4rem;line-height:1.2}.filter-tab--active .filter-count{color:var(--text);background:#ffffff1a}.empty-category-message{padding:3rem 0;text-align:center;color:var(--muted);font-size:.9375rem}.section-label{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1.25rem}.highlighted-section{margin-bottom:3rem}.highlighted-grid{display:flex;flex-direction:column;gap:1.25rem}.featured-card{display:block;padding:1.75rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}.featured-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.featured-card .post-title{font-size:1.375rem;margin:.625rem 0 .375rem}.featured-card .post-description{margin-bottom:.5rem}.posts-section{padding-bottom:4rem}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem}.post-card{display:flex;flex-direction:column;padding:1.25rem 1.375rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}.post-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.post-card--new{border-color:#8ec98659}.post-card--new:hover{border-color:#8ec986}.post-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.badge-new{display:inline-flex;align-items:center;font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.125rem .45rem;border-radius:4px;background:#8ec9861f;color:#8ec986;border:1px solid rgba(142,201,134,.3);line-height:1.5}.post-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;padding-top:1rem;flex-wrap:wrap}.post-card-footer .post-date{margin-top:0;padding-top:0}.post-card-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.meta-dot{color:var(--border);font-size:.75rem;user-select:none}.reading-time{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--muted);line-height:1}.reading-time-icon{width:.8125rem;height:.8125rem;flex-shrink:0;opacity:.85}.category-label{display:inline-block;font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.175rem .5rem;border-radius:4px;width:fit-content;line-height:1.6}.category-label--writeup{color:var(--cat-writeup);background:var(--cat-writeup-dim)}.category-label--project{color:var(--cat-project);background:var(--cat-project-dim)}.category-label--note{color:var(--cat-note);background:var(--cat-note-dim)}.post-title{font-size:1rem;font-weight:600;color:var(--heading);line-height:1.35;letter-spacing:-.01em}.post-card .post-title{margin:.5rem 0 .25rem}.post-description{font-size:.875rem;color:var(--muted);line-height:1.55}.post-date{font-size:.75rem;color:var(--muted);margin-top:auto;padding-top:.875rem}.post-tags{display:flex;gap:.375rem;flex-wrap:wrap}.tag{font-size:.6875rem;color:var(--muted);background:transparent;border:1px solid var(--border);padding:.125rem .45rem;border-radius:4px;text-decoration:none;line-height:1.4;transition:all .15s ease}.tag--link{color:var(--text);background:var(--surface);cursor:pointer}.tag--link:hover{color:var(--heading);border-color:var(--border-hover);background:#ffffff0d}.tag--inline{pointer-events:none}.tag--active{color:var(--heading);border-color:var(--border-hover);background:var(--surface);font-weight:600}.tag-page{padding-bottom:5rem}.tag-page-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:2.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.tag-page-label{font-size:1.5rem;font-weight:700;color:var(--muted)}.tag-page-title{font-size:1.75rem;font-weight:700;color:var(--heading);letter-spacing:-.02em}.tag-page-count{font-size:.875rem;color:var(--muted);margin-left:auto}.post-page{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem 6rem}.post-layout{display:flex;justify-content:space-between;align-items:flex-start;gap:3.5rem;position:relative}.post-main{max-width:var(--content-width);width:100%;min-width:0;flex:1}.post-sidebar{width:210px;flex-shrink:0;position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto}.post-sidebar::-webkit-scrollbar{width:3px}.post-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.back-link{display:inline-block;font-size:.8125rem;color:var(--muted);text-decoration:none;margin-bottom:2.5rem;transition:color .2s}.back-link:hover{color:var(--text)}.post-header{margin-bottom:2.5rem;padding-bottom:1.75rem;border-bottom:1px solid var(--border)}.post-header .post-title{font-size:2rem;letter-spacing:-.03em;line-height:1.2;margin:.75rem 0 .5rem}.post-header-description{font-size:1.0625rem;color:var(--text);line-height:1.6;margin:.5rem 0 1rem}.post-meta{display:flex;align-items:center;gap:.625rem;color:var(--muted);font-size:.8125rem;flex-wrap:wrap}.post-meta .meta-dot{color:var(--border)}.post-meta .reading-time{font-size:.8125rem}.post-header .post-tags{margin-top:.75rem}.toc-sidebar{padding-left:.875rem;border-left:1px solid var(--border)}.toc-sidebar-header{display:flex;align-items:center;gap:.45rem;margin-bottom:.75rem}.toc-sidebar-icon{color:var(--muted);width:.8125rem;height:.8125rem;flex-shrink:0;opacity:.8}.toc-sidebar-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.toc-sidebar-list{list-style:none!important;padding-left:0!important;margin:0!important;display:flex;flex-direction:column;gap:.45rem}.toc-sidebar-item{margin:0!important;line-height:1.4}.toc-sidebar-item--depth-3{padding-left:.75rem}.toc-sidebar-link{font-size:.8125rem;color:var(--muted);text-decoration:none!important;transition:color .15s ease;display:block;line-height:1.4;word-break:break-word}.toc-sidebar-item--depth-3 .toc-sidebar-link{font-size:.75rem}.toc-sidebar-link:hover{color:var(--heading)!important}.toc-sidebar-link.active{color:var(--heading)!important;font-weight:600}.prose{font-size:1rem;line-height:1.8}.prose>*:first-child{margin-top:0}.prose p{margin:1.25rem 0}.prose h1,.prose h2,.prose h3,.prose h4{scroll-margin-top:2rem}.prose h1{font-size:1.75rem;color:var(--heading);font-weight:700;letter-spacing:-.02em;margin:2.5rem 0 .75rem}.prose h2{font-size:1.375rem;color:var(--heading);font-weight:600;letter-spacing:-.02em;margin:2.25rem 0 .75rem}.prose h3{font-size:1.125rem;color:var(--heading);font-weight:600;margin:2rem 0 .5rem}.prose h4{font-size:1rem;color:var(--heading);font-weight:600;margin:1.5rem 0 .5rem}.prose a{color:var(--heading);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px;transition:text-decoration-color .2s}.prose a:hover{text-decoration-color:var(--text)}.prose strong{color:var(--heading);font-weight:600}.prose ul,.prose ol{padding-left:1.5rem;margin:1rem 0}.prose li{margin:.375rem 0}.prose li::marker{color:var(--muted)}.prose blockquote{border-left:2px solid var(--border);padding-left:1.25rem;color:var(--muted);margin:1.75rem 0;font-style:italic}.prose img{max-width:100%;border-radius:8px;margin:2rem 0;display:block;border:1px solid var(--border)}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem}.prose th,.prose td{padding:.625rem 1rem;border:1px solid var(--border);text-align:left}.prose th{color:var(--heading);font-weight:600;background:var(--surface)}code{font-family:var(--font-mono);font-size:.85em;background:var(--surface);padding:.15em .4em;border-radius:4px;border:1px solid var(--border);color:var(--heading)}pre{background:var(--surface)!important;padding:1.25rem 1.5rem;border-radius:10px;overflow-x:auto;margin:1.75rem 0;border:1px solid var(--border);font-size:.8125rem;line-height:1.7}pre code{background:none;padding:0;border-radius:0;border:none;font-size:inherit;color:inherit}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--border)}.post-nav-item{display:flex}.post-nav-item--next{justify-content:flex-end}.post-nav-card{display:flex;flex-direction:column;gap:.35rem;width:100%;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-decoration:none!important;color:inherit;transition:border-color .2s,transform .2s}.post-nav-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.post-nav-card--next{text-align:right}.post-nav-direction{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.post-nav-title{font-size:.9375rem;font-weight:600;color:var(--heading);line-height:1.35}.site-footer{max-width:var(--max-width);margin:0 auto;padding:1.75rem 1.5rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--muted)}.contact-page{padding-bottom:5rem}.contact-page-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.contact-page-title{font-size:2rem;font-weight:700;color:var(--heading);letter-spacing:-.02em;margin-bottom:.75rem}.contact-intro{font-size:1.0625rem;color:var(--text);line-height:1.7;max-width:600px}.contact-form-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.75rem 2rem;margin-bottom:2.5rem}.contact-form-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.contact-form-title{font-size:1.125rem;font-weight:600;color:var(--heading)}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.875rem;font-weight:500;color:var(--heading);display:flex;align-items:center;gap:.25rem}.form-required{color:var(--cat-writeup)}.form-input,.form-textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;color:var(--heading);font-family:var(--font-sans);font-size:.9375rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--cat-project);box-shadow:0 0 0 3px #7ba4f026}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted)}.form-textarea{resize:vertical;min-height:120px}.form-honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.form-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--cat-project);color:#0f1318;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;align-self:flex-start;transition:opacity .2s,transform .15s,background-color .2s}.form-submit-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(15,19,24,.3);border-radius:50%;border-top-color:#0f1318;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-status{margin-top:1rem;padding:1rem 1.25rem;border-radius:8px;font-size:.9375rem;line-height:1.5}.form-status--success{background:var(--cat-note-dim);border:1px solid var(--cat-note);color:var(--heading)}.form-status--success h4{color:var(--cat-note);font-size:1rem;font-weight:600;margin-bottom:.25rem}.form-status--success p{color:var(--text);font-size:.875rem}.form-status--error{background:#e86a6a1a;border:1px solid #e86a6a;color:#ffb4b4}.form-reset-btn{margin-top:.75rem;background:transparent;border:1px solid var(--border);color:var(--text);font-family:var(--font-sans);font-size:.8125rem;padding:.4rem .85rem;border-radius:6px;cursor:pointer;transition:border-color .2s,color .2s}.form-reset-btn:hover{border-color:var(--border-hover);color:var(--heading)}.contact-section-label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:1rem}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.contact-card{display:flex;flex-direction:column;padding:1.35rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}.contact-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.contact-card-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.contact-card-icon{width:1.25rem;height:1.25rem;color:var(--cat-project);flex-shrink:0}.contact-card-title{font-size:.9375rem;font-weight:600;color:var(--heading)}.contact-card-value{font-family:var(--font-mono);font-size:.8125rem;color:var(--text);word-break:break-all;margin-bottom:.35rem}.contact-card-desc{font-size:.75rem;color:var(--muted);line-height:1.4}.contact-note{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem 1.75rem;margin-top:1.5rem}.contact-note h3{font-size:1.0625rem;font-weight:600;color:var(--heading);margin-bottom:.5rem}.contact-note p{font-size:.875rem;color:var(--muted);line-height:1.6}@media(max-width:960px){.post-layout{display:block}.post-sidebar{display:none}.post-page{max-width:var(--content-width)}}@media(max-width:600px){.post-grid,.contact-grid,.form-row,.post-nav{grid-template-columns:1fr}.post-nav-item--next{justify-content:flex-start}.post-nav-card--next{text-align:left}}@media(max-width:480px){.site-header{padding:1.5rem 0}.hero{padding:1rem 0 2rem}.featured-card{padding:1.375rem 1.25rem}.featured-card .post-title{font-size:1.25rem}.post-header .post-title,.contact-page-title{font-size:1.625rem}.prose h1{font-size:1.5rem}.prose h2{font-size:1.25rem}}