@import url("https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Reenie+Beanie&family=Schoolbell&family=Shadows+Into+Light+Two&display=swap");:root{--paper:hsl(0 0% 100%);--paper-warm:hsl(0 0% 100%);--ink:hsl(222 70% 20%);--ink-soft:hsl(219 52% 34%);--ink-faint:hsl(219 38% 47%);--grid-light:hsl(207 86% 69%/0.28);--grid-bold:hsl(207 82% 55%/0.34);--red-pencil:hsl(350 70% 48%);--yellow-note:hsl(50 100% 76%/0.42);--tape:hsl(46 70% 88%/0.62);--shadow:0 18px 34px hsl(220 45% 22%/0.1);--pad:clamp(14px,3vw,34px);--inner:clamp(14px,2vw,26px);--line:24px;--font-sans:"Kalam","Schoolbell","Comic Sans MS",cursive;--font-display:"Reenie Beanie","Schoolbell","Kalam",cursive;--font-mono:"Schoolbell","Kalam",cursive;--font-alt:"Shadows Into Light Two","Schoolbell",cursive;--fs-0:clamp(17px,1.35vw,21px);--fs-1:clamp(20px,1.8vw,26px);--fs-2:clamp(30px,3.3vw,46px);--fs-3:clamp(54px,10vw,132px);--c-bg:var(--paper);--c-text:var(--ink);--c-muted:var(--ink-soft);--c-faint:var(--ink-faint);--c-line:var(--grid-bold);--c-card:hsl(0 0% 100%/0.68);--c-accent:var(--red-pencil);--c-accent2:hsl(204 82% 42%);--c-frame:var(--ink);--panel-bg:transparent;--panel-text:var(--ink);--divider:var(--grid-bold);--paper-x:0px;--paper-y:0px;--paper-rot:0deg;--crease-x:0px;--crease-y:0px;--crease-rot:0deg;--crease-o:0.14;--crease-blur:9px}html[data-theme=dark],html[data-theme=light],html[data-theme=paper]{--paper:hsl(0 0% 100%);--paper-warm:hsl(0 0% 100%);--ink:hsl(222 70% 20%);--ink-soft:hsl(219 52% 34%);--ink-faint:hsl(219 38% 47%);--grid-light:hsl(207 86% 69%/0.28);--grid-bold:hsl(207 82% 55%/0.34);--c-bg:var(--paper);--c-text:var(--ink);--c-muted:var(--ink-soft);--c-faint:var(--ink-faint);--c-card:hsl(0 0% 100%/0.68);--panel-bg:transparent;--panel-text:var(--ink);--divider:var(--grid-bold)}*,:after,:before{box-sizing:border-box}body,html{height:100%}body,html{background:var(--paper)}body{margin:0;min-height:100svh;overflow:hidden;font-family:var(--font-sans);font-size:var(--fs-0);line-height:1.42;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" off;font-kerning:none;text-shadow:.28px 0 hsl(222 70% 20%/.28),-.18px .22px hsl(222 70% 20%/.18)}body:before{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.2;mix-blend-mode:multiply;background-image:linear-gradient(100deg,transparent 0 45%,hsl(213 66% 35%/.08) 46%,transparent 48% 100%),linear-gradient(178deg,transparent 0 49%,hsl(213 66% 35%/.045) 50%,transparent 51% 100%);background-size:311px 199px,421px 267px}a{color:inherit;text-decoration:none}button,input,select{color:inherit;font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid hsl(350 70% 48%/.55);outline-offset:4px}::selection{background:hsl(50 100% 74%/.72)}.background{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--paper)}.backgroundPaper{position:absolute;inset:-6%;opacity:1;transform:rotate(var(--paper-rot));transform-origin:center;background-position:var(--paper-x) var(--paper-y);background-image:linear-gradient(90deg,transparent calc(var(--line) - 1px),var(--grid-light) calc(var(--line) - 1px),var(--grid-light) var(--line),transparent var(--line)),linear-gradient(0deg,transparent calc(var(--line) - 1px),var(--grid-light) calc(var(--line) - 1px),var(--grid-light) var(--line),transparent var(--line)),linear-gradient(90deg,transparent calc((var(--line) * 5) - 1px),var(--grid-bold) calc((var(--line) * 5) - 1px),var(--grid-bold) calc(var(--line) * 5),transparent calc(var(--line) * 5)),linear-gradient(0deg,transparent calc((var(--line) * 5) - 1px),var(--grid-bold) calc((var(--line) * 5) - 1px),var(--grid-bold) calc(var(--line) * 5),transparent calc(var(--line) * 5));background-size:var(--line) var(--line),var(--line) var(--line),calc(var(--line) * 5) calc(var(--line) * 5),calc(var(--line) * 5) calc(var(--line) * 5)}.backgroundCrease{position:absolute;inset:-8%;opacity:var(--crease-o);transform:translate3d(var(--crease-x),var(--crease-y),0) rotate(var(--crease-rot));background-image:linear-gradient(112deg,transparent 0 38%,hsl(223 60% 19%/.13) 40%,transparent 42% 100%),linear-gradient(18deg,transparent 0 62%,hsl(223 60% 19%/.1) 63%,transparent 66% 100%);filter:blur(var(--crease-blur));mix-blend-mode:multiply}.backgroundGlow{position:absolute;inset:0;opacity:.08;background:radial-gradient(900px 700px at 22% 18%,hsl(0 0% 100%/.8),transparent 62%),radial-gradient(900px 720px at 88% 62%,hsl(205 100% 92%/.2),transparent 62%)}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.11;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");background-size:160px 160px}.frame{display:none}.shell{position:fixed;inset:0;z-index:30;display:grid;grid-template-rows:auto 1fr auto;grid-gap:12px;gap:12px;padding:var(--pad);pointer-events:none}.shell.isNoChrome{grid-template-rows:1fr}.siteFooter,.siteHeader{pointer-events:auto;color:var(--ink)}.siteHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;grid-gap:28px;gap:28px;transform:rotate(-.4deg)}.siteTitleLink{display:inline-block;font-family:var(--font-display);font-size:clamp(44px,6.6vw,92px);font-weight:400;line-height:.74;color:var(--ink);text-shadow:1px 0 hsl(222 70% 20%/.34),-.55px .45px hsl(222 70% 20%/.24),.2px 1px hsl(222 70% 20%/.15)}.blockTitle:after,.contentPanelTitle:after,.detailTitle:after,.siteTitleLink:after,.title:after,.viewTitle:after{content:"";display:block;width:min(420px,74%);height:11px;margin-top:-6px;margin-left:8px;background:linear-gradient(174deg,transparent 0 22%,hsl(350 74% 48%/.72) 25% 36%,transparent 39% 100%),linear-gradient(181deg,transparent 0 48%,hsl(350 74% 48%/.35) 49% 57%,transparent 60% 100%);transform:rotate(-1.2deg);border-radius:999px 42% 999px 45%}.siteTitleMeta{max-width:540px;margin-top:8px;font-family:var(--font-alt);font-size:clamp(17px,1.45vw,23px);line-height:1.1;color:var(--ink-soft);transform:rotate(.9deg) skewX(-1deg)}.siteNavList{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-gap:8px;gap:8px;font-family:var(--font-alt);font-size:clamp(25px,2.3vw,38px);line-height:1}.siteNavList li{position:relative;padding-left:26px;transform:rotate(var(--nav-rot,0deg))}.siteNavList li:first-child{--nav-rot:-1.3deg}.siteNavList li:nth-child(2){--nav-rot:0.8deg}.siteNavList li:nth-child(3){--nav-rot:-0.5deg}.navDot{position:absolute;left:0;top:2px;color:var(--red-pencil);opacity:.75}.navLink{opacity:.92;transition:opacity .18s ease,transform .18s ease}.siteNavList li.is-selected .navLink{opacity:.5;text-decoration:line-through;-webkit-text-decoration-color:hsl(350 74% 48%/.72);text-decoration-color:hsl(350 74% 48%/.72);text-decoration-thickness:3px}@media (hover:hover){.backLink:hover,.footerLinks a:hover,.navLink:hover,.outlineLink:hover{opacity:.58;transform:translateY(-1px) rotate(-.7deg)}}.siteFooter{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;transform:rotate(.35deg)}.themeToggle{display:none}.footerLinks{display:flex;gap:22px;font-family:var(--font-alt);font-size:clamp(23px,2vw,34px);color:var(--ink-soft)}.pageContent{position:relative;z-index:1;min-height:0;overflow:hidden;pointer-events:auto}.pageContent>*{margin-inline:auto}.contentPanel{width:100%;height:100%;overflow:hidden;color:var(--ink);background:transparent}.contentPanelGrid{height:100%;display:grid;grid-template-columns:minmax(170px,250px) minmax(0,1fr);grid-gap:clamp(18px,3vw,48px);gap:clamp(18px,3vw,48px)}.contentPanelLeft{padding:10px 4px 18px;display:grid;align-content:start;grid-gap:14px;gap:14px;transform:rotate(-.45deg)}.contentPanelLeft:before{content:"";width:86%;height:22px;margin-left:8px;background:linear-gradient(92deg,transparent 0 9%,var(--tape) 10% 86%,transparent 87% 100%),linear-gradient(180deg,hsl(0 0% 100%/.35),transparent);transform:rotate(1.5deg)}.contentPanelTitle{margin:0;font-family:var(--font-display);font-size:clamp(48px,6.4vw,94px);font-weight:400;line-height:.74;color:var(--ink);text-shadow:1px 0 hsl(222 70% 20%/.32),-.4px .5px hsl(222 70% 20%/.2)}.contentPanelHint{max-width:18ch;font-family:var(--font-alt);font-size:clamp(19px,1.7vw,25px);line-height:1.18;color:var(--ink-soft);transform:rotate(-.4deg)}.contentPanelRight{height:100%;overflow:auto;overscroll-behavior:contain;padding:10px 8px 40px;scrollbar-width:thin;scrollbar-color:hsl(207 82% 55%/.42) transparent}.contentPanelRight::-webkit-scrollbar{width:8px}.contentPanelRight::-webkit-scrollbar-track{background:transparent}.contentPanelRight::-webkit-scrollbar-thumb{background:hsl(207 82% 55%/.36)}.noteSurface,.sketchCard{position:relative;background:linear-gradient(180deg,hsl(0 0% 100%/.58),hsl(0 0% 100%/.28));box-shadow:var(--shadow)}.cell{position:absolute;border-radius:50%;transition:all .15s cubic-bezier(.4,0,.2,1);will-change:opacity,transform,box-shadow}@media (max-width:820px){body{overflow:auto}.shell,.shell.isNoChrome{position:relative;min-height:100svh;grid-template-rows:auto 1fr auto}.contentPanel,.contentPanelGrid,.contentPanelRight{height:auto;overflow:visible}.contentPanelGrid{grid-template-columns:1fr;gap:10px}.contentPanelLeft{transform:rotate(-.2deg)}}@media (max-width:720px){:root{--line:22px}.siteHeader{grid-template-columns:1fr;gap:16px}.siteTitleMeta{font-size:22px}.siteNavList{display:flex;flex-wrap:wrap;gap:14px 22px}.siteFooter{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}