:root{--mat:#13171a;--mat-2:#1a1f23;--mat-mark:#2b3338;--paper:#f7f2e8;--paper-line:#e4dccb;--ink:#16171c;--text:#f4f0e8;--text-soft:#b9b4aa;--lemon:#ffd84d;--lemon-deep:#e8b52c;--pink:#ff9ccf;--mint:#86e3bd;--sky:#86c8ff;--orange:#ffa25c;--lilac:#c3a6ff;--display:var(--font-display),system-ui,sans-serif;--body:var(--font-body),system-ui,sans-serif;--hand:var(--font-hand),"Bradley Hand","Segoe Print","Chalkboard SE",cursive}.wrap{max-width:1160px;margin:0 auto;padding:0 20px}.mat-main{overflow-x:clip}.hand{font:600 1.625rem/1.05 var(--hand);color:var(--lemon)}.skip{position:absolute;left:12px;top:-60px;background:var(--lemon);color:var(--ink);padding:10px 16px;font-weight:700;z-index:99;border-radius:10px}.skip:focus{top:12px}.ruler{height:26px;border-bottom:2px solid var(--mat-mark);background:repeating-linear-gradient(90deg,var(--mat-mark) 0 2px,transparent 2px 100px),repeating-linear-gradient(90deg,var(--mat-mark) 0 1px,transparent 1px 20px);background-size:100% 100%,100% 10px;background-repeat:repeat-x;background-position:0 0,0 100%;opacity:.9}.sticker{position:relative;border:3px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);color:var(--ink)}.site-header .wrap{display:flex;align-items:center;gap:12px;min-height:80px}.logo{gap:8px;min-height:50px;padding:0 16px 0 10px;white-space:nowrap;background:var(--lemon);font:800 1.625rem var(--display);transform:rotate(-3deg)}.brand,.logo{display:inline-flex;align-items:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.brand{color:var(--ink)}.logo-box{width:36px;height:36px;flex:none}.brand-d{position:relative;display:inline-flex;padding:0 46px 18px 0}.logo-tape{position:absolute;right:0;bottom:0;padding:3px 12px 5px;background:var(--pink);color:var(--ink);font:700 1.55rem/1 var(--hand);transform:rotate(6deg);clip-path:polygon(3% 6%,97% 0,100% 50%,97% 100%,2% 94%,0 48%)}.brand-a{display:none}.logo-light{font-weight:500}@media (max-width:1023px){.brand-d{display:none}.brand-a{display:inline-flex;font-size:1.5rem}}.site-header .main-nav{margin-left:auto;display:flex;gap:4px}.pill-btn,.site-header .main-nav a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;font-weight:700;font-size:.9375rem;text-decoration:none;border-radius:999px;color:var(--text);background:none;border:0;cursor:pointer}.pill-btn:hover,.site-header .main-nav a:hover{background:var(--mat-2)}.pill-btn svg{width:17px;height:17px}.gh{border:2px solid #343b41!important}.search-pill{border:2px solid #343b41;color:var(--text-soft);font-weight:600;padding:0 14px}.search-pill kbd{font:700 .75rem var(--body);border:1.5px solid #3c444a;border-radius:6px;padding:1px 6px;color:var(--text-soft)}.fav-count{position:relative}.fav-count b{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--lemon);color:var(--ink);font:800 .7rem/18px var(--body);text-align:center}.menu{display:none;position:relative}.menu summary{list-style:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:2px solid #343b41;font-weight:700;cursor:pointer}.menu summary::-webkit-details-marker{display:none}.menu[open] summary{background:var(--text);color:var(--ink);border-color:var(--text)}.menu nav.sticker{position:absolute;right:0;top:calc(100% + 10px);z-index:60;display:grid;gap:2px;min-width:210px;margin:0;padding:8px;background:var(--paper);transform:rotate(1.5deg);transform-origin:top right;animation:drop .35s cubic-bezier(.22,1.5,.36,1)}.menu nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:10px;font-weight:700;text-decoration:none}.menu nav a:hover{background:var(--paper-line)}@keyframes drop{0%{transform:rotate(-4deg) scale(.85);opacity:0}to{transform:rotate(1.5deg) scale(1);opacity:1}}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:24px;align-items:center;padding:36px 0 12px;position:relative}.hero h1,.lost-hero h1{margin:0;font:800 clamp(3rem,7vw,5.875rem)/.94 var(--display);letter-spacing:-.035em;color:var(--text)}.swash{position:relative;white-space:nowrap;isolation:isolate}.swash:before{content:"";position:absolute;left:-8px;right:-8px;bottom:.06em;height:.4em;background:var(--pink);border-radius:10px 30px 12px 26px;transform:rotate(-2.5deg);transform-origin:left center;z-index:-1;animation:swipe .8s cubic-bezier(.22,1,.36,1) .75s both}@keyframes swipe{0%{transform:rotate(-2.5deg) scaleX(0)}to{transform:rotate(-2.5deg) scaleX(1)}}.lede{margin:22px 0 0;max-width:40ch;font-size:1.188rem;color:var(--text-soft)}.lede strong{color:var(--text)}.promise{margin-top:18px;display:flex;align-items:center;gap:10px}.promise svg{width:62px;height:36px;color:var(--lemon);flex:none}.stage{display:grid;justify-items:center;padding-top:8px}.bubble,.stage{position:relative}.bubble{width:min(100%,470px);padding:20px 20px 18px;margin-bottom:30px;transform:rotate(1.5deg);z-index:1}.bubble,.bubble:after{background:var(--paper)}.bubble:after{content:"";position:absolute;left:50%;bottom:-21px;width:38px;height:38px;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);border-bottom-right-radius:6px;transform:translateX(-50%) rotate(45deg);clip-path:polygon(112% -12%,112% 112%,-12% 112%)}.bubble label{display:block;font:800 1.562rem/1.1 var(--display);margin-bottom:12px}.bubble input{width:100%;min-height:54px;padding:0 16px;border:2.5px dashed #8f897c;border-radius:14px;background:#fffdf8;font:1.062rem var(--body);color:var(--ink)}.bubble input::placeholder{color:#6a655b}.bubble input:focus{outline:none;border-style:solid;border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 15px;border:2.5px solid var(--ink);border-radius:999px;font:700 .9375rem var(--body);color:var(--ink);cursor:pointer;text-decoration:none;box-shadow:3px 3px 0 var(--ink);transition:transform .12s,box-shadow .12s}.chip:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.chip:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.doodle{position:absolute;pointer-events:none}.pip-hero{display:block;width:270px;cursor:pointer;touch-action:manipulation}.bench-pip svg,.empty-pip svg,.note-pip svg,.pip-hero svg,.pip-sleep svg,.pirate svg,.tool-pip svg{display:block;width:100%;height:auto}h2.tape{display:inline-block;margin:60px 0 22px;padding:9px 20px 9px 18px;background:var(--lemon);color:var(--ink);font:800 1.188rem var(--display);transform:rotate(-2deg);clip-path:polygon(1.5% 4%,98% 0,100% 48%,98.5% 100%,2% 95%,0 52%)}.shelves{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 22px}.shelves button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--mat-2);border:2px solid #343b41;font-weight:700;font-size:.9375rem;color:var(--text);cursor:pointer;transition:color .25s}.shelves button i{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink)}.shelves button[aria-pressed=true]{background:var(--text);color:var(--ink);border-color:var(--text)}.shelf-pill{display:none;position:absolute;left:0;top:0;z-index:0;border-radius:999px;background:var(--text);box-shadow:3px 3px 0 var(--lemon);transition:transform .5s cubic-bezier(.22,1.4,.36,1),width .5s cubic-bezier(.22,1.4,.36,1),height .3s}.shelves.has-pill .shelf-pill{display:block}.shelves.has-pill button{background:transparent}.shelves.has-pill button[aria-pressed=true]{background:transparent;border-color:transparent}.grid-status{margin:-8px 0 18px;color:var(--text-soft);font-size:.9375rem}.sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:24px 22px}.tool{min-height:168px;padding:18px 18px 16px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto 1fr;column-gap:10px;row-gap:8px;transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate(var(--tx,0),var(--ty,0)) skewX(var(--sk,0deg)) scale(var(--sc,1));transition:transform .55s cubic-bezier(.22,1.5,.36,1),rotate .55s cubic-bezier(.22,1.5,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),opacity .35s ease-out}.tool:nth-child(4n+1){rotate:-1.8deg}.tool:nth-child(4n+2){rotate:1.4deg}.tool:nth-child(4n+3){rotate:-.6deg}.tool:nth-child(4n){rotate:1deg}.tool:has(a:focus-visible),.tool:hover{rotate:0deg;--tx:6px;--ty:-9px;--sk:-2.5deg;--sc:1.045;box-shadow:13px 15px 0 var(--ink);z-index:2}.tool.tilting{transition:transform .14s linear,rotate .55s cubic-bezier(.22,1.5,.36,1),box-shadow .3s}.tool:after{content:"";position:absolute;right:-3px;bottom:-3px;width:36px;height:36px;background:linear-gradient(135deg,transparent 49%,var(--ink) 50%,#fffdf5 54%,#d9d2c3 100%);border-top-left-radius:10px;border-bottom-right-radius:16px;transform:scale(0);transform-origin:100% 100%;transition:transform .4s cubic-bezier(.22,1.6,.36,1);pointer-events:none}.tool:hover:after{transform:scale(1)}.will-slap .tool:not(.slapped){opacity:0;--sc:1.12;--ty:-28px;rotate:-8deg}.tool .ico{grid-column:1;align-self:center;width:30px;height:30px;display:grid;place-items:center}.tool .ico svg{width:26px;height:26px}.tool h3{grid-column:2;align-self:center;margin:0;padding-right:30px;font:800 1.375rem/1.1 var(--display)}.tool h3 a{color:inherit;text-decoration:none}.tool h3 a:after{content:"";position:absolute;inset:-3px;z-index:3;border-radius:18px}.tool h3 a:focus-visible{outline:none}.tool h3 a:focus-visible:after{outline:3px solid var(--lemon);outline-offset:6px}.tool p{grid-column:1/-1;margin:0;font-size:.9375rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tool .shelf{grid-column:1/-1;align-self:end;font:600 1.438rem var(--hand)}.fav{position:absolute;top:10px;right:10px;z-index:4;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}.fav:hover{background:rgba(22,23,28,.1)}.fav svg{width:20px;height:20px}.fav[aria-pressed=true] svg{fill:var(--ink)}.tool-pip{position:absolute;left:6px;top:-72px;width:90px;z-index:6;pointer-events:none;opacity:0;transform:translateY(26px) scale(.35);transform-origin:50% 100%;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .15s}.tool:has(a:focus-visible) .tool-pip,.tool:hover .tool-pip{opacity:1;transform:none}.picked{animation:wiggle .7s cubic-bezier(.22,1.5,.36,1)}@keyframes wiggle{0%,to{translate:0 0}20%{translate:0 -14px}40%{translate:-6px 0}60%{translate:6px 0}80%{translate:-3px 0}}.empty-state{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;margin-top:10px;padding:18px 22px;border:2px dashed #3c444a;border-radius:16px}.empty-state .hand{font-size:1.9rem;margin:0;color:var(--lemon)}.empty-state .chip{box-shadow:3px 3px 0 var(--lemon)}.empty-state p{margin:4px 0 10px;color:var(--text-soft)}.empty-pip{width:180px;flex:none}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:8px}.note{position:relative;background:var(--mat-2);border:2px dashed #3c444a;border-radius:16px;padding:20px}.note .hand{display:block;font-size:1.875rem;font-weight:600;margin:0 0 6px}.note p{margin:0;color:var(--text-soft);font-size:1rem}.note-pip{float:right;width:96px;margin:-18px -12px 2px 8px}.site-footer{margin-top:80px;border-top:2px solid var(--mat-mark);color:var(--text)}.site-footer .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px;padding-top:18px;padding-bottom:40px;font-size:.9375rem}.site-footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.site-footer a:hover{text-decoration:underline;text-underline-offset:3px}.site-footer .sleep{margin-left:auto;display:flex;align-items:center;gap:10px}.pip-sleep{width:78px}.keys-note kbd{font:700 .75rem var(--body);border:1.5px solid #3c444a;border-radius:6px;padding:1px 6px;margin-left:6px}.crumb,.keys-note kbd{color:var(--text-soft)}.crumb{display:flex;flex-wrap:wrap;gap:0 6px;font-size:.9375rem}.crumb,.crumb a{align-items:center}.crumb a{display:inline-flex;min-height:44px;font-weight:700;color:var(--text);text-decoration:none}.crumb a:hover{text-decoration:underline;text-underline-offset:3px}.tool-head{display:grid;grid-template-columns:1fr auto;gap:10px 30px;align-items:end;padding:6px 0 30px}.kicker{margin:0 0 8px}.tool-title{font:800 clamp(2.3rem,4.8vw,3.7rem)/.98 var(--display);letter-spacing:-.03em;margin:0;max-width:18ch;text-wrap:balance;color:var(--text)}.tool-head .lede{margin-top:14px;max-width:52ch}.head-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.privacy-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:2px solid #3c444a;border-radius:999px;background:var(--mat-2);color:var(--text);font:700 .95rem var(--body);cursor:pointer}.privacy-chip:focus-visible,.privacy-chip:hover{border-color:var(--mint)}.privacy-chip svg{width:18px;height:18px;color:var(--mint)}.privacy-chip[aria-pressed=true] svg{color:var(--lemon);fill:var(--lemon)}.bench-pip-wrap{display:grid;justify-items:center;gap:4px}.bench-pip{width:230px;cursor:pointer;touch-action:manipulation}.pip-says{margin:0;min-height:2.2em;text-align:center;max-width:22ch}.book{position:relative;margin-top:18px;background:var(--paper);color:var(--ink);background-image:linear-gradient(var(--paper-line) 1px,transparent 1px);background-size:100% 34px}.tape-bit{position:absolute;top:-15px;width:120px;height:32px;background:rgba(134,200,255,.85);z-index:2}.book .tool-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;min-height:420px}.book .tool-shell:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:26px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(0,0,0,.09) 45%,rgba(0,0,0,.14) 50%,rgba(0,0,0,.09) 55%,transparent);pointer-events:none}.book .tool-shell__input,.book .tool-shell__result{padding:clamp(24px,4vw,46px);min-width:0}.book .tool-shell__result{display:flex;flex-direction:column;gap:14px}.book-body:not(:has(.tool-shell)){padding:clamp(24px,4vw,46px)}.tool-shell__empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:300px;text-align:center;border:3px dashed var(--paper-line);border-radius:20px;padding:24px}.tool-shell__empty .hand{color:var(--ink);font-size:1.9rem}.tool-shell__empty p{margin:0;color:#4a463e}.book :focus-visible{outline-color:#1f5fd6}.book .tool-label{font:600 1.65rem/1.1 var(--hand);color:var(--ink);letter-spacing:0}.book .tool-input,.book .tool-textarea{background:#fffdf8;border:2.5px dashed #8f897c;border-radius:14px;color:var(--ink)}.book .tool-input:focus-visible,.book .tool-input:is([type=date],[type=time],[type=datetime-local],[type=month]):focus-within,.book .tool-textarea:focus-visible{outline:none;border-style:solid;border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.book .tool-btn-primary{box-shadow:4px 4px 0 var(--ink)}.book .tool-btn-primary:hover{box-shadow:5px 5px 0 var(--ink)}.book .tool-btn-primary:active{box-shadow:1px 1px 0 var(--ink)}.book .tool-drop{min-height:180px;gap:10px;border:3px dashed var(--ink);border-radius:20px;background:rgba(255,255,255,.55)}.book .tool-drop[data-dragging]{background:#fff2b3}.book .tool-drop p{font-size:.9375rem;color:#4a463e}.book .tool-shell__output{border:0;background:transparent;padding:0}.book .tool-shell__action-btn{border:2.5px solid var(--ink);background:var(--mint);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.book .tool-shell__action-btn:hover{background:#a3ecce;color:var(--ink)}.book .tool-shell__error{border:2.5px dashed var(--ink);background:#ffe1ef;color:var(--ink)}.book .tool-shell__loading{color:var(--ink);font-weight:700}.book .tool-shell__spinner{border-color:var(--paper-line);border-top-color:var(--ink)}.keys-note{margin-top:16px;color:var(--text-soft);font-size:.875rem}.keys-note summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-size:1.4rem;list-style:none}.keys-note summary::-webkit-details-marker{display:none}.keys-note summary:before{content:"›";display:inline-block;margin-right:8px;transition:rotate .25s}.keys-note[open] summary:before{rotate:90deg}.keys-note ul{display:flex;flex-wrap:wrap;gap:6px 18px;margin:4px 0 0;padding:0;list-style:none}.real-name{margin-left:10px;padding:2px 10px;border:1.5px solid #3c444a;border-radius:999px;font:700 .8125rem/1.4 var(--body);color:var(--text-soft);vertical-align:middle}.icon-sticker{display:grid;place-items:center;width:44px;height:44px;border:2px solid #3c444a;border-radius:999px;background:var(--mat-2);color:var(--text);cursor:pointer}.icon-sticker:focus-visible,.icon-sticker:hover{border-color:var(--lemon)}.icon-sticker svg{width:19px;height:19px}.icon-sticker[aria-pressed=true]{background:var(--lemon);border-color:var(--lemon);color:var(--ink)}.icon-sticker[aria-pressed=true] svg{fill:var(--ink)}.palette-real{font:600 .75rem var(--body);color:#6a655b}.palette-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;background:rgba(10,12,14,.78)}.palette{width:100%;max-width:640px;background:var(--paper);padding:18px 18px 0;box-shadow:7px 7px 0 var(--ink);overflow:hidden}.palette-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.palette-head label{font:800 1.5rem/1.1 var(--display)}.palette-close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}.palette-close:hover{background:var(--paper-line)}.palette-close svg{width:20px;height:20px}.palette-field{position:relative}.palette-field svg{position:absolute;left:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:#6a655b;pointer-events:none}.palette-field input{width:100%;min-height:54px;padding:0 16px 0 46px;border:2.5px dashed #8f897c;border-radius:14px;background:#fffdf8;font:1.062rem var(--body);color:var(--ink)}.palette-field input::placeholder{color:#6a655b}.palette-field input:focus{outline:none;border-style:solid;border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.palette-list{max-height:50vh;overflow-y:auto;margin:12px -18px 0;padding:0 10px 10px}.palette-section{display:flex;align-items:center;gap:6px;margin:12px 8px 6px;font:600 1.4rem/1 var(--hand);color:#4a463e}.palette-section svg{width:15px;height:15px}.palette-item{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 10px;border:2.5px solid transparent;border-radius:14px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.palette-item.is-active{background:var(--lemon);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.palette-ico{flex:none;display:grid;place-items:center;width:36px;height:36px;border:2.5px solid var(--ink);border-radius:10px}.palette-ico svg{width:18px;height:18px}.palette-text{min-width:0;flex:1}.palette-name{display:flex;align-items:center;gap:6px;font:800 1rem/1.2 var(--display)}.palette-fav{width:14px;height:14px;fill:var(--ink)}.palette-desc{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;color:#4a463e}.palette-shelf{flex:none;font:600 1.3rem/1 var(--hand)}.palette-go{flex:none;width:18px;height:18px}.palette-go.is-quiet{opacity:0}.palette-empty{padding:36px 16px;text-align:center}.palette-empty .hand{color:var(--ink);font-size:1.8rem}.palette-empty p{margin:6px 0 0;color:#4a463e}.palette-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:0 -18px;padding:10px 18px;border-top:2px dashed var(--paper-line);font-size:.8125rem;color:#4a463e}.palette-foot kbd{display:inline-block;min-width:20px;margin-right:3px;padding:0 5px;border:1.5px solid #8f897c;border-radius:6px;font:700 .75rem/1.5 var(--body);text-align:center;color:var(--ink)}.palette-foot .hand{margin-left:auto;color:var(--ink);font-size:1.25rem}@media (max-width:480px){.palette-foot .hand,.palette-shelf{display:none}}.toast-card{background:var(--paper);rotate:-1deg}.lost-hero{display:grid;grid-template-columns:1fr auto;gap:20px 40px;align-items:center;padding:40px 0 30px}.lost-hero h1{font-size:clamp(2.6rem,6vw,4.8rem);max-width:14ch}.lost-hero .bubble{margin-top:26px;transform:rotate(-1deg)}.lost-hero .bubble:after{display:none}.pirate{width:320px;cursor:pointer;touch-action:manipulation}.w{display:inline-block}@keyframes rise{0%{opacity:0;translate:0 .4em;filter:blur(5px)}}@keyframes draw{0%{stroke-dashoffset:1}}@keyframes write{0%{clip-path:inset(-40% 100% -40% -6%)}to{clip-path:inset(-40% -6% -40% -6%)}}@keyframes drop-in{0%{opacity:0;translate:0 -50px;rotate:-7deg;scale:.9}50%{opacity:1}}@keyframes pop-in{0%{opacity:0;scale:.3}}@keyframes pip-in{0%{opacity:0;translate:0 70px;scale:.85 1.15}55%{opacity:1;translate:0 -12px;scale:1.06 .94}80%{translate:0 0;scale:.98 1.02}}@keyframes float{50%{translate:0 -8px;rotate:8deg}}.motion .hero .w{animation:rise .6s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--i) * 55ms + 60ms)}.motion .hero .lede{animation:rise .6s cubic-bezier(.22,1,.36,1) .42s backwards}.motion .promise{animation:rise .6s cubic-bezier(.22,1,.36,1) .55s backwards}.motion .doodle path,.motion .promise path{stroke-dasharray:1}.motion .promise path{animation:draw .6s cubic-bezier(.45,0,.3,1) .85s backwards}.motion .promise .hand{animation:write .9s cubic-bezier(.45,0,.3,1) 1.15s backwards}.motion .hero .bubble{animation:drop-in .8s cubic-bezier(.22,1.4,.36,1) .25s backwards}.motion .hero .chip{animation:pop-in .45s cubic-bezier(.34,1.96,.64,1) .75s backwards}.motion .hero .chip:nth-child(2){animation-delay:.83s}.motion .pip-hero{animation:pip-in .9s cubic-bezier(.22,1,.36,1) .5s backwards}.motion .doodle{animation:float 6s ease-in-out 2s infinite}.motion .doodle:nth-of-type(2){animation-delay:3s}.motion .doodle:nth-of-type(3){animation-delay:4s}.motion .doodle path{animation:draw 1s cubic-bezier(.45,0,.3,1) 1s backwards}.motion h2.tape[data-in]{transition:clip-path .7s cubic-bezier(.22,1,.36,1),rotate .7s cubic-bezier(.34,1.56,.64,1)}.motion h2.tape[data-in]:not(.in){clip-path:polygon(1.5% 4%,14% 0,16% 48%,14% 100%,2% 95%,0 52%);rotate:-5deg}.note:first-child{--d:0s;--fx:-90px;--fr:-8deg}.note:nth-child(2){--d:.12s;--fx:0px;--fr:4deg}.note:nth-child(3){--d:.24s;--fx:90px;--fr:9deg}.motion .note[data-in]{transition:opacity .45s cubic-bezier(.22,1,.36,1) var(--d),translate .7s cubic-bezier(.34,1.4,.64,1) var(--d),rotate .7s cubic-bezier(.34,1.4,.64,1) var(--d)}.motion .note[data-in]:not(.in){opacity:0;translate:var(--fx) 60px;rotate:var(--fr)}.motion .note.in .hand{animation:write .8s cubic-bezier(.45,0,.3,1) calc(var(--d) + .35s) backwards}@media (max-width:860px){.site-header .main-nav{display:none}.menu{display:block}.search-pill{margin-left:auto}.hero,.lost-hero,.notes,.tool-head{grid-template-columns:1fr}.site-footer .sleep{margin-left:0;width:100%}.doodle{display:none}.pip-hero{width:190px}.bench-pip{width:170px}.bench-pip-wrap,.pirate{justify-self:center}.pirate{width:220px}.note-pip{width:80px}.motion .note[data-in]{--d:0s}.book .tool-shell{grid-template-columns:minmax(0,1fr)}.book .tool-shell:before,.tape-bit~.tape-bit{display:none}.book .tool-shell__result{border-top:2px dashed var(--paper-line)}}@media (max-width:480px){.logo{font-size:1.375rem;min-height:44px}.site-header .wrap{gap:6px;padding:0 14px}.brand-a{font-size:1.2rem;gap:6px;padding:0 12px 0 8px}.brand-a .logo-box{width:28px;height:28px}.menu summary{padding:0 12px}.search-pill .label,.search-pill kbd,.site-header .fav-count{display:none}}@media (prefers-reduced-motion:reduce){.menu nav.sticker,.picked,.swash:before{animation:none}.chip,.shelf-pill,.tool,.tool-pip,.tool:after{transition:none}.tool:has(a:focus-visible),.tool:hover{--tx:0px;--ty:-4px;--sk:0deg;--sc:1}}@keyframes squish{30%{scale:.86}}@keyframes sprinkle{0%{opacity:0;transform:translate(0) scale(.4)}20%{opacity:1;transform:translate(calc(var(--px) * .25),calc(var(--py) * .25)) scale(1)}to{opacity:0;transform:translate(var(--px),var(--py)) scale(.6)}}.squish{animation:squish .35s cubic-bezier(.34,1.96,.64,1)}.sprinkle{position:fixed;width:0;height:0;pointer-events:none;z-index:95}.sprinkle i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border:2px solid var(--ink);border-radius:50%;animation:sprinkle .6s ease-out forwards}@keyframes reshuffle{0%{opacity:0;translate:0 22px;scale:.9}}.reshuffle{animation:reshuffle .5s cubic-bezier(.22,1.4,.36,1) backwards;animation-delay:calc(var(--i) * 45ms)}.badge{position:absolute;top:-14px;right:54px;z-index:4;padding:4px 12px;border-radius:999px;background:var(--ink);color:var(--lemon);font:800 .9375rem var(--display);letter-spacing:.03em;box-shadow:0 0 0 3px var(--paper);transform:rotate(5deg)}@keyframes stamp{0%{scale:1.8;rotate:-25deg;opacity:.4}60%{scale:.85;rotate:6deg;opacity:1}to{scale:1;rotate:0deg}}.fav[aria-pressed=true] svg,.icon-sticker[aria-pressed=true] svg{animation:stamp .45s cubic-bezier(.22,1.4,.36,1)}.desk-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:-4px 0 22px}.desk-row .hand{font-size:1.5rem;margin-right:4px}.mini-sticker{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px 0 10px;border:2.5px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 #0b0d0f;color:var(--ink);font:800 .9375rem var(--display);text-decoration:none;transition:transform .2s cubic-bezier(.22,1.5,.36,1)}.mini-sticker:nth-child(odd){rotate:-1.5deg}.mini-sticker:nth-child(2n){rotate:1.2deg}.mini-sticker:hover{transform:translateY(-3px) rotate(-2deg)}.mini-sticker svg{width:17px;height:17px}.bubble-note{margin:10px 0 0;min-height:0;color:var(--ink);font-size:1.45rem}.bubble-note:empty{display:none}@keyframes pop{0%{transform:scale(0) rotate(-40deg)}to{transform:scale(1) rotate(12deg)}}@keyframes burst{0%{transform:translate(0) rotate(0) scale(.3);opacity:1}75%{opacity:1}to{transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1);opacity:0}}.book-burst{position:absolute;top:18px;right:22px;z-index:5;width:64px;height:64px;pointer-events:none}.book-star{width:64px;animation:pop .6s cubic-bezier(.2,1.8,.4,1) both}.book-burst i{position:absolute;left:26px;top:24px;width:12px;height:16px;border:2px solid var(--ink);border-radius:3px;animation:burst .95s cubic-bezier(.15,.8,.3,1) forwards}.book,.toast-card{--color-cyan-50:#effbf6;--color-cyan-100:#d9f5ea;--color-cyan-200:#b8ecd8;--color-cyan-300:#86e3bd;--color-cyan-400:#5fcfa3;--color-cyan-500:#3fb487;--color-cyan-600:#2a8a66;--color-cyan-700:#1f6b50;--color-cyan-800:#16503c;--color-cyan-900:#103a2c;--color-cyan-950:#0a241b;--color-emerald-50:#effbf6;--color-emerald-100:#d9f5ea;--color-emerald-200:#b8ecd8;--color-emerald-300:#86e3bd;--color-emerald-400:#5fcfa3;--color-emerald-500:#3fb487;--color-emerald-600:#2a8a66;--color-emerald-700:#1f6b50;--color-emerald-800:#16503c;--color-emerald-900:#103a2c;--color-emerald-950:#0a241b;--color-indigo-400:#5fcfa3;--color-indigo-500:#3fb487;--color-amber-50:#fffbe8;--color-amber-100:#fff4c2;--color-amber-200:#ffe98a;--color-amber-300:#ffd84d;--color-amber-400:#f5c518;--color-amber-500:#e8b52c;--color-amber-600:#b3870f;--color-amber-700:#8a6608;--color-amber-800:#6b4f06;--color-amber-900:#4d3905;--color-amber-950:#2e2203;--color-red-50:#fff0f6;--color-red-100:#ffe1ef;--color-red-200:#ffc4e2;--color-red-300:#ff9ccf;--color-red-400:#f877b6;--color-red-500:#e0549a;--color-red-600:#b83a7a;--color-red-700:#93295f;--color-red-800:#6f1f48;--color-red-900:#4f1633;--color-red-950:#2f0d1f}.book input[type=checkbox],.book input[type=radio]{width:24px;height:24px;flex:none;accent-color:var(--ink)}.book input[type=range]{height:24px;accent-color:var(--ink)}.book :is(input,select,textarea):focus-visible{outline:3px solid #1f5fd6;outline-offset:2px}.book [aria-checked=true][role=radio],.book [aria-pressed=true]:not(.icon-sticker){border-color:var(--ink)!important;box-shadow:2px 2px 0 var(--ink)}@keyframes tape-land{0%{rotate:-5deg}55%{rotate:1.5deg}to{rotate:0deg}}.motion h2.tape[data-in].in{animation:tape-land .7s cubic-bezier(.34,1.56,.64,1) .5s}.site-footer .sleep{cursor:default}@media (prefers-reduced-motion:reduce){.fav[aria-pressed=true] svg,.icon-sticker[aria-pressed=true] svg,.motion h2.tape[data-in].in,.reshuffle,.squish{animation:none}.mini-sticker{transition:none}}.pip{display:block;overflow:visible}.pip .shadow{fill:rgba(0,0,0,.2)}body[data-desk=dark] .pip .shadow{fill:rgba(0,0,0,.55)}.pip .glow{display:none}body[data-desk=dark] .pip .glow{display:inline}.pip .breath,.pip .rig,.pip .squash{transform-box:view-box;transform-origin:100px 186px}.pip .breath{animation:breathe 2.9s cubic-bezier(.45,0,.55,1) infinite}@keyframes breathe{50%{transform:scale(1.03,.965)}}.pip .squash{transition:transform .16s ease-out}.pip.pressed .squash{transform:scale(1.15,.84)}.pip.jelly .squash{animation:jelly .9s ease-out}@keyframes jelly{15%{transform:scale(1.12,.88)}30%{transform:scale(.9,1.1)}45%{transform:scale(1.06,.94)}60%{transform:scale(.96,1.04)}75%{transform:scale(1.02,.98)}}.pip .antenna{transform-box:view-box;animation:sway 4.6s ease-in-out infinite}@keyframes sway{50%{transform:rotate(5deg)}}.pip .eyes{transform-box:view-box;transition:transform 90ms ease-in}.pip.blink .eyes{transform:scaleY(.1)}.pip .pupil{transition:transform 70ms cubic-bezier(.2,.9,.3,1)}.pip .act-r{transform-box:view-box;transform-origin:158px 122px}.working.loop-hammer .act-r{animation:w-hammer .6s ease-in-out infinite}@keyframes w-hammer{0%,to{transform:rotate(-16deg)}50%{transform:rotate(14deg)}}.working.loop-chop .act-r{animation:w-chop 1.2s cubic-bezier(.5,0,.3,1) infinite}@keyframes w-chop{0%,to{transform:rotate(-24deg)}45%{transform:rotate(-32deg)}62%{transform:rotate(26deg)}72%{transform:rotate(22deg)}}.working.loop-tap .act-r,.working.loop-twist .act-r{animation:w-twist .8s ease-in-out infinite}.working.loop-snip .act-r{animation:w-twist .45s ease-in-out infinite}@keyframes w-twist{0%,to{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}.working.loop-paint .act-r,.working.loop-search .act-r,.working.loop-wand .act-r{animation:w-paint 1.4s ease-in-out infinite}@keyframes w-paint{0%,to{transform:rotate(-10deg)}50%{transform:rotate(12deg)}}.working.loop-stir .act-r{animation:w-stir 1s linear infinite}@keyframes w-stir{25%{transform:translate(4px,-3px)}50%{transform:translateY(-5px)}75%{transform:translate(-4px,-3px)}}.pip .hand-front{transform-box:fill-box;transform-origin:center}.working.loop-type .hand-front{animation:w-tap .26s ease-in-out infinite alternate}.working.loop-type .hand-front+.hand-front{animation-delay:.13s}@keyframes w-tap{to{transform:translateY(-4px)}}.pip .balloon,.pip .bubbles,.pip .confetti,.pip .drops,.pip .notes,.pip .rain,.pip .ray,.pip .spark,.pip .sparkles,.pip .steam,.pip .twinkles{transform-box:fill-box;transform-origin:center}.working.loop-weld .spark{animation:w-spark .16s steps(2) infinite}.working.loop-bulb .ray{animation:w-spark .5s steps(2) infinite}@keyframes w-spark{50%{opacity:.25;transform:scale(.6)}}.pip .flame{transform-box:fill-box;transform-origin:50% 100%}.working.loop-flicker .flame{animation:w-flame .45s ease-in-out infinite alternate}@keyframes w-flame{to{transform:scale(.9,1.12) rotate(3deg)}}.working .confetti,.working .sparkles,.working .twinkles{animation:w-twinkle 1.4s ease-in-out infinite}@keyframes w-twinkle{50%{opacity:.35}}.working .steam,.working.loop-bubbles .bubbles,.working.loop-notes .notes{animation:w-rise 1.8s ease-in infinite}@keyframes w-rise{0%{transform:translateY(6px);opacity:0}30%{opacity:1}to{transform:translateY(-14px);opacity:0}}.working.loop-rain .rain,.working.loop-water .drops{animation:w-fall .7s linear infinite}@keyframes w-fall{0%{transform:translateY(-6px);opacity:0}30%{opacity:1}to{transform:translateY(10px);opacity:0}}.working.loop-float .balloon{animation:w-float 2.4s ease-in-out infinite}@keyframes w-float{50%{transform:translateY(-6px) rotate(-3deg)}}.working.loop-floatall .rig{animation:w-bob 3s ease-in-out infinite}@keyframes w-bob{50%{transform:translateY(-7px)}}.pip .cape{transform-box:view-box;transform-origin:100px 112px}.working.loop-flutter .cape{animation:w-flutter 1.3s ease-in-out infinite}@keyframes w-flutter{50%{transform:skewX(-5deg) scaleX(1.04)}}.working.loop-flash .flash{animation:w-flash 2.2s steps(1) infinite}@keyframes w-flash{0%,86%{fill:#FBF7EF}88%,96%{fill:#FFF3A8}}.still,.still *{animation:none!important;transition:none!important}@media (prefers-reduced-motion:reduce){.pip,.pip *{animation:none!important;transition:none!important}.card .cell,.stage{transition:none}}.pip .tilt{transform-box:view-box;transform-origin:100px 186px}.pip .star{transform-box:fill-box;transform-origin:center}.pip.dark .glow{display:inline}.pip.dark .shadow{fill:rgba(0,0,0,.55)}.pip.twinkle .star{animation:p-twinkle .9s ease-in-out}@keyframes p-twinkle{40%{transform:scale(1.45) rotate(40deg)}}.pip.wiggle .antenna{animation:p-wiggle .9s cubic-bezier(.22,1.5,.36,1)}@keyframes p-wiggle{20%{transform:rotate(-16deg)}45%{transform:rotate(12deg)}70%{transform:rotate(-6deg)}}.pip .brows{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.pip.browraise .brows{transform:translateY(-6px)}.pip.browplay .bl-l{animation:p-bup .3s ease-in-out 4 alternate}.pip.browplay .bl-r{animation:p-bup .3s ease-in-out .3s 4 alternate}@keyframes p-bup{to{transform:translateY(-6px)}}.pip.waking .eyes{animation:p-wake .6s ease-out}@keyframes p-wake{0%{transform:scaleY(.1)}}.pip.hop .rig{animation:p-hop .7s cubic-bezier(.22,1,.36,1)}@keyframes p-hop{20%{transform:scale(1.08,.9)}50%{transform:translateY(-14px) scale(.96,1.05)}78%{transform:scale(1.03,.97)}}.pip.dropin .rig{animation:p-dropin 1.1s cubic-bezier(.22,1,.36,1)}@keyframes p-dropin{0%{transform:translateY(-90px) scale(.9,1.12);opacity:0}45%{transform:translateY(0) scale(1.18,.82);opacity:1}65%{transform:scale(.94,1.08)}82%{transform:scale(1.03,.97)}to{transform:none}}.pip.stretchtall .squash{animation:p-tall 1.2s cubic-bezier(.34,1.2,.64,1)}@keyframes p-tall{35%{transform:scale(.87,1.18)}55%{transform:scale(.89,1.16)}75%{transform:scale(1.05,.95)}90%{transform:scale(.98,1.02)}}.pip.squashwide .squash{animation:p-wide 1.2s cubic-bezier(.34,1.2,.64,1)}@keyframes p-wide{35%{transform:scale(1.2,.84)}55%{transform:scale(1.18,.86)}75%{transform:scale(.95,1.05)}90%{transform:scale(1.02,.98)}}.pip.nod .squash{animation:p-nod .8s ease-in-out}@keyframes p-nod{25%,75%{transform:scale(1.02,.93)}50%{transform:none}}.pip.spin .squash{animation:p-spin .8s ease-in-out}@keyframes p-spin{25%{transform:scaleX(.05)}50%{transform:scaleX(-1)}75%{transform:scaleX(.05)}}.pip.shake .tilt{animation:p-shake .7s ease-in-out}@keyframes p-shake{15%{transform:rotate(-7deg)}35%{transform:rotate(7deg)}55%{transform:rotate(-5deg)}75%{transform:rotate(4deg)}}.pip.shiver .tilt{animation:p-shiver .08s linear 10}@keyframes p-shiver{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.pip .arm-l{transform-box:view-box;transform-origin:42px 122px}.pip.waving .act-r{animation:p-wave .45s ease-in-out .1s 5 alternate}@keyframes p-wave{0%{transform:rotate(-14deg)}to{transform:rotate(12deg)}}.pip.cheer .arm-l{animation:p-pump-l .34s ease-in-out .1s 6 alternate}.pip.cheer .act-r{animation:p-pump-r .34s ease-in-out .1s 6 alternate}@keyframes p-pump-l{to{transform:rotate(14deg)}}@keyframes p-pump-r{to{transform:rotate(-14deg)}}.pip.cheer .rig{animation:p-hop .7s cubic-bezier(.22,1,.36,1) 2}@media (prefers-reduced-motion:reduce){.pip,.pip *{animation:none!important;transition:none!important}}@font-face{font-family:display;src:url(/_next/static/media/33553e7595b74ccf-s.p.woff2) format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:display Fallback;src:local("Arial");ascent-override:91.48%;descent-override:26.56%;line-gap-override:0.00%;size-adjust:101.66%}.__className_66bbf4{font-family:display,display Fallback}.__variable_66bbf4{--font-display:"display","display Fallback"}@font-face{font-family:body;src:url(/_next/static/media/b04fe76c44ae53c6-s.p.woff2) format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:body Fallback;src:local("Arial");ascent-override:99.04%;descent-override:31.80%;line-gap-override:0.00%;size-adjust:99.36%}.__className_fcc1cb{font-family:body,body Fallback}.__variable_fcc1cb{--font-body:"body","body Fallback"}@font-face{font-family:hand;src:url(/_next/static/media/7fdeec0c074ef54a-s.p.woff2) format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:hand Fallback;src:local("Arial");ascent-override:127.10%;descent-override:39.72%;line-gap-override:0.00%;size-adjust:75.53%}.__className_7a6047{font-family:hand,hand Fallback}.__variable_7a6047{--font-hand:"hand","hand Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_3c557b{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}