.desk{perspective:1500px;perspective-origin:50% 32%;animation:.7s ease-out both desk-in}@keyframes desk-in{0%{opacity:0}}.desk-stage,.desk-tilt,.booklet,.booklet-thud{transform-style:preserve-3d}.desk-stage{width:620px;height:680px;margin:-340px 0 0 -310px;position:absolute;top:50%;left:50%}.desk-tilt,.booklet-thud{position:absolute;inset:0}.booklet{width:372px;height:526px;position:absolute;top:112px;left:124px}.booklet-page,.booklet-cover{border-radius:3px 6px 6px 3px;position:absolute;inset:0}.booklet-page{background:#f3f1ec;border:1px solid #d6d2c9}.booklet-page[data-back]{background:#e9e7e1;box-shadow:0 2px 3px #0c0c0d1a,0 18px 30px -14px #0c0c0d4d,0 56px 80px -34px #0c0c0d61}.booklet-cover{background:var(--noise), linear-gradient(165deg, #fffefc 0%, #fbfaf6 55%, #f5f3ed 100%);color:var(--ink);border:1px solid #d3cfc6}.booklet-tabs{align-items:flex-end;gap:3px;display:flex;position:absolute;bottom:100%;left:20px}.booklet-tab{height:23px;color:var(--ink-soft);letter-spacing:-.005em;background:#eeece6;border:1px solid #d3cfc6;border-radius:7px 7px 0 0;align-items:center;gap:5px;padding:0 9px 0 7px;font-size:10.5px;font-weight:500;display:flex}.booklet-tab[data-active=true]{height:27px;color:var(--ink);background:#fffefc;border-bottom-color:#0000;margin-bottom:-1px}.booklet-staple{background:linear-gradient(90deg,#a9a9a4,#ececea 50%,#9d9d98);border-radius:2px;width:3px;height:18px;position:absolute;left:10px;box-shadow:0 1px 1px #0c0c0d2e}.booklet-sheen{border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;position:absolute;inset:0}.hand-line{border-bottom:1px solid #0c0c0d33;align-items:flex-end;height:40px;padding:0 2px 3px;display:flex;position:relative}.hand-ink{white-space:nowrap;transform-origin:0 100%;transition:transform .3s var(--ease-out-soft);font-family:var(--font-pencil), cursive;color:#313137;text-shadow:0 0 .7px #3131378c;font-size:29px;line-height:1;display:inline-block;position:relative}.pencil-dot{background:#35353b;border-radius:52% 46% 55% 47%;width:6.5px;height:6px;margin:0 2.8px 8px;display:inline-block}.pencil,.pencil-shadow{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.pencil-art{margin-top:-8px}.pencil-shadow{-webkit-mask-image:linear-gradient(90deg,#000 15%,#00000059);mask-image:linear-gradient(90deg,#000 15%,#00000059)}.booklet-stamp{pointer-events:none;mix-blend-mode:multiply;position:absolute;top:206px;right:40px}.zero-mark{pointer-events:none;width:76px;height:46px;position:absolute;bottom:-5px;right:-8px}
.titration{animation:.8s ease-out both titration-in}@keyframes titration-in{0%{opacity:0}}.titration-stage{width:420px;height:490px;margin:-245px 0 0 -210px;position:absolute;top:50%;left:50%}.titration-stage>svg{position:absolute;inset:0;overflow:visible}.titration-mono{font-family:var(--font-plex-mono), ui-monospace, monospace}.titration-caret{animation:1s step-end infinite titration-blink}@keyframes titration-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.titration-caret{animation:none}}