:root{--bg: #0b0f14;--ink: rgba(247, 248, 240, .86);--dim: rgba(247, 248, 240, .4);--line: rgba(247, 248, 240, .12);--accent: #2f5d4a;--dusk: #355872;--copper: #7aaace;--serif: "EB Garamond", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--serif);font-size:19px;line-height:1.45;overflow-x:hidden;animation:page-in .45s ease both;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(900px 480px at 50% -10%,rgba(53,88,114,.12),transparent 70%),radial-gradient(800px 420px at 50% 115%,rgba(122,170,206,.08),transparent 70%)}body.maker:before{opacity:.45}@keyframes page-in{0%{opacity:0}to{opacity:1}}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:1px solid var(--accent);outline-offset:3px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f7f8f024;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}a{color:inherit;text-decoration:none}button{background:none;border:none;color:inherit;cursor:pointer}.mono{font-family:var(--mono);font-size:13px;letter-spacing:.04em}.dim{color:var(--dim)}em{font-style:italic}strong{font-weight:600;color:#f7f8f0f7}body.maker strong{color:#0c1117f2}kbd{font-family:var(--mono);border:1px solid var(--line);border-radius:3px;padding:0 5px;font-size:10px}nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;z-index:40;background:linear-gradient(to bottom,rgba(12,17,23,.92),transparent)}body.maker nav{background:linear-gradient(to bottom,rgba(247,248,240,.94),transparent)}.wordmark:hover{color:var(--accent)}.nav-links{display:flex;gap:22px;position:relative;align-items:center}.nav-links a,.foot-links a{position:relative;color:var(--dim);transition:color .25s,transform .15s ease-out;display:inline-block}.nav-links a:hover,.foot-links a:hover{color:var(--accent)}.nav-links a.here{color:var(--ink)}.nav-links a.here:before{content:"✦ ";color:var(--copper);font-size:9px}.nav-glide{position:absolute;bottom:-4px;height:1px;background:var(--accent);opacity:0;pointer-events:none;transition:left .3s cubic-bezier(.2,.7,.2,1),width .3s cubic-bezier(.2,.7,.2,1),opacity .2s}nav.nav-center{justify-content:center}.contact-menu{position:relative}.contact-trigger{color:var(--dim);transition:color .25s}.contact-menu:hover .contact-trigger{color:var(--accent)}.contact-drop-wrap{position:absolute;left:50%;top:100%;transform:translate(-50%);padding-top:9px;z-index:50;pointer-events:none}.contact-menu:hover .contact-drop-wrap,.contact-menu:focus-within .contact-drop-wrap,.contact-menu.open .contact-drop-wrap{pointer-events:auto}.contact-drop{display:flex;flex-direction:column;min-width:150px;padding:5px 0;background:#14161d;border:1px solid var(--line);border-radius:9px;box-shadow:0 16px 40px -20px #000000e6;opacity:0;transform:translateY(-7px);pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.2,.7,.2,1)}body.maker .contact-drop{background:#f3f4ec}.contact-menu:hover .contact-drop,.contact-menu:focus-within .contact-drop,.contact-menu.open .contact-drop{opacity:1;transform:translateY(0);pointer-events:auto}.cd-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 14px;font-size:12.5px;color:var(--dim);text-align:left;transition:background .2s,color .2s}.cd-item:hover{background:#f7f8f00f;color:var(--ink)}body.maker .cd-item:hover{background:#0c11170f}.cd-ic{width:14px;height:14px;flex:none}.landing{position:relative;z-index:1;max-width:680px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:84px 24px 12px;min-height:calc(100vh - 108px)}.basmala{font-size:26px;color:var(--copper);-webkit-user-select:none;user-select:none;animation:fade-down .9s ease both;margin-bottom:-14px}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}h1{font-weight:500;font-size:clamp(38px,7.5vw,64px);line-height:1.02;letter-spacing:-.01em}.hero-meta{font-size:12px;margin-top:-24px;display:flex;align-items:center;gap:10px}.hero-meta:before{content:"";width:34px;height:1px;background:var(--copper)}.hero-meta a{border-bottom:1px solid var(--line);transition:color .25s,border-color .25s}.hero-meta a:hover{color:var(--accent);border-color:var(--accent)}h1 .name-part{position:relative;display:inline-block;cursor:pointer;opacity:0;transform:translateY(.4em);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}#name-waqar{animation-delay:.1s;font-style:italic}@keyframes rise{to{opacity:1;transform:translateY(0)}}.np-word{display:inline-block}.np-def{position:absolute;top:calc(100% + 2px);left:4px;font-size:12px;font-style:normal;color:var(--copper);white-space:nowrap;opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s;pointer-events:none}.name-part:hover .np-def{opacity:1;transform:none}#name-waqar .np-def{top:auto;bottom:calc(100% - 12px);transform:translateY(-5px)}#name-waqar:hover .np-def{transform:none}.name-creed{font-size:12.5px;min-height:18px;color:var(--copper);margin-top:-16px;max-width:480px;opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1);pointer-events:none}.name-creed.show{opacity:1;transform:none}.asterisk{color:var(--copper);font-style:normal;display:inline-block;animation:bloom-pulse 5s ease-in-out infinite;margin-left:8px}@keyframes bloom-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.18);opacity:1}}.prose p{margin-bottom:.9em}.prose p:last-child{margin-bottom:0}.prose a{border-bottom:1px solid var(--accent);transition:color .25s}.prose a:hover{color:var(--accent)}.landing-prose{max-width:840px}.landing-prose p{font-size:14px;line-height:1.6;color:#f7f8f0c7}body.maker .landing-prose p{color:#0c1117d1}.landing-prose p+p{margin-top:1.15em}.landing-prose .salaam-line{margin-top:0}.salaam-line{font-size:15px;color:var(--copper);letter-spacing:.01em}.salaam-line .dim{font-size:11px}.film-strip{display:flex;gap:10px;align-items:center}.film-strip img{height:52px;width:72px;object-fit:cover;border:1px solid var(--line);cursor:pointer;filter:saturate(.55) brightness(.9);transform:rotate(var(--tilt, 0deg));transition:filter .3s,transform .3s,border-color .3s}.film-strip img:nth-child(odd){--tilt: -1.2deg}.film-strip img:nth-child(2n){--tilt: 1.1deg}.film-strip img:hover{filter:saturate(1) brightness(1);transform:rotate(0) translateY(-3px);border-color:var(--accent)}.landing.centered{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;gap:14px;max-width:880px;min-height:0;padding-top:88px}.hero-art{margin:0;width:100%;max-width:280px;align-self:flex-start}.morph{display:block;width:100%}.morph-stage{--mc: var(--accent);container-type:inline-size;width:100%;aspect-ratio:12 / 5;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.morph-art{margin:0;font-family:var(--mono);white-space:pre;font-size:1.98cqw;line-height:1.05;color:#bfe2ff;text-shadow:0 0 7px color-mix(in srgb,var(--mc) 85%,transparent),0 0 18px color-mix(in srgb,var(--mc) 45%,transparent)}body.maker .morph-art{color:var(--accent);text-shadow:0 0 8px color-mix(in srgb,var(--mc) 70%,transparent)}.sign-row{display:flex;align-items:center;gap:22px;align-self:flex-start;margin-top:6px}.contact-line{margin:0}.contact-line a{color:var(--accent);letter-spacing:.06em;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent);transition:color .25s,border-color .25s}.contact-line a:hover{color:var(--ink);border-color:var(--ink)}.contact-line span{display:inline-block;transition:transform .25s}.contact-line a:hover span{transform:translate(3px)}.signature{width:144px;height:auto;opacity:.78;filter:invert(1)}body.maker .signature{filter:none;opacity:.8}.quirks{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;font-size:12px}#do-not-press,#photos-folder,#leave-salaam{border:1px solid var(--line);padding:6px 12px;font-size:12px;color:var(--dim);transition:all .25s}#do-not-press:hover{border-color:var(--copper);color:var(--copper);transform:rotate(-1.5deg)}#photos-folder:hover,#leave-salaam:hover{border-color:var(--accent);color:var(--accent);transform:rotate(1.5deg)}.landing-foot{position:relative;z-index:1;max-width:680px;margin:12px auto 0;padding:18px 24px 22px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:14px}.foot-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.tiny-foot{font-size:11px}.page{position:relative;z-index:1;max-width:680px;margin:0 auto;padding:140px 24px 80px}h2{position:relative;font-weight:500;font-size:30px;margin-bottom:14px;display:flex;align-items:baseline;gap:14px}h2[data-ar]:after{content:attr(data-ar);position:absolute;right:0;top:-34px;font-size:84px;color:var(--copper);opacity:.09;pointer-events:none;font-weight:400}.spark{color:var(--copper);font-size:16px;animation:bloom-pulse 5s ease-in-out infinite}.section-note{margin-bottom:18px}.ascii-divider{text-align:center;margin:70px 0 30px;font-size:12px;color:var(--copper);opacity:.7}.page-next{text-align:center}.page-next a{display:inline-block;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:10px 24px;transition:color .25s,border-color .25s,background .25s}.page-next a:hover{color:var(--accent);border-color:var(--accent);background:#9cd5ff0d}.work-now{border:1px solid var(--line);border-top-left-radius:80px 30px;border-top-right-radius:80px 30px;padding:26px 28px 24px;margin-bottom:48px;transition:border-color .3s}.work-now:hover{border-color:var(--accent)}.work-now>.mono{color:var(--copper);letter-spacing:.14em}.work-now h3{font-size:30px;font-style:italic;font-weight:500;margin:4px 0 10px}.prose-sm{font-size:16px;color:#f7f8f0b3}body.maker .prose-sm{color:#0c1117b3}.thing-list{list-style:none}.thing{border-bottom:1px solid var(--line);transition:border-color .3s}.thing>a{display:grid}.thing>a,.thing:not(:has(a)){display:grid;grid-template-columns:64px 200px 1fr;gap:16px;align-items:baseline;padding:16px 8px}.thing-name{font-size:20px;transition:color .25s}.thing-desc{font-size:15px;color:var(--dim);line-height:1.5}.thing{transition:border-color .3s,background .3s}.thing:hover{border-color:var(--accent);background:linear-gradient(90deg,rgba(156,213,255,.05),transparent 70%)}.thing:hover .thing-name{color:var(--accent)}.wgroup{margin:42px 0 4px;font-size:11px;font-weight:400;letter-spacing:.18em;color:var(--copper)}.wgroup:first-of-type{margin-top:10px}.windex{list-style:none}.windex a{display:grid;grid-template-columns:1fr auto 26px;gap:14px;align-items:baseline;padding:15px 4px;border-bottom:1px solid var(--line);transition:border-color .3s,background .3s,padding-left .3s}.windex a:hover{border-color:var(--accent);background:linear-gradient(90deg,rgba(156,213,255,.05),transparent 70%);padding-left:12px}.wi-title{font-size:21px;font-style:italic;transition:color .25s;display:block}.wi-sub{display:block;font-family:var(--mono);font-size:11.5px;font-style:normal;letter-spacing:.02em;line-height:1.5;color:var(--dim);margin-top:4px;max-width:520px}.windex a:hover .wi-title{color:var(--accent)}.wi-meta{font-size:11px}.wi-arrow{font-size:12px;color:var(--dim);transition:color .3s,transform .3s}.windex a:hover .wi-arrow{color:var(--accent);transform:translate(4px)}.article{max-width:620px}.article-kicker{font-size:12px;margin-bottom:18px}.article-title{font-weight:500;font-style:italic;font-size:clamp(30px,6vw,44px);line-height:1.08;margin-bottom:10px}.article-meta{font-size:11px;margin-bottom:40px}.article-prose p{font-size:19px;line-height:1.62;color:#f7f8f0c7}body.maker .article-prose p{color:#0c1117c7}.article-prose>p:first-of-type:first-letter{font-size:52px;float:left;line-height:.8;padding:6px 10px 0 0;color:var(--copper);font-style:italic}.work-page .article-prose>p:first-of-type:first-letter{font-size:inherit;float:none;line-height:inherit;padding:0;color:inherit;font-style:normal}.article-prose h3{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.16em;color:var(--copper);margin:40px 0 14px}.article-prose code{font-family:var(--mono);font-size:.78em;background:#f7f8f012;padding:1px 5px;border-radius:3px}body.maker .article-prose code{background:#0c111714}.article-prose pre{font-family:var(--mono);font-size:12px;line-height:1.55;color:var(--dim);border:1px solid var(--line);padding:14px 16px;margin:0 0 1.3em;overflow-x:auto}.article-prose pre em{color:var(--copper);font-style:normal}.article-prose blockquote{border-left:2px solid var(--copper);padding:4px 0 4px 18px;margin:0 0 1.3em;font-style:italic;font-size:21px;color:#f7f8f0d9}body.maker .article-prose blockquote{color:#0c1117d9}.article-prose blockquote .mono{display:block;margin-top:6px;font-style:normal;font-size:12px}.article-prose figure{margin-top:20px}.article-prose img{width:100%;border:1px solid var(--line);display:block;filter:saturate(.9);transition:filter .3s,border-color .3s}.article-prose img:hover{filter:saturate(1.1);border-color:var(--accent)}.article-prose figcaption{margin-top:8px;font-size:11px;font-family:var(--mono);color:var(--dim)}.article-nav{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:56px;padding-top:22px}.article-nav a{color:var(--dim);transition:color .25s}.article-nav a:hover{color:var(--accent)}.diagram{margin:10px 0 38px;border:1px solid var(--line);border-radius:7px;padding:26px 24px 16px;background:linear-gradient(180deg,rgba(156,213,255,.045),transparent 78%);transition:border-color .3s,transform .3s}body.maker .diagram{background:linear-gradient(180deg,rgba(48,76,137,.05),transparent 78%)}.diagram:hover{border-color:var(--accent);transform:translateY(-2px)}.diagram svg{display:block;width:100%;height:auto;overflow:visible}.diagram figcaption{margin-top:16px;text-align:center;font-family:var(--mono);font-size:11px;color:var(--dim);letter-spacing:.03em}.dg-box{fill:none;stroke:var(--line);stroke-width:1.2}.dg-box-accent{fill:none;stroke:var(--accent);stroke-width:1.4}.dg-fill-soft{fill:#9cd5ff0f}.dg-line{stroke:var(--line);stroke-width:1.2;fill:none}.dg-flow{stroke:var(--accent);stroke-width:1.4;fill:none}.dg-copper{stroke:var(--copper);stroke-width:1.3;fill:none}.dg-dash{stroke-dasharray:4 4}.dg-fill{fill:var(--accent)}.dg-fill-copper{fill:var(--copper)}.dg-fill-line{fill:var(--line)}.dg-t{fill:var(--ink);font-family:var(--mono);font-size:12px}.dg-t-dim{fill:var(--dim);font-family:var(--mono);font-size:10.5px}.dg-t-accent{fill:var(--accent);font-family:var(--mono);font-size:11px}.dg-t-copper{fill:var(--copper);font-family:var(--mono);font-size:10px;letter-spacing:.05em}.dg-serif{fill:var(--ink);font-family:var(--serif);font-style:italic}.dg-flow.dg-anim{stroke-dasharray:5 6;animation:dgflow 1.15s linear infinite}@keyframes dgflow{to{stroke-dashoffset:-11}}@media(prefers-reduced-motion:reduce){.dg-flow.dg-anim{animation:none;stroke-dasharray:none}}.demo-solo{display:block;margin:10px 0 12px}.demo-solo video,.demo-solo img{border-radius:3px;display:block;width:100%}.demo-solo img{filter:saturate(.92)}.demo-solo.shot-phone{max-width:280px;margin-left:auto;margin-right:auto}.insp-list{display:flex;flex-direction:column}@media(min-width:641px){.insp-list{display:block;columns:2;column-gap:44px}.insp{break-inside:avoid}.insp:nth-child(odd) p{padding-right:8px}}.insp{display:grid;grid-template-columns:1fr;gap:6px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline;transition:border-color .3s}.insp:hover{border-color:var(--accent)}.insp:hover .insp-key{color:var(--accent)}.insp-key{font-size:12px;color:var(--copper);transition:color .3s}.insp p{font-size:18px}.contact-page{max-width:760px}.contact-kicker{font-size:12px;margin-bottom:22px}.contact-kicker [lang=ar]{color:var(--copper);font-size:14px}.contact-hero{display:block;font-weight:500;font-size:clamp(48px,10vw,92px);line-height:.98;letter-spacing:-.015em;margin-bottom:26px}.contact-hero em{color:var(--copper)}.contact-hero[data-ar]:after{content:none}.contact-sub{max-width:480px;font-size:19px;color:#f7f8f0a8;margin-bottom:64px}body.maker .contact-sub{color:#0c1117a8}.contact-links{max-width:600px;margin-bottom:72px}.big-links{list-style:none}.big-link a{display:grid;grid-template-columns:1fr auto 26px;gap:16px;align-items:baseline;padding:18px 4px;border-bottom:1px solid var(--line);transition:border-color .3s,background .3s,padding-left .3s}.big-link a:hover{border-color:var(--accent);background:linear-gradient(90deg,rgba(156,213,255,.05),transparent 70%);padding-left:14px}.bl-num{font-size:11px}.bl-name{font-size:26px;font-style:italic;transition:color .25s}.big-link a:hover .bl-name{color:var(--accent)}.bl-note{font-size:11px}.bl-arrow{color:var(--dim);font-size:14px;transition:color .3s,transform .3s}.big-link a:hover .bl-arrow{color:var(--accent);transform:translate(3px,-3px)}.salaam-row{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding:30px 0 50px}.salaam{font-size:26px;color:var(--copper);line-height:1.4}.salaam-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}#salaam-reply{font-size:12px;min-height:18px;text-align:right;opacity:0;transition:opacity .5s ease}#salaam-reply.shown{opacity:1}.demos-note{font-size:11px;margin-bottom:14px}.demos{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:56px}.demo{border:1px solid var(--line);padding:8px 8px 6px;transition:border-color .3s,transform .3s}.demo:hover{border-color:var(--accent);transform:translateY(-2px)}.demo video{display:block;width:100%;filter:saturate(.92);transition:filter .3s}.demo:hover video{filter:saturate(1.05)}.demo figcaption{font-size:10px;margin-top:7px}#m-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0c1117e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:center;padding:0 max(24px,calc(50vw - 340px));opacity:0;pointer-events:none;transition:opacity .3s ease}#m-menu.open{opacity:1;pointer-events:auto}body.maker #m-menu{background:#f7f8f0f7}#m-menu .m-hint{margin-bottom:30px;font-size:11px}.m-item{display:flex;align-items:baseline;gap:18px;padding:10px 14px;font-size:clamp(26px,4.5vw,38px);font-style:italic;font-weight:500;color:var(--dim);border-left:2px solid transparent;transition:color .2s,border-color .2s,padding-left .2s;text-align:left;font-family:var(--serif);line-height:1.2}.m-item.active{color:var(--ink);border-left-color:var(--accent);padding-left:26px}.m-item.current .m-name:after{content:" · you are here";font-size:11px;font-style:normal;color:var(--copper);font-family:var(--mono)}#m-menu .m-foot{margin-top:36px;font-size:11px}#flipbook{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#0c1117e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer}#flipbook.open{display:flex}#flipbook img{max-width:min(82vw,760px);max-height:70vh;border:1px solid var(--line);box-shadow:0 30px 80px #0000008c;transform:rotate(var(--tilt, 0deg))}#flipbook .fb-caption{font-size:12px}.goose{position:fixed;bottom:12px;left:-160px;z-index:90;font-family:var(--mono);font-size:12px;line-height:1.1;color:var(--copper);pointer-events:none;white-space:pre;animation:waddle 7s linear forwards}@keyframes waddle{0%{transform:translate(0)}to{transform:translate(calc(100vw + 320px))}}.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}body.maker{--bg: #fff;--ink: rgba(12, 17, 23, .92);--dim: rgba(12, 17, 23, .52);--line: rgba(12, 17, 23, .16);--accent: #355872;--copper: #4a6a85;color-scheme:light}body.maker:before{opacity:.2}html.maker ::-webkit-scrollbar-thumb{background:#0c11172e}html.maker ::-webkit-scrollbar-thumb:hover{background:#355872}body.maker ::selection{background:#355872;color:#f0f7f4}body.maker #flipbook{background:#f7f8f0ed}body.maker #flipbook img{box-shadow:0 30px 80px #0c111740}@media(max-width:900px){.landing.split{grid-template-columns:1fr;gap:28px;min-height:0;justify-items:stretch}.hero-art{max-width:620px}}@media(max-width:640px){.thing>a,.thing:not(:has(a)){grid-template-columns:52px 1fr}.thing-desc{grid-column:2}.insp{grid-template-columns:1fr;gap:4px}.wi-meta{display:none}.windex a{grid-template-columns:1fr 20px}.nav-links{gap:14px}body{font-size:17px}h2[data-ar]:after{font-size:52px;top:-18px;opacity:.07}.hero-meta{flex-wrap:wrap}.demos{grid-template-columns:1fr}.salaam-actions{align-items:flex-start}#salaam-reply{text-align:left}}body.scene-on{background:transparent}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(90% 70% at 42% 20%,rgba(224,199,130,.18),transparent 60%),linear-gradient(to bottom,#e6eef3,#f3f1ea 38%,#fff 82%)}.scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,rgba(47,93,74,.26),rgba(122,170,206,.12) 4%,rgba(216,189,131,.06) 8%,transparent 15%),linear-gradient(260deg,rgba(47,93,74,.22),rgba(122,170,206,.1) 4%,rgba(216,189,131,.06) 8%,transparent 15%),linear-gradient(to bottom,#ffffff08,#ffffff1f 45%,#ffffff6b)}.hero-name{font-size:clamp(24px,4vw,34px);font-weight:500;letter-spacing:.01em;line-height:1.22;margin-bottom:0}@media(prefers-reduced-motion:no-preference){.hero-name{animation:name-in .6s ease both}}@keyframes name-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.name-ur{font-family:"Noto Nastaliq Urdu",var(--serif);font-size:.82em;line-height:1;letter-spacing:0}.name-sep{color:var(--copper);font-weight:300;opacity:.55;margin:0 .12em}.nav-morph-link{display:inline-block;width:116px;line-height:0}.nav-morph{width:116px;margin:0}.rule{border:0;height:1px;width:100%;background:#0c111752;margin:4px 0 6px}.postlist{margin-top:44px;display:flex;flex-direction:column;gap:40px}.post{display:block;transition:padding-left .25s ease}.post:hover{padding-left:6px}.post-kicker{display:block;font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;color:var(--dim)}.post-title{display:block;font-family:var(--serif);font-size:27px;line-height:1.16;color:var(--accent);margin-top:5px;transition:color .2s}.post:hover .post-title{text-decoration:underline;text-underline-offset:3px}.post-desc{display:block;font-family:var(--serif);font-size:17px;line-height:1.5;color:#0c1117e6;margin-top:9px}@media(max-width:640px){nav{padding:14px 16px}.nav-morph-link,.nav-morph{width:90px}.nav-corner .nav-links,.nav-links{gap:16px;font-size:12px}.landing.centered{padding:72px 18px 48px;max-width:100%}.hero-name{font-size:clamp(21px,6.6vw,30px);letter-spacing:0}.landing-prose{max-width:100%}.landing-prose p{font-size:14px;line-height:1.6}.salaam-line{font-size:14px}.wpage{padding:6vh 18px 12vh!important;max-width:100%!important}.wpage .w-title{font-size:clamp(30px,8vw,40px)}.postlist{gap:30px;margin-top:32px}.post-title{font-size:22px}.post-desc{font-size:15px}.sign-row{flex-wrap:wrap;gap:14px}}.now-lead{margin-top:1.3em}.now{list-style:none;margin-top:.5em;display:flex;flex-direction:column;gap:.5em}.now li{position:relative;padding-left:1.1em;font-size:14px;line-height:1.55;color:#0c1117d1}.now li:before{content:"·";position:absolute;left:.1em;color:var(--copper)}.now a{color:var(--accent);border-bottom:1px solid var(--line);transition:border-color .25s}.now a:hover{border-color:var(--accent)}.now-close{margin-top:1.3em;font-style:italic;color:#0c1117b8}@media(prefers-reduced-motion:no-preference){.landing-prose>p,.now li{opacity:0;transform:translateY(8px);animation:prose-in .7s cubic-bezier(.2,.7,.2,1) forwards}.landing-prose .salaam-line{animation-delay:.05s}.landing-prose .now-close{animation-delay:.14s}.landing-prose .now-lead{animation-delay:.24s}.now li:nth-child(1){animation-delay:.3s}.now li:nth-child(2){animation-delay:.36s}.now li:nth-child(3){animation-delay:.42s}.now li:nth-child(4){animation-delay:.48s}.now li:nth-child(5){animation-delay:.54s}.landing-prose .article-cta{animation-delay:.62s}}@keyframes prose-in{to{opacity:1;transform:none}}.wfmt-index{font-size:11px;margin-bottom:26px}.wfmt-index a{color:var(--dim);text-decoration:none}.wfmt-index a:hover{color:var(--accent)}.article-title:before,.hero h1:before{content:"# ";color:var(--dim);font-weight:400}.article-prose h2:before,.article-prose h3:before,main h2:before{content:"# ";color:var(--dim);font-weight:400}.wfmt-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap;font-size:11px}.wfmt-footer a{color:var(--dim)}.wfmt-footer a:hover{color:var(--accent)}.hero .wfmt-index{margin-bottom:12px}html{scroll-behavior:smooth}body.maker .article-kicker{display:none}body.maker .article-title{font-style:normal;font-weight:500;font-size:15px;line-height:1.5;letter-spacing:0;color:#1a1a1a;margin:0 0 4px}body.maker .article-title:before{content:none}body.maker .article-meta{font-size:15px;color:#999;margin-bottom:30px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body.maker .article-prose mark{background:#d9ecff;color:inherit;padding:.08em .22em;margin:0 -.1em;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}body.maker .article-prose .fig-noted{position:relative;max-width:420px;margin:34px auto}body.maker .article-prose .fig-noted figure.diagram{margin:0}body.maker .article-prose .fig-noted.wide{max-width:none}body.maker .article>.hero-noted{position:relative;margin:0 0 40px}body.maker .article>.hero-noted>figure.diagram{border:none;background:none;margin:0}body.maker .article>.hero-noted>figure.diagram:hover{transform:none}.fig-noted>.zd{margin:0}@media(max-width:1179px){.fig-noted.wide .fig-note{position:static;display:block;margin-top:10px;text-align:center;transform:rotate(-1.5deg);white-space:normal}.fig-noted.wide .fig-note br,.fig-noted.wide .fig-note-bracket{display:none}}.fig-note{font-family:Caveat,cursive;font-size:22px;line-height:1.1;color:#2a2a2a}.fig-note a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#9cc9f5}.fig-note a:hover{text-decoration-color:#2a2a2a}.fig-note-ps{display:block;margin-top:12px;font-size:18px;color:#666;transform:rotate(1.5deg);white-space:normal;max-width:220px}@media(max-width:1179px){.fig-noted.wide .fig-note-ps{max-width:none}}@media(min-width:900px){.fig-note{position:absolute;top:50%;left:calc(100% + 58px);transform:translateY(-50%) rotate(-3deg);white-space:nowrap}.fig-note-bracket{position:absolute;top:-70px;bottom:-70px;left:-40px;width:9px;border:1.5px solid #2a2a2a;border-left:0;border-radius:0 2px 3px 0;transform:rotate(3deg);opacity:.85}}@media(max-width:899px){.fig-note{display:block;margin-top:10px;text-align:center;transform:rotate(-1.5deg)}.fig-note br,.fig-note-bracket{display:none}}body.maker .article-prose p.noted{position:relative}@media(min-width:1180px){body.maker .article-prose p.noted:after{content:"";position:absolute;top:2px;bottom:2px;right:-46px;width:9px;border:1.5px solid #2a2a2a;border-left:0;border-radius:0 2px 3px 0;transform:rotate(.8deg);opacity:.85}body.maker .article-prose p.noted:before{content:attr(data-note);position:absolute;top:50%;left:calc(100% + 76px);transform:translateY(-50%) rotate(-2deg);white-space:nowrap;font-family:Caveat,cursive;font-size:22px;line-height:1;color:#2a2a2a}}@media(max-width:1179px){body.maker .article-prose p.noted:after{content:"→ " attr(data-note);display:block;margin-top:4px;font-family:Caveat,cursive;font-size:19px;line-height:1.2;color:#555}}.wfmt-top{display:flex;justify-content:space-between;align-items:center;padding:18px max(24px,calc(50vw - 610px));font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px}.wfmt-top a{color:#999;text-decoration:none}.wfmt-top a:hover{color:#1a1a1a}.wfmt-top .wfmt-home{display:inline-flex;align-items:center;gap:7px;padding:6px 13px 6px 10px;border-radius:999px;background:#f4f4f2;border:1px solid rgba(0,0,0,.06);color:#1a1a1a;font-size:13px;font-weight:500;transition:background .2s,box-shadow .2s,transform .2s}.wfmt-top .wfmt-home:hover{background:#fff;box-shadow:0 4px 14px -6px #00000040;transform:translateY(-1px)}.wfmt-home-arrow{display:inline-block;color:#999;transition:transform .25s cubic-bezier(.22,1,.36,1),color .2s}.wfmt-home:hover .wfmt-home-arrow{transform:translate(-3px);color:#1a1a1a}body.maker .page.article{padding-top:36px}body.maker .wfmt-side{top:84px}.wfmt-facts{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:0 0 44px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.wfmt-facts h4{font-size:12px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.wfmt-facts p{font-size:13.5px;line-height:1.65;color:#555;margin:0}@media(max-width:640px){.wfmt-facts{grid-template-columns:1fr;gap:24px}}body.maker .article-meta a{color:var(--dim)}body.maker .article>figure.diagram{border:none;padding:0;background:none;margin:0 0 40px}body.maker .article>figure.diagram:hover{transform:none}body.maker .article-prose video,body.maker .article>figure video{border-radius:10px}body.maker .article-prose p{font-size:15px;line-height:1.65;color:#1a1a1a}body.maker .article-prose h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:600;letter-spacing:0;color:#1a1a1a;margin:44px 0 10px}body.maker .article-prose h3:before{content:none}body.maker .article-prose h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.01em;color:#1a1a1a;margin:60px 0 12px}body.maker .article-prose h2:before{content:none}body.maker .article-prose h2+h3{margin-top:20px}.wfmt-toc li.sub{padding-left:10px;font-size:11.5px}body.maker .article-prose figure.diagram{border:none;padding:0;background:none;margin:34px auto}body.maker .article-prose figure.diagram:hover{transform:none}body.maker .article-prose img{border:none;border-radius:6px;filter:none}body.maker .article-prose img:hover{filter:none}body.maker .article-prose figcaption,body.maker .diagram figcaption{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;color:#999;letter-spacing:0;text-align:center}body.maker .article-prose blockquote{border-left:2px solid #e5e5e5;font-size:15px;font-style:normal;color:#555}.wfmt-side{position:fixed;left:max(28px,calc(50vw - 610px));top:120px;width:170px;z-index:5;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px}.wfmt-side .wfmt-index{font-family:var(--mono);margin-bottom:24px}.wfmt-toc{list-style:none;margin:0;padding:0}.wfmt-toc li{margin:0 0 11px}.wfmt-toc a{color:#b3b3b3;text-decoration:none;transition:color .2s;line-height:1.45;display:block}.wfmt-toc a:hover{color:#333}.wfmt-toc a.active{color:#1a1a1a;font-weight:600}.wfmt-vid-ctrls{position:absolute;top:10px;right:10px;z-index:3;display:flex;gap:6px;opacity:0;transition:opacity .25s}article figure:hover .wfmt-vid-ctrls,.article figure:hover .wfmt-vid-ctrls,.wfmt-vid-ctrls:focus-within{opacity:1}.wfmt-vbtn{font-family:IBM Plex Mono,monospace;font-size:10px;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:#14141659;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:background .2s}.wfmt-vbtn:hover{background:#1414168c}@media(hover:none){.wfmt-vid-ctrls{opacity:1}}@media(max-width:1100px){.wfmt-side{position:static;width:auto;max-width:620px;margin:0 auto;padding:110px 24px 0}.wfmt-side .wfmt-index{margin-bottom:0}.wfmt-toc,body.maker .wfmt-side{display:none}.page.article,article.page.article{padding-top:26px}}@media(max-width:640px){.wfmt-side{padding-top:90px}body.maker .article-title{font-size:26px}body.maker .article-prose p{font-size:15px}body.maker .article-prose figure.diagram{margin:24px 0}}body:has(>.hills-footer){background:#fff}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;opacity:.05;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>');background-size:180px 180px;animation:grain .9s steps(3) infinite}@keyframes grain{0%{background-position:0 0}34%{background-position:-70px 45px}67%{background-position:50px -60px}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){body:after{animation:none}}.hills-footer{position:relative;aspect-ratio:5 / 3;margin-top:-34vw;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 40%);mask-image:linear-gradient(to bottom,transparent,#000 40%)}.hills-footer img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right top;transform:scale(1.06);transform-origin:right top}.wfmt-vbtn{display:inline-grid;place-items:center;width:22px;height:22px;padding:0}.wfmt-vbtn svg{display:block;width:10px;height:10px}.zd{margin:28px 0 36px;padding:16px;border:1px solid #ececea;border-radius:12px;background:#fbfbfa;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12.5px;line-height:1.45;color:#1a1a1a}.zd button{font:inherit;cursor:pointer}.zd code{font-size:10.5px}.zd-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}.zd-title{font-weight:600;font-size:12px}.zd-tldr{margin:-4px 0 16px;color:#666;font-size:12.5px;line-height:1.55;max-width:60ch}.zd-label{display:inline-flex;align-items:center;gap:8px;color:#888;font-size:11.5px}.zd-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:2px;border-radius:12px;background:#efefec}.zd-seg button{border:0;background:none;padding:5px 10px;border-radius:10px;font-size:11.5px;color:#777;transition:background .2s,color .2s,box-shadow .2s}.zd-seg button.on{background:#fff;color:#1a1a1a;box-shadow:0 1px 3px #0000001f}.zd-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.zd-arrow{color:#c4c4c0;font-size:13px}.zd-node{position:relative;border:1px solid #e2e2df;background:#fff;border-radius:9px;padding:8px 11px;text-align:left;color:#1a1a1a;transition:border-color .25s,box-shadow .25s,opacity .25s,transform .2s}button.zd-node:hover{transform:translateY(-1px);border-color:#c9c9c5}.zd-node small{display:block;margin-top:2px;color:#888;font-size:11px}.zd-node.live{border-color:#1a1a1a;box-shadow:0 6px 16px -10px #00000073}.zd-stack{display:flex;flex-direction:column;gap:8px;flex:1;min-width:220px}.zd-stack-sm{flex:0 1 auto;min-width:0}[data-host]{opacity:.5}[data-host].live{opacity:1}.zd-tag{float:right;margin-left:10px;font-size:10px;color:#999}.live>.zd-tag{color:#1f8a4c}.zd-pipe{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:8px}.zd-pipe span:not(.zd-arrow){padding:3px 6px;border-radius:5px;background:#f3f3f0;color:#555;font-size:10.5px}.zd-track{display:block;width:100%;height:auto;margin:4px 0 12px}.zd-track{border-radius:10px}.zd-track .zd-lane-tag{font-size:10px;fill:#999;letter-spacing:.08em;text-transform:uppercase}.zd-ticks{stroke:#d9d9d4;stroke-width:1}.zd-paint text{font-size:1px;font-weight:700;fill:#a9a9a3;letter-spacing:.02em}.zd-racer{cursor:grab;outline:none;touch-action:none}.zd-racer:active{cursor:grabbing}.zd[data-zd=cutover]{margin-top:0}.zd[data-zd=cutover]:before,.zd[data-zd=signal]:before{display:none}.fig-noted:has(>.zd[data-zd=cutover]){margin-top:28px!important}.zd-stage{position:relative}.zd-zoomed .zd-track{cursor:zoom-out}.zd-over{position:absolute;top:0;right:0;bottom:0;width:52%;padding:12px 18px 12px 40px;display:flex;flex-direction:column;justify-content:center;border-radius:0 10px 10px 0;background:linear-gradient(90deg,#e9e9e500,#fffffff0 22%);opacity:0;transform:translate(16px);pointer-events:none;transition:opacity .35s .15s,transform .35s .15s}.zd-zoomed .zd-over{opacity:1;transform:none;pointer-events:auto}.zd-over-head{display:flex;align-items:center;gap:8px}.zd-over-head img{width:24px;height:24px;object-fit:contain}.zd-over strong{font-size:16px;letter-spacing:-.01em}.zd-over[data-lang=python] strong{color:#3776ab}.zd-over[data-lang=python] li::marker{color:#f5c400}.zd-over[data-lang=python] .zd-out{border-color:#ffd43b}.zd-over[data-lang=typescript] strong{color:#3178c6}.zd-over[data-lang=typescript] li::marker{color:#3178c6}.zd-over[data-lang=typescript] .zd-out{border-color:#3178c6}.zd-over ul{margin:6px 0 10px;padding-left:16px;font-size:12px;line-height:1.5;color:#444}.zd-over li+li{margin-top:3px}.zd-out{align-self:flex-start;margin:0;padding:3px 10px;line-height:1.4;box-shadow:none;border:1px solid #d6d6d1;border-radius:999px;background:#fff;font:inherit;font-size:11.5px;color:#333;cursor:pointer}.zd-out:hover{border-color:#1a1a1a}.zd p.zd-hint,.zd-hint{margin:2px 0 0;font-size:11px;line-height:1.4;color:#999;text-align:center;transition:opacity .3s}.zd-zoomed .zd-hint{opacity:0;pointer-events:none}.zd-pick{display:inline-flex;align-items:center;gap:5px;margin:0 0 0 8px;padding:2px 9px 2px 4px;border:1px solid #e0e0dc;border-radius:999px;background:#fff;font:inherit;font-size:11px;color:#444;cursor:zoom-in;box-shadow:none;vertical-align:middle}.zd-pick:hover{border-color:#1a1a1a}.zd-pick svg{width:30px;height:13px;overflow:visible}.zd-pick .zd-puff,.zd-pick .zd-speed{display:none}@media(max-width:560px){.zd-over{position:static;width:auto;max-height:0;padding:0 4px;overflow:hidden;transform:none;background:none;transition:opacity .35s,max-height .4s}.zd-zoomed .zd-over{max-height:260px;padding:10px 4px 4px}}.zd-car ul{margin:6px 0 0;padding-left:16px;font-size:11.5px;line-height:1.55;color:#444}.zd-car li+li{margin-top:3px}.zd-racer.live>g:first-child{filter:drop-shadow(0 0 4px rgba(26,26,26,.55))}.zd-racer>g:first-child{filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.zd-wa{opacity:0;transition:opacity .3s}.zd-racer.live .zd-wa{opacity:1}.zd-wa circle{fill:#25d366;stroke:#fff;stroke-width:1.5}.zd-wa text{fill:#fff;font-size:7.5px;font-weight:700}.zd-cars{display:grid;grid-template-columns:1fr 1fr;gap:10px}.zd-car{position:relative;padding:12px 14px;border:1px solid #e6e6e3;border-radius:12px;background:#fff;font-size:12.5px;opacity:1;transition:opacity .3s,border-color .3s,box-shadow .3s}.zd-car.live{opacity:1;border-color:#1a1a1a;box-shadow:0 6px 16px -10px #00000073}.zd-car-art{position:relative;margin:6px 0 10px;overflow:hidden}.zd-car svg{display:block;width:100%;max-width:250px;height:auto;margin:0 auto;overflow:visible;fill:none;stroke:#1a1a1a;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 3px 3px rgba(0,0,0,.18))}.zd-puff,.zd-speed{stroke:#9a9a95}.zd-road{height:0;border-top:1.5px dashed #cfcfca;margin-top:2px}.zd-car dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:0;font-size:11.5px}.zd-car dt{color:#999}.zd-car dd{margin:0;color:#444}.zd-car .zd-tire{fill:#1a1a1a}.zd-tread{stroke:#fff;stroke-width:1.2;stroke-dasharray:2 2}.zd-car.live .zd-tread{animation:zd-tread .25s linear infinite}.zd-car[data-host=old].live .zd-tread{animation-duration:.6s}@keyframes zd-tread{to{stroke-dashoffset:4}}.zd-puff,.zd-speed{opacity:0;transition:opacity .3s}.zd-car.live .zd-puff,.zd-car.live .zd-speed{opacity:1;animation:zd-blow 1.2s ease-in-out infinite}.zd-car.live .zd-road{animation:zd-road .5s linear infinite;background:none}@keyframes zd-blow{50%{opacity:.35;transform:translate(-2px)}}@keyframes zd-road{to{transform:translate(-12px)}}@media(prefers-reduced-motion:reduce){.zd-car *,.zd-car svg{animation:none!important}}@media(max-width:560px){.zd-cars{grid-template-columns:1fr}}.zd-side,.zd-limits,.zd-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.zd-side span,.zd-limits span{padding:4px 8px;border:1px dashed #dcdcd8;border-radius:6px;color:#666;font-size:11px}.zd-chips{margin:0 0 12px}.zd-chip{padding:5px 10px;border:1px solid #e2e2df;border-radius:999px;background:#fff;color:#777;font-size:11.5px;transition:all .2s}.zd-chip.on{border-color:#1a1a1a;color:#1a1a1a}.zd-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:9px 0;border-top:1px solid #efefec}.zd-row:first-of-type{border-top:0}.zd-row small{color:#888;font-size:11px}.zd-col{flex-direction:column;align-items:flex-start}.zd input[type=range]{width:100%;accent-color:#1a1a1a}.zd-checks{display:grid;gap:4px;margin-top:6px;font-size:12px}.zd-ok{color:#1f8a4c}.zd-no{color:#a3a39e}.zd-out{margin-top:12px;padding:10px 12px;border-radius:9px;background:#f2f2ef;color:#333;transition:background .3s}.zd-out.warn{background:#fff1bf}.zd-rules{margin-top:6px}.zd-note{margin-top:12px;color:#888;font-size:11.5px}.zd-lane-name{display:block;margin-bottom:7px;color:#999;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}.zd-steps{min-height:38px}.zd-pipeline{position:relative}.zd-lane{padding:10px 0;border-top:1px solid #efefec}.zd-lane:first-child{border-top:0;padding-top:4px}.zd-pipeline .zd-node{transition:opacity .3s,background .3s,color .3s,border-color .3s,box-shadow .3s}.zd-pipeline .zd-node.off{opacity:.28}.zd-pipeline .zd-node.done{background:#f1f1ee;border-color:#d4d4cf;color:#666}.zd-pipeline .zd-node.live{background:#1a1a1a;border-color:#1a1a1a;color:#fff;box-shadow:0 8px 18px -10px #0009}.zd-pipeline .zd-node[data-n]{display:inline-flex;align-items:center;gap:7px}.zd-pipeline .zd-node[data-n]:after{content:attr(data-n);order:-1;flex:none;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ececea;color:#555;font-size:9.5px;font-weight:600;line-height:16px;text-align:center}.zd-pipeline .zd-node.live[data-n]:after{background:#fff;color:#1a1a1a}.zd-pipeline .zd-stack{gap:14px}.zd-lane.off-lane .zd-lane-name{color:#d0d0cb}.zd-step{display:inline-block;margin-right:8px;padding:1px 7px;border-radius:999px;background:#1a1a1a;color:#fff;font-size:10.5px;font-weight:600}.zd-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin-top:12px}.zd-controls .zd-player,.zd-controls .zd-toggles{margin-top:0}.zd-packet{position:absolute;left:0;top:0;z-index:4;padding:2px 8px;border-radius:999px;background:#1a1a1a;color:#fff;font-size:10px;line-height:1.5;white-space:nowrap;pointer-events:none;box-shadow:0 4px 10px -4px #0006;transition:transform .65s cubic-bezier(.22,1,.36,1),background .3s,color .3s}.zd-packet.no-anim{transition:none}.zd-packet.drop{background:#dcdcd8;color:#777;text-decoration:line-through;box-shadow:none}.zd-toggles{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;color:#666;font-size:11.5px}.zd-toggles:empty{display:none}.zd-toggles input{accent-color:#1a1a1a;vertical-align:-2px}.zd-player{display:flex;align-items:center;gap:6px;margin-top:12px}.zd-player button{width:28px;height:28px;padding:0;border-radius:50%;border:1px solid #e2e2df;background:#fff;color:#1a1a1a;font-size:12px;line-height:1;transition:border-color .2s}.zd-player button:hover{border-color:#1a1a1a}.zd-count{margin-left:6px;color:#999;font-size:11px}@media(max-width:640px){.zd{padding:13px}.zd-flow{flex-direction:column;align-items:stretch}.zd-flow>.zd-arrow{transform:rotate(90deg);align-self:center}.zd-stack{min-width:0}}.zd{position:relative;margin-top:64px}.zd:before{content:"";position:absolute;left:-1px;right:-1px;top:-34px;height:35px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'%3E%3Cpath d='M74 30V5h6v25' fill='%23fbfbfa' stroke='%23e2e2df' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M0 30L50 1l50 29z' fill='%23fbfbfa'/%3E%3Cpath d='M0 30L50 1l50 29' fill='none' stroke='%23e2e2df' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") no-repeat center / 100% 100%}.fig-noted:has(>.zd){margin-top:64px!important}.zd-house{display:inline-block;vertical-align:-1px;margin-right:6px}.zd-packet .zd-house{width:10px;height:10px;margin-right:4px}.zd-node:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:18px;height:6px;background:#e2e2df;clip-path:polygon(50% 0,100% 100%,0 100%);transition:background .3s}.zd-node.live:before{background:#1a1a1a}.zd-pipeline .zd-node.done:before{background:#d4d4cf}.zd-listing{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;padding:0 0 12px;border-bottom:1px solid #efefec;margin-bottom:4px}.zd-listing-img{position:relative;aspect-ratio:3 / 2;border-radius:8px;overflow:hidden;background:#eee}.zd-listing-img img{width:100%;height:100%;object-fit:cover;display:block}.zd-badge{position:absolute;left:6px;bottom:6px;padding:2px 7px;border-radius:999px;background:#ffd84d;color:#1a1a1a;font-size:9.5px;font-weight:600;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.zd-listing.warn .zd-badge{opacity:1;transform:none}.zd-listing-info{display:grid;gap:2px}.zd-listing-info small{color:#999;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}.zd-listing-info strong{font-size:18px;letter-spacing:-.01em}.zd-listing-info span{color:#666;font-size:11.5px}.zd-packet{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;padding:2px 8px}.zd-packet.pic{padding-left:2px}body.maker .article-prose .zd-packet img{display:block;width:22px;height:14px;max-width:none;margin:0;object-fit:cover;border:0;border-radius:999px;filter:none}.zd-packet .zd-house{margin:0}@media(max-width:640px){.zd-listing{grid-template-columns:110px 1fr}}.zd-pipeline .zd-node{padding:7px 10px}.zd-pipeline .zd-flow{gap:6px}@media(min-width:1000px){.zd[data-zd=api]{margin-left:-70px;margin-right:-70px}}.zd-lamp{display:inline-block;flex:none;width:10px;height:10px;margin-right:9px;border-radius:50%;background:#d9d9d5;vertical-align:-1px;transition:background .35s,box-shadow .35s}.zd-lamp.ok{background:#22b45a;box-shadow:0 0 0 3px #22b45a24,0 0 10px #22b45a80}.zd-lamp.no{background:#e5484d;box-shadow:0 0 0 3px #e5484d21,0 0 10px #e5484d73}.zd-lamp.flip{animation:zd-blink .45s ease}@keyframes zd-blink{0%{transform:scale(.55)}60%{transform:scale(1.25)}to{transform:scale(1)}}.zd-rule .zd-act{color:#9a9a95;transition:color .3s}.zd-rule.is-ok .zd-act{color:#1a1a1a}.zd-state{display:grid;gap:3px}.zd-state small{color:#777;font-size:11.5px}.zd-tally{display:inline-flex;align-items:center;color:#777;font-size:11.5px}.zd-tally .zd-lamp{width:8px;height:8px;margin:0 6px 0 12px;box-shadow:none}.tip{position:relative;z-index:5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#9cc9f5;cursor:help;outline:none}.tip:after{content:attr(data-tip) "\a" attr(data-by);position:absolute;left:50%;top:calc(100% + 6px);transform:translate(-50%,-4px) rotate(-2deg);font-family:Caveat,cursive;font-size:20px;line-height:1.1;color:#2a2a2a;background:#fff;border:1px solid #e3e3df;border-radius:8px;padding:6px 10px;white-space:pre-line;width:max-content;max-width:min(280px,80vw);text-align:left;z-index:5;box-shadow:0 2px 8px #00000014;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.tip:hover:after,.tip:focus:after{opacity:1;transform:translate(-50%) rotate(-2deg)}.article-prose p:has(.tip:hover),.article-prose p:has(.tip:focus){position:relative;z-index:10}@media(min-width:1180px){.article-prose p:has(>.tip){position:relative}.article-prose p>.tip{position:static}.article-prose p>.tip:after{left:calc(100% + 58px);top:0;width:220px;max-width:none;transform:translate(-4px) rotate(-2deg)}.article-prose p>.tip:hover:after,.article-prose p>.tip:focus:after{transform:rotate(-2deg)}}.zd-im{position:relative;display:flex;flex-direction:column;max-width:400px;height:580px;margin:16px auto 0;overflow:hidden;border:1px solid #e3e3de;border-radius:32px;background:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif}.zd-im-top{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 0 10px;border-bottom:1px solid #f0f0f0;background:#fafafa}.zd-im-back{position:absolute;left:10px;top:14px;padding:0 8px;border:0;background:none;color:#222;font:300 36px/1 inherit;font-family:inherit;cursor:pointer}.zd-im-av{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(#a8aebb,#868b97);color:#fff;font-size:19px;font-weight:600}.zd-im-name{font-size:13px;font-weight:600}.zd-im-name i{color:#aaa;font-style:normal}.zd-im-thread{flex:1;display:flex;flex-direction:column;gap:10px;padding:16px;overflow-y:auto;scroll-behavior:smooth}.zd-im-msg{max-width:82%;color:#111;font-size:16px;line-height:1.35;animation:zdPop .25s ease-out}.zd-im-msg.them{align-self:flex-start}.zd-im-msg.me{align-self:flex-end;padding:8px 14px;border-radius:20px;background:#1a8cff;color:#fff}.zd-im-msg.status{align-self:flex-end;margin-top:-6px;color:#999;font-size:11px}.zd-im-msg.time{align-self:center;color:#999;font-size:11px}.zd-im-msg.win b{color:#1d8a3a}.zd-im-msg.lose b{color:#c0392b}.zd-im-msg.typing{align-self:flex-start;width:fit-content;display:flex;gap:3px;padding:7px 9px;border-radius:14px;background:#e9e9eb}.zd-im-msg.typing span{width:5px;height:5px;border-radius:50%;background:#999;animation:zdDot 1s infinite}.zd-im-msg.typing span:nth-child(2){animation-delay:.15s}.zd-im-msg.typing span:nth-child(3){animation-delay:.3s}.zd-im-card{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:16px;background:#f1f1f3}.zd-im-card img{width:64px;height:64px;border-radius:10px;object-fit:cover}.zd-im-card small{display:block;color:#888;font:11px var(--mono)}.zd-im-card b{display:block;font-size:16px}.zd-im-card span{color:#999;font:11px var(--mono)}.zd-im-card em{font-style:normal;text-decoration:line-through}.zd-im-card em.now{color:#c0392b;text-decoration:none}.zd-im-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 12px 0}.zd-im-chips button{padding:5px 12px;border:1px solid #1a8cff;border-radius:16px;background:#fff;color:#1a8cff;font:500 13px inherit;font-family:inherit;cursor:pointer;transition:background .12s,color .12s}.zd-im-chips button em{color:#7fb8ff;font:normal 11px var(--mono)}.zd-im-chips button:hover{background:#1a8cff;color:#fff}.zd-im-chips button:hover em{color:#d6e9ff}.zd-im-bar{margin:8px 12px 14px;padding:7px 14px;border:1px solid #ddd;border-radius:18px;color:#bbb;font-size:14px}.zd-im-banner{position:absolute;top:10px;left:10px;right:10px;z-index:2;padding:10px 14px 12px;border-radius:16px;background:#fffffff7;box-shadow:0 8px 28px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:14px;line-height:1.35;cursor:pointer;animation:zdDrop .45s cubic-bezier(.2,.9,.3,1.2)}.zd-im-banner[hidden]{display:none}.zd-im-nhead{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#777;font-size:12px;letter-spacing:.04em}.zd-im-nhead small{margin-left:auto;font-size:12px;letter-spacing:0}.zd-im-ico{position:relative;width:20px;height:20px;border-radius:5px;background:linear-gradient(#6be27f,#2fbf4a)}.zd-im-ico:after{content:"";position:absolute;left:4px;top:5px;width:12px;height:9px;border-radius:50%;background:#fff}.zd-im-banner b{display:block;color:#111}.zd-im-banner p{margin:1px 0 0;color:#111}.zd:has(+.zd-im-note){margin-bottom:0}body.maker .article-prose p.zd-im-note{margin:6px 0 36px;color:#999;font-size:10px;line-height:1.4;text-align:right}@keyframes zdPop{0%{opacity:0;transform:translateY(4px)}}@keyframes zdDrop{0%{opacity:0;transform:translateY(-120%)}}@keyframes zdDot{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.zd-im-msg,.zd-im-banner,.zd-im-msg.typing span{animation:none}}@media(max-width:640px){.zd-im{height:540px}}.zd-tm-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}.zd-tm-chips button{padding:5px 11px;border:1px solid #ddd;border-radius:999px;background:#fff;font:13px inherit;font-family:inherit;cursor:pointer;transition:border-color .12s,background .12s}.zd-tm-chips button:hover{border-color:#2a2a2a}.zd-tm-chips button.on{border-color:#2a2a2a;background:#2a2a2a;color:#fff}.zd-tm{display:block;width:100%;height:auto;overflow:visible}.zd-tm polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.zd-tm-line{stroke-width:9}.zd-tm-xfer{stroke:#9a9a95;stroke-width:9}.zd-tm-xfer.in{stroke:#fbfbfa;stroke-width:3.5}.zd-tm-st{fill:#fff;stroke:#1a1a1a;stroke-width:3;cursor:pointer;transition:fill .2s,r .2s}.zd-tm-st.hub{stroke-width:4.5}.zd-tm-st.seen{fill:#d9d9d4}.zd-tm-st.x{fill:#fff;stroke:#e5484d;stroke-width:4}.zd-tm-lab{fill:#2a2a2a;font:600 11px Inter,sans-serif;letter-spacing:.01em;pointer-events:none}.zd-tm-lab.big{fill:#111;font-weight:800;font-size:14px;letter-spacing:.04em}.zd-tm-badge text{fill:#fff;font:800 11px Inter,sans-serif}.zd-tm-train rect:not(.w){stroke:#fff;stroke-width:2}.zd-tm-train .w{fill:#fff}.zd-tm-train{transition:opacity .3s;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.25))}.zd-tm-train.gone{opacity:0}.zd-tm-legend{display:flex;flex-wrap:wrap;gap:14px;margin:4px 0 2px;color:#777;font-size:12px}.zd-tm-legend span:before{content:"";display:inline-block;width:18px;height:5px;margin-right:6px;border-radius:3px;background:var(--c);vertical-align:middle}@media(max-width:640px){.zd-tm-lab{font-size:16px}.zd-tm-lab.big{font-size:19px}}.zd-tm-legend span.dash:before{height:2px;border:2px solid var(--c);background:#fbfbfa}