a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}button,input[type=button],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;background:0 0;background-repeat:no-repeat}*,:after,:before{box-sizing:border-box;background-repeat:no-repeat}:after,:before{text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}:where(button,input,select,textarea){background-color:transparent;border:1px solid WindowFrame;color:inherit;font:inherit;letter-spacing:inherit;padding:.25em .375em}:where(select){-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat right center/1em;border-radius:0;padding-right:1em}:where(select[multiple]){background-image:none}:where([type=color i],[type=range i]){border-width:0;padding:0}:where(iframe,img,input,video,select,textarea){height:auto;max-width:100%}:where(img){display:block}:where(svg){height:auto;max-width:100%}@media (prefers-reduced-motion: reduce){*,:after,:before{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#222;display:block;font-family:inherit;font-size:14px;font-weight:500;height:auto;left:.5rem;line-height:normal;padding:1rem;text-decoration:none;top:.5rem;width:auto;z-index:100000}:focus-visible{outline-color:#747474;outline-width:2px;outline-style:dashed;outline-offset:4px}:focus:not(:focus-visible){outline:none}#content[tabindex="-1"]:focus{outline:none}@font-face{font-family:Fuzzy Bubbles;font-style:normal;font-weight:400;font-display:swap;src:local("Fuzzy Bubbles"),url(/assets/fuzzy-ext-DVStBVrQ.woff2) format("woff2");unicode-range:U+0000-00FF}html,body{height:100%}a{color:inherit}#site-preloader{position:fixed;top:0;bottom:0;left:0;right:0;z-index:20000;background-color:#222;display:flex;align-items:center;justify-content:center;opacity:1;pointer-events:none;transition:opacity .3s ease}#site-preloader.loaded{opacity:0}body{font-family:Fuzzy Bubbles,sans-serif;line-height:1.5;color:#222;background:#222}body #__app{height:100%;min-height:640px;position:relative;overflow-x:hidden}body .bg{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top right;object-position:top right}body .pens{position:absolute;top:0;right:0;z-index:10;width:clamp(9.38rem,4.81vw + 8.17rem,12.5rem)}body .credit{position:absolute;bottom:0;left:0;z-index:10;width:clamp(9.38rem,4.81vw + 8.17rem,12.5rem);height:clamp(3.75rem,3.85vw + 2.79rem,6.25rem);overflow:hidden}body .credit .credit__inner{position:absolute;top:0;left:0;width:100%;height:100%;padding:clamp(.5rem,.77vw + .31rem,1rem);display:flex;align-items:center;font-size:clamp(.75rem,.19vw + .7rem,.88rem);line-height:1.2}body .credit .credit__inner p{transform-origin:center;transform:rotate(-3deg)}button{cursor:pointer}.layout{position:relative;z-index:2;padding:0 max(1.25rem,50vw - 500px);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.toolbar{position:absolute;z-index:1000;top:100%;right:0;display:grid;align-items:center;grid-auto-flow:column;gap:.5rem}.toolbar .btn--ui{display:flex;align-items:center;gap:.5rem;height:2rem;padding:0 .5rem;background-color:#fff;background-image:linear-gradient(to bottom,rgba(0,0,0,.25),25%,transparent);border-radius:0 0 .25rem .25rem;font-size:14px;line-height:1;transition:background-color .3s ease,color .3s ease}.toolbar .btn--ui svg{width:1rem}.toolbar .btn--ui:hover,.toolbar .btn--ui.active{background-color:#222;color:#fff}.toolbar .btn--ui:hover#download,.toolbar .btn--ui.active#download{background-color:#03957b}.toolbar .btn--ui:hover#clear,.toolbar .btn--ui.active#clear{background-color:#dd4343}.toolbar .btn--ui:hover>svg,.toolbar .btn--ui.active>svg{fill:#fff}#shapePicker{position:absolute;z-index:100;left:50%;bottom:1rem;transform:translate(-50%);display:grid;grid-auto-flow:column;align-items:center;gap:1rem}#shapePicker button>svg{height:2rem;width:auto;max-width:none;fill:#bbb}#shapePicker button>svg path{filter:drop-shadow(0 1px 4px rgba(0,0,0,.25))}#shapePicker button:hover svg{fill:#231f20}#shapeControls{position:absolute;z-index:100;right:0;top:50%;transform:translateY(-50%);display:grid;justify-items:center;gap:.5rem;opacity:0;pointer-events:none;transition:opacity .3s ease}#shapeControls.show{opacity:1;pointer-events:all}#shapeControls #swatchPicker{display:grid;gap:.5rem}#shapeControls .swatch,#shapeControls .control{width:clamp(1.5rem,.77vw + 1.31rem,2rem);height:clamp(1.5rem,.77vw + 1.31rem,2rem);border-radius:.25rem 0 0 .25rem;cursor:pointer;box-shadow:0 1px 4px #00000040}#shapeControls .swatch>svg,#shapeControls .control>svg{width:1rem}#shapeControls .control{background-color:#fff;transition:background-color .3s ease}#shapeControls .control:hover{background-color:#eee}#shapesContainer{position:relative;width:100%;height:77vh;min-height:480px;aspect-ratio:8/7;box-shadow:0 1px 4px #00000040}#shapesContainer canvas#shapesCanvas{display:block}#shapesContainer .post-it{position:absolute;transform-origin:center;z-index:10000;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:1px 2px 4px #00000040}#shapesContainer .post-it p{font-family:Fuzzy Bubbles;text-align:center;margin-bottom:1rem}#shapesContainer .post-it.post-it--intro{top:40%;left:50%;transform:translate3d(-50%,-40%,0) rotate(6deg);aspect-ratio:1/1;width:100%;max-width:300px;background:#feff9c}#shapesContainer .post-it.post-it--intro .post-it--intro__arrow{position:absolute;top:calc(100% - 2rem);left:50%;transform-origin:center;transform:translate(-50%) rotate(-6deg);height:clamp(5rem,3.85vw + 4.04rem,7.5rem);width:auto;max-width:none}#shapesContainer .post-it.post-it--help{bottom:2rem;right:-1rem;transform:rotate(-4deg);aspect-ratio:2/1;width:100%;max-width:160px;background:#ff7eb9}#shapesContainer .post-it.post-it--help .post-it--help__arrow{position:absolute;top:calc(100% - 1rem);left:2rem;transform-origin:center;transform:rotate(8deg);height:clamp(2rem,1.54vw + 1.62rem,3rem);width:auto;max-width:none}#shapesContainer .tape{position:absolute;z-index:10;bottom:calc(100% - 20px);left:50%;transform:translate(-50%);aspect-ratio:623/121;width:100%;max-width:280px;pointer-events:none}#saveModal{position:fixed;z-index:21000;top:0;bottom:0;left:0;right:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:0 1rem}#saveModal .saveModal__inner{background-color:#fff;padding:0 1rem;text-align:center;display:flex;flex-direction:column}#saveModal .saveModal__inner button{padding:1rem 0 1rem 1rem;align-self:flex-end}#saveModal .saveModal__inner #saveImg{max-height:60vh;-o-object-fit:contain;object-fit:contain}#saveModal .saveModal__inner p{padding:1rem}