:root{--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--width: 1120px;--bg-page: #F6F5F1;--bg-surface: #FFFFFF;--bg-inset: #EEEEE9;--text-primary: #202020;--text-body: #3A3A3A;--text-secondary: #6D6D6D;--text-caption: #8E8E8E;--border-light: #E4E3DE;--border-medium: #D0CFC9;--accent: #3b90c5;--accent-bg: #E8F2FA;--code-bg: #2c3e50;--code-fg: #fff;--shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 0 0 1px rgba(0,0,0,.03);--shadow-card-hover: 0 4px 12px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.04)}body.darkmode{--bg-page: #353535;--bg-surface: #323232;--bg-inset: #2f2f2f;--text-primary: #eeeeee;--text-body: #eeeeee;--text-secondary: #bbbbbb;--text-caption: #999999;--border-light: #3a3a3a;--border-medium: #444444;--accent: #a3daef;--accent-bg: rgba(163,218,239,.12);--code-bg: #2c3e50;--shadow-card: 0 1px 3px rgba(0,0,0,.2), 0 0 0 1px rgba(255,255,255,.04);--shadow-card-hover: 0 4px 12px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg-page);color:var(--text-body);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}a{color:inherit}.site-header{background:var(--bg-page)}.site-header-inner{max-width:var(--width);margin:0 auto;padding:0 24px;border-bottom:1px solid var(--border-light)}.h-logo{text-align:center;padding:18px 0 12px}.h-logo a{font-size:30px;font-weight:600;color:var(--text-primary);letter-spacing:2px;text-decoration:none}.h-toolbar{display:flex;align-items:center;padding-bottom:12px}.h-toolbar-right{display:flex;align-items:center;gap:4px;margin-left:auto}.h-btn{background:none;border:none;color:var(--text-secondary);padding:6px;cursor:pointer;display:flex;align-items:center;transition:color .15s,background .15s}.h-btn:hover{color:var(--text-primary);background:var(--bg-inset)}.h-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.h-btn.search-btn svg{fill:none}.h-nav{display:flex;flex:1;justify-content:center}.h-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:2px}.h-nav a{display:block;padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;text-decoration:none;transition:color .15s,background .15s}.h-nav a:hover{color:var(--text-primary);background:var(--bg-inset)}.hamburger{display:none}.menu-panel{display:none;max-width:var(--width);margin:0 auto;background:var(--bg-surface);border-bottom:1px solid var(--border-light);padding:8px 24px 12px}.menu-panel.open{display:block}.menu-links{list-style:none;margin:0;padding:0}.menu-links li{border-bottom:1px solid var(--border-light)}.menu-links li:last-child{border-bottom:none}.menu-links a{display:block;padding:12px 0;font-size:15px;font-weight:500;color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;text-decoration:none;transition:color .15s}.menu-links a:hover{color:var(--accent)}.container{max-width:var(--width);margin:0 auto;padding:28px 24px 32px}.layout{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}#main{min-width:0}#sidebar{display:flex;flex-direction:column;gap:24px}.featured{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px;background:var(--bg-surface);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow .2s;text-decoration:none}.featured:hover{box-shadow:var(--shadow-card-hover)}.featured-img{background:var(--bg-inset);overflow:hidden;min-height:200px}.featured-img img{width:100%;height:100%;object-fit:cover;display:block}.featured-body{padding:32px;display:flex;flex-direction:column;justify-content:center}.featured-label{display:inline-block;align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.03em;color:#fff;background:var(--accent);padding:4px 10px;margin-bottom:14px;text-transform:uppercase}.featured-body h1{font-size:22px;font-weight:600;line-height:1.35;margin:0 0 12px;letter-spacing:-.2px}.featured-body .featured-desc{font-size:14.5px;color:var(--text-secondary);line-height:1.6;margin:0 0 16px}.featured-meta{font-size:13px;color:var(--text-caption);display:flex;align-items:center;gap:.45em;margin-top:auto}.featured-meta strong{color:var(--text-secondary);font-weight:500}.featured-meta time{color:var(--text-caption)}.featured-meta .meta-icon{fill:var(--text-caption);flex-shrink:0}.readmore{display:inline-block;align-self:flex-start;background:var(--accent);color:#fff;padding:.55em 1.3em;font-size:14px;font-weight:500;text-decoration:none;margin-top:.2em}.readmore:hover{opacity:.9}.grid-title,.section-title{text-align:center;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:0 0 1.2em}.post-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.post-card{background:var(--bg-surface);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow .2s,transform .15s}.post-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.thumb{display:block;aspect-ratio:16/9;background:var(--bg-inset);overflow:hidden;text-decoration:none}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.no-thumb{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-inset);color:var(--text-caption);font-weight:600;letter-spacing:.1em}.card-label{display:inline-block;background:var(--accent);color:#fff;font-size:11px;font-weight:600;letter-spacing:.03em;padding:4px 10px;margin:0 0 8px;text-transform:uppercase}.card-body{padding:16px 20px 20px}.card-body h3{margin:0 0 6px;font-size:16px;line-height:1.4}.card-body h3 a{color:var(--text-primary);text-decoration:none}.card-body h3 a:hover{color:var(--accent)}.card-excerpt{margin:0 0 10px;font-size:13.5px;color:var(--text-secondary);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:.5em;color:var(--text-caption);font-size:12.5px;margin:0}.card-meta strong{color:var(--text-secondary);font-weight:500}.meta-icon{fill:var(--text-caption);flex-shrink:0}.pagination{display:flex;align-items:center;gap:4px;margin-top:28px;list-style:none;padding:0;flex-wrap:wrap}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:background .15s,color .15s}.pagination a:hover{background:var(--bg-inset);color:var(--text-primary)}.pagination .current{background:var(--accent);color:#fff}.pagination .older{margin-left:auto;gap:4px}.widget{background:var(--bg-surface);box-shadow:var(--shadow-card);padding:20px}.widget h3{font-size:13px;font-weight:600;color:#fff;background:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin:-20px -20px 6px;padding:10px 20px}body.darkmode .widget h3{background:var(--bg-inset);color:var(--text-primary);border-bottom:1px solid var(--border-light)}body.darkmode .card-label,body.darkmode .featured-label,body.darkmode .pagination .current{background:var(--bg-inset);color:var(--text-primary);border:1px solid var(--border-medium)}.widget ul{list-style:none;margin:0;padding:0}.widget li{padding:8px 0;border-bottom:1px solid var(--border-light)}.widget li:last-child{border-bottom:0}.widget a{font-size:13.5px;color:var(--text-body);line-height:1.45;text-decoration:none;transition:color .15s}.widget a:hover,.widget a:hover .tool-name{color:var(--accent)}.tool-name{display:block;color:var(--text-primary);font-weight:600;font-size:13.5px}.tool-desc{display:block;color:var(--text-secondary);font-size:12px;margin-top:2px;line-height:1.4}article h1,article h2,article h3,article h4,article h5,article h6{color:var(--text-primary)}article h1{margin-top:0;line-height:1.3}article[data-pagefind-body] img{width:100%;height:auto;display:block;margin:1em auto}article .post-meta{display:flex;align-items:center;gap:.5em;color:var(--text-secondary);font-size:14px;margin:0 0 1.5em}article .post-meta a{color:var(--text-secondary);text-decoration:none}article .post-meta a:hover{text-decoration:underline}article a{color:var(--accent)}article a:hover{text-decoration:underline}pre{background:var(--code-bg);color:var(--code-fg);border-left:5px solid rgba(121,128,136,.4);padding:.8em 1.2em;margin:1em 0;font-family:var(--font-mono);font-size:.9em;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}code{font-family:var(--font-mono);background:var(--bg-inset);padding:.1em .4em;font-size:.92em}pre code{background:none;padding:0}#share-container{margin-top:2em}.share-this-pleaseeeee{font-weight:700;margin:0 0 .6em;color:var(--text-primary)}#share{display:flex}#share a{flex:1;display:flex;align-items:center;justify-content:center;padding:.55em 0}#share a:hover{opacity:.85}#share svg{width:20px;height:20px;fill:#fff}#share .facebook{background:#3b5998}#share .twitter{background:#1da1f2}#share .pinterest{background:#e60023}#share .whatsapp{background:#25d366}#share .telegram{background:#08c}.related-posts{margin-top:2em}.related-posts h2{font-size:16px;margin:0 0 1em}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.related-card{display:block;text-decoration:none}.related-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--bg-inset)}.related-card .no-thumb{aspect-ratio:16/9;height:auto}.related-title{display:block;font-weight:600;font-size:13px;line-height:1.4;margin-top:.5em;color:var(--text-primary)}.related-card:hover .related-title{color:var(--accent)}.comments-archive{margin-top:2.5em;border-top:1px solid var(--border-light);padding-top:1.5em}.comments-archive h2{font-size:16px;margin:0 0 1em}.comments-archive>ul{list-style:none;margin:0;padding:0}.comment{background:var(--bg-inset);border:1px solid var(--border-light);padding:1em 1.2em;margin-bottom:1em}.comment-admin{border-left:4px solid var(--accent);background:var(--bg-surface)}.comment-header{margin:0 0 .3em;font-size:13px;color:var(--text-body)}.comment-header strong{color:var(--text-primary)}.admin-badge{display:inline-block;background:var(--accent);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.1em .55em;margin-left:.4em;vertical-align:middle}.comment-body{font-size:14.5px;color:var(--text-body);white-space:pre-line}.comment-replies{list-style:none;margin:.8em 0 0 1.2em;padding:0 0 0 1em;border-left:2px solid var(--accent)}.reply-btn{background:none;border:0;padding:0;margin-top:.4em;color:var(--accent);font-size:12.5px;font-weight:600;cursor:pointer}.reply-btn:hover{text-decoration:underline}#replying-note{font-size:13px;color:var(--text-secondary);background:var(--bg-inset);border:1px solid var(--border-light);padding:.5em 1em;margin:0 0 .8em}#replying-note button{margin-left:.8em;background:none;border:1px solid var(--border-medium);color:var(--text-body);font-size:12px;padding:.15em .6em;cursor:pointer}.comment-form{margin-top:2em}.comment-form h2{font-size:16px;margin:0 0 .6em}.comment-form .form-note{color:var(--text-body);font-size:13px;margin:0 0 1em;padding:.6em 1em;background:var(--bg-inset);border-left:3px solid var(--accent)}.comment-form input,.comment-form textarea{display:block;width:100%;margin-bottom:.8em;padding:.6em .8em;font:inherit;font-size:14px;color:var(--text-primary);background:var(--bg-inset);border:1px solid var(--border-light)}.comment-form input::placeholder,.comment-form textarea::placeholder{color:var(--text-secondary)}.comment-form input:focus,.comment-form textarea:focus{outline:2px solid var(--accent)}.comment-form button{background:var(--accent);color:#fff;border:0;padding:.6em 1.6em;font:inherit;font-weight:600;cursor:pointer}.comment-form button:hover{opacity:.9}.comment-form .hp{position:absolute;left:-9999px;height:0;overflow:hidden}.comment-form .cf-turnstile{margin-bottom:.8em}#comment-msg{color:var(--text-secondary);font-size:13px;margin:.6em 0 0}.footer{margin-top:24px;border-top:1px solid var(--border-light)}.footer-inner{max-width:var(--width);margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:1fr auto auto;gap:48px;align-items:start}.footer-brand .f-logo{font-size:18px;font-weight:600;letter-spacing:1px;display:block;margin-bottom:8px;color:var(--text-primary)}.footer-brand p{font-size:13px;color:var(--text-caption);max-width:280px;line-height:1.55;margin:0}.footer-socials{display:flex;gap:12px;margin-top:14px}.footer-socials a{color:var(--text-caption);display:flex;transition:color .15s}.footer-socials a:hover{color:var(--text-primary)}.footer-socials svg{width:17px;height:17px;fill:currentColor}.footer-col h4{font-size:12.5px;font-weight:600;margin:0 0 10px}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li+li{margin-top:6px}.footer-col a{font-size:13px;color:var(--text-secondary);text-decoration:none;transition:color .15s}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{max-width:var(--width);margin:0 auto;padding:16px 24px 24px;font-size:12px;color:var(--text-caption);text-align:center}.footer-bottom a{color:var(--text-secondary);text-decoration:none}.btt{position:fixed;bottom:24px;right:24px;z-index:80;width:40px;height:40px;border:none;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s,transform .25s,background .15s;box-shadow:0 2px 8px #00000026}.btt.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.btt:hover{background:var(--text-primary)}.btt svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.error-page{text-align:center;padding:3em 0}.error-page h2{font-size:7rem;margin:0;color:var(--accent);line-height:1}.error-page p{font-size:1.5rem;margin:.5em auto 1em;max-width:420px}.error-desc{font-size:1rem!important;color:var(--text-secondary)}.error-home{display:inline-block;background:var(--accent);color:#fff;padding:.6em 1.4em;font-size:1rem!important;font-weight:500;text-decoration:none;margin:0 .3em}.error-home:hover{opacity:.9}.sidebar-sticky{position:sticky;top:1em}#new-comments{margin-top:1.5em}@media(max-width:900px){.layout,.featured{grid-template-columns:1fr}.featured-img{aspect-ratio:16/9;min-height:0}.featured-body{padding:24px}.footer-inner{grid-template-columns:1fr;gap:24px}.related-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.site-header-inner{padding:0 16px}.h-logo a{font-size:24px}.hamburger{display:flex}.h-nav{display:none}.menu-panel{padding:8px 16px 12px}.container{padding:16px 16px 48px}.layout{gap:24px}.post-grid{grid-template-columns:1fr}.featured-body h1{font-size:18px}.featured-body{padding:20px}.card-body{padding:14px 16px 16px}.card-body h3{font-size:15px}.related-grid{grid-template-columns:1fr 1fr}}@media(max-width:320px){.related-grid{grid-template-columns:1fr}}