.blog-page{min-height:100vh;padding:8rem 5% 5rem;max-width:900px;margin:0 auto}.blog-header{margin-bottom:3rem}.blog-header h1{font-size:clamp(2rem,5vw,3rem);color:var(--yellow);text-shadow:0 0 14px rgba(255,255,77,.4);line-height:1.1;margin-bottom:.5rem}.blog-header p{color:var(--subtext);font-size:.92rem}.search-wrap{position:relative;margin-bottom:2.5rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--overlay);font-size:.85rem;pointer-events:none;transition:color var(--transition)}.search-input{width:100%;background:var(--surface0);border:1.5px solid var(--surface1);border-radius:10px;padding:.8rem 1rem .8rem 2.75rem;color:var(--text);font-family:var(--font);font-size:.9rem;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.search-input::placeholder{color:var(--overlay)}.search-input:focus{border-color:var(--green)}.search-input:focus~.search-icon,.search-wrap:has(.search-input:focus) .search-icon{color:var(--green)}.search-count{font-size:.78rem;color:var(--overlay);margin-top:.6rem;min-height:1.2em;transition:opacity .2s}.tag-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.tag-filter{padding:.28rem .8rem;border-radius:5px;font-size:.75rem;font-family:var(--font);border:1px solid var(--surface2);background:transparent;color:var(--subtext);cursor:pointer;transition:all var(--transition)}.tag-filter:hover{border-color:var(--green);color:var(--green)}.tag-filter.active{background:var(--green);border-color:var(--green);color:var(--bg);font-weight:600}.posts-list{display:flex;flex-direction:column;gap:1.25rem}.post-card{background:var(--surface0);border:1px solid var(--surface1);border-radius:var(--radius);padding:1.6rem 1.75rem;display:grid;grid-template-columns:1fr auto;gap:.75rem 1.5rem;align-items:start;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);text-decoration:none;color:inherit}.post-card-left{min-width:0}.post-card h2{font-size:1.05rem;color:var(--text);margin-bottom:.4rem;text-shadow:none;white-space:normal;transition:color var(--transition)}.post-card:hover h2{color:var(--yellow)}.post-card p{font-size:.855rem;color:var(--subtext);line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.post-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.75rem}.post-date{font-size:.73rem;color:var(--overlay)}.post-card-right{display:flex;align-items:center;padding-top:.2rem;color:var(--overlay);font-size:1.1rem;transition:color var(--transition),transform var(--transition)}.post-card:hover .post-card-right{color:var(--yellow)}.no-results{text-align:center;padding:4rem 1rem;color:var(--subtext);display:none}.no-results.visible{display:block}.no-results .nr-icon{font-size:2.2rem;color:var(--overlay);margin-bottom:.9rem;display:block}.no-results p{font-size:.9rem}.post-layout{min-height:100vh;padding:8rem 5% 5rem;max-width:960px;margin:0 auto}.post-back{position:fixed;top:5rem;left:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--surface1);background:#141422d9;color:var(--subtext);transition:border-color .2s,color .2s,background .2s;z-index:200;text-decoration:none}.post-back:hover{border-color:var(--green);color:var(--green);background:#141422f2}@media(min-width:1120px){.post-back{left:calc((100vw - 960px)/2 - 56px);backdrop-filter:blur(10px)}}.post-back-label{display:none}.post-hero{margin-bottom:3rem}.post-hero-tags{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:1rem}.post-hero h1{font-size:clamp(1.6rem,4vw,2.4rem);color:var(--text);line-height:1.25;margin-bottom:.75rem;text-shadow:none}.post-hero-meta{display:flex;align-items:center;gap:1rem;font-size:.78rem;color:var(--overlay);flex-wrap:wrap}.post-hero-meta .meta-sep{width:3px;height:3px;border-radius:50%;background:var(--surface2);display:inline-block}.post-hero-meta i{font-size:.72rem}.post-divider{height:1px;background:linear-gradient(90deg,var(--green),var(--yellow),transparent);margin-bottom:2.5rem;border:none}.prose{color:var(--subtext);line-height:1.82;font-size:.95rem}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text);margin-top:2.2rem;margin-bottom:.8rem;line-height:1.3;text-shadow:none;font-size:revert}.prose h2{color:var(--green);text-shadow:0 0 8px rgba(50,255,126,.25)}.prose h3{color:var(--yellow)}.prose p{margin-bottom:1.2rem}.prose ul,.prose ol{padding-left:1.5rem;margin-bottom:1.2rem}.prose li{margin-bottom:.35rem;list-style:disc}.prose ol li{list-style:decimal}.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition)}.prose a:hover{color:var(--sky)}.prose strong{color:var(--text);font-weight:700}.prose em{color:var(--peach);font-style:italic}.prose hr{border:none;height:1px;background:var(--surface2);margin:2rem 0}.prose :not(pre)>code{background:var(--surface1);color:var(--green);padding:.1em .45em;border-radius:5px;font-size:.87em}.prose pre{background:var(--surface0);border:1px solid var(--surface1);border-radius:10px;padding:1.25rem 1.5rem;overflow-x:auto;margin:1.5rem 0;font-size:.85rem;line-height:1.65;scrollbar-width:thin;scrollbar-color:var(--surface2) transparent}.prose pre code{background:transparent;color:var(--text);padding:0;font-size:inherit}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.875rem}.prose th,.prose td{padding:.6rem 1rem;border:1px solid var(--surface2);text-align:left}.prose th{background:var(--surface1);color:var(--text);font-weight:600}.prose tr:nth-child(2n) td{background:#ffffff06}.prose blockquote{border-left:3px solid var(--green);padding-left:1.25rem;margin:1.5rem 0;color:var(--overlay);font-style:italic}.blog-prefix{color:var(--green);opacity:.8}.post-hero-image{width:100%;height:300px;overflow:hidden;border-radius:var(--radius);margin-bottom:1.75rem;background:var(--surface1)}.post-hero-image img{width:100%;height:100%;object-fit:cover;display:block}@media(pointer:coarse),(max-width:768px){.magic-card:before,.magic-card:after{display:none!important;background:none!important}.post-card,.magic-card{transition:none!important;transform:none!important;box-shadow:none!important}.post-card:hover h2,.post-card:active h2{color:var(--text)!important}.post-card:hover .post-card-right,.post-card:active .post-card-right{color:var(--overlay)!important;transform:none!important}#particle-canvas,canvas[id*=particle]{pointer-events:none!important}.magnetic,.magnetic .btn-inner{transform:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}}.post-footer{margin-top:4rem}.pf-divider{display:none}.pf-meta-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.pf-copy{font-size:.8rem;color:var(--overlay)}.pf-cc-link{color:var(--subtext);text-decoration:underline;text-underline-offset:3px;transition:color .2s}.pf-cc-link:hover{color:var(--green)}.pf-share{display:flex;align-items:center;gap:.5rem}.pf-share-label{font-size:.78rem;color:var(--subtext);margin-right:.25rem;letter-spacing:.04em}.pf-share-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--surface2);background:var(--surface0);color:var(--subtext);display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,background .2s;cursor:pointer;text-decoration:none}.pf-share-btn svg{width:15px;height:15px;flex-shrink:0}.pf-share-btn:hover{border-color:var(--green);color:var(--green);background:#32ff7e0f}.pf-copy-btn.pf-copied{border-color:var(--yellow);color:var(--yellow);background:#ffff4d14}.pf-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pf-pn-cell{min-width:0}.pf-pn-card{display:flex;flex-direction:column;gap:.65rem;padding:1.25rem;border-radius:var(--radius);border:1px solid var(--surface1);background:var(--surface0);text-decoration:none;color:inherit;height:100%}.pf-pn-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--green);text-transform:uppercase}.pf-pn-inner{display:flex;gap:.85rem;align-items:flex-start}.pf-pn-inner-right{flex-direction:row}.pf-pn-thumb{width:72px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--surface1)}.pf-pn-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pf-pn-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.pf-pn-text-right{text-align:right}.pf-pn-title{font-size:.9rem;color:var(--text);line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:color .2s}.pf-pn-card:hover .pf-pn-title{color:var(--yellow)}.pf-pn-excerpt{font-size:.78rem;color:var(--subtext);line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pf-pn-mins{font-size:.72rem;color:var(--overlay);margin-top:auto;padding-top:.35rem}@media(max-width:600px){.pf-prevnext{grid-template-columns:1fr}.pf-meta-row{flex-direction:column;align-items:flex-start}}.posts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;list-style:none;padding:0}.post-card-wrap{list-style:none}.post-card{display:flex;flex-direction:column;height:100%;background:var(--surface0);border:1px solid var(--surface1);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .25s}.pc-image{width:100%;height:168px;overflow:hidden;flex-shrink:0;background:var(--surface1)}.pc-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.post-card:hover .pc-image img{transform:scale(1.05)}.pc-image-placeholder{width:100%;height:4px;background:linear-gradient(90deg,var(--surface2),var(--surface1));flex-shrink:0}.post-card:hover .pc-image-placeholder{background:linear-gradient(90deg,var(--green),var(--yellow))}.pc-body{display:flex;flex-direction:column;padding:1.2rem 1.4rem 1.4rem;flex:1;gap:0}.pc-date{font-size:.72rem;color:var(--overlay);margin-bottom:.5rem;display:block}.pc-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem}.pc-title{font-size:1rem;font-weight:600;color:var(--text);line-height:1.4;margin-bottom:.55rem;transition:color .2s}.post-card:hover .pc-title{color:var(--yellow)}.pc-excerpt{font-size:.84rem;color:var(--subtext);line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:auto;flex:1}.pc-readmore{display:block;font-size:.76rem;color:var(--overlay);margin-top:.9rem;transition:color .2s}.post-card:hover .pc-readmore{color:var(--green)}.pf-pn-eyebrow-right{text-align:right;display:block}.pf-share-btn i{font-size:.82rem;line-height:1}.pf-pn-eyebrow i{font-size:.6rem}.pf-pn-mins i{font-size:.7rem;opacity:.8}