@layer theme,base;@layer components{@keyframes blink{50%{opacity:.25}}.wrap{max-width:var(--content-max);padding-inline:var(--gutter);margin-inline:auto}.eyebrow{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);font-size:12px}.h2{font-family:var(--f-display);letter-spacing:-.015em;margin:0;font-size:clamp(42px,6.2vw,88px);font-weight:400;line-height:.98}.h2 em{color:var(--fg-2)}.lede{color:var(--fg-2);max-width:56ch;margin:0;font-size:clamp(16px,1.4vw,18px);line-height:1.65}.meta{font-family:var(--f-mono);color:var(--fg-3);font-size:12px}.btn{border-radius:var(--r-btn);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--fg);color:var(--ink-0)}.btn-primary:hover{background:#fff}.btn-ghost{border-color:var(--line-2);color:var(--fg)}.btn-ghost:hover{border-color:var(--fg-3)}.mk{fill:none;stroke:var(--marker);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len) calc(var(--len) + 4px);stroke-dashoffset:calc((1 - var(--p,1)) * (var(--len) + 2px))}.hand{font-family:var(--f-hand);color:var(--marker);font-size:30px;font-weight:400;line-height:1}.marks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vpin{pointer-events:none;width:22px;height:28px;position:absolute}#ink{pointer-events:none;z-index:60;width:100vw;height:100vh;position:fixed;inset:0}html.can-draw body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M5 25l3-8.5L20.5 4l5.5 5.5L13.5 22z' fill='%23ECECEE' stroke='%2308090B' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M5 25l3-8.5 5.5 5.5z' fill='%23FF6A1F' stroke='%2308090B' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 5 25,crosshair}html.drawing,html.drawing *{-webkit-user-select:none!important;user-select:none!important}#hint{left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:61;background:var(--ink-2);border:1px solid var(--line-2);color:var(--fg-2);pointer-events:none;border-radius:99px;align-items:center;gap:10px;padding:9px 14px 9px 12px;font-size:13px;transition:opacity .4s,transform .4s;display:flex;position:fixed}#hint[data-off]{opacity:0;transform:translateY(8px)}@media (pointer:coarse){#hint{display:none}}.ink-note{z-index:62;pointer-events:none;font-family:var(--f-hand);color:var(--marker);white-space:nowrap;font-size:32px;line-height:1;transition:opacity .6s;position:absolute;transform:rotate(-4deg)}.gl-fallback{background:radial-gradient(60% 55% at 50% -8%,#96acbe33,#0000 70%);position:absolute;inset:0}#h1 .w{display:inline-block}.circled{padding:0 .12em;font-style:italic;display:inline-block;position:relative}.circled svg{pointer-events:none;width:calc(100% + .44em);height:calc(100% + .2em);position:absolute;top:-.08em;left:-.22em;overflow:visible}.steps li{color:var(--fg-3);flex-direction:column;justify-content:space-between;gap:10px;font-size:14px;transition:color .3s;display:flex}.steps li.on,.steps li.done{color:var(--fg)}.steps li .lbl{align-items:baseline;gap:10px;display:flex}.steps li .lbl b{font-family:var(--f-mono);color:var(--fg-3);font-size:12px;font-weight:500}.steps li .bar{background:var(--line);border-radius:2px;height:2px;position:relative;overflow:hidden}.steps li .bar span{background:var(--fg);transform-origin:0;position:absolute;inset:0;transform:scaleX(1)}.caret{background:var(--fg);vertical-align:-2px;width:1.5px;height:1em;margin-left:1px;animation:1s infinite blink;display:inline-block}.iso-frame{aspect-ratio:790/690;position:relative}.iso-stage{transform-origin:0 0;width:790px;height:690px;scale:var(--iso-scale,.44);position:absolute;top:0;left:0}@media (width>=621px){.iso-stage{scale:var(--iso-scale,.85)}}@media (width>=900px){.iso-stage{scale:var(--iso-scale,.82)}}.iso{--tilt-x:0deg;--tilt-z:0deg;width:1040px;height:680px;transform:rotateX(calc(60deg + var(--tilt-x))) rotateZ(calc(-45deg + var(--tilt-z)));transform-style:preserve-3d;position:absolute;top:115px;left:-205px}.iso-floor{background-image:radial-gradient(closest-side,#96acbe1a,#0000),linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-position:820px 40px,0 0,0 0;background-repeat:no-repeat,repeat,repeat;background-size:420px 420px,40px 40px,40px 40px;position:absolute;inset:-120px;-webkit-mask-image:radial-gradient(closest-side,#000 55%,#0000);mask-image:radial-gradient(closest-side,#000 55%,#0000)}.iso-flat{position:absolute;transform:translateZ(1px)}.iso-routes{top:0;left:0;overflow:visible}.iso-routes path{fill:none;stroke-linecap:round;stroke-linejoin:round}.iso-routes .lane,.iso-routes .stub{stroke:var(--line-2);stroke-width:2px}.iso-routes .route{stroke:var(--accent);stroke-width:3px;opacity:0;transition:opacity .3s}.iso-routes .route.on{opacity:1}.iso-stack{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.iso-stack .iso-box{pointer-events:auto}.iso-label{font-family:var(--f-mono);color:var(--fg-3);white-space:nowrap;font-size:16px}.iso-pill{border:1.5px solid var(--line-2);background:var(--ink-1);font-family:var(--f-mono);color:var(--fg-2);white-space:nowrap;border-radius:99px;padding:4px 11px;font-size:13px}.iso-box{top:var(--y);left:var(--x);width:var(--w);height:var(--d);transform:translateZ(var(--z,0px));transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute}.iso-box>.t,.iso-box>.fx,.iso-box>.fy{align-items:center;display:flex;position:absolute;overflow:hidden}.iso-box>.t{transform:translateZ(var(--h));justify-content:center;inset:0}.iso-box>.fy{top:calc(var(--d) - var(--h));width:var(--w);height:var(--h);transform-origin:bottom;padding-inline:14px;left:0;transform:rotateX(-90deg)}.iso-box>.fx{width:var(--d);height:var(--h);transform:translateZ(var(--h)) rotateY(-90deg) rotateZ(90deg);transform-origin:0 0;padding-inline:14px;top:0;left:0}.slab{--z:var(--rest)}.slab>.t,.slab>.fx,.slab>.fy{box-shadow:inset 0 0 0 1px #ffffff0f}.slab.dark>.t{background:#1b1d22}.slab.dark>.fy{background:#15171b}.slab.dark>.fx{background:#0f1013}.slab.paper>.t{background:var(--paper)}.slab.paper>.fy{background:var(--paper-2)}.slab.paper>.fx{background:#c4c3bd}.slab.light>.t{background:#f6f6f7}.slab.light>.fy{background:var(--fg)}.slab.light>.fx{background:#c9cbd1}.iso-stack:hover .slab{--z:var(--apart)}.face-text{font-family:var(--f-mono);white-space:nowrap;color:var(--fg-2);font-size:13px}.tile{--w:64px;--d:64px;--h:8px;cursor:pointer}.tile>.t{box-shadow:inset 0 0 0 1.5px var(--line-2);background:#17191e;transition:box-shadow .3s,background .3s}.tile>.t svg{width:34px;height:34px;color:var(--fg)}.tile>.fy{background:#111216}.tile>.fx{background:#0b0c0e}.tile:hover,.tile:focus-visible,.tile[aria-pressed=true]{--z:16px}.tile[aria-pressed=true]>.t{box-shadow:inset 0 0 0 1.5px var(--accent), 0 0 26px -4px var(--accent);background:#1d2026}.tile:focus-visible{outline:none}.tile:focus-visible>.t{box-shadow:inset 0 0 0 2px var(--fg)}.iso-packet{fill:var(--accent);opacity:0}.row{border-bottom:1px solid var(--line);font-family:var(--f-mono);white-space:nowrap;gap:16px;padding:12px 14px;font-size:12.5px;display:flex;position:relative}.row:last-child{border-bottom:0}.row .t{color:var(--fg-3)}.row .k{color:var(--fg-3);flex:none;width:76px}.row .l{color:var(--fg-3);flex:none;width:38px}.row .v{color:#c9cbd1;text-overflow:ellipsis;overflow:hidden}.row.hot .v,.row.hot .l{color:var(--fg)}.row-mark{pointer-events:none;width:calc(100% + 12px);height:calc(100% + 18px);position:absolute;inset:-9px -6px;overflow:visible}.under{pointer-events:none;width:auto;height:12px;position:absolute;bottom:2px;left:84px;right:30%;overflow:visible}.mini{background:var(--paper);height:220px;color:var(--paper-ink);position:relative}.mini i{border-radius:3px;display:block;position:absolute}.inrow{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 14px;font-size:14px;display:flex}.inrow:last-child{border-bottom:0}.inrow .dot{border:1.5px solid var(--fg-2);border-radius:99px;flex:none;width:9px;height:9px}.inrow .tt{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.inrow .ss{font-family:var(--f-mono);color:var(--fg-3);font-size:12px}.mark-word{font-family:var(--f-display);letter-spacing:-.035em;white-space:nowrap;width:fit-content;margin:0;font-size:clamp(64px,24vw,272px);line-height:.86;position:relative}.mark-word .ln{padding-bottom:.14em;display:block;overflow:hidden}.mark-word .c{display:inline-block}.mark-word svg{width:100%;height:.16em;position:absolute;bottom:-.02em;left:0;overflow:visible}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}}@layer utilities;