.page-post{font-size:18px;line-height:1.75;-webkit-font-smoothing:antialiased}.page-post a:focus-visible,.page-post button:focus-visible{outline:2px solid var(--pine);outline-offset:2px}.page-post .fig .stage img,.page-post .fig .stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.page-post .fig .stage img{object-fit:cover;opacity:0;transition:opacity .5s ease;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.page-post .anno-label{background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line-cool);color:var(--accent-cool-ink);padding:1px 7px;border-radius:4px;font-size:11px;white-space:nowrap;font-family:var(--sans)}.page-post .anno-dim{color:var(--accent-cool);font-size:10px;background:color-mix(in srgb,var(--bg) 75%,transparent);padding:0 4px;border-radius:3px;white-space:nowrap;font-variant-numeric:tabular-nums;font-family:var(--sans)}.page-post .fig .stage img.ready{opacity:1}.page-post .live-hint{opacity:0}.page-post .fig .stage.live .live-hint,.page-post .fig .stage.zoom-on .live-hint{opacity:1}.page-post .live-hint .zoom-part{display:none}.page-post .fig .stage.zoom-on .live-hint .zoom-part{display:inline}@keyframes bwg-mill{0%,to{opacity:1}50%{opacity:.55}}@keyframes bwg-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.page-post article h2 .hlink,.page-post article h3 .hlink{color:inherit;text-decoration:none;-webkit-user-drag:none;user-select:text;-webkit-user-select:text}.page-post article h2 .hlink:after,.page-post article h3 .hlink:after{content:" #";color:transparent;font-weight:400;transition:color .15s}.page-post article .hlink:hover:after,.page-post article .hlink:focus-visible:after{color:var(--pine)}.page-post article .hlink:focus-visible{outline-offset:4px;border-radius:3px}.page-post .hlink-flash{position:fixed;z-index:45;font-family:var(--sans);font-size:12.5px;color:var(--pine);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:5px 10px;pointer-events:none;animation:hlink-flash 1.9s ease forwards}@keyframes hlink-flash{0%{opacity:0;transform:translateY(-3px)}8%,72%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes gloss-tip-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.page-post .fig .stage img{transition:none}.page-post article .hlink:after{transition:none}.page-post .hlink-flash{animation:hlink-flash-plain 1.9s step-end forwards}}@keyframes hlink-flash-plain{0%,88%{opacity:1}to{opacity:0}}.guide-loading{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--bg);animation:guide-loading-in .3s ease forwards;opacity:0}@keyframes guide-loading-in{to{opacity:1}}.guide-cube-stage{position:relative;width:96px;height:96px;perspective:420px;margin-bottom:26px}.guide-cube{position:absolute;inset:0;transform-style:preserve-3d;animation:guide-cube-spin 6s linear infinite}.guide-face{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--pine) 45%,transparent);background:repeating-linear-gradient(92deg,color-mix(in srgb,var(--pine) 26%,transparent) 0 3px,transparent 3px 9px),linear-gradient(150deg,color-mix(in srgb,var(--pine) 62%,transparent),color-mix(in srgb,var(--pine) 34%,transparent))}.guide-face-front{transform:translateZ(48px)}.guide-face-back{transform:rotateY(180deg) translateZ(48px)}.guide-face-right{transform:rotateY(90deg) translateZ(48px);filter:brightness(.88)}.guide-face-left{transform:rotateY(-90deg) translateZ(48px);filter:brightness(.88)}.guide-face-top{transform:rotateX(90deg) translateZ(48px);filter:brightness(1.12)}.guide-face-bottom{transform:rotateX(-90deg) translateZ(48px);filter:brightness(.72)}.guide-cube-shadow{position:absolute;left:50%;bottom:-30px;width:108px;height:14px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--ink) 22%,transparent),transparent 70%);animation:guide-cube-shadow 6s linear infinite}@keyframes guide-cube-spin{0%{transform:rotateX(-22deg) rotateY(0)}to{transform:rotateX(-22deg) rotateY(360deg)}}@keyframes guide-cube-shadow{0%,25%,50%,75%,to{transform:translate(-50%) scaleX(1);opacity:.9}12.5%,37.5%,62.5%,87.5%{transform:translate(-50%) scaleX(1.22);opacity:.7}}.guide-loading-title{margin:0;font-family:var(--serif);font-size:19px;color:var(--ink)}.guide-loading-sub{margin:0;font-family:var(--sans);font-size:13px;color:var(--faint)}@media(prefers-reduced-motion:reduce){.guide-cube{animation:none;transform:rotateX(-22deg) rotateY(-34deg)}.guide-cube-shadow{animation:none}}
