.pg-code .kicker{font-family:var(--mono);letter-spacing:.02em;font-weight:500}.pg-code .chap .wrap:before{content:"// "}.pg-code .proofs li,.pg-code .wk-meta{font-family:var(--mono);font-size:var(--fs-xs)}.code-hero{min-height:0;padding-bottom:var(--sp-5)}.code-hero>.wrap:first-of-type{grid-template-columns:minmax(0,1fr);align-items:start}.code-side{place-items:center;display:grid;position:relative}.p3d{aspect-ratio:1;cursor:grab;touch-action:pan-y;width:min(100%,440px)}.p3d.grab{cursor:grabbing}.p3d canvas{display:block;width:100%!important;height:100%!important}.p3d-note{align-items:flex-start;gap:4px;display:flex;position:absolute;bottom:10%;left:4%}.p3d-note svg{width:30px;height:26px;transform:translateY(-14px)}.term{--t-bg:#111113;--t-ink:#f1f1ec;--t-dim:#9a9aa2;--t-line:#2b2b30;--t-acc:#8e8cff;margin-top:var(--sp-4);border:1px solid var(--t-line);background:var(--t-bg);color:var(--t-ink);font:400 15px/1.65 var(--mono);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -34px #1111138c}.term-bar{border-bottom:1px solid var(--t-line);color:var(--t-dim);align-items:center;gap:7px;padding:10px 14px;font-size:12px;display:flex}.term-bar i{background:var(--t-line);border-radius:50%;width:10px;height:10px}.term-bar span{margin-left:8px}.term-out{height:200px;color:var(--t-ink);scrollbar-width:thin;padding:14px 18px 0;overflow:auto}.term-out p{white-space:pre-wrap}.term-out .cmd span{color:var(--t-acc)}.term-out .dim{color:var(--t-dim)}.term-out .err{color:#ff8a80}.term-in{align-items:center;gap:10px;padding:8px 18px 14px;display:flex}.term-in label{color:var(--t-acc)}.term-in input{min-width:0;color:var(--t-ink);font:inherit;caret-color:var(--t-acc);background:0 0;border:0;outline:none;flex:1}.term-in input::placeholder{color:color-mix(in srgb,var(--t-dim) 70%,transparent)}.term:focus-within{border-color:var(--t-acc)}.t-chips{flex-wrap:wrap;gap:8px;padding:0 18px 16px;display:flex}.t-chip{border:1px solid var(--t-line);color:var(--t-dim);font:500 12px/1.4 var(--mono);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;transition:color .2s,border-color .2s}.t-chip:hover,.t-chip:focus-visible{color:var(--t-ink);border-color:var(--t-acc)}@media (width<=760px){.code-hero>.wrap:first-of-type{grid-template-columns:minmax(0,1fr)}.p3d{width:min(100%,320px)}.term{font-size:13px}.term-out{height:180px}}.code-hero>.wrap+.wrap{display:block}.pg-code .code-hero h1{max-width:none;font-size:clamp(40px,4.6vw,66px)}.code-hero{isolation:isolate;overflow:hidden}.code-hero>.wrap{z-index:1}.fall{z-index:0;pointer-events:none;position:absolute;inset:0}.fall-tip{z-index:3;pointer-events:none;background:var(--ink);color:var(--paper);font:500 12px/1.3 var(--mono);white-space:nowrap;opacity:0;border-radius:6px;padding:5px 9px;transition:opacity .15s;position:absolute;top:0;left:0}.fall-tip.on{opacity:1}.gh-line{margin-top:var(--sp-3);font:400 var(--fs-xs)/1.55 var(--mono);color:var(--muted);max-width:52ch}.gh-line b{color:var(--signal);font-weight:500}.gh{margin-top:var(--sp-4);align-items:flex-end;gap:14px;max-width:780px;display:flex}.gh-grid{flex:1;min-width:0;height:96px}.code-hero .hero-copy{max-width:none}.code-hero .hero-copy>:is(h1,.lead,.hi-line){max-width:30ch}.code-hero .hero-copy>.lead{max-width:52ch}.gh-line{margin-top:var(--sp-2)}.code-hero{min-height:0;padding-bottom:170px;padding-top:var(--sp-5);justify-content:flex-start}.code-side{z-index:1;flex-direction:column;align-items:stretch;margin-top:-118px;display:flex;position:relative}.term-spr{z-index:2;justify-content:flex-end;margin-bottom:-3px;padding-right:48px;display:flex;position:relative}.term-spr .sprite{--h:136px;transform:scaleX(-1)}.code-side .term{margin-top:0}.code-side .term-out{height:200px}.code-hero .hero-copy>:is(h1,.hi-line){max-width:none}@media (width<=1000px){.code-side{margin-top:var(--sp-2)}}@media (width<=760px){.term-spr{padding-right:20px}.term-spr .sprite{--h:110px}.code-side .term-out{height:180px}}