:root{--bg:#f5f6fa;--card:#fff;--ink:#0f172a;--mute:#64748b;--line:#e2e8f0;--acc:#4f46e5;--soft:#eef2ff;--good:#059669;--goodbg:#ecfdf5;--bad:#dc2626;--badbg:#fef2f2;--k:#4f46e5;--s:#b45309;--n:#0e7490;--b:#be123c;--gut:#f8fafc}@media (prefers-color-scheme:dark){:root{--bg:#0b1020;--card:#131a2e;--ink:#e8edf7;--mute:#94a3b8;--line:#243049;--acc:#8b86ff;--soft:#1d2540;--good:#34d399;--goodbg:#10302a;--bad:#ff7b72;--badbg:#3a1d22;--k:#a5a1ff;--s:#f0a36b;--n:#5fd4e0;--b:#ff8aa5;--gut:#0f1628}}*{box-sizing:border-box}:root{--h:clamp(420px,66vh,760px)}@media (width<=800px){:root{--h:clamp(260px,42vh,420px)}}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}.w{max-width:1200px;margin:0 auto;padding:0 18px}a{color:var(--acc)}.hero{color:#fff;background:linear-gradient(160deg,#0f172a,#1e1b4b);padding:14px 0 76px}.logo{color:#fff;margin-bottom:14px;font:800 1.3rem Bricolage Grotesque,system-ui,sans-serif;text-decoration:none;display:inline-block}.logo b{color:#a5b4fc}.tabs{scrollbar-width:thin;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.tabs a{white-space:nowrap;color:#cbd5e1;border:1px solid #ffffff24;border-radius:99px;padding:6px 14px;font-size:.92rem;text-decoration:none}.tabs a:hover{color:#fff;background:#ffffff1a}.tabs a.on,.tabs a.router-link-exact-active{color:#1e1b4b;background:#fff;border-color:#fff;font-weight:600}.hero h1{letter-spacing:-.02em;margin:30px 0 8px;font:800 clamp(1.8rem,4vw,2.7rem)/1.15 Bricolage Grotesque,system-ui,sans-serif}.lead{color:#cbd5e1;max-width:64ch;margin:0;font-size:1.05rem}main{margin-top:-52px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px -14px #0f172a40}.tool{padding:12px}.bar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.g{flex:1}button,select{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:7px 13px;font-size:.9rem}button:hover:not(:disabled),select:hover{border-color:var(--acc)}button:disabled{opacity:.45;cursor:default}button.pri{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:600}:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.ed{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ed.two{grid-template-columns:1fr 1fr}.ed.two .res{grid-column:1/-1}@media (width<=800px){.ed,.ed.two{grid-template-columns:1fr}}.pane{border:1px solid var(--line);border-radius:10px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.pane h2{color:var(--mute);background:var(--gut);border-bottom:1px solid var(--line);margin:0;padding:8px 12px;font-size:.82rem;font-weight:600}.box{display:flex}.gut,textarea,.out{margin:0;font:13.5px/1.6 JetBrains Mono,ui-monospace,Menlo,Consolas,monospace}.gut{text-align:right;min-width:46px;color:var(--mute);background:var(--gut);height:var(--h);border-right:1px solid var(--line);-webkit-user-select:none;user-select:none;padding:10px 8px;overflow:hidden}.gut b{color:var(--bad);font-weight:600}textarea,.out{width:100%;height:var(--h);resize:none;color:var(--ink);white-space:pre;tab-size:2;background:0 0;border:0;outline:0;flex:1;padding:10px 12px;overflow:auto}.ed.two .res .out{height:auto;min-height:140px;max-height:360px}.status{background:var(--gut);color:var(--mute);border:1px solid var(--line);border-radius:8px;margin-top:12px;padding:9px 14px;font-size:.92rem}.status.ok{background:var(--goodbg);color:var(--good);border-color:#0000}.status.bad{background:var(--badbg);color:var(--bad);cursor:pointer;border-color:#0000}.k{color:var(--k)}.s{color:var(--s)}.n{color:var(--n)}.b{color:var(--b)}.add{color:var(--good)}.del{color:var(--bad)}.chg{color:var(--k)}details{margin:0}summary{cursor:pointer}.ch{border-left:1px solid var(--line);margin-left:18px;padding-left:10px}.lf{margin-left:14px}.prose{margin:26px 0;padding:6px 28px 26px}.prose h2,.more{margin:24px 0 8px;font:700 1.3rem Bricolage Grotesque,system-ui,sans-serif}.prose h3{margin:18px 0 2px;font-size:1.05rem}.prose p,.prose li{max-width:72ch;color:var(--ink)}.more{margin-top:30px}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.cards a{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:14px 16px;text-decoration:none;display:block}.cards a:hover{border-color:var(--acc);background:var(--soft)}.cards b{margin-bottom:2px;display:block}.cards span{color:var(--mute);font-size:.88rem;line-height:1.45;display:block}.foot{border-top:1px solid var(--line);color:var(--mute);margin-top:44px;padding:24px 0 30px;font-size:.9rem}.fl{flex-wrap:wrap;gap:6px 18px;margin-bottom:8px;display:flex}.fl a{color:var(--mute)}@media (prefers-reduced-motion:no-preference){button,.cards a,.tabs a{transition:background .15s,border-color .15s}}.find{border:1px solid var(--line);background:var(--gut);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:8px;display:flex}.find input[type=text],.find input:not([type]){font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;flex:150px;min-width:150px;padding:7px 10px;font-size:.9rem}.find label{color:var(--mute);cursor:pointer;align-items:center;gap:5px;font-size:.88rem;display:flex}.cnt{color:var(--mute);min-width:64px;font-size:.85rem}.find .g{flex:1}.diffs{white-space:normal}.diffs .same{color:var(--good);margin:0}.df{text-align:left;cursor:pointer;white-space:pre-wrap;word-break:break-word;background:0 0;border:0;border-radius:6px;width:100%;padding:3px 10px;font:13.5px/1.6 JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;display:block}.df:hover:not(:disabled){background:var(--soft);border:0}.df.active{background:var(--soft);box-shadow:inset 3px 0}:root{--sb:#c3cbd9}@media (prefers-color-scheme:dark){:root{--sb:#3a4a68}}textarea,.out{overflow:scroll}.diffs{overflow:auto}.gut{padding-bottom:22px}textarea::-webkit-scrollbar{width:12px;height:12px}.out::-webkit-scrollbar{width:12px;height:12px}textarea::-webkit-scrollbar-track{background:var(--gut)}.out::-webkit-scrollbar-track{background:var(--gut)}textarea::-webkit-scrollbar-corner{background:var(--gut)}.out::-webkit-scrollbar-corner{background:var(--gut)}textarea::-webkit-scrollbar-thumb{background:var(--sb);border:3px solid var(--gut);border-radius:8px}.out::-webkit-scrollbar-thumb{background:var(--sb);border:3px solid var(--gut);border-radius:8px}textarea::-webkit-scrollbar-thumb:hover{background:var(--mute)}.out::-webkit-scrollbar-thumb:hover{background:var(--mute)}@supports not selector(::-webkit-scrollbar){textarea,.out{scrollbar-width:thin;scrollbar-color:var(--sb) var(--gut)}}.grip{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;order:1;grid-column:1/-1;justify-content:center;align-items:center;height:14px;display:flex}.grip:after{content:"";background:var(--sb);border-radius:4px;width:56px;height:4px}.grip:hover:after,.grip:focus-visible:after{background:var(--acc)}.ed.two .grip{order:0}.ed.two .res{order:1}.pane>.out{height:var(--h);flex:none;min-height:0;max-height:none}.gut{white-space:pre}.gin{position:relative}.gwin{position:absolute;top:0;left:0;right:0}.cv-in{position:relative}.cv-win{white-space:pre;position:absolute;top:0;left:0}.tn{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px}.tn:hover{background:var(--soft)}.tw{width:1.3em;color:var(--mute);display:inline-block}.out.tree .df{width:auto;margin:2px 0 2px 14px;font-family:inherit}pre.ex{background:var(--gut);border:1px solid var(--line);white-space:pre;border-radius:8px;max-width:100%;margin:10px 0;padding:12px 14px;font:13px/1.6 JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;overflow:auto}.tabs a.adv{border-style:dashed}.adv-band{margin-top:36px}.adv-band h2{margin:0 0 4px;font:700 1.3rem Bricolage Grotesque,system-ui,sans-serif}.adv-band p{color:var(--mute);margin:0 0 12px}.nav{align-items:center;gap:6px;padding-bottom:6px;display:flex;position:relative}.nav .logo{margin:0 6px 0 0;font-size:1.3rem}.nav-links{gap:2px;margin-left:12px;display:flex}.nav-links a{color:#cbd5e1;white-space:nowrap;border:0;border-radius:8px;padding:8px 12px;font-size:.93rem;text-decoration:none}.nav-links a:hover{color:#fff;background:#ffffff1a}.nav-links a.router-link-exact-active,.nav-links a.on{color:#fff;background:#ffffff29;font-weight:600}.menu-btn{color:#fff;background:#ffffff1a;border:1px solid #ffffff38;border-radius:8px;align-items:center;gap:10px;margin-left:auto;padding:8px 14px;font-size:.92rem;display:flex}.menu-btn:hover:not(:disabled){background:#ffffff2e;border-color:#fff}.bars,.bars:before,.bars:after{background:currentColor;border-radius:2px;width:16px;height:2px;transition:transform .15s,top .15s,background .15s;display:block}.bars{position:relative}.bars:before,.bars:after{content:"";position:absolute;left:0}.bars:before{top:-5px}.bars:after{top:5px}.menu-btn[aria-expanded=true] .bars{background:0 0}.menu-btn[aria-expanded=true] .bars:before{top:0;transform:rotate(45deg)}.menu-btn[aria-expanded=true] .bars:after{top:0;transform:rotate(-45deg)}.cta{color:#1e1b4b;white-space:nowrap;background:#fff;border-radius:8px;margin-left:4px;padding:9px 15px;font-size:.9rem;font-weight:600;text-decoration:none}.cta:hover{background:#e0e7ff}.menu{z-index:60;width:min(calc(var(--cols,4) * 235px),100%);grid-template-columns:repeat(var(--cols,4),1fr);background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;gap:4px 14px;max-height:calc(100vh - 96px);padding:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 18px 40px -12px #0f172a73}.menu h3{letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:0 0 6px;padding:0 10px;font:700 .72rem system-ui,sans-serif}.mcol.ext h3{color:var(--acc)}.menu a{color:var(--ink);border:0;border-radius:8px;padding:8px 10px;line-height:1.3;text-decoration:none;display:block}.menu a:hover,.menu a.router-link-exact-active{background:var(--soft)}.menu a.router-link-exact-active b{color:var(--acc)}.menu b{font-size:.93rem;font-weight:600;display:block}.menu a span{color:var(--mute);margin-top:1px;font-size:.8rem;display:block}@media (width<=1000px){.nav-links,.cta{display:none}.menu{grid-template-columns:repeat(min(var(--cols,4),2),1fr);width:min(520px,100%)}}@media (width<=640px){.menu{grid-template-columns:1fr;gap:8px;width:auto;padding:12px;left:0;right:0}.menu a{padding:12px 10px}.menu-btn{padding:10px 16px}}