:root{--bg:#f7f8fc;--bg2:#fff;--card:#fff;--line:#e3e6f0;--tx:#161a2e;--mut:#5b6280;--pri:#4f46e5;--pri2:#6d5efc;--acc:#0ea5a4;--ok:#16a34a;--r:14px;--max:1140px;--sh:0 1px 2px #1a1f3a14,0 6px 20px #1a1f3a0d}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1020;--bg2:#12162b;--card:#161b33;--line:#272d4d;--tx:#eceefb;--mut:#a3a9cc;--pri:#8b84ff;--pri2:#a69fff;--acc:#2dd4bf;--sh:none}}
:root[data-theme=dark]{--bg:#0d1020;--bg2:#12162b;--card:#161b33;--line:#272d4d;--tx:#eceefb;--mut:#a3a9cc;--pri:#8b84ff;--pri2:#a69fff;--acc:#2dd4bf;--sh:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:17px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--pri);text-underline-offset:3px}a:hover{color:var(--acc)}
img,svg{max-width:100%;height:auto}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;top:0;background:var(--pri);color:#fff;padding:10px 14px;z-index:99}.skip:focus{left:10px;top:10px}
header.site{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg2) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;height:62px;gap:12px}
.logo{display:flex;align-items:center;gap:10px;color:var(--tx);text-decoration:none;font-weight:800;letter-spacing:.1px}
.logo svg{width:32px;height:32px}.wm{font-size:1.2rem;letter-spacing:-.2px}.wm i{font-style:normal;color:var(--acc)}.wm b{color:var(--pri);font-weight:800}
nav.main ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
nav.main a{display:block;padding:8px 11px;border-radius:10px;color:var(--tx);text-decoration:none;font-size:15px;font-weight:500}
nav.main a:hover,nav.main a[aria-current=page]{background:color-mix(in srgb,var(--pri) 12%,transparent);color:var(--pri)}
.burger{display:none;background:var(--card);border:1px solid var(--line);color:var(--tx);border-radius:10px;padding:8px 12px;font-size:15px}
@media(max-width:900px){.burger{display:block}nav.main{position:absolute;left:0;right:0;top:62px;background:var(--bg2);border-bottom:1px solid var(--line);display:none;padding:8px 12px}nav.main.open{display:block}nav.main ul{flex-direction:column}}
h1,h2,h3{line-height:1.22;margin:0 0 .5em;font-weight:800;letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,4.6vw,3rem)}h2{font-size:clamp(1.4rem,3vw,1.9rem);margin-top:1.6em}h3{font-size:1.15rem;margin-top:1.2em}
.grad{background:linear-gradient(90deg,var(--pri),var(--acc));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.12rem;color:var(--mut);max-width:780px}
.hero{padding:48px 0 18px}.hero.center{text-align:center}.hero.center .lead{margin:0 auto 14px}
.eyebrow{display:inline-block;color:var(--pri);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-weight:700}
section.blk{padding:30px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--sh)}
.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.g2,.g3,.g4{grid-template-columns:1fr}}
a.tcard{display:block;text-decoration:none;color:var(--tx);transition:transform .12s,border-color .12s}
a.tcard:hover{transform:translateY(-2px);border-color:var(--pri)}
a.tcard h3{margin:0 0 6px;font-size:1.05rem;color:var(--tx)}a.tcard p{margin:0;color:var(--mut);font-size:14.5px;line-height:1.5}
.tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);margin-bottom:6px}
form.tool{max-width:860px;margin:6px auto 0}
.fields{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.fields .full{grid-column:1/-1}@media(max-width:620px){.fields{grid-template-columns:1fr}}
label{display:block;font-size:13.5px;color:var(--mut);margin:0 0 5px;font-weight:600}
input,select,textarea{width:100%;background:var(--bg);color:var(--tx);border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;font-size:16px}
textarea{min-height:130px;resize:vertical}
input[type=checkbox]{width:auto;margin-right:8px;transform:scale(1.2)}label.chk{display:flex;align-items:center;margin-top:22px;color:var(--tx);font-weight:500}
input[type=color]{padding:3px;height:44px}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--pri);outline-offset:2px}
.btn{display:inline-block;background:linear-gradient(90deg,var(--pri),var(--pri2));color:#fff;font-weight:700;border:0;border-radius:12px;padding:13px 26px;font-size:16.5px;cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.08);color:#fff}.btn.ghost{background:transparent;color:var(--tx);border:1px solid var(--line)}.btn.ghost:hover{color:var(--pri);border-color:var(--pri)}
.btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;justify-content:center}
.err{color:#d6335a;min-height:1.3em;font-size:14.5px;margin-top:8px;text-align:center}
#res{max-width:860px;margin:16px auto 0}.result h3:first-child{margin-top:0}
.res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0 0 14px}
.res-item{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.res-item span{display:block;font-size:12.5px;color:var(--mut);font-weight:600}.res-item b{font-size:1.08rem;word-break:break-word}
.res-item.big{grid-column:1/-1;background:color-mix(in srgb,var(--pri) 9%,var(--bg));border-color:color-mix(in srgb,var(--pri) 40%,var(--line))}.res-item.big b{font-size:1.45rem;color:var(--pri)}
textarea.out{min-height:80px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14.5px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.tbl{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:15px}th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--mut);font-weight:700;font-size:13.5px}
.swatch{height:90px;border-radius:12px;border:1px solid var(--line);margin-bottom:12px}
.qrbox{text-align:center;margin:10px 0}.qrbox img{border:1px solid var(--line);border-radius:10px;max-width:100%;height:auto}
.serp{background:#fff;color:#202124;border-radius:12px;padding:16px;margin-bottom:14px;border:1px solid var(--line)}.serp-u{font-size:13px;color:#4d5156;word-break:break-all}.serp-t{font-size:20px;color:#1a0dab;margin:2px 0}.serp-d{font-size:14px;color:#4d5156}
.note{color:var(--mut);font-size:14.5px}
.answer{background:color-mix(in srgb,var(--acc) 10%,var(--card));border:1px solid color-mix(in srgb,var(--acc) 35%,var(--line));border-left:4px solid var(--acc);border-radius:12px;padding:14px 18px;margin:14px 0;font-size:1.05rem}
article.page{max-width:820px;margin:0 auto;padding:6px 0 40px}article.page p{margin:0 0 1em}article.page li{margin:.3em 0}
.byline{display:flex;gap:16px;flex-wrap:wrap;color:var(--mut);font-size:14px;margin:6px 0 14px}
.crumbs{font-size:14px;color:var(--mut);padding:16px 0 0}.crumbs a{color:var(--mut)}
details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:2px 16px}
details summary{cursor:pointer;padding:12px 0;font-weight:700;list-style:none}details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";float:right;color:var(--pri);font-size:1.3rem}details[open] summary::after{content:"\2212"}
.search{max-width:620px;margin:18px auto 0;position:relative}.search input{padding:15px 18px;border-radius:14px;font-size:17px;box-shadow:var(--sh)}
.pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:16px 0 0}.pill{padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--tx);text-decoration:none;font-size:14.5px;font-weight:600}.pill:hover{border-color:var(--pri);color:var(--pri)}
.ad{margin:22px auto;text-align:center;min-height:90px;max-width:970px}.ad small{display:block;color:var(--mut);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
footer.site{border-top:1px solid var(--line);margin-top:30px;background:var(--bg2);padding:32px 0 20px;font-size:15px}footer.site h3{font-size:1rem;margin-top:0}footer.site ul{list-style:none;padding:0;margin:0}footer.site li{margin:5px 0}footer.site a{text-decoration:none;color:var(--mut)}footer.site a:hover{color:var(--pri)}
.stat{font-size:2rem;font-weight:800;color:var(--pri)}
.hide{display:none!important}
.diff{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88rem;border:1px solid var(--bd,#e2e8f0);border-radius:10px;overflow:auto;max-height:420px}
.dl{padding:2px 10px;white-space:pre-wrap;word-break:break-word}
.dadd{background:rgba(22,163,74,.16)}
.ddel{background:rgba(220,38,38,.16)}
.dl2{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.dl2 a{text-decoration:none}.dl2 a:hover{text-decoration:underline}
.reslist{padding-left:18px}.reslist li{margin:8px 0}