.landing{background:linear-gradient(#fff7ee 0 900px,#f7f0e6 2400px,#fff7ee 4200px)}.rv{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);transform:translateY(12px)}.rv.in{opacity:1;transform:none}.rv>*>:nth-child(-n+4){opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);transform:translateY(12px)}.rv.in>*>:nth-child(-n+4){opacity:1;transform:none}.rv.in>*>:nth-child(2){transition-delay:50ms}.rv.in>*>:nth-child(3){transition-delay:.1s}.rv.in>*>:nth-child(4){transition-delay:.15s}@media print{.rv,.rv>*>*{opacity:1!important;transform:none!important}}.pod,.ip-undo,.ip-done,.ip-reset,.ip-size,.tile,.wtab,.wnext,details>summary{touch-action:manipulation}.pod,.ip-size,.ip-reset,.tile,.wtab,details>summary{--press:.97}.ip-undo,.ip-done,.wnext,.pod{--press:.94}details>summary{--press:.98}.pod:active,.ip-undo:active,.ip-done:active,.ip-reset:active,.ip-size:active,.tile:not(:disabled):active,.wtab:active,.wnext:active,details>summary:active{scale:var(--press)}.dev{background:var(--color-bezel);box-shadow:0 18px 30px -20px #5d463261}.dev-ipad{border-radius:32px;padding:12px}.dev-ipad>.dev-screen{border-radius:22px}.dev-iphone{border-radius:30px;padding:7px}.dev-iphone>.dev-screen{border-radius:25px}.dev-screen{position:relative;overflow:hidden}.dev-fit{width:100%;position:relative;overflow:hidden}.dev-fit-in{transform-origin:0 0;font-family:var(--font-sans);position:absolute;top:0;left:0;overflow:hidden}.ip{--cur:#3b6fdb;color:#3e2f24;background:#fff7ee;position:absolute;inset:0}.ip-round{z-index:2;background:#fffdf8;border-radius:50%;place-items:center;display:grid;position:absolute;top:34px}.ip-back{width:64px;height:64px;left:32px;box-shadow:0 2px #e6d6c0,0 6px 14px #5d46321a,inset 0 0 0 1.5px #5d46321a}.ip-zoom{width:58px;height:58px;right:32px;box-shadow:0 3px 8px #5d463224,inset 0 0 0 1.5px #5d463214}.ip-rail{background:#5d46320e;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:68px;height:198px;transition:opacity .2s;display:flex;position:absolute;top:203px;left:109px;box-shadow:inset 0 1px 3px #5d46321a}.ip[data-tool=fill] .ip-rail{opacity:0;pointer-events:none}.ip-size{cursor:pointer;width:58px;height:58px;transition:transform .2s, scale .16s var(--ease-out);background:0 0;border:0;border-radius:20px;place-items:center;padding:0;display:grid}.ip-size>span{border:0 solid #0000;border-radius:20px;place-items:center;width:100%;height:100%;display:grid}.ip-size[aria-pressed=true]{background:#fffdf8;border-radius:29px;transform:translateY(-3.5px)scale(1.06);box-shadow:0 8px 24px #5d463247}.ip-size[aria-pressed=true]>span{border:1.5px solid #5d463238;border-radius:29px;width:84%;height:84%}.ip-stage{width:807px;height:538px;transition:transform .22s var(--ease-out);background:#fff;border-radius:22px;position:absolute;top:33px;left:194px;overflow:hidden;box-shadow:0 6px 18px #5d463224}.ip[data-ack] .ip-stage{transform:translateY(-4px)}.ip-ack{pointer-events:none;opacity:0;transition:opacity .2s var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.ip[data-ack] .ip-ack{opacity:1}.ip-ack>div{background:#7c9c7af0;border-radius:50%;place-items:center;width:150px;height:150px;display:grid}.ip-tray{box-sizing:border-box;background:linear-gradient(#f7ebd9,#eadcc6);border-top:3px solid #e6d6c0;height:279px;padding:12px 24px;position:absolute;top:603px;left:0;right:0;box-shadow:inset 0 3px #fff9,0 -1px #5d463221,0 -14px 26px #5d463221}.ip-trough{background:#eadcc6;border-radius:37px;height:120px;position:relative;overflow:hidden}.ip[data-tool=eraser] .ip-trough{visibility:hidden}.ip-trough:after{content:"";z-index:2;pointer-events:none;border-radius:37px;position:absolute;inset:0;box-shadow:inset 0 3px 8px #5d463233,inset 0 -1.5px #ffffffbf}.ip-pods{scrollbar-width:none;white-space:nowrap;align-items:center;gap:8px;padding:0 22px;display:flex;position:absolute;inset:0;overflow:auto hidden}.ip-pods::-webkit-scrollbar{display:none}.pod{cursor:pointer;width:92px;height:92px;transition:scale .16s var(--ease-out);background:0 0;border:0;flex:none;padding:0;position:relative}.pod .sock{opacity:0;transform:rotate(var(--r,0deg));background:#e2d2ba;border-radius:46% 54% 52% 48%/52% 46% 54% 48%;position:absolute;inset:0}.pod .blob{transform:rotate(var(--r,0deg));background:linear-gradient(180deg, color-mix(in srgb, var(--c) 75%, #fff), var(--c) 55%, color-mix(in srgb, var(--c) 78%, #000));border-radius:46% 54% 52% 48%/52% 46% 54% 48%;transition:transform .2s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0;box-shadow:inset 0 0 0 1.6px #5d46324d}.pod .blob:after{content:"";background:#ffffff47;border-radius:50%;width:26%;height:13%;position:absolute;top:20%;left:19%;transform:rotate(-30deg)}.pod:nth-child(2n) .sock,.pod:nth-child(2n) .blob{border-radius:54% 46% 48% 52%/46% 52% 48% 54%}.pod[aria-pressed=true] .sock{opacity:1}.pod[aria-pressed=true] .blob{transform:translateY(-5.5px) scale(1.05) rotate(var(--r,0deg))}.ip-row{justify-content:space-between;align-items:center;height:124px;margin-top:8px;display:flex}.ip-left{flex:none;align-items:center;gap:14px;width:164px;display:flex}.ip-undo{cursor:pointer;color:#c1b4a5;width:86px;height:86px;transition:background .2s, scale .16s var(--ease-out);background:#f4eada;border:0;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 4px #e4d8c0}.ip[data-undo] .ip-undo{color:#3e2f24;background:#f4d89a;box-shadow:0 4px #d9b871}.ip-reset{cursor:pointer;color:#5c4a3b;width:64px;height:64px;transition:transform .2s, opacity .2s, scale .16s var(--ease-out);background:#fffdf8c7;border:0;border-radius:22px;place-items:center;padding:0;display:grid;box-shadow:inset 0 0 0 1.5px #5d463221}.ip[data-armed] .ip-reset{color:#a3492d;background:#fffdf8;transform:translateY(-3px);box-shadow:0 0 0 3.5px #a3492d,0 8px 16px #5d46322e}.ip:not([data-painted]) .ip-reset,.ip:not([data-painted]) .ip-done{opacity:0;pointer-events:none}.ip-tiles{align-items:center;gap:8px;display:flex}.tile{cursor:pointer;width:94px;height:94px;transition:scale .16s var(--ease-out);background:0 0;border:0;padding:0;position:relative}.tile:disabled{cursor:default}.tile .face{width:94px;height:94px;transform:rotate(var(--tilt-soft,0deg));background:#fffdf89e;border-radius:28px;place-items:center;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;display:grid;box-shadow:inset 0 0 0 1.5px #5d463217}.tile .face img{opacity:.84;width:70px;height:70px;transition:opacity .22s;display:block}.tile .pill{background:#5d463229;border-radius:999px;width:41px;height:7px;transition:width .22s;position:absolute;top:101px;left:50%;transform:translate(-50%);box-shadow:0 0 3px #5d463229}.tile[data-on=true] .face{box-shadow:0 0 0 4px var(--ring,var(--cur)), 0 0 0 5.5px #5d463238, 0 8px 16px #5d463229;transform:translateY(-6px) rotate(var(--tilt,0deg)) scale(1.04);background:#fffdf8}.tile[data-on=true] .face img{opacity:1}.tile[data-on=true] .pill{width:62px}.ip-done{cursor:pointer;width:86px;height:86px;transition:opacity .3s, scale .16s var(--ease-out);background:#7c9c7a;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;box-shadow:0 4px #5e7a5c}.ip-canvas-wrap{position:absolute;inset:0}.ip-canvas-wrap canvas{width:100%;height:100%;position:absolute;inset:0}.fox-region{transition:fill .15s}[data-interactive] .fox-region{cursor:pointer}.ph{background:#fff7ee;position:absolute;inset:0}.paper-card{box-sizing:border-box;background:#fff;border-radius:6px;position:relative;box-shadow:0 1px #00000014,0 6px 10px #281e1424}.paper-card .tape{background:#f4d89ae0;width:46px;height:16px;margin-left:-23px;position:absolute;top:-9px;left:50%}.paper-card img{aspect-ratio:3/2;object-fit:cover;border-radius:3px;width:100%;height:auto;display:block}@property --w-surface{syntax:"<color>";inherits:true;initial-value:#fff7ee}@property --w-tray{syntax:"<color>";inherits:true;initial-value:#f7ebd9}@property --w-zone{syntax:"<color>";inherits:true;initial-value:#efdfc7}@property --w-card{syntax:"<color>";inherits:true;initial-value:#fffdf8}@property --w-wash{syntax:"<color>";inherits:true;initial-value:#fff7ee}@property --w-lip{syntax:"<color>";inherits:true;initial-value:#e6d6c0}.worlds{--w-wash:#fff7ee;--w-surface:#fff7ee;--w-tray:#f7ebd9;--w-lip:#e6d6c0;--w-ink:#3e2f24;--w-ink2:#6a5546;--w-ink3:#9a8677;--w-card:#fffdf8;--w-cardink:#3e2f24;--w-board-ink:#5d4632;--w-frame:#c79b66;--w-frame-edge:#a67a48;--w-zone:#efdfc7;--wn-surface:#e3efd6;--w-board:#dcc19b;--w-board-edge:#ba9c70;--w-mist:#f4ece0;background:linear-gradient(180deg, transparent 0, var(--w-wash) 150px, var(--w-wash) calc(100% - 170px), transparent 100%);transition:--w-wash .25s var(--ease-out), --w-surface .25s var(--ease-out), --w-tray .25s var(--ease-out), --w-zone .25s var(--ease-out), --w-card .25s var(--ease-out), --w-lip .25s var(--ease-out)}.worlds[data-world=meadow]{--w-wash:#eef5e6;--w-surface:#e3efd6;--w-tray:#d5e7c3;--w-lip:#bfd6a9;--w-ink:#223220;--w-ink2:#48603f;--w-ink3:#76896c;--w-card:#fafdf5;--w-cardink:#223220;--w-board-ink:#2e4a28;--w-frame:#b98e5c;--w-frame-edge:#946d40;--w-zone:#c5dbae;--wn-surface:#daeff3;--w-board:#b8cc99;--w-board-edge:#93a874;--w-mist:#d8e8c8}.worlds[data-world=lagoon]{--w-wash:#e7f3f5;--w-surface:#daeff3;--w-tray:#c9e7ee;--w-lip:#afd7e1;--w-ink:#113646;--w-ink2:#3a6474;--w-ink3:#6a8d99;--w-card:#f6fcfd;--w-cardink:#113646;--w-board-ink:#123c4a;--w-frame:#d9b98e;--w-frame-edge:#b39168;--w-zone:#b6dce5;--wn-surface:#20264a;--w-board:#97c5cf;--w-board-edge:#6fa1ac;--w-mist:#cbe8ee}.worlds[data-world=night]{--w-wash:#e9e7f3;--w-surface:#20264a;--w-tray:#282f5a;--w-lip:#141836;--w-ink:#f5efe0;--w-ink2:#c9c4de;--w-ink3:#9690b8;--w-card:#2e3563;--w-cardink:#f5efe0;--w-board-ink:#fff;--w-frame:#c9a06a;--w-frame-edge:#9c7644;--w-zone:#20264d;--wn-surface:#fff7ee;--w-board:#3d4682;--w-board-edge:#2a3161;--w-mist:#3a4170}.wphone{background:var(--w-surface);transition:background .25s var(--ease-out);position:absolute;inset:0}.wemb{width:24px;height:24px;display:none}.worlds[data-world=paper] .wemb-meadow,.worlds[data-world=meadow] .wemb-lagoon,.worlds[data-world=lagoon] .wemb-night,.worlds[data-world=night] .wemb-paper{display:block}.wtab{color:#3e2f24;font:800 14px var(--font-sans);cursor:pointer;transition:background .3s, border-color .3s, scale .16s var(--ease-out);background:0 0;border:1.5px solid #d8c7ae;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 10px;display:flex}.wtab[aria-pressed=true]{background:#fffdf8}.pnd-host{--pnd:150px;padding-top:calc(var(--pnd) * 310 / 512 + 28px)}@media (width>=768px){.pnd-host{--pnd:200px}}.pnd.pnd-card{--pnd-ar:512 / 352;z-index:2;top:calc(var(--pnd) * -310 / 512 - 1px);position:absolute;left:clamp(28px,6vw,72px)}.pnd-edge{pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}details>summary{transition:scale .16s var(--ease-out)}details[data-closing] .group-open\:hidden{display:inline!important}details[data-closing] .group-open\:inline{display:none!important}details[open] .fq-plus{transform:rotate(45deg)}.fq-plus{transition:transform .2s}details>summary::-webkit-details-marker{display:none}@media (prefers-reduced-motion:reduce){.rv,.rv>*>:nth-child(-n+4){transition:opacity .25s!important;transform:none!important}.rv.in{opacity:1}}.demo-stroke{background:var(--cur,#3b6fdb);width:26px;height:7px;transition:background .2s var(--ease-out);border-radius:5px 2px 3px 5px;flex:none;transform:rotate(-4deg);box-shadow:inset 0 0 0 1px #3e2f2429}.wglow{pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--w-mist) 70%, transparent), transparent);position:absolute;inset:-40px -50px}.wamb{pointer-events:none;position:absolute;inset:-30px -50px}.wamb>span{opacity:0;transition:opacity .25s var(--ease-out);position:absolute;inset:0}.wamb i,.wamb b,.wamb svg{display:block;position:absolute}.wamb i{border-radius:50%}.wamb b{opacity:.4;box-sizing:border-box;border:2px solid #2a92a8;border-radius:50%}.wamb svg{opacity:.55}.worlds[data-world=paper] .wamb-paper,.worlds[data-world=meadow] .wamb-meadow,.worlds[data-world=lagoon] .wamb-lagoon,.worlds[data-world=night] .wamb-night{opacity:1}