.shade{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#02080e99;animation:screen-shade .22s ease both}.screen{--line: #4fe3c4;--dim: #1f6d62;--glow: rgb(79 227 196 / .16);--mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--board: #f5f7f6;--pen: #24335e;--ink-line: #2b2f3a;--marker: #1f8f7c;--rail: 0px;position:relative;display:flex;flex-direction:column;width:min(940px,100%);height:min(700px,100%);overflow:hidden;outline:none;color:#c9fff0;font:16px/25px var(--mono);background:#06141a;border:2px solid var(--line);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);box-shadow:inset 0 0 70px var(--glow);animation:screen-in .26s cubic-bezier(.2,.8,.3,1) both}.screen:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,rgb(255 255 255 / .022) 0 1px,transparent 1px 3px)}.screen__top{position:relative;z-index:6;flex:none;display:flex;align-items:center;gap:10px;padding:12px 14px 12px 24px;border-bottom:1px solid var(--dim)}.screen__tabs{display:flex;gap:6px;margin-right:auto}.screen__tab,.screen__button{min-width:44px;min-height:38px;padding:0 16px;color:var(--line);font:600 14px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;background:none;border:1px solid var(--dim);cursor:pointer;transition:background .15s,color .15s}.screen__tab:hover:not(:disabled),.screen__button:hover:not(:disabled){background:#4fe3c424}.screen__tab--on,.screen__tab--on:hover:not(:disabled){color:#06141a;background:var(--line);border-color:var(--line)}.screen__tab:focus-visible,.screen__button:focus-visible{outline:2px solid #ffd66b;outline-offset:2px}.screen__tab:disabled,.screen__button:disabled{opacity:.35;cursor:default}.screen__close{padding:0;font-size:22px}.screen__body{position:relative;z-index:1;flex:1;min-height:0;padding:22px 24px 28px;overflow:hidden auto;overscroll-behavior:contain;will-change:scroll-position;isolation:isolate;scrollbar-width:thin;scrollbar-color:var(--dim) transparent}.screen__body--paper{color:var(--pen);font-family:Patrick Hand,Comic Sans MS,cursive;font-size:20px;line-height:28px;background:var(--board)}.screen__title{margin:0 0 16px;color:var(--line);font:600 24px/32px var(--mono);letter-spacing:.04em}.screen__title:before{content:"> ";color:var(--dim)}.screen__subtitle{margin:-10px 0 16px;color:#8fd9c9}.screen__body .piece{width:100%;transform:none}.screen__body .sticker,.screen__body .magnet,.screen__body .paperclip,.screen__body .tape,.screen__body .piece--filler{display:none}.screen__body:not(.screen__body--paper) .sticky{color:#ffe7ad;font:16px/25px var(--mono);background:#1c1a10;border:1px solid #7d6a2c;box-shadow:none;transform:none}.listing{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px 28px;align-items:start}.listing h3{margin:0 0 10px;padding-bottom:6px;color:var(--line);font:600 14px/20px var(--mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--dim)}.listing ul{margin:0;padding:0;list-style:none}.listing button{display:block;width:100%;min-height:36px;padding:5px 8px 5px 26px;color:#c9fff0;font:15px/22px var(--mono);text-align:left;text-indent:-18px;background:none;border:0;cursor:pointer}.listing button:before{content:"> ";color:var(--dim)}.listing button:hover{color:#06141a;background:var(--line)}.listing button:hover:before{color:#06141a}.listing button:focus-visible{outline:2px solid #ffd66b;outline-offset:-2px}@media (max-width: 640px){.shade{padding:0}.screen{width:100%;height:100%;border:0;clip-path:none}.screen__top{padding:max(10px,env(safe-area-inset-top)) 12px 10px 16px}.screen__body{padding:16px 16px max(24px,env(safe-area-inset-bottom))}.listing{grid-template-columns:1fr}.screen__body .piece{grid-column:1 / -1}}@keyframes screen-shade{0%{background:#02080e00}}@keyframes screen-in{0%{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion: reduce){.shade,.screen{animation:none}}:root{color-scheme:dark;--ink: #1d2230;--muted: #5f6675;--paper: #f6f4ee;--line: #e0dccf;--coral: #f07857;--butter: #fbcf3f;--sky: #33a9e8;--font: ui-rounded, "SF Pro Rounded", "Avenir Next", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}#root{position:fixed;top:0;left:0;width:100%;height:var(--screen-height, 100%);transform:translateY(var(--screen-top, 0))}body{background:#000;color:var(--paper);font-family:var(--font);overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}canvas{display:block;touch-action:none}.stage{position:fixed;inset:0 0 calc(-1 * var(--overscan, 0px))}.labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.label{position:absolute;left:0;top:0;overflow:hidden;color:transparent;font-size:1px;border-radius:10px;will-change:transform}.label:focus-visible{outline:none}.label--hot:focus-visible{outline:3px solid var(--butter);outline-offset:3px}.edge{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .18s;box-shadow:inset 0 0 var(--edge, 60px) 2px #ffffff38}.edge--on{opacity:1}.at-edge canvas{cursor:pointer}.crumbs{position:fixed;top:max(16px,env(safe-area-inset-top));left:16px;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px)}.crumbs__back{flex:none;padding:8px 15px;border-radius:999px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:700}.crumbs__back:hover{background:var(--butter)}.crumbs__back:focus-visible,.crumbs button:focus-visible{outline:2px solid var(--butter);outline-offset:2px}.panel__body{margin-top:26px}.panel__body>*+*{margin-top:14px}.panel__body h2{margin-top:30px;font-size:19px}.panel__body h3{margin-top:22px;font-size:16px}.panel__body ul,.panel__body ol{padding-left:22px}.panel__body a{color:#b8412c}.panel__body img,.panel__body video{display:block;width:100%;border-radius:10px}.panel__body blockquote{padding:10px 16px;border-left:4px solid var(--butter);background:#fbf6dc;border-radius:0 8px 8px 0;color:var(--muted)}.clouds{position:fixed;inset:0 0 calc(-1 * var(--overscan, 0px));overflow:hidden;pointer-events:none}.clouds--shut{pointer-events:auto}.clouds span{position:absolute;border-radius:50%;background:#ecf2f4;translate:-50% -50%;scale:0;transition:scale .56s cubic-bezier(.5,0,.3,1)}.clouds--shut span{scale:1}@media (prefers-reduced-motion: reduce){.panel,.clouds span{transition-duration:.01s;transition-delay:0s!important}}.live{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .2s}.live--open{opacity:1}.live__tail{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.live__tail polygon{fill:var(--paper)}.live__frame{position:absolute;left:0;top:0;width:340px;height:340px;overflow:hidden;border:6px solid var(--paper);border-radius:14px;background:#20232c;box-shadow:0 10px 34px #00000080}.live__view{position:absolute;left:0;top:0;width:328px;height:328px;transform-origin:0 0}.live__frame canvas{touch-action:auto}@media (prefers-reduced-motion: reduce){.live{transition:none}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;z-index:30;left:16px;top:64px;padding:8px 14px;border-radius:999px;background:var(--paper);color:var(--ink);font-weight:700;transform:translateY(-140px)}.skip:focus-visible{transform:none;outline:2px solid var(--butter);outline-offset:2px}.index{position:fixed;z-index:31;left:16px;top:16px;bottom:16px;width:min(340px,calc(100vw - 32px));overflow-y:auto;padding:24px;border-radius:14px;background:var(--paper);color:var(--ink);line-height:1.5}.index a{color:inherit}.index a:focus-visible,.index button:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.index__home{font-weight:800;font-size:19px}.index section{margin-top:18px}.index h2{font-size:15px}.index ul{margin-top:4px;padding-left:18px}.index__close{position:absolute;top:12px;right:12px;width:34px;height:34px;font-size:22px;line-height:1}.gpu-lost{position:fixed;z-index:40;left:50%;bottom:28px;translate:-50% 0;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 18px;border-radius:999px;background:var(--paper);color:var(--ink)}.gpu-lost button{padding:6px 14px;border-radius:999px;background:var(--butter);font-weight:700}body:has(.plain){overflow:auto;background:var(--paper)}#root:has(.plain){position:static;height:auto;transform:none}.plain{max-width:680px;margin:0 auto;padding:48px 20px 72px;color:var(--ink);line-height:1.6}.plain h1{font-size:36px}.plain__reason,.plain__subtitle{margin-top:8px;color:var(--muted)}.plain section{margin-top:32px}.plain h2{font-size:21px;margin-bottom:8px}.plain details{padding:10px 0;border-top:1px solid var(--line)}.plain summary{font-weight:700;cursor:pointer}.plain .panel__body{margin-top:12px}.panel{--board: #f5f7f6;--pen: #24335e;--ink-line: #2b2f3a;--marker: #1f4fbf;--rail: 13px;position:fixed;top:0;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden;color:var(--pen);font-family:Patrick Hand,Comic Sans MS,cursive;font-size:20px;line-height:28px;background:radial-gradient(60% 22% at 72% 16%,rgb(120 140 170 / .09),transparent 70%),radial-gradient(44% 18% at 18% 58%,rgb(120 140 170 / .08),transparent 70%),radial-gradient(52% 16% at 80% 84%,rgb(200 120 110 / .06),transparent 70%),repeating-linear-gradient(112deg,rgb(30 40 60 / .012) 0 2px,transparent 2px 11px),var(--board);box-shadow:-8px 0 26px #0000006b;transform:translate(104%);visibility:hidden;transition:transform .42s cubic-bezier(.22,.8,.26,1),visibility 0s linear .42s;outline:none}.panel:before,.panel:after{content:"";position:absolute;z-index:6;pointer-events:none}.panel:before{left:0;top:0;bottom:0;width:var(--rail);background:linear-gradient(90deg,#8d939b,#e4e7ea 38%,#b9bec5 62%,#7f858d)}.panel:after{left:0;right:0;top:0;height:var(--rail);background:linear-gradient(180deg,#e8ebee,#bcc1c8 62%,#858b93)}.panel--open{transform:none;visibility:visible;transition-delay:0s}.panel--sheet{top:auto;left:0;right:0;bottom:calc(-1 * var(--overscan, 0px));padding-bottom:var(--overscan, 0px);transform:translateY(104%);font-size:19px}.panel--sheet.panel--open{transform:none}.panel--sheet:before{display:none}.panel__close{position:absolute;z-index:8;top:22px;right:18px;width:44px;height:44px;border-radius:50%;color:#fff;font:400 30px/40px Gochi Hand,cursive;background:radial-gradient(circle at 34% 28%,#ff9a8b 0 9%,#d23a2e 44%,#a92a20);box-shadow:0 3px 5px #141e3266;transition:transform .12s}.panel__close:hover{transform:scale(1.08) rotate(-6deg)}.panel__close:focus-visible{outline:3px solid var(--marker);outline-offset:2px}.board{flex:1;min-height:0;overflow:hidden auto;overscroll-behavior:contain;will-change:scroll-position;position:relative;isolation:isolate;padding:calc(var(--rail) + 18px) 26px 26px calc(var(--rail) + 22px);scrollbar-width:thin;scrollbar-color:#b9bec5 transparent}.panel--sheet .board{padding:calc(var(--rail) + 12px) 16px 22px}.entry__top{position:relative;padding-right:54px}.entry__corner{float:right;display:flex;align-items:center;gap:6px;margin:-4px 8px 0 12px;pointer-events:none}.entry__corner .plane{width:92px}.entry__corner .icon{width:46px;height:46px}.entry__corner .icon:nth-of-type(2){transform:rotate(-9deg)}.entry__corner .icon:nth-of-type(3){transform:rotate(8deg) translateY(4px)}.panel--sheet .entry__corner .plane{display:none}.entry__title{color:var(--marker);font-family:Gochi Hand,cursive;font-size:clamp(40px,3.9vw,54px);font-weight:400;line-height:.98;letter-spacing:.005em}.panel--sheet .entry__title{font-size:38px}.squiggle{display:block;width:min(86%,340px);height:14px;margin-top:3px;fill:none;stroke:#d23a2e;stroke-width:3;stroke-linecap:round}.squiggle path{vector-effect:non-scaling-stroke}.entry__tape{width:fit-content;max-width:100%;margin-top:12px;padding:3px 18px 4px;color:#3b3322;font-size:18px;line-height:23px;background:#eedeaaeb;box-shadow:0 1px 2px #281e0a38;clip-path:polygon(0 0,1.2% 12%,0 26%,1.2% 40%,0 54%,1.2% 68%,0 84%,1.2% 100%,98.8% 100%,100% 84%,98.8% 68%,100% 54%,98.8% 40%,100% 26%,98.8% 12%,100% 0);transform:rotate(var(--tilt))}.collage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px 16px;align-items:start;margin-top:28px}.piece{position:relative;grid-column:span var(--span, 12);transform:rotate(var(--tilt, 0deg));filter:drop-shadow(0 2px 2px rgb(30 40 60 / .2)) drop-shadow(0 5px 7px rgb(30 40 60 / .1));animation:stick .34s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:calc(.12s + var(--order, 0) * .07s)}.panel--sheet .piece{grid-column:span var(--phone-span, 12)}.piece--left{width:96%;justify-self:start}.piece--right{width:96%;justify-self:end}.piece--filler{display:flex;align-items:center;gap:10px;filter:none;animation:none;align-self:center;justify-self:center}.piece--filler .icon{width:96px;height:96px;flex:none;transform:rotate(-6deg)}.icon{display:block}.sticker{position:absolute;z-index:3;right:-10px;width:58px;height:58px;filter:drop-shadow(0 0 0 #fff) drop-shadow(0 2px 2px rgb(30 40 60 / .3))}.sticker--top{top:-18px;transform:rotate(9deg)}.sticker--bottom{bottom:-16px;transform:rotate(-8deg)}@keyframes stick{0%{opacity:0;transform:translateY(16px) rotate(calc(var(--tilt, 0deg) * 3)) scale(1.04)}}.writing>*+*{margin-top:8px}.writing h2,.writing h3,.paper h3{font-family:Gochi Hand,cursive;font-weight:400}.writing ul,.writing ol{padding-left:24px;list-style:none}.writing ol{counter-reset:step}.writing li{position:relative}.writing li+li{margin-top:0}.writing ul>li:before{content:"";position:absolute;left:-19px;top:13px;width:11px;height:3px;border-radius:2px;background:var(--marker);transform:rotate(-9deg)}.writing ol>li{counter-increment:step}.writing ol>li:before{content:counter(step) ")";position:absolute;left:-24px;color:var(--marker)}.writing a{color:inherit;text-decoration:underline wavy #d23a2e 1.5px;text-underline-offset:4px}.writing img,.writing video{display:block;width:100%}.writing code{font-family:inherit;background:#fbcf3f66;padding:0 3px}.writing strong{font-weight:400;background:linear-gradient(transparent 58%,rgb(251 207 63 / .7) 58% 92%,transparent 92%)}.paper{position:relative;padding:16px 20px 20px;background:#fffef9}.paper h3{font-size:27px;line-height:28px;color:var(--ink-line);margin-bottom:8px;overflow-wrap:anywhere}.paper--lined,.paper--legal{min-height:168px}.paper--lined h3,.paper--legal h3{margin-bottom:0}.paper--lined .writing>*+*,.paper--legal .writing>*+*{margin-top:28px}.paper--lined .writing>ul,.paper--legal .writing>ul,.paper--lined .writing>ol,.paper--legal .writing>ol{margin-top:0}.paper--lined{padding:28px 18px 28px 50px;background:radial-gradient(circle 8px at 20px 34px,var(--board) 0 7px,#c9ced6 7.5px 8px,transparent 8.5px),radial-gradient(circle 8px at 20px 50%,var(--board) 0 7px,#c9ced6 7.5px 8px,transparent 8.5px),radial-gradient(circle 8px at 20px calc(100% - 34px),var(--board) 0 7px,#c9ced6 7.5px 8px,transparent 8.5px),linear-gradient(90deg,transparent 38px,#eb9c94 38px 39px,transparent 39px),repeating-linear-gradient(180deg,transparent 0 27px,#bcd2ea 27px 28px),#fffefa}.paper--grid{padding-bottom:30px;background:linear-gradient(#cfe2f2 1px,transparent 1px) 0 0 / 100% 14px,linear-gradient(90deg,#cfe2f2 1px,transparent 1px) 0 0 / 14px 100%,linear-gradient(#a9cbe6 1px,transparent 1px) 0 0 / 100% 70px,linear-gradient(90deg,#a9cbe6 1px,transparent 1px) 0 0 / 70px 100%,#fdfefc;clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),94% 100%,88% calc(100% - 7px),80% calc(100% - 1px),71% calc(100% - 8px),63% calc(100% - 2px),55% calc(100% - 7px),46% 100%,38% calc(100% - 8px),29% calc(100% - 2px),21% calc(100% - 7px),12% 100%,5% calc(100% - 6px),0 calc(100% - 1px))}.paper--legal{padding:28px 18px 28px 54px;background:linear-gradient(90deg,transparent 40px,#e5867d 40px 41px,transparent 41px 44px,#e5867d 44px 45px,transparent 45px),repeating-linear-gradient(180deg,transparent 0 27px,#a7c4dd 27px 28px),#fdf4bd}.paper--card{padding:14px 20px 22px;background:linear-gradient(180deg,transparent 49px,#e58a81 49px 50.5px,transparent 50.5px),repeating-linear-gradient(180deg,transparent 0 27px,#cfdff0 27px 28px) 0 22px / 100% calc(100% - 22px) no-repeat,#fffdf6}.paper--card h3{line-height:30px;margin-bottom:14px}.paper--torn{padding-right:34px;background:#fbfaf2;clip-path:polygon(0 0,97% 0,100% 6%,96.5% 14%,99% 22%,96% 31%,99.5% 40%,96.5% 49%,99% 58%,96% 67%,99.5% 76%,96.5% 85%,99% 93%,97% 100%,0 100%)}.paper--chalk{padding:20px 24px 26px;color:#f1f4ec;background:radial-gradient(70% 60% at 30% 20%,rgb(255 255 255 / .05),transparent 70%),#2f5d50;box-shadow:inset 0 0 0 6px #9a6a42,inset 0 0 0 7px #6a4326}.paper--chalk h3{color:#fff}.paper--chalk .writing ul>li:before{background:#ffe680}.paper--chalk .writing a{text-decoration-color:#ffe680}.paper--chalk .writing strong{background:none;color:#ffe680}.paper--blueprint{padding:20px 22px 24px;color:#eef5ff;background:linear-gradient(rgb(255 255 255 / .13) 1px,transparent 1px) 0 0 / 100% 20px,linear-gradient(90deg,rgb(255 255 255 / .13) 1px,transparent 1px) 0 0 / 20px 100%,#2c63b8;box-shadow:inset 0 0 0 2px #ffffff8c,inset 0 0 0 7px #2c63b8,inset 0 0 0 8px #ffffff4d}.paper--blueprint h3{color:#fff}.paper--blueprint .writing ul>li:before{background:#ffe680}.paper--blueprint .writing a{text-decoration-color:#ffe680}.paper--blueprint .writing strong{background:none;color:#ffe680}.paper--printout{padding:18px 34px 22px;background:radial-gradient(circle 4.5px at 11px 14px,var(--board) 4px,#bcc3cd 4.5px,transparent 5px) 0 0 / 22px 28px repeat-y,radial-gradient(circle 4.5px at 11px 14px,var(--board) 4px,#bcc3cd 4.5px,transparent 5px) 100% 0 / 22px 28px repeat-y,repeating-linear-gradient(180deg,#e3f2e4 0 28px,#fbfdf9 28px 56px)}.paper--staff{padding:20px 22px 24px;background:repeating-linear-gradient(180deg,transparent 0 8px,#d6c9b2 8px 9px,transparent 9px 14px,#d6c9b2 14px 15px,transparent 15px 20px,#d6c9b2 20px 21px,transparent 21px 26px,#d6c9b2 26px 27px,transparent 27px 32px,#d6c9b2 32px 33px,transparent 33px 56px),#fdf8ec}.paper--terminal{padding:16px 18px;border:1px solid #1f6d62;background:#081a20;color:#c9fff0;font:16px/25px ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace}.paper--terminal h3{margin-bottom:8px;color:#4fe3c4;font:600 15px/22px ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.paper--terminal .writing ul>li:before{background:#4fe3c4}.paper--terminal .writing a{color:#ffd66b;text-decoration-color:#ffd66b}.paper--terminal .writing strong{background:none;color:#ffd66b}.paper--kraft{padding:20px 22px 32px;color:#3f2c17;background:repeating-linear-gradient(97deg,rgb(90 60 30 / .05) 0 2px,transparent 2px 7px),repeating-linear-gradient(8deg,rgb(255 255 255 / .05) 0 3px,transparent 3px 11px),#d7b68a;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),93% 100%,85% calc(100% - 8px),76% calc(100% - 2px),66% calc(100% - 9px),56% calc(100% - 1px),47% calc(100% - 8px),36% 100%,26% calc(100% - 7px),15% calc(100% - 1px),6% calc(100% - 8px),0 calc(100% - 2px))}.paper--kraft h3{color:#3f2c17}.paper--kraft .writing ul>li:before{background:#7e4c1c}.sticky{position:relative;min-height:132px;padding:20px 16px 22px;font-family:Caveat,cursive;font-size:25px;line-height:27px;color:#33301f;background:linear-gradient(180deg,rgb(0 0 0 / .05) 0 15px,transparent 15px),var(--sticky);border-bottom-right-radius:60px 6px}.sticky--yellow{--sticky: #ffe680}.sticky--pink{--sticky: #ffc2cf}.sticky--mint{--sticky: #bdeccd}.sticky--blue{--sticky: #bfe3f7}.sticky .writing ul>li:before{background:currentColor}.sticky--todo{outline:2px dashed rgb(210 58 46 / .75);outline-offset:-5px}.sticky__only{display:block;margin-bottom:2px;color:#b5271c;font-size:19px;line-height:20px}.photo{position:relative}.photo__window{position:relative;overflow:hidden;aspect-ratio:4 / 3;background:#e7ebef}.photo__window img,.photo__window video{display:block;width:100%;height:100%;object-fit:cover}.photo__open{display:block;width:100%;height:100%;padding:0;background:none;border:0;cursor:zoom-in}.photo__open:focus-visible{outline:3px solid var(--marker);outline-offset:-3px}.photo figcaption{font-family:Caveat,cursive;font-size:22px;line-height:24px;color:#3c3a40;text-align:center}.photo--polaroid{padding:10px 10px 8px;background:#fffffb}.photo--polaroid figcaption{padding:7px 2px 3px;min-height:30px}.photo--frame{padding:9px;background:#fff;box-shadow:0 0 0 7px #8a5a33,inset 0 0 0 1px #d8d2c6;margin:7px}.photo--frame figcaption{padding:7px 2px 2px}.photo__empty{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#9aa5b3;stroke-width:2;stroke-dasharray:5 5;stroke-linejoin:round}.photo__empty text{fill:#6f7a89;stroke:none;font:500 14px Caveat,cursive;text-anchor:middle}.tape{position:absolute;z-index:2;top:-11px;left:50%;width:92px;height:25px;margin-left:-46px;transform:rotate(-3deg);clip-path:polygon(0 0,3% 20%,0 40%,3% 60%,0 80%,3% 100%,97% 100%,100% 80%,97% 60%,100% 40%,97% 20%,100% 0)}.tape--stripes{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--tape) 55%,transparent) 0 7px,#ffffff80 7px 14px)}.tape--dots{background:radial-gradient(circle 3px,color-mix(in srgb,var(--tape) 65%,transparent) 98%,transparent) 0 0 / 12px 12px,#ffffff9e}.magnet{position:absolute;z-index:2;top:-11px;left:50%;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / .75) 0 9%,var(--magnet) 44%,color-mix(in srgb,var(--magnet) 74%,black));box-shadow:0 2px 3px #141e3273}.paperclip{position:absolute;z-index:2;top:-14px;right:26px;width:22px;fill:none;stroke:#8d95a3;stroke-width:3;stroke-linecap:round}.doodle{display:block;width:100%;max-width:130px;fill:none}.doodle.ink{max-width:84px;stroke:var(--marker);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.plane{max-width:190px;stroke:var(--ink-line);stroke-width:1.8;stroke-linejoin:round}.plane__wing{fill:#fff}.plane__keel{fill:#dfe4ea}.plane__under{fill:#c5ccd6}.plane__trail{fill:none;stroke:var(--marker);stroke-width:2;stroke-dasharray:2 7;stroke-linecap:round}.panel--wall-circuit .board{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='220'%3E%3Cg fill='none' stroke='%235a7fb0' stroke-opacity='.16' stroke-width='2'%3E%3Cpath d='M0 40h70l30 30h90l30-30h40M60 220v-60l30-30h60l40 40v50M180 0v30l-30 30M260 130h-50l-20 20'/%3E%3Ccircle cx='100' cy='70' r='5'/%3E%3Ccircle cx='190' cy='70' r='5'/%3E%3Ccircle cx='150' cy='130' r='5'/%3E%3Ccircle cx='210' cy='130' r='5'/%3E%3C/g%3E%3C/svg%3E") local}.panel--wall-maths .board{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='240'%3E%3Cg fill='%2345618f' fill-opacity='.13' font-family='serif' font-style='italic'%3E%3Ctext x='14' y='44' font-size='26'%3Ea%C2%B2 + b%C2%B2 = c%C2%B2%3C/text%3E%3Ctext x='188' y='92' font-size='30'%3E%E2%88%91 1/n%C2%B2%3C/text%3E%3Ctext x='40' y='150' font-size='24'%3EO(n log n)%3C/text%3E%3Ctext x='196' y='204' font-size='28'%3E%E2%88%80x %E2%88%83y%3C/text%3E%3C/g%3E%3C/svg%3E") local}.panel--wall-music .board{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='170'%3E%3Cg stroke='%237a2f8f' stroke-opacity='.13' stroke-width='1.6'%3E%3Cpath d='M0 40h300M0 52h300M0 64h300M0 76h300M0 88h300'/%3E%3C/g%3E%3Cg fill='%237a2f8f' fill-opacity='.14'%3E%3Cellipse cx='70' cy='70' rx='8' ry='6'/%3E%3Cellipse cx='150' cy='58' rx='8' ry='6'/%3E%3Cellipse cx='232' cy='82' rx='8' ry='6'/%3E%3C/g%3E%3C/svg%3E") local}.panel--wall-contours .board{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='300'%3E%3Cg fill='none' stroke='%236b7f4f' stroke-opacity='.16' stroke-width='2'%3E%3Cpath d='M60 150c0-70 60-110 130-100s120 70 90 130-90 90-150 70-70-50-70-100Z'/%3E%3Cpath d='M100 150c0-45 40-70 90-65s80 45 60 85-60 60-100 45-50-30-50-65Z'/%3E%3Cpath d='M140 150c0-22 20-35 45-32s40 22 30 42-30 30-50 22-25-15-25-32Z'/%3E%3C/g%3E%3C/svg%3E") local}.entry{display:flex;flex-direction:column;min-height:100%}.entry>.collage{margin-bottom:32px}.entry__end{position:relative;flex:none;height:92px;margin-top:auto}.entry__end--flat{height:84px;margin:auto -26px -26px calc((var(--rail) + 22px) * -1)}.panel--sheet .entry__end--flat{margin:auto -16px -22px}.entry__end--flat svg{display:block;width:100%;height:100%}.keyboard__white{fill:#fffefa;stroke:#2b2f3a;stroke-width:2.5}.keyboard__black{fill:#27304a}.cable{display:block;width:min(100%,520px);height:80px;margin-top:6px}.ruler{position:absolute;left:-6px;top:26px;width:100%;height:44px;transform:rotate(-1.4deg);filter:drop-shadow(0 2px 2px rgb(30 40 60 / .3))}.ruler__wood{fill:#e9c88e}.ruler__tick{stroke:#5b4120;stroke-width:1}.ruler__number{fill:#5b4120;font:13px Patrick Hand,cursive;text-anchor:middle}.pencil{position:absolute;left:8%;top:4px;width:62%;transform:rotate(3.4deg);filter:drop-shadow(0 2px 2px rgb(30 40 60 / .3))}.pencil__rubber{fill:#ef8fa1}.pencil__band{fill:#b8bec6}.pencil__body{fill:#f6c33b}.pencil__shade{fill:#dfa72a}.pencil__wood{fill:#eed1a6}.pencil__lead{fill:#30343c}.tray{position:relative;z-index:6;flex:none;height:36px;padding:2px 20px 0 calc(var(--rail) + 14px);background:linear-gradient(180deg,#737980 0 4px,#c9cdd3 4px 7px,#e8ebee 7px 22px,#9aa0a8);box-shadow:0 -3px 6px #1e283c29}.tray__things{display:block;height:30px;width:auto}.panel--sheet .tray{display:none}@media (prefers-reduced-motion: reduce){.piece{animation:none}}.panel__edit{position:absolute;z-index:8;top:74px;right:16px;padding:3px 10px 5px;color:#33301f;font:500 23px/24px Caveat,cursive;background:#ffe680;box-shadow:0 2px 4px #1e283c4d;transform:rotate(4deg);transition:transform .12s}.panel__edit:hover{transform:rotate(-2deg) scale(1.06)}.panel__edit:focus-visible{outline:3px solid var(--marker);outline-offset:2px}.release{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.release--panel{position:absolute;z-index:8;top:112px;right:16px}.release--screen{margin-left:auto;flex-direction:row;align-items:center;gap:10px;color:#cfe}.release__switch{display:flex;align-items:center;gap:7px;padding:2px 9px 3px;cursor:pointer;color:#33301f;font:500 19px/22px Caveat,cursive;background:#fff6c9;box-shadow:0 2px 4px #1e283c4d}.release__switch input{position:absolute;opacity:0;width:1px;height:1px}.release__track{position:relative;width:28px;height:16px;border-radius:8px;background:#a7a59a;transition:background .12s}.release__track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .12s}.release__switch input:checked+.release__track{background:#3d9a6a}.release__switch input:checked+.release__track:after{transform:translate(12px)}.release__switch input:focus-visible+.release__track{outline:3px solid var(--marker, #2f6fd0);outline-offset:2px}.release__publish{padding:2px 9px 3px;color:#33301f;font:500 19px/22px Caveat,cursive;background:#ffd27a;box-shadow:0 2px 4px #1e283c4d;cursor:pointer}.release__problem{margin:0;padding:2px 8px;max-width:220px;color:#fff;font:500 13px/17px system-ui,sans-serif;background:#b8412c}.editbar{position:sticky;z-index:7;top:-8px;display:flex;align-items:center;gap:10px;margin:0 44px 16px 0;padding:7px 10px;background:#fffef6;box-shadow:0 2px 6px #1e283c38;transform:rotate(-.3deg)}.editbar__theme{display:flex;align-items:center;gap:6px;color:#6a7078;font:500 21px/22px Caveat,cursive}.editbar__theme select{padding:1px 4px;color:var(--pen);font:400 18px/22px Patrick Hand,sans-serif;background:#fff;border:1.5px solid #8c94a2;border-radius:4px}.editbar__status{flex:1;color:#6a7078;font:500 21px/22px Caveat,cursive}.editbar__status--failed,.editbar__status--stale,.editbar__status--signedOut{color:#c0392b}.panel--sheet .editbar{flex-wrap:wrap}.panel--sheet .editbar__theme span{display:none}.panel--sheet .editbar__status{order:5;flex-basis:100%}.panel--sheet .editbar__button--done{margin-left:auto}.editbar__button{padding:2px 12px 4px;color:var(--pen);font:400 20px/24px Gochi Hand,cursive;border:2px solid var(--pen);border-radius:255px 15px 225px/15px 225px 15px 255px}.editbar__button:disabled{opacity:.35}.editbar__button--done{color:#fff;background:#1d8a55;border-color:#1d8a55}.editbar__problem{margin-bottom:10px;color:#c0392b;font-size:18px}.alert{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;color:#5b1810;font:400 19px/24px Patrick Hand,sans-serif;background:#ffe2dc;border:2px solid #c0392b;border-radius:4px}.alert p{flex:1 1 100%}.alert b{font-weight:600}.alert .editbar__button{background:#fff}.entry--editing .piece{animation:none}.entry--editing .entry__top{padding-right:0}.entry--editing .collage{gap:86px 16px;margin-top:84px}:where(.edit-title,.edit-heading,.edit-text,.edit-caption){display:block;width:100%;padding:0;border:0;outline:none;resize:none;overflow:hidden;color:inherit;font:inherit;letter-spacing:inherit;background:transparent}.edit-heading{margin-bottom:8px;color:var(--ink-line);font:400 27px/28px Gochi Hand,cursive}.paper--chalk .edit-heading,.paper--blueprint .edit-heading{color:#fff}.paper--kraft .edit-heading{color:#3f2c17}.paper--terminal .edit-heading{color:#4fe3c4}.paper--chalk ::placeholder,.paper--blueprint ::placeholder,.paper--terminal ::placeholder{color:#ffffff80!important}.edit-text{min-height:28px;line-height:inherit}.edit-caption{text-align:center}.edit-title::placeholder,.edit-heading::placeholder,.edit-text::placeholder,.edit-caption::placeholder{color:#3c465a6b}.edit-title:focus,.edit-heading:focus,.edit-text:focus,.edit-caption:focus{background:#fbcf3f29}.sticky .edit-text{min-height:90px}.entry__tape--edit{width:100%}.tools{position:absolute;z-index:5;left:0;bottom:calc(100% + 8px);display:flex;flex-wrap:wrap;align-items:center;gap:3px;width:max-content;max-width:max(100%,330px);padding:3px 5px;background:#fffef6;box-shadow:0 1px 4px #1e283c4d;transform:rotate(calc(var(--tilt, 0deg) * -1));transform-origin:left bottom}.piece--far .tools{left:auto;right:0;transform-origin:right bottom}.piece--editing{filter:none}.piece--over{outline:3px dashed var(--marker);outline-offset:6px}.tools__gap{width:5px}.tool{width:26px;height:26px;color:var(--pen);font:400 17px/26px Patrick Hand,sans-serif;text-align:center;border-radius:4px}.tool:hover,.tool--on{background:#24335e1a}.tool--word{width:auto;padding:0 6px;font:500 20px/26px Caveat,cursive}.tool--grip{cursor:grab;user-select:none}.tool--grip:active{cursor:grabbing}.swatch{width:20px;height:20px;border:1.5px solid #8c94a2;border-radius:3px}.swatch--on{border-color:var(--pen);box-shadow:0 0 0 2px var(--marker)}.swatch--lined{background:repeating-linear-gradient(180deg,#fff 0 4px,#bcd2ea 4px 5px)}.swatch--grid{background:linear-gradient(#a9cbe6 1px,transparent 1px) 0 0 / 100% 5px,linear-gradient(90deg,#a9cbe6 1px,transparent 1px) 0 0 / 5px 100%,#fff}.swatch--legal{background:#fdf4bd}.swatch--card{background:linear-gradient(180deg,#fff 0 5px,#e58a81 5px 7px,#fff 7px)}.swatch--torn{background:#fbfaf2;clip-path:polygon(0 0,100% 0,84% 22%,100% 45%,82% 66%,100% 100%,0 100%)}.swatch--chalk{background:#2f5d50;box-shadow:inset 0 0 0 2px #9a6a42}.swatch--blueprint{background:linear-gradient(rgb(255 255 255 / .4) 1px,transparent 1px) 0 0 / 100% 5px,#2c63b8}.swatch--printout{background:repeating-linear-gradient(180deg,#d5ecd7 0 5px,#fff 5px 10px)}.swatch--staff{background:repeating-linear-gradient(180deg,#fdf8ec 0 2px,#b7a78c 2px 3px)}.swatch--kraft{background:#d7b68a}.swatch--yellow{background:#ffe680}.swatch--pink{background:#ffc2cf}.swatch--mint{background:#bdeccd}.swatch--blue{background:#bfe3f7}.swatch--polaroid{background:linear-gradient(#c9d3df,#c9d3df) 3px 3px / 12px 9px no-repeat,#fff}.swatch--frame{background:linear-gradient(#fff,#fff) 4px 4px / 10px 10px no-repeat,#8a5a33}.grip{position:absolute;z-index:6;display:grid;place-items:center;padding:0;touch-action:none}.grip:after{content:"";display:block;background:#fff;border:2px solid var(--marker);border-radius:6px;box-shadow:0 1px 3px #1e283c59;opacity:.6;transition:opacity .12s,transform .12s}.piece--editing:hover .grip:after,.grip:focus-visible:after,.grip--active:after{opacity:1}.grip:hover:after,.grip--active:after{transform:scale(1.2)}.grip:focus-visible{outline:3px solid var(--marker);outline-offset:1px;border-radius:6px}.grip--width{top:50%;right:-14px;width:28px;height:52px;margin-top:-26px;cursor:ew-resize}.grip--width:after{width:8px;height:30px}.grip--height{left:50%;bottom:-14px;width:52px;height:28px;margin-left:-26px;cursor:ns-resize}.grip--height:after{width:30px;height:8px}.grip--both{right:-14px;bottom:-14px;width:32px;height:32px;cursor:nwse-resize}.grip--both:after{width:13px;height:13px}.grip__size{position:absolute;z-index:7;right:18px;bottom:18px;padding:1px 9px 3px;color:#fff;font:500 21px/24px Caveat,cursive;white-space:nowrap;pointer-events:none;background:#1e283cd1;border-radius:5px}.piece--resizing{z-index:4}.slot{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:pointer}.slot img,.slot video{display:block;width:100%;height:100%;object-fit:cover}.slot__hint{position:absolute;left:6px;right:6px;bottom:6px;padding:1px 6px 3px;color:#fff;font:500 19px/22px Caveat,cursive;text-align:center;background:#1e283c99;opacity:.86}.slot:hover .slot__hint{opacity:1}.adders{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:30px;color:var(--pen);font:500 23px/26px Caveat,cursive}.adders button{padding:3px 12px 5px;color:var(--marker);font:400 20px/24px Gochi Hand,cursive;border:2px dashed currentColor;border-radius:12px 4px 14px 5px}.adders button:hover{background:#24335e0f}.adders__tip{margin-top:8px;color:#6a7078;font:500 21px/22px Caveat,cursive}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.viewer{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:#181c249e;cursor:zoom-out;animation:viewer-in .24s ease both}.viewer--leaving{animation:viewer-out .28s ease both}.panel--sheet .viewer{position:fixed}.viewer__frame{max-width:100%;box-shadow:0 18px 50px #00000073;transform-origin:center}.viewer__frame img{display:block;object-fit:contain}.viewer__close{position:absolute;top:18px;right:18px;width:44px;height:44px;color:#fff;font-size:26px;line-height:1;background:#00000073;border:2px solid rgb(255 255 255 / .7);border-radius:50%;cursor:pointer}.viewer__close:focus-visible{outline:3px solid #fff;outline-offset:2px}@keyframes viewer-in{0%{background:#181c2400}}@keyframes viewer-out{to{background:#181c2400}}@media (prefers-reduced-motion: reduce){.viewer,.viewer--leaving{animation:none}}