.nl-overlay{z-index:10000;backdrop-filter:blur(6px);background:#000b368c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.nl-overlay[hidden]{display:none}.nl-dialog{background:var(--cx-surface);border-radius:24px;width:100%;max-width:520px;padding:32px 28px 26px;animation:.25s nl-in;position:relative;box-shadow:0 40px 100px -30px #000b3699}@keyframes nl-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.nl-dialog{overscroll-behavior:contain;max-height:calc(100dvh - 32px);overflow-y:auto}@media (width<=400px){.nl-overlay{padding:10px}.nl-dialog{border-radius:20px;padding:28px 20px 22px}.nl-title{font-size:23px}}.nl-close{background:var(--cx-surface-2);cursor:pointer;width:36px;height:36px;color:var(--cx-muted);border:0;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:12px;right:14px}.nl-badge{color:#fe5940;background:#fff1ee;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.nl-title{margin-top:14px;font-size:26px}.nl-sub{color:var(--cx-muted);margin:6px 0 18px}.nl-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.nl-row{grid-template-columns:1fr}}.nl-field{color:var(--cx-ink);gap:6px;font-size:14px;font-weight:600;display:grid}.nl-field input{font:16px var(--cx-font,sans-serif);border:1px solid var(--cx-line);border-radius:12px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.nl-field input:focus{border-color:#fe5940;box-shadow:0 0 0 4px #fe59401f}.nl-check{color:var(--cx-muted);align-items:flex-start;gap:10px;margin:14px 0;font-size:14px;display:flex}.nl-check input{accent-color:#fe5940;width:16px;height:16px;margin-top:3px}.nl-check a,.nl-foot a{color:#fe5940}.nl-captcha{min-height:65px}.nl-error{color:#b91c1c;margin:10px 0 0;font-size:14px}.nl-submit{width:100%;margin-top:12px}.nl-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.nl-foot{text-align:center;color:var(--cx-muted);margin:12px 0 0;font-size:14px}.nl-result{text-align:center;padding:10px 0}.nl-result-ico{color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto;font-size:30px;font-weight:700;display:grid}.nl-result-ico.ok{background:linear-gradient(135deg,#22c55e,#16a34a)}.nl-result-ico.warn{background:linear-gradient(135deg,#f59e0b,#d97706)}.nl-result-ico.err{background:linear-gradient(135deg,#ef4444,#dc2626)}[data-theme=dark] .nl-overlay{background:#0009}[data-theme=dark] .nl-dialog{border:1px solid var(--cx-line);box-shadow:0 40px 100px -30px #000c}[data-theme=dark] .nl-badge{background:var(--cx-brand-soft);color:#ff8a73}[data-theme=dark] .nl-field input{background:var(--cx-surface-2);color:var(--cx-ink);color-scheme:dark}[data-theme=dark] .nl-check a,[data-theme=dark] .nl-foot a{color:#ff8a73}[data-theme=dark] .nl-error{color:#fca5a5}:root{--cx-brand:#fe5940;--cx-brand-dark:#e3452d;--cx-brand-soft:#fff1ee;--cx-navy:#000b36;--cx-ink:#0f172a;--cx-text:#334155;--cx-muted:#5d6473;--cx-line:#e5e7ef;--cx-bg:#f6f7fb;--cx-surface:#fff;--cx-surface-2:#f1f3f9;--cx-radius:18px;--cx-shadow:0 1px 2px #0f172a0a, 0 12px 32px -18px #0f172a33;--cx-font:"Jost", system-ui, -apple-system, "Segoe UI", sans-serif;--cx-mono:ui-monospace, "SFMono-Regular", "Cascadia Code", Menlo, monospace;--max:1200px;--read:760px;color-scheme:light}:root[data-theme=dark]{--cx-ink:#e8edf6;--cx-text:#cbd5e1;--cx-muted:#94a3b8;--cx-line:#ffffff17;--cx-bg:#070d1c;--cx-surface:#0f1830;--cx-surface-2:#0b1226;--cx-brand-soft:#fe594024;--cx-shadow:0 1px 2px #0000004d, 0 12px 32px -18px #0009;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:130px}body{font-family:var(--cx-font);color:var(--cx-text);background:var(--cx-bg);-webkit-font-smoothing:antialiased;margin:0;padding-top:64px;font-size:17px;line-height:1.65;overflow-x:hidden}::selection{background:var(--cx-brand);color:#fff}img,video,svg{max-width:100%}img{height:auto}a{color:inherit}h1,h2,h3,h4{color:var(--cx-ink);letter-spacing:-.01em;margin:0;line-height:1.2}.wrap{width:min(var(--max), 100% - 32px);margin-inline:auto}.skip{z-index:10000;background:var(--cx-brand);color:#fff;border-radius:10px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--cx-brand);outline-offset:2px}#cnxHeader{min-height:64px}.bnav{z-index:50;background:color-mix(in srgb, var(--cx-bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--cx-line);position:sticky;top:64px}.bnav-in{align-items:center;gap:12px;height:54px;display:flex}.bnav-cats{scrollbar-width:none;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.bnav-cats::-webkit-scrollbar{display:none}.bnav-cats a{color:var(--cx-muted);white-space:nowrap;border-radius:999px;flex:none;padding:7px 13px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.bnav-cats a:hover{background:var(--cx-surface-2);color:var(--cx-ink)}.bnav-cats a[aria-current=page]{background:var(--cx-brand-soft);color:var(--cx-brand)}.bnav-search{border:1px solid var(--cx-line);background:var(--cx-surface);height:38px;color:var(--cx-muted);font:500 14px var(--cx-font);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}.bnav-search:hover{border-color:var(--cx-brand);color:var(--cx-brand)}@media (width<=640px){.bnav-search span{display:none}.bnav-search{justify-content:center;width:38px;padding:0}}.btn{min-height:44px;font:600 15px var(--cx-font);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background:var(--cx-brand);color:#fff}.btn-primary:hover{background:var(--cx-brand-dark)}.btn-ghost{border-color:var(--cx-line);background:var(--cx-surface);color:var(--cx-ink)}.btn-ghost:hover{border-color:var(--cx-brand);color:var(--cx-brand)}.pill{background:var(--cx-brand-soft);color:var(--cx-brand);border-radius:999px;align-items:center;padding:5px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--cx-brand);font-size:13px;font-weight:700;display:inline-block}.hero{padding:40px 0 8px}.hero h1{letter-spacing:-.025em;max-width:820px;font-size:clamp(32px,5vw,52px);font-weight:800}.hero h1 em{color:var(--cx-brand);font-style:normal}.hero p{max-width:700px;color:var(--cx-muted);margin:14px 0 0;font-size:clamp(17px,2vw,19px)}.topics{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.topics a{border:1px solid var(--cx-line);background:var(--cx-surface);color:var(--cx-text);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s}.topics a:hover{border-color:var(--cx-brand);color:var(--cx-brand)}.topics a span{color:var(--cx-muted);margin-left:4px;font-size:12px}.section{padding:36px 0 8px}.shead{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.shead h2{font-size:clamp(22px,3vw,28px);font-weight:700}.shead a{color:var(--cx-brand);white-space:nowrap;font-size:15px;font-weight:600;text-decoration:none}.featured{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;display:grid}.lead{background:var(--cx-navy);color:#fff;isolation:isolate;border-radius:22px;min-height:400px;text-decoration:none;display:block;position:relative;overflow:hidden}.lead img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.lead:after{content:"";z-index:-1;background:linear-gradient(#000b3600 30%,#000b36eb 100%);position:absolute;inset:0}.lead:hover img{transform:scale(1.03)}.lead-body{padding:26px;position:absolute;bottom:0;left:0;right:0}.lead-body h2{color:#fff;margin-top:10px;font-size:clamp(22px,3vw,32px);font-weight:700}.lead-body p{color:#ffffffd1;margin:8px 0 0;font-size:16px}.lead .pill{background:var(--cx-brand);color:#fff}.stack{align-content:start;gap:14px;display:grid}.mini{background:var(--cx-surface);border:1px solid var(--cx-line);border-radius:16px;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:14px;padding:10px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.mini:hover{border-color:color-mix(in srgb, var(--cx-brand) 40%, var(--cx-line));transform:translateY(-1px)}.mini img{aspect-ratio:16/10;object-fit:cover;background:var(--cx-surface-2);border-radius:11px;width:120px;display:block}.mini h3{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.mini small{color:var(--cx-muted);margin-top:4px;font-size:13px;display:block}@media (width<=900px){.featured{grid-template-columns:minmax(0,1fr)}.lead{min-height:320px}}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (width<=1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.grid{grid-template-columns:minmax(0,1fr)}}.card{border-radius:var(--cx-radius);background:var(--cx-surface);border:1px solid var(--cx-line);flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--cx-shadow);border-color:color-mix(in srgb, var(--cx-brand) 30%, var(--cx-line));transform:translateY(-3px)}.card-img{aspect-ratio:16/9;background:var(--cx-surface-2);overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.card:hover .card-img img{transform:scale(1.04)}.card-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex}.card-cat{letter-spacing:.06em;text-transform:uppercase;color:var(--cx-brand);font-size:12.5px;font-weight:700}.card h3{font-size:19px;font-weight:600;line-height:1.3}.card p{color:var(--cx-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;display:-webkit-box;overflow:hidden}.card-meta{color:var(--cx-muted);gap:10px;margin-top:auto;padding-top:6px;font-size:13px;display:flex}.ranked{counter-reset:r;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px;margin:0;padding:0;list-style:none;display:grid}.ranked li{counter-increment:r}.ranked a{border-bottom:1px solid var(--cx-line);grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px 0;text-decoration:none;display:grid}.ranked a:before{content:counter(r, decimal-leading-zero);color:color-mix(in srgb, var(--cx-brand) 70%, transparent);font-size:22px;font-weight:800;line-height:1.1}.ranked span{color:var(--cx-ink);font-weight:600;line-height:1.35}.ranked a:hover span{color:var(--cx-brand)}@media (width<=900px){.ranked{grid-template-columns:minmax(0,1fr)}}.archive{padding:36px 0 10px}.archive h1{font-size:clamp(30px,4.5vw,44px);font-weight:800}.archive p{color:var(--cx-muted);max-width:720px;margin:10px 0 0}.crumbs{color:var(--cx-muted);flex-wrap:wrap;gap:6px;margin-bottom:12px;font-size:14px;display:flex}.crumbs a{color:var(--cx-muted);text-decoration:none}.crumbs a:hover{color:var(--cx-brand)}.author-head{align-items:center;gap:20px;display:flex}.author-head img{object-fit:cover;border-radius:50%;flex:none;width:88px;height:88px}.pager{flex-wrap:wrap;justify-content:center;gap:8px;margin:36px 0 10px;display:flex}.pager a,.pager span{border:1px solid var(--cx-line);background:var(--cx-surface);min-width:44px;height:44px;color:var(--cx-text);border-radius:12px;justify-content:center;align-items:center;padding:0 14px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.pager a:hover{border-color:var(--cx-brand);color:var(--cx-brand)}.pager [aria-current=page]{background:var(--cx-brand);border-color:var(--cx-brand);color:#fff}.pager .gap{background:0 0;border:0;min-width:20px;padding:0}.post-head{padding:30px 0 0}.post-head .wrap{max-width:900px}.post-head h1{letter-spacing:-.02em;margin-top:12px;font-size:clamp(30px,4.6vw,48px);font-weight:800}.post-meta{color:var(--cx-muted);flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:18px;font-size:15px;display:flex}.post-meta .by{color:var(--cx-ink);align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.post-meta img{object-fit:cover;border-radius:50%;width:36px;height:36px}.post-meta .dot:before{content:"·";color:var(--cx-line);margin-right:18px}.post-hero{max-width:1040px;margin:26px auto 0;padding:0 16px}.post-hero img{aspect-ratio:16/9;object-fit:cover;background:var(--cx-surface-2);border-radius:22px;width:100%;display:block}.post-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:48px;max-width:1140px;margin:34px auto 0;padding:0 16px;display:grid}.post-main{min-width:0;max-width:var(--read)}.post-side{gap:18px;display:grid;position:sticky;top:140px}@media (width<=1060px){.post-layout{grid-template-columns:minmax(0,1fr)}.post-side{position:static}.post-main{width:100%;margin-inline:auto}}.toc{border:1px solid var(--cx-line);background:var(--cx-surface);border-radius:16px;padding:18px 18px 14px}.toc b{letter-spacing:.12em;text-transform:uppercase;color:var(--cx-muted);margin-bottom:8px;font-size:13px;display:block}.toc ol{max-height:52vh;margin:0;padding:0;list-style:none;overflow:auto}.toc a{border-left:2px solid var(--cx-line);color:var(--cx-muted);padding:6px 0 6px 10px;font-size:14.5px;line-height:1.35;text-decoration:none;display:block}.toc a.l3{padding-left:22px;font-size:14px}.toc a:hover,.toc a.is-on{color:var(--cx-brand);border-left-color:var(--cx-brand)}details.toc-m{display:none}@media (width<=1060px){.post-side .toc{display:none}details.toc-m{border:1px solid var(--cx-line);background:var(--cx-surface);border-radius:14px;margin:0 0 22px;display:block}details.toc-m summary{color:var(--cx-ink);cursor:pointer;padding:14px 16px;font-weight:600}details.toc-m ol{margin:0;padding:0 16px 12px;list-style:none}details.toc-m a{color:var(--cx-muted);padding:7px 0;font-size:15px;text-decoration:none;display:block}}.share{flex-wrap:wrap;gap:8px;display:flex}.share a,.share button{border:1px solid var(--cx-line);background:var(--cx-surface);width:42px;height:42px;color:var(--cx-muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.share a:hover,.share button:hover{color:var(--cx-brand);border-color:var(--cx-brand)}.side-box{border:1px solid var(--cx-line);background:var(--cx-surface);border-radius:16px;padding:18px}.side-box b{letter-spacing:.12em;text-transform:uppercase;color:var(--cx-muted);margin-bottom:10px;font-size:13px;display:block}.prose{color:var(--cx-text);overflow-wrap:anywhere;min-width:0;font-size:18px;line-height:1.75}.prose>*,.prose div,.prose section{max-width:100%}.prose>:first-child{margin-top:0}.prose p,.prose ul,.prose ol,.prose blockquote,.prose figure,.prose pre,.prose .table-scroll,.prose details{margin:0 0 1.15em}.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--cx-ink);margin:1.7em 0 .6em;scroll-margin-top:130px;line-height:1.25}.prose h2{font-size:clamp(24px,3vw,30px);font-weight:700}.prose h3{font-size:clamp(20px,2.4vw,24px);font-weight:650}.prose h4{font-size:19px;font-weight:650}.prose a{color:var(--cx-brand);text-underline-offset:3px;text-decoration:underline 1px}.prose a:hover{text-decoration-thickness:2px}.prose strong{color:var(--cx-ink)}.prose ul,.prose ol{padding-left:1.35em}.prose li{margin:.35em 0}.prose li::marker{color:var(--cx-brand)}.prose img{border-radius:14px;max-width:100%;height:auto;margin:1.2em auto;display:block}.prose img.align-left,.prose img.alignleft{float:left;max-width:50%;margin:.3em 1.2em 1em 0}.prose img.align-right,.prose img.alignright{float:right;max-width:50%;margin:.3em 0 1em 1.2em}.prose .aligncenter,.prose img.align-center{margin-inline:auto}.prose figure{margin-inline:0}.prose figcaption{text-align:center;color:var(--cx-muted);margin-top:-.6em;font-size:14px}.prose blockquote{border-left:4px solid var(--cx-brand);background:var(--cx-surface);color:var(--cx-ink);border-radius:0 14px 14px 0;margin-inline:0;padding:14px 20px}.prose blockquote p:last-child{margin-bottom:0}.prose code{font-family:var(--cx-mono);background:var(--cx-surface-2);border-radius:6px;padding:2px 6px;font-size:.88em}.prose pre{color:#e2e8f0;background:#0b1226;border-radius:14px;padding:16px 18px;font-size:14.5px;line-height:1.6;overflow-x:auto}.prose pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.prose .table-scroll{border:1px solid var(--cx-line);border-radius:14px;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:15.5px}.prose th,.prose td{border-bottom:1px solid var(--cx-line);text-align:left;vertical-align:top;padding:10px 14px}.prose th{background:var(--cx-surface-2);color:var(--cx-ink);font-weight:600}.prose tr:last-child td{border-bottom:0}.prose iframe,.prose video,.prose embed,.prose object{border-radius:14px;max-width:100%}.prose iframe[src*=youtube],.prose iframe[src*=youtu\.be]{aspect-ratio:16/9;width:100%;height:auto}.prose hr{border:0;border-top:1px solid var(--cx-line);margin:2em 0}.prose [style*="text-align: center"],.prose [style*=text-align\:center],.prose .has-text-align-center{text-align:center}.prose:after{content:"";clear:both;display:table}.prose .cnx-faq{border:1px solid var(--cx-line);background:var(--cx-surface);border-radius:16px;overflow:hidden}.prose .cnx-faq-item{border-bottom:1px solid var(--cx-line)}.prose .cnx-faq-item:last-child{border-bottom:0}.prose .cnx-faq-q{cursor:pointer;color:var(--cx-ink);padding:16px 48px 16px 18px;font-weight:600;list-style:none;position:relative}.prose .cnx-faq-q::-webkit-details-marker{display:none}.prose .cnx-faq-q:after{content:"+";color:var(--cx-brand);font-size:22px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.prose details[open]>.cnx-faq-q:after{content:"–"}.prose .cnx-faq-a{padding:0 18px 16px}.prose .cnx-faq-a>:last-child{margin-bottom:0}.prose .cnx-faq :is(p,h2,h3,h4,h5,h6):empty{display:none}.prose .cnx-faq-q>:is(p,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;margin:0;display:inline}.prose .cnx-faq-q{font-size:17px;line-height:1.45}.prose .cnx-faq-a :is(h2,h3,h4,h5,h6){margin:.8em 0 .4em;font-size:17px}@media (width<=620px){.prose{font-size:17px}.prose img.align-left,.prose img.alignleft,.prose img.align-right,.prose img.alignright{float:none;max-width:100%;margin:1em auto}}.author-box{border:1px solid var(--cx-line);background:var(--cx-surface);border-radius:18px;align-items:flex-start;gap:18px;margin-top:36px;padding:22px;display:flex}.author-box img{object-fit:cover;border-radius:50%;flex:none;width:64px;height:64px}.author-box h3{font-size:18px}.author-box p{color:var(--cx-muted);margin:6px 0 0;font-size:15.5px}.post-tags{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.related{margin-top:48px}.comments{border-top:1px solid var(--cx-line);margin-top:48px;padding-top:30px}.comments h2{font-size:26px}.c-note{color:var(--cx-muted);margin:10px 0 18px;font-size:14.5px}.c-form{border:1px solid var(--cx-line);background:var(--cx-surface);border-radius:16px;gap:12px;padding:18px;display:grid}.c-form .row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=560px){.c-form .row{grid-template-columns:1fr}}.c-form input,.c-form textarea{width:100%;font:16px var(--cx-font);border:1px solid var(--cx-line);background:var(--cx-bg);color:var(--cx-ink);border-radius:12px;padding:12px 14px}.c-form textarea{resize:vertical;min-height:120px}.c-form input:focus,.c-form textarea:focus{border-color:var(--cx-brand);box-shadow:0 0 0 3px var(--cx-brand-soft);outline:none}.c-form .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.c-form .foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.c-msg{font-size:14.5px}.c-msg.err{color:#dc2626}.c-msg.ok{color:#059669}.c-replying{background:var(--cx-brand-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.c-replying[hidden],.c-thread [hidden]{display:none}.c-thread{gap:16px;margin-top:26px;display:grid}.c-item{grid-template-columns:40px minmax(0,1fr);gap:12px;display:grid}.c-av{color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid;overflow:hidden}.c-av img{object-fit:cover;width:100%;height:100%}.c-head{color:var(--cx-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.c-head b{color:var(--cx-ink);font-size:15px}.c-team{background:var(--cx-brand-soft);color:var(--cx-brand);border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700}.c-body{white-space:pre-line;overflow-wrap:anywhere;color:var(--cx-text);margin-top:4px}.c-reply-btn{font:600 14px var(--cx-font);color:var(--cx-brand);cursor:pointer;background:0 0;border:0;min-height:32px;margin-top:6px;padding:0}.c-children{border-left:2px solid var(--cx-line);gap:14px;margin-top:14px;padding-left:14px;display:grid}.c-item.pending{opacity:.55}.c-more{justify-self:center}.c-loading{color:var(--cx-muted);font-size:15px}.search-box{gap:10px;margin-top:18px;display:flex}.search-box input{border:1px solid var(--cx-line);background:var(--cx-surface);min-width:0;height:52px;color:var(--cx-ink);font:17px var(--cx-font);border-radius:14px;flex:1;padding:0 18px}.search-box input:focus{border-color:var(--cx-brand);box-shadow:0 0 0 3px var(--cx-brand-soft);outline:none}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.filters select{border:1px solid var(--cx-line);background:var(--cx-surface);height:42px;color:var(--cx-ink);font:15px var(--cx-font);border-radius:12px;padding:0 12px}.s-count{color:var(--cx-muted);margin:18px 0 14px;font-size:15px}.s-empty{text-align:center;color:var(--cx-muted);padding:40px 0}mark{background:color-mix(in srgb, var(--cx-brand) 22%, transparent);color:inherit;border-radius:3px;padding:0 2px}.ad-reserve{text-align:center;min-height:120px;margin:26px auto;overflow:hidden}.ad-reserve:before{content:"Advertisement";letter-spacing:.14em;text-transform:uppercase;color:var(--cx-muted);margin-bottom:6px;font-size:11px;display:block}.ad-in-content{min-height:280px}.ad-sidebar{min-height:250px;margin:0}.ad-above-footer{margin-top:40px}.ad-reserve:has(ins[data-ad-status=unfilled]){display:none}:root[data-theme=dark] .prose img,:root[data-theme=dark] .card-img img,:root[data-theme=dark] .mini img{filter:brightness(.94)}@media (prefers-reduced-motion:reduce){.card,.card-img img,.lead img,.mini,.btn{transition:none}.card:hover,.mini:hover{transform:none}}.tool-wrap{--max:1040px}.tool-hero{padding:26px 0 0}.tool-hero .crumbs{margin-bottom:10px;font-size:13.5px}.tool-hero h1{letter-spacing:-.02em;font-size:clamp(28px,3.8vw,40px);font-weight:700}.tool-hero p{max-width:720px;color:var(--cx-muted);margin:8px 0 0;font-size:17px;line-height:1.5}.tool-flags{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.tool-flags li{background:var(--cx-surface);border:1px solid var(--cx-line);color:var(--cx-text);border-radius:999px;align-items:center;gap:6px;padding:4px 11px 4px 8px;font-size:13px;font-weight:500;display:inline-flex}.tool-flags li:before{content:"";background:#059669 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.6 2.5L12 5.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/12px no-repeat;border-radius:50%;width:15px;height:15px}.tool-main{margin-top:20px}.tool-card{border:1px solid var(--cx-line);background:var(--cx-surface);border-radius:20px;padding:clamp(16px,2.4vw,24px);box-shadow:0 1px 2px #0f172a0a,0 18px 40px -28px #0f172a47}.tool-card h2{margin:0;font-size:17px;font-weight:600}.tool-card h3{margin:0;font-size:15.5px;font-weight:600}.tool-card .h3-like{margin:4px 0 10px;font-size:16px;font-weight:600}.tool-guide{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:20px;display:grid}.tool-guide .prose{font-size:17px}.tool-guide .prose h2{margin-top:0;font-size:clamp(21px,2.4vw,26px)}.faq h2{margin-bottom:14px;font-size:clamp(21px,2.4vw,26px)}.faq details{border:1px solid var(--cx-line);background:var(--cx-surface);border-radius:14px;margin-bottom:8px}.faq summary{cursor:pointer;color:var(--cx-ink);padding:14px 44px 14px 18px;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--cx-brand);font-size:22px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--cx-text);margin:0;padding:0 18px 16px}.tgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (width<=1000px){.tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.tgrid{grid-template-columns:minmax(0,1fr)}}.tcard{border:1px solid var(--cx-line);background:var(--cx-surface);border-radius:16px;flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.tcard:hover{box-shadow:var(--cx-shadow);border-color:color-mix(in srgb, var(--cx-brand) 35%, var(--cx-line));transform:translateY(-2px)}.tcard-top{align-items:center;gap:10px;margin-bottom:6px;display:flex}.tcard-ico{width:38px;height:38px;color:var(--ico,var(--cx-brand));background:color-mix(in srgb, var(--ico,var(--cx-brand)) 12%, transparent);border-radius:11px;flex:none;place-items:center;transition:background .2s,color .2s;display:grid}.tcard:hover .tcard-ico{background:var(--ico,var(--cx-brand));color:#fff}.ico-image{--ico:#fe5940}.ico-seo{--ico:#2563eb}.ico-web{--ico:#0891b2}.ico-dev{--ico:#7c3aed}.ico-security{--ico:#059669}.ico-text{--ico:#d97706}.tcard-cat{letter-spacing:.08em;text-transform:uppercase;color:var(--cx-muted);font-size:11.5px;font-weight:700}.tcard h3{font-size:18px;font-weight:600}.tcard p{color:var(--cx-muted);margin:0;font-size:14.5px;line-height:1.5}.tcard-go{color:var(--cx-muted);margin-top:auto;padding-top:8px;font-size:13.5px;font-weight:600}.tcard:hover .tcard-go{color:var(--cx-brand)}.tcard[hidden]{display:none}.field{color:var(--cx-ink);gap:6px;font-size:14px;font-weight:600;display:grid}.field small{color:var(--cx-muted);font-size:13px;font-weight:400}.in,.tool-card input[type=text],.tool-card input[type=url],.tool-card input[type=number],.tool-card input[type=password],.tool-card input[type=search],.tool-card input[type=email],.tool-card input[type=tel],.tool-card input[type=date],.tool-card input[type=datetime-local],.tool-card input[type=time],.tool-card select,.tool-card textarea{border:1px solid var(--cx-line);background-color:var(--cx-bg);width:100%;min-height:44px;color:var(--cx-ink);font:15.5px var(--cx-font);border-radius:12px;padding:10px 14px;transition:border-color .15s,box-shadow .15s,background-color .15s}.tool-card select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;padding-right:36px}.tool-card textarea{resize:vertical;min-height:150px;line-height:1.55}.tool-card textarea[rows="3"],.tool-card textarea[rows="4"]{min-height:96px}.tool-card textarea.mono,.mono{font-family:var(--cx-mono);font-size:13.5px}.tool-card input:hover,.tool-card select:hover,.tool-card textarea:hover{border-color:color-mix(in srgb, var(--cx-brand) 25%, var(--cx-line))}.tool-card input:focus,.tool-card select:focus,.tool-card textarea:focus{border-color:var(--cx-brand);background-color:var(--cx-surface);box-shadow:0 0 0 3px var(--cx-brand-soft);outline:none}.tool-card input[readonly]{background-color:var(--cx-surface-2)}.tool-card input[type=range]{width:100%;accent-color:var(--cx-brand)}.tool-card input[type=checkbox],.tool-card input[type=radio]{accent-color:var(--cx-brand);width:17px;height:17px}:where(.row){flex-wrap:wrap;align-items:end;gap:10px;display:flex}.row>.grow{flex:260px;min-width:0}:where(.cols){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=760px){.cols{grid-template-columns:minmax(0,1fr)}}.opts{background:var(--cx-bg);border:1px solid var(--cx-line);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:12px 16px;padding:14px 16px;display:grid}.tool-card .opts input[type=text],.tool-card .opts input[type=number],.tool-card .opts input[type=url],.tool-card .opts select{background-color:var(--cx-surface)}.opts .check{align-self:center}:where(.stack){gap:16px;display:grid}.stack>*{min-width:0}.check{color:var(--cx-text);cursor:pointer;align-items:center;gap:8px;font-size:15px;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{min-height:36px;padding:0 14px;font-size:14px}.tool-card .btn-primary{box-shadow:0 6px 16px -8px color-mix(in srgb, var(--cx-brand) 70%, transparent)}.tool-card .btn:active{transform:translateY(1px)}.drop{border:1.5px dashed color-mix(in srgb, var(--cx-brand) 38%, var(--cx-line));background:color-mix(in srgb, var(--cx-brand-soft) 45%, var(--cx-bg));text-align:center;cursor:pointer;border-radius:16px;align-content:center;justify-items:center;gap:4px;min-height:150px;padding:22px 20px;transition:background .15s,border-color .15s;display:grid;position:relative}.drop:before{content:"";background:var(--cx-brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 16V4m0 0l-5 5m5-5l5 5M4 16v3a1 1 0 001 1h14a1 1 0 001-1v-3' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 22px no-repeat;width:44px;height:44px;box-shadow:0 8px 18px -8px color-mix(in srgb, var(--cx-brand) 80%, transparent);border-radius:12px;margin-bottom:6px}.drop:hover,.drop.is-over{background:var(--cx-brand-soft);border-color:var(--cx-brand)}.drop b{color:var(--cx-ink);font-size:16.5px;font-weight:600}.drop b u{color:var(--cx-brand);text-decoration:none}.drop span{color:var(--cx-muted);font-size:13.5px}.drop input{display:none}.result{margin-top:18px}.note{background:var(--cx-surface-2);color:var(--cx-text);border-radius:12px;padding:11px 14px;font-size:14.5px}.note.err{color:#dc2626;background:#dc262614;border:1px solid #dc26262e}.note.ok{color:#059669;background:#05966914;border:1px solid #0596692e}.badge{background:var(--cx-surface-2);color:var(--cx-muted);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.badge.ok{color:#059669;background:#0596691f}.badge.warn{color:#b45309;background:#d9770624}.badge.bad{color:#dc2626;background:#dc26261f}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.stat{border:1px solid var(--cx-line);background:var(--cx-bg);border-radius:14px;min-width:0;padding:12px 14px}.stat b{color:var(--cx-ink);overflow-wrap:anywhere;font-size:22px;font-weight:700;line-height:1.2;display:block}.stat span{color:var(--cx-muted);font-size:13px}.kv{border-collapse:collapse;width:100%;font-size:14.5px}.kv th,.kv td{border-bottom:1px solid var(--cx-line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:10px 12px}.kv tr:last-child th,.kv tr:last-child td{border-bottom:0}.kv th{width:34%;color:var(--cx-muted);font-weight:600}.table-wrap{border:1px solid var(--cx-line);background:var(--cx-surface);border-radius:14px;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:14px}.table-wrap th,.table-wrap td{border-bottom:1px solid var(--cx-line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:10px 12px}.table-wrap th{background:var(--cx-surface-2);color:var(--cx-ink);white-space:nowrap;font-size:13px;font-weight:600}.table-wrap tr:last-child td{border-bottom:0}.tabs{background:var(--cx-surface-2);border:1px solid var(--cx-line);border-radius:12px;flex-wrap:wrap;gap:2px;max-width:100%;margin-bottom:14px;padding:3px;display:inline-flex}.tabs button{min-height:34px;color:var(--cx-muted);font:600 14px var(--cx-font);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 14px;transition:background .15s,color .15s}.tabs button:hover{color:var(--cx-ink)}.tabs button[aria-selected=true]{background:var(--cx-surface);color:var(--cx-ink);box-shadow:0 1px 3px #0f172a24}.thumbs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.thumb{border:1px solid var(--cx-line);background:var(--cx-bg);border-radius:14px;font-size:13px;overflow:hidden}.thumb img{aspect-ratio:4/3;object-fit:contain;background:repeating-conic-gradient(var(--cx-surface-2) 0 25%, transparent 0 50%) 0 0 / 16px 16px;width:100%;display:block}.thumb div{gap:4px;padding:8px 10px;display:grid}.muted{color:var(--cx-muted)}.tool-card [hidden]{display:none!important}.spin{vertical-align:-3px;border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=560px){.tool-hero p{font-size:16px}.tool-card{border-radius:16px}.stat{padding:10px 12px}.stat b{font-size:19px}.drop{min-height:130px}}.home-hero{text-align:center;padding:44px 0 10px}.home-hero h1{letter-spacing:-.025em;font-size:clamp(34px,5.4vw,56px);font-weight:800}.home-hero h1 em{color:var(--cx-brand);font-style:normal}.home-hero p{max-width:680px;color:var(--cx-muted);margin:14px auto 0;font-size:clamp(17px,2vw,19px)}.finder{max-width:620px;margin:24px auto 0;position:relative}.finder input{border:1px solid var(--cx-line);background:var(--cx-surface);width:100%;height:56px;color:var(--cx-ink);font:17px var(--cx-font);box-shadow:var(--cx-shadow);border-radius:16px;padding:0 20px 0 50px}.finder input:focus{border-color:var(--cx-brand);box-shadow:0 0 0 3px var(--cx-brand-soft);outline:none}.finder svg{color:var(--cx-muted);position:absolute;top:50%;left:18px;transform:translateY(-50%)}