@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.0rgnxg2b64rzs.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.2vemzm0itqzfy.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.3cb5lpr2l6xud.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.1u30mmyq6lnsd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.40sczeszzbjw1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.1yd4_i3e35931.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.1qc6dx89jd2qv.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.29yke99gs9qpn.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.1i-sca43-qwng.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.0oace-s_gkfks.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_ba2c75f8-module__I7bIaa__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_ba2c75f8-module__I7bIaa__variable{--font-code:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--paper:#f3eee1;--paper-dark:#ebe5d8;--paper-edge:#e2dac9;--ink:#1f1e1c;--mono-ink:#24221f;--mono-halo:0 0 1px var(--paper), 0 0 2px var(--paper), 0 0 4px var(--paper);--pencil:#66625c;--faded-ink:#858078;--blue-pen:#2c4674;--red-pen:#c0432d;--highlight:#eed56f73;--highlight-pink:#e896a052;--highlight-green:#a0c88c5c;--dot:#465a6433;--rule:#50463729;--shu:#c23b22;--tape:#d6c496cc;--shadow-rest:0 2px 4px #1e19141f, 0 8px 18px #1e19140f;--shadow-lift:0 12px 24px #1e19142e, 0 3px 6px #1e19141a;--hand:var(--font-hand), "Shantell Sans", "Segoe Print", "Bradley Hand", sans-serif;--mono:var(--font-mono), "IBM Plex Mono", ui-monospace, Menlo, monospace;--pad-x:clamp(18px, 6vw, 52px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;scrollbar-color:#463c324d transparent;overflow-x:clip}body{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.7;overflow-x:clip}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}p,h1,h2,h3,ul,ol,figure,dl,dd{margin:0}ul,ol{padding:0;list-style:none}::selection{background:var(--highlight);color:var(--ink)}:focus-visible{outline:1.5px dashed var(--blue-pen);outline-offset:4px;border-radius:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.hand{font-family:var(--hand);font-variation-settings:"INFM" 50;font-size-adjust:.42;font-weight:500;line-height:1.15}.mono{font-family:var(--mono)}.small{font-size:.86em}.tiny{font-size:11.5px;line-height:1.5}.big{font-size:1.6em}.ink-blue{color:var(--blue-pen)}.ink-red{color:var(--red-pen)}.ink-pencil{color:var(--pencil)}.ink-ink{color:var(--ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}
.photo-slot{z-index:3;position:relative}.photo-slot.is-pulled{z-index:30}.photo{z-index:2;perspective:900px;cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent;margin:0;position:relative}.is-pulled .photo{cursor:grabbing}.photo-card{will-change:transform;background:#fbf9f4;position:relative}.photo--print .photo-card{background:#fdfcf8}.photo--instant .photo-card{background:#f6f3ec}.photo-card img{object-fit:cover;filter:saturate(.86)contrast(.97)sepia(.08);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#ddd}.photo-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff1f,#0000 40% 70%,#ffdcb414);position:absolute;inset:0}.photo-caption{text-align:center;color:#2d2b28;padding-top:8px;font-size:21px;line-height:1.05;display:block}.photo--polaroid .photo-caption{position:absolute;bottom:10px;left:0;right:0}.photo--instant .photo-caption{font-size:18px;position:absolute;bottom:5px;left:4px;right:4px}.photo-caption--below{text-align:left;padding:8px 0 0 10px;font-size:20px;rotate:-1.5deg}.tape-wrap{pointer-events:none;z-index:4;position:absolute;inset:0}.tape{clip-path:polygon(0 0,100% 0,97% 18%,100% 36%,97% 54%,100% 72%,97% 88%,100% 100%,0 100%,3% 84%,0 66%,3% 48%,0 30%,3% 14%);height:20px;opacity:calc(var(--tape-op) + .14);transform:rotate(var(--tape-rot));transform-origin:20%;mix-blend-mode:multiply;z-index:4;background:repeating-linear-gradient(90deg,#ffffff12 0 1px,#0000 1px 3px),linear-gradient(#ffffff1f,#0000 40%,#0000000a),#d9c9a0;margin-left:-8px;position:absolute}.tape--clear{mix-blend-mode:normal;clip-path:none;opacity:calc(var(--tape-op) + .1);background:linear-gradient(#ffffff80,#ffffff1f 45%,#d2cdbe4d);box-shadow:inset 0 0 0 .5px #786e5a40}.tape--dark{mix-blend-mode:normal;opacity:calc(var(--tape-op) + .2);background:repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 2px),#2c2d2e}.doodle{pointer-events:none;flex-shrink:0;overflow:visible}.doodle-button{cursor:pointer;display:inline-block;position:relative}.doodle-button .doodle{pointer-events:none}.crossout{cursor:help;display:inline-block;position:relative}.crossout-text{transition:opacity .2s}.crossout-mark{pointer-events:none;transition:opacity .25s;position:absolute;inset:0 -3px}.crossout-line{background:var(--x-ink);border-radius:2px;height:2px;position:absolute;left:0;right:0}.crossout-line--0{top:52%;rotate:-1.6deg}.crossout-line--1{opacity:.85;top:60%;left:3%;rotate:1.2deg}.crossout:hover .crossout-mark,.crossout:focus .crossout-mark{opacity:.18}.crossout .crossout-text{opacity:.72}.crossout:hover .crossout-text,.crossout:focus .crossout-text{opacity:1}.highlight{display:inline;position:relative}.highlight-ink{background:var(--highlight);transform-origin:0;z-index:-1;border-radius:2px 6px 3px 8px;position:absolute;inset:.15em -3px .05em;rotate:-.6deg}.highlight--pink .highlight-ink{background:var(--highlight-pink)}.highlight--green .highlight-ink{background:var(--highlight-green)}.highlight-text{position:relative}.typed .highlight,.serif .highlight{background:linear-gradient(transparent 12%, var(--highlight) 12%, var(--highlight) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 2px}.typed .highlight .highlight-ink,.serif .highlight .highlight-ink{display:none}.underlined,.circled{display:inline-block;position:relative}.underlined-mark{width:104%;height:.5em;position:absolute;bottom:-.34em;left:-2%}.circled-mark{width:128%;height:170%;position:absolute;top:-34%;left:-14%}.sticky{z-index:4;background:#f3e27d;border-bottom-right-radius:38px 7px;width:200px;min-height:170px;padding:0;position:relative;box-shadow:0 1px 1px #0000000f,2px 10px 14px -6px #3c2d1447}.sticky:before{content:"";pointer-events:none;background:linear-gradient(#0000000d,#0000);height:26px;position:absolute;inset:0 0 auto}.sticky--pink{background:#efbcc0}.sticky--blue{background:#bcd6e8}.sticky--green{background:#cde3b0}.sticky-hit{text-align:left;width:100%;min-height:170px;padding:26px 18px 18px;display:block}.sticky-front{padding:26px 18px 18px;font-size:27px;line-height:1.05;display:block}.sticky-hit .sticky-front{padding:0}.sticky-more{color:#28241e8c;margin-top:14px;font-size:18px;display:block}.sticky.is-open{width:280px}.sticky.is-open .sticky-hit{min-height:0;padding-bottom:6px}.sticky-inside{font-family:var(--hand);transform-origin:top;padding:10px 18px 20px;font-size:21px;line-height:1.2;position:relative}.sticky-inside ul{gap:2px;display:grid}.sticky-inside li:before{content:"– "}.sticky-inside em{color:var(--red-pen)}.sticky-fold{background:#0000001f;height:1px;position:absolute;top:0;left:10px;right:10px;box-shadow:0 1px #fff6}.sketch{box-shadow:var(--shadow-rest);background:#fbf9f3;margin:0;padding:10px;position:relative}.sketch img{mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;width:100%;height:auto}.margin-note{z-index:6;color:var(--blue-pen);width:max-content;max-width:230px;font-size:21px;line-height:1.1;position:absolute}.margin-note a{color:var(--red-pen)}.margin-note.is-hidden{opacity:0;transition:opacity .3s}.margin-note.is-hidden:hover,.margin-note.is-hidden:focus,.offpage:hover .margin-note.is-hidden{opacity:1}.note-index{gap:2px;max-width:720px;display:grid}.note-index li{position:relative}.note-row{text-shadow:var(--mono-halo);grid-template-columns:88px auto 1fr;align-items:baseline;gap:18px;padding:7px 0;font-size:15px;text-decoration:none;display:grid}.note-date{color:var(--mono-ink);font-size:13px}.note-title{color:var(--mono-ink);transition:color .15s}.note-row:hover .note-title,.note-row:focus-visible .note-title{color:var(--blue-pen);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.note-dots{border-bottom:1.5px dotted #66625c59;align-self:center;height:1px}.note-preview{color:var(--blue-pen);pointer-events:none;padding-left:106px;font-size:20px;line-height:1.3;display:block;overflow:hidden}.note-preview>span{padding-bottom:6px;display:block}@media (max-width:640px){.note-preview{padding-left:0}}.signature{aspect-ratio:354/150;--sig-t0:0s;width:100%;display:block;position:relative}.signature[data-interactive]{cursor:pointer}.sig-frames,.sig-final{width:100%;height:100%;position:absolute;inset:0}.sig-frames,.sig-patch,.sig-final{animation-timing-function:linear;animation-delay:var(--sig-t0);animation-fill-mode:both}.sig-frames{opacity:0}.signature[data-written] .sig-frames{display:none}.sig-patch{background-repeat:no-repeat;position:absolute}.sig-final{display:block;overflow:visible}@media (prefers-reduced-motion:reduce){.sig-frames,.sig-patch,.sig-final{animation-name:none!important}}
.rules{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:clip}.rules-sweep{width:260%;animation:1.8s cubic-bezier(.45,.1,.3,1) both rules-sweep;position:absolute;top:0;bottom:0;left:-160%;transform:translate(61.5385%);-webkit-mask-image:linear-gradient(118deg,#000 44%,#0000 56%);mask-image:linear-gradient(118deg,#000 44%,#0000 56%)}.rules-dots{background-image:radial-gradient(circle, var(--dot) .85px, transparent 1.3px);background-position:calc(50% - 8px) calc(clamp(28px,6vh,64px) + 28px);background-size:16px 16px;width:38.4615%;animation:1.8s cubic-bezier(.45,.1,.3,1) both rules-hold;position:absolute;top:0;bottom:0;left:61.5385%;transform:translate(-160%)}@keyframes rules-sweep{0%{transform:none}}@keyframes rules-hold{0%{transform:none}}.page{width:100%;max-width:600px;margin-inline:auto;padding-bottom:20px;position:relative}.wipe,.wipe-clip,.wipe-in{display:inline-block}.wipe-clip{clip-path:inset(-25% -4% -35% -2%);transform:translate(-106%)}.wipe-in{transform:translate(106%)}.wipe.is-seen .wipe-clip,.wipe.is-seen .wipe-in{animation:wipe var(--wipe-t) cubic-bezier(.55, .05, .35, 1) var(--wipe-d) both;transform:none}.wipe.is-seen .wipe-clip{animation-name:wipe-clip}.wipe.is-seen .wipe-in{animation-name:wipe-in}@keyframes wipe-clip{0%{transform:translate(-106%)}}@keyframes wipe-in{0%{transform:translate(106%)}}.underlined-mark .wipe-clip,.underlined-mark .wipe-in,.underlined-mark svg{width:100%;height:100%;display:block}.pg-me{margin:6px 0 0 -10px}.typed-ch{animation:ch-in 90ms ease-out var(--d) both;position:relative}.typed-ch:after{content:"";background:var(--blue-pen);opacity:0;width:2px;animation:caret var(--step) linear var(--d);position:absolute;top:.12em;bottom:.08em;right:-2px}.typed-caret{vertical-align:-.15em;background:var(--blue-pen);opacity:0;width:1.5px;height:1.05em;animation:blink .35s linear var(--d) 4 forwards;margin-left:1px;display:inline-block}@keyframes ch-in{0%{opacity:0}}@keyframes caret{0%,99%{opacity:1}to{opacity:0}}@keyframes blink{0%,49.9%{opacity:1}50%,to{opacity:0}}.pg-photos{grid-column:1/-1;height:310px;margin-top:52px;position:relative}.pg-photos>.photo-slot{position:absolute}.pg-city{top:44px;left:3%}.pg-moon{top:0;left:41%}.pg-dusk{top:34px;left:72%}.pg-hint{pointer-events:none;align-items:flex-start;gap:4px;width:190px;font-size:20px;display:flex;position:absolute;top:204px;left:43%}.pg-hint .doodle{margin-top:-6px;rotate:-90deg}.hint-touch{display:none}@media (hover:none){.hint-mouse{display:none}.hint-touch{display:inline}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.ink-link{color:var(--blue-pen);align-items:center;gap:8px;font-size:26px;text-decoration:none;transition:translate .3s cubic-bezier(.3,.7,.2,1.4),rotate .3s;display:inline-flex;position:relative}.ink-link:hover,.ink-link:focus-visible{translate:0 -2px;rotate:-1.5deg}.ink-link-text{position:relative}.ink-link-label{--wipe-d:0s;--wipe-t:1.2s;vertical-align:top}.ink-link-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px;overflow:visible}.ink-link-icon path{stroke-dasharray:1 2;animation:.45s cubic-bezier(.55,.05,.35,1) both icon-draw;animation-delay:calc(var(--k) * .22s)}@keyframes icon-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.ink-link-line{fill:none;width:112%;height:10px;stroke:var(--red-pen);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;bottom:-4px;left:-6%;overflow:visible}.ink-link-line path{stroke-dasharray:1 2;stroke-dashoffset:1px;transition:stroke-dashoffset .28s cubic-bezier(.55,.05,.35,1)}.ink-link:hover .ink-link-line path,.ink-link:focus-visible .ink-link-line path{stroke-dashoffset:0;transition-duration:.4s}@property --fold{syntax:"<length>";inherits:true;initial-value:26px}.corner{--fold:26px;z-index:4;width:var(--fold);height:var(--fold);transition:--fold .4s cubic-bezier(.3,.7,.2,1.25);position:fixed;bottom:0;right:0}.corner:hover,.corner:focus-visible{--fold:58px}.corner-fold{filter:drop-shadow(-2px -2px 3px #32231429);background:linear-gradient(to bottom right,#efe8d8 0%,#e4dbc8 49.6%,#d9d0bd 50%);position:absolute;inset:0}.corner-note{white-space:nowrap;color:var(--pencil);opacity:0;pointer-events:none;font-size:20px;transition:opacity .25s,translate .3s;position:absolute;bottom:6px;right:calc(100% + 10px);translate:6px}.corner:hover .corner-note,.corner:focus-visible .corner-note{opacity:1;translate:0}.sheet.is-turning{transform-origin:0;animation:.9s cubic-bezier(.45,.05,.3,1) page-turn}.sheet.is-turning .sheet-body{animation:.9s ease-in-out page-blank}@keyframes page-turn{0%{transform:none}42%{filter:brightness(.94);transform:perspective(1800px)rotateY(-24deg)translate(-12px)}80%{transform:perspective(1800px)rotateY(1.2deg)}to{transform:none}}@keyframes page-blank{0%,to{opacity:1}38%,46%{opacity:0}}.page-in{animation:.5s cubic-bezier(.22,.7,.2,1) both page-in}@keyframes page-in{0%{opacity:.3;transform:translate(14px)}}.page-title{font-size:clamp(34px,4.5vw,44px);line-height:1;display:inline-block;rotate:-1deg}.back-link{color:var(--pencil);margin-bottom:26px;font-size:19px;text-decoration:none;display:inline-block}.back-link:hover{color:var(--ink)}.notes-head{justify-items:start;gap:4px;margin-bottom:40px;display:grid}.notes-page .note-row{font-size:15.5px}.notes-page .note-index{max-width:540px}.note-head{justify-items:start;gap:4px;margin-bottom:34px;display:grid}.note-page-date{color:var(--mono-ink);text-shadow:var(--mono-halo);font-size:12px}.note-page-title{max-width:16ch;font-size:clamp(30px,4vw,40px);line-height:1.02}.note-body{max-width:600px;position:relative}.note-body.typed{font-family:var(--mono);color:var(--mono-ink);text-shadow:var(--mono-halo);font-size:14.5px;line-height:32px}.note-body.serif{color:#2a2724;font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:32px}.note-body p,.note-body ul,.note-body ol,.note-body pre,.note-body .note-figure{margin:0 0 32px}.note-body li{padding-left:24px;position:relative}.note-body ul li:before{content:"–";position:absolute;left:4px}.note-body ol{counter-reset:n}.note-body ol li{counter-increment:n}.note-body ol li:before{content:counter(n) ".";font-family:var(--hand);color:var(--pencil);font-size:21px;position:absolute;left:0}.note-body code{font-family:var(--mono);background:#2423210f;padding:1px 4px;font-size:.88em}.note-pre{box-shadow:var(--shadow-rest);background:#fbfaf5;padding:14px 18px;font-size:13px;line-height:22px;overflow-x:auto;rotate:-.4deg}.note-pre code{text-shadow:none;background:0 0;padding:0}.note-a{color:var(--blue-pen);text-underline-offset:4px;text-decoration-thickness:1px}.note-h2{margin:0 0 0 -4px;font-size:32px;line-height:32px}.note-h3{color:var(--pencil);margin:0;font-size:25px;line-height:32px}.note-quote{border-left:2px solid var(--blue-pen);margin:0 0 32px;padding-left:18px;font-style:italic}.note-quote p{margin:0}.note-hr{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10'%3E%3Cpath d='M4 5 C 20 2, 30 8, 44 5 S 70 2, 80 5' stroke='%2366625c' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 0/120px 10px no-repeat;border:0;height:32px;margin:0 0 32px}.note-body .margin-note{color:var(--blue-pen);margin-top:-60px;right:-250px}.note-body .note-pen{font-size:25px;line-height:32px;display:inline-block}.note-figure{max-width:100%;box-shadow:var(--shadow-rest);background:#fdfcf8;padding:7px 7px 0;position:relative}.note-figure img{height:auto}.note-figure-caption{color:var(--pencil);padding:6px 2px 8px;font-size:20px;display:block}.sticky.is-expandable{cursor:pointer}.note-sticky{margin:0 0 40px auto}.note-end{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;margin-top:56px;font-size:23px;display:flex}.note-end a{color:var(--blue-pen);text-decoration:none}@media (max-width:1240px){.note-body .margin-note{margin:-16px 0 24px auto;display:block;position:relative;right:auto}}.lost{justify-items:start;gap:16px;padding:16vh 0;display:grid}.lost-big{font-size:56px}.lost a{font-size:23px}@media (max-width:760px){.pg-photos{height:440px;margin-top:40px}.pg-city{top:8px;left:0}.pg-moon{top:214px;left:6%}.pg-dusk{top:130px;left:auto;right:0}.pg-hint{top:400px;left:10%}.pg-hint .doodle{display:none}}@media (max-width:640px){.workspace{padding:20px 16px 64px}.sheet{padding:26px 12px 0}.corner{--fold:34px}.rules-dots{background-position:52px 32px}}@media (prefers-reduced-motion:reduce){.typed-ch,.page-in,.pg-section,.pg-links li,.ink-link-icon path,.rules-sweep,.rules-dots{opacity:1;animation:none}.typed-caret,.typed-ch:after{display:none}.wipe-clip,.wipe-in{transform:none;animation:none!important}}.note-photos{flex-wrap:wrap;align-items:flex-start;gap:28px 34px;margin:0 0 40px;padding-top:14px;display:flex}.orgo-guide{line-height:1.85}.orgo-guide .orgo-guide-link{color:var(--blue-pen);margin-bottom:32px}.orgo-guide-link a{text-decoration:none}.orgo-guide .note-h2{color:var(--blue-pen);margin-top:48px;margin-bottom:20px}.orgo-guide ol{counter-reset:orgo-step;padding-left:30px;list-style:decimal}.orgo-guide ol li{counter-increment:orgo-step;padding-left:8px}.orgo-guide ol li:before{content:none}.orgo-guide ol li::marker{color:var(--blue-pen);content:counter(orgo-step) ". "}.orgo-guide-list>li{margin-bottom:28px}.orgo-guide-label{font-family:var(--hand);color:var(--ink);font-size:23px}.orgo-guide .orgo-guide-list ol{counter-reset:orgo-substep;margin:10px 0 0;padding-left:24px;list-style:lower-alpha}.orgo-guide-list ol li+li{margin-top:12px}.orgo-guide kbd{font:inherit;white-space:nowrap;text-shadow:none;background:#ffffff61;border:1px solid #46423a2e;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:.92em}.orgo-guide-planned{border-left:2px solid var(--blue-pen);background:#ffffff3d;margin-top:44px;padding:1px 20px 8px}.orgo-guide .orgo-guide-planned .note-h2{margin-top:20px}.orgo-guide-planned li+li{margin-top:8px}@media (max-width:520px){.orgo-guide ol{padding-left:22px}.orgo-guide ol li{padding-left:4px}.orgo-guide .orgo-guide-list ol{padding-left:18px}.orgo-guide-planned{padding-left:14px;padding-right:10px}}.orgo-guide .orgo-guide-list ol li{counter-increment:orgo-substep}.orgo-guide .orgo-guide-list ol li::marker{content:counter(orgo-substep, lower-alpha) ". "}
:root{--orb-in:var(--blue-pen);--orb-out:var(--red-pen);--orb-hyb:#4f7a3f;--orb-paper:#fdfcf8}.orb-fig{background:var(--orb-paper);box-shadow:var(--shadow-rest);text-shadow:none;font-family:var(--hand);color:var(--ink);margin:8px 0 44px;padding:16px 16px 14px;position:relative}.note-body .orb-fig{margin-left:-10px;margin-right:-10px}.orb-tape{clip-path:polygon(0 0,100% 0,97% 18%,100% 36%,97% 54%,100% 72%,97% 88%,100% 100%,0 100%,3% 84%,0 66%,3% 48%,0 30%,3% 14%);opacity:.8;mix-blend-mode:multiply;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff12 0 1px,#0000 1px 3px),#d9c9a0;width:96px;height:22px;margin-left:-48px;position:absolute;top:-11px;left:50%}.orb-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 16px;line-height:1.2;display:flex}.orb-title{font-size:21px}.orb-num{color:var(--red-pen);margin-right:4px}.orb-hint{color:var(--pencil);font-size:16px;rotate:-1deg}.orb-hint:before{content:"☞ "}.orb-stage{margin:6px -6px 0}.orb-svg{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;overflow:visible}.orb-t{font-family:var(--hand)}.orb-t--blue{fill:var(--blue-pen)!important}.orb-t--red{fill:var(--red-pen)!important}.orb-t--green{fill:var(--orb-hyb)!important}.orb-t--pencil{fill:var(--pencil)!important}.orb-cap{color:var(--blue-pen);border-top:1px dashed #66625c59;min-height:2.6em;margin-top:10px;padding-top:8px;font-size:18px;line-height:1.3;display:block}.orb-controls{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:8px;display:flex}.orb-seg{flex-wrap:wrap;gap:6px;display:flex}.orb-btn{font-family:var(--hand);color:var(--ink);border:1.6px solid var(--ink);cursor:pointer;background:0 0;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:5px 12px 6px;font-size:16px;line-height:1.2;transition:background .2s,transform .15s,box-shadow .2s}.orb-btn:hover:not(:disabled){transform:translateY(-1px)rotate(-.6deg);box-shadow:2px 3px #1f1e1c1f}.orb-btn:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.orb-btn.is-on{background:var(--highlight)}.orb-btn:disabled{opacity:.4;cursor:default}.orb-btn:focus-visible,.orb-chip:focus-visible{outline:2px solid var(--blue-pen);outline-offset:2px}.orb-slider{flex-wrap:wrap;flex:260px;align-items:center;gap:4px 10px;font-size:16px;display:flex}.orb-slider-label{color:var(--pencil)}.orb-slider input{accent-color:var(--blue-pen);cursor:pointer;flex:140px}.orb-slider-val{min-width:3.4em;color:var(--blue-pen);font-variant-numeric:tabular-nums}.orb-meter{flex-wrap:wrap;flex:260px;align-items:center;gap:4px 10px;font-size:16px;display:flex}.orb-meter-label{color:var(--pencil)}.orb-meter-bar{border:1.4px solid var(--ink);border-radius:12px 4px 10px 5px/5px 10px 4px 12px;flex:100px;height:14px;position:relative;overflow:hidden}.orb-meter-fill{transform-origin:0;transition:transform .3s cubic-bezier(.3,.1,.3,1),background .3s;position:absolute;inset:0}.orb-meter-fill--blue{background:repeating-linear-gradient(-55deg,#2c46748c 0 3px,#2c46744d 3px 6px)}.orb-meter-fill--red{background:repeating-linear-gradient(-55deg,#c0432d8c 0 3px,#c0432d4d 3px 6px)}.orb-meter-fill--green{background:repeating-linear-gradient(-55deg,#4f7a3f8c 0 3px,#4f7a3f4d 3px 6px)}.orb-meter-fill--yellow{background:repeating-linear-gradient(-55deg,#d6aa28b3 0 3px,#d6aa2866 3px 6px)}.orb-meter-val{min-width:4.4em;color:var(--blue-pen)}.orb-dot{animation:2.4s ease-in-out infinite orb-twinkle}@keyframes orb-twinkle{0%,to{opacity:.85}50%{opacity:.15}}.orb-roam{animation:orb-roam var(--dur,2s) ease-in-out infinite alternate}@keyframes orb-roam{to{transform:translateX(var(--dx))}}.orb-pulse{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite orb-pulse}@keyframes orb-pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.35)}}.orb-grab{cursor:grab}.orb-grab.is-dragging{cursor:grabbing}.orb-curly path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset}.orb-curly.is-on .orb-curly-shaft{stroke-dashoffset:0;transition:stroke-dashoffset .55s cubic-bezier(.55, .05, .35, 1) var(--cd)}.orb-curly.is-on .orb-curly-head{stroke-dashoffset:0;transition:stroke-dashoffset .18s ease-out calc(var(--cd) + .5s)}.orb-recipe{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:10px 0 0;display:flex}.orb-boxes{gap:5px;display:flex}.orb-box{border:1.5px solid var(--ink);border-radius:4px 8px 5px 7px;place-items:center;min-width:40px;height:34px;padding:0 6px;font-size:17px;display:inline-grid;position:relative}.orb-box--s{background:#d6aa2833}.orb-box--p{background:linear-gradient(#2c467429 50%,#c0432d24 50%)}.orb-box--hyb{color:var(--orb-hyb);background:#4f7a3f33}.orb-box-ring{pointer-events:none;width:calc(100% + 20px);height:calc(100% + 18px);position:absolute;inset:-9px -10px;overflow:visible}.orb-recipe-arrow{color:var(--pencil);font-size:17px}.orb-recipe-note{color:var(--red-pen);font-size:16px}.orb-quiz{min-height:250px;padding:4px 0 2px}.orb-quiz-rxn{font-family:var(--mono);margin:8px 0 12px;font-size:19px}.orb-quiz-row{margin-bottom:12px}.orb-quiz-q{color:var(--pencil);margin-bottom:4px;font-size:17px;display:block}.orb-quiz-opts{flex-wrap:wrap;gap:6px 8px;display:flex}.orb-chip{font-family:var(--mono);color:var(--ink);cursor:pointer;background:#fff;border:1.3px solid #1f1e1c80;border-radius:3px 7px 4px 6px;padding:6px 11px;font-size:13.5px;line-height:1.3;transition:transform .15s,background .2s;position:relative;box-shadow:1px 2px #1f1e1c14}.orb-chip:hover:not(:disabled){transform:rotate(-1deg)translateY(-1px)}.orb-chip:disabled{opacity:.45;cursor:default}.orb-chip.is-right{background:var(--highlight-green);opacity:1}.orb-chip.is-wrong{color:var(--pencil)}.orb-chip-mark{width:30px;height:24px;position:absolute;top:-14px;right:-12px;overflow:visible}.orb-chip-x{width:calc(100% - 8px);height:40%;position:absolute;top:30%;left:4px;right:4px;overflow:visible}.orb-quiz-foot{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:6px;display:flex}.orb-quiz-why{color:var(--blue-pen);font-size:17px;line-height:1.25}.orb-quiz-done{color:var(--blue-pen);font-size:19px;line-height:1.35}.orb-quiz-score{color:var(--red-pen);margin:10px 0 6px;font-size:34px}@media (max-width:640px){.orb-fig{--orb-ts:1.3}.note-body .orb-fig{margin-left:-4px;margin-right:-4px;padding:14px 10px 12px}.orb-title{font-size:19px}.orb-cap{font-size:16.5px}.orb-btn{font-size:15px}}@media (prefers-reduced-motion:reduce){.orb-dot,.orb-roam,.orb-pulse{animation:none}.orb-curly path{transition:none!important}}.orb-formula{font-family:var(--mono);font-size:.86em}.orb-fig sup{font-size:.7em;line-height:0}.orb-head-text{flex-direction:column;gap:2px;min-width:0;display:flex}.orb-head{flex-wrap:nowrap;align-items:flex-start}.orb-stick{color:var(--ink);background:#fff;border:1px solid #1f1e1c2e;flex:none;justify-items:center;margin:-2px -2px 0 8px;padding:4px 10px;display:grid;position:relative;rotate:1.5deg;box-shadow:1px 2px #1f1e1c0f}.orb-stick-label{color:var(--pencil);justify-self:start;font-size:12px;line-height:1}.orb-stick-svg{max-width:190px;height:auto;display:block;overflow:visible}.orb-stick-atom{font-family:var(--mono);fill:var(--ink)}.orb-stick-note{font-family:var(--mono);font-weight:500}.orb-ink--red{fill:var(--red-pen);color:var(--red-pen)}.orb-ink--blue{fill:var(--blue-pen);color:var(--blue-pen)}.orb-ink--green{color:var(--orb-hyb)}.orb-ink--pencil{color:var(--pencil)}.orb-ink--ink{fill:var(--ink)}.orb-3d{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;position:relative}.orb-3d:active{cursor:grabbing}.orb-3d-canvas{width:100%;height:100%;position:absolute;inset:0}.orb-3d-overlay,.orb-3d-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.orb-3d-label,.orb-3d-tag{font-family:var(--hand);transform-origin:50%;white-space:nowrap;line-height:1;transition:opacity .15s;position:absolute;top:0;left:0}.orb-3d-tag{font-size:18px}@media (max-width:640px){.orb-head{flex-wrap:wrap}.orb-stick{margin:6px 0 0}}
.algo-num{width:5.5em;font-family:var(--mono);color:var(--ink);border:1.4px solid var(--ink);background:#fff;border-radius:3px 7px 4px 6px;padding:3px 6px;font-size:15px}.algo-num:focus-visible{outline:2px solid var(--blue-pen);outline-offset:2px}.algo-say{font-family:var(--hand);color:var(--blue-pen)}.algo-table{border-collapse:collapse;width:100%;font-family:var(--mono);margin-top:6px;font-size:12.5px}.algo-table th,.algo-table td{text-align:right;white-space:nowrap;border-bottom:1px dashed #66625c59;padding:3px 8px}.algo-table th:first-child,.algo-table td:first-child{text-align:left}.algo-table th{font-family:var(--hand);color:var(--pencil);font-weight:400}.algo-table tr.is-bad td{color:var(--red-pen)}.algo-table tr.is-good td{color:var(--orb-hyb)}.algo-scroll{max-width:100%;overflow-x:auto}.algo-big{font-family:var(--hand);color:var(--red-pen);margin:4px 0;font-size:22px}.algo-ok{color:var(--orb-hyb)}.algo-no{color:var(--red-pen)}.algo-spec{border:1.4px solid var(--ink);background:#eed56f29;border-radius:3px 8px 4px 7px;margin:14px 0 18px;padding:8px 14px 10px}.algo-spec-name{color:var(--blue-pen);font-size:20px}.algo-spec dl{grid-template-columns:max-content 1fr;gap:2px 14px;margin:4px 0 0;display:grid}.algo-spec dt{font-family:var(--hand);color:var(--pencil)}.algo-spec dd{margin:0}.algo-recall{border-left:3px solid var(--blue-pen);background:#2c46740f;margin:10px 0;padding:6px 12px}.algo-recall summary{cursor:pointer}.algo-recall summary .hand{color:var(--blue-pen);margin-right:6px}.algo-recall summary:focus-visible{outline:2px solid var(--blue-pen);outline-offset:2px}.algo-recall-a{border-top:1px dashed #66625c80;margin-top:6px;padding-top:6px}.algo-recall-grade{color:var(--pencil);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:4px;display:flex}.algo-nav{z-index:5;background:var(--orb-paper);box-shadow:var(--shadow-rest);text-shadow:none;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0 -10px 32px;padding:6px 10px;line-height:1.3;display:flex;position:sticky;top:0}.algo-nav-count{color:var(--red-pen);margin-right:4px;font-size:17px}.algo-nav-chip{color:var(--ink);border:1.3px solid var(--ink);cursor:pointer;background:0 0;border-radius:3px 8px 4px 7px;padding:2px 8px;font-size:15px}.algo-nav-chip:hover{background:#eed56f66}.algo-nav-chip.is-done{background:var(--highlight-green)}.algo-nav-chip:focus-visible,.algo-lec summary:focus-visible,.algo-fold summary:focus-visible{outline:2px solid var(--blue-pen);outline-offset:2px}.algo-lec{border-top:1.4px solid var(--ink);margin:0 0 32px;scroll-margin-top:56px}.algo-lec>details>summary{cursor:pointer;grid-template-columns:1fr auto;gap:0 12px;padding:10px 0 6px;list-style:none;display:grid}.algo-lec>details>summary::-webkit-details-marker{display:none}.algo-lec .note-h2{grid-column:1/-1}.algo-lec-tldr{color:var(--pencil);line-height:1.5}.algo-lec-meta{color:var(--blue-pen);white-space:nowrap;flex-direction:column;align-items:flex-end;font-size:16px;line-height:1.3;display:flex}.algo-lec.is-done .algo-lec-meta{color:var(--orb-hyb)}.algo-lec-toggle{color:var(--red-pen);text-decoration:underline}.algo-lec-body{padding-top:20px}.algo-lec-end{flex-wrap:wrap;gap:8px 12px;margin:0 0 32px;display:flex}.algo-check{border:1.4px dashed var(--blue-pen);text-shadow:none;background:#2c46740d;border-radius:4px 9px 5px 8px;margin:0 0 32px;padding:8px 14px 10px;line-height:1.5}.algo-check.is-solved{border-style:solid;border-color:var(--orb-hyb);background:#4f7a3f12}.algo-check-tag{color:var(--blue-pen);font-size:16px}.algo-check-q{margin:2px 0 8px}.algo-check-why{min-height:24px;color:var(--blue-pen);margin-top:6px;font-size:17px;line-height:1.3}.algo-steps{border-left:3px solid var(--red-pen);background:#c0432d0a;margin:0 0 32px;padding:6px 14px 10px}.algo-steps-title{color:var(--red-pen);font-size:19px}.note-body .algo-steps ol{margin:0}.note-body .algo-steps li p{margin:0 0 8px}.algo-steps li.is-new{animation:.25s ease-out algo-step-in}@keyframes algo-step-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.algo-steps li.is-new{animation:none}}.algo-steps-ctl{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:4px;display:flex}.algo-steps-dots{gap:4px;display:inline-flex}.algo-steps-dots i{border:1.2px solid var(--ink);border-radius:50%;width:8px;height:8px}.algo-steps-dots i.is-on{background:var(--red-pen);border-color:var(--red-pen)}.algo-fold{border:1.2px solid #66625c99;border-radius:3px 8px 4px 7px;margin:0 0 32px;padding:4px 12px}.algo-fold summary{cursor:pointer;color:var(--pencil);font-size:18px}.algo-fold-body{margin-top:6px}.note-body .algo-fold-body>:last-child{margin-bottom:8px}.algo-guide{border:1.4px solid var(--orb-hyb);text-shadow:none;background:#4f7a3f12;border-radius:4px 9px 5px 8px;margin:0 0 20px;padding:8px 14px 4px;line-height:1.5}.algo-guide-head{color:var(--orb-hyb);font-size:19px}.note-body .algo-guide p,.note-body .algo-guide ol{margin:4px 0 8px}.algo-guide-do>.hand{color:var(--pencil);font-size:16px}.algo-guide-do li{cursor:pointer}.algo-guide-do li.is-ticked{color:var(--pencil);text-decoration:line-through;-webkit-text-decoration-color:var(--orb-hyb);text-decoration-color:var(--orb-hyb)}.algo-guide-do li.is-ticked:before{content:"✓"!important;color:var(--orb-hyb)!important}.algo-recall:not([open])>summary:after{content:"  (say it first, then tap to check)";font-family:var(--hand);color:var(--pencil)}.algo-fold:not([open])>summary:after{content:"  (tap to open)"}@media (max-width:560px){.algo-nav-name{display:none}}.note-body ol ul>li{counter-increment:none}.note-body ol ul>li:before{content:"–";font-family:inherit;font-size:inherit;color:inherit;left:4px}.algo-stage{scrollbar-width:thin;padding:4px 0 8px}.algo-stage:focus-visible{outline:2px solid var(--blue-pen);outline-offset:2px}.algo-pop{transform-box:fill-box;transform-origin:50%;animation:.4s ease-out algo-pop}@keyframes algo-pop{0%{opacity:0;transform:scale(.3)}}.algo-fade{animation:.5s ease-out algo-fade}@keyframes algo-fade{0%{opacity:0}}.algo-go .orb-btn{background:var(--highlight);border-width:2px;padding:7px 16px 8px;font-size:19px}.algo-stepof{vertical-align:middle;gap:4px;margin-right:8px;display:inline-flex}.algo-stepof i{border:1.3px solid var(--blue-pen);border-radius:50%;width:9px;height:9px}.algo-stepof i.is-on{background:var(--blue-pen)}.algo-log{font-family:var(--mono);color:var(--pencil);border-top:1px dashed #66625c59;margin:8px 0 0;padding:6px 0 0;font-size:12.5px;line-height:1.5}.algo-log div:first-child{color:var(--ink)}.algo-log div:nth-child(n+4){opacity:.55}.algo-log b{min-width:2.6em;color:var(--red-pen);font-weight:400;display:inline-block}.algo-run{margin:0 6px}.note-body .algo-narr,.algo-narr{min-height:4.1em;color:var(--blue-pen);margin:8px 6px 6px;font-size:18px;line-height:1.35}@media (prefers-reduced-motion:reduce){.algo-pop,.algo-fade{animation:none}}
@font-face{font-family:Leow Serif;src:url(/fonts/LeowSerif-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Leow Serif;src:url(/fonts/LeowSerif-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Leow Sans;src:url(/fonts/LeowSans-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Leow Sans;src:url(/fonts/LeowSans-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--paper:#1b2746;--tile:url(/art/paper/navy.webp);--ink:#f4efe4;--ink-2:#c3c9db;--link:#f0b46a;--rule-img:url(/art/ui/rule-gold.webp);--rule-img-2:url(/art/ui/rule-gold-2.webp);--edge:#fff;--shade:24, 22, 20;--serif:"Leow Serif", "Iowan Old Style", Georgia, serif;--sans:"Leow Sans", "Avenir Next", "Segoe UI", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 48px);--hand:var(--serif);--mono:var(--sans);--mono-halo:none;--rule:#50463729}html{color:var(--ink);font:400 1.125rem/1.6 var(--sans);letter-spacing:.01em;scroll-behavior:smooth;background:#1b2746 url(/art/paper/navy.webp) 0 0/480px 480px}body{min-height:100vh;color:var(--ink);font:inherit;-webkit-font-smoothing:auto;background:0 0;margin:0}h1,h2,h3{font-family:var(--serif);text-wrap:balance;margin:0;font-weight:400;line-height:1.1}p{text-wrap:pretty}::selection{color:inherit;background:#f0b46a59}:focus-visible{outline:2px solid var(--focus,var(--link));outline-offset:4px;border-radius:0}code,kbd,pre,.note-pre,.algo-table,.algo-log{font-family:var(--font-code), ui-monospace, Menlo, monospace}.skip{z-index:50;background:var(--paper);outline:2px solid var(--ink);padding:10px 14px;position:absolute;top:12px;left:-9999px}.skip:focus{left:12px}.link{color:var(--link);background:var(--rule-img) left 100% / 100% .5em no-repeat;padding-bottom:.2em;text-decoration:none}.link:hover{background-image:var(--rule-img-2)}.small{font-size:1rem}.quiet{color:var(--ink-2)}.kicker{color:var(--ink-2);margin:0 0 8px;font-size:1rem}.wt{z-index:2;width:calc(var(--tw) * 1px);pointer-events:none;display:block;position:absolute}.wt img{width:100%;height:auto;display:block}.wt-top{top:0;left:50%;transform:translate(-50%,-46%)rotate(-2deg)}.wt-l{top:0;left:0;transform:translate(-30%,-20%)rotate(-38deg)}.wt-r{top:0;right:0;transform:translate(30%,-20%)rotate(38deg)}.pic{transform:rotate(var(--r,0deg));--lift:cubic-bezier(.25, .8, .3, 1);display:block;position:relative}.pic-paper{background:var(--edge);transform-origin:50% 0;box-shadow:0 1px 2px rgba(var(--shade), .12), 0 8px 18px -8px rgba(var(--shade), .3);transition:transform .8s var(--lift), box-shadow .8s var(--lift);padding:7px;display:block;position:relative}.pic-img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.pic-wide{aspect-ratio:16/9}.pic-square{aspect-ratio:1}a:hover .pic-paper,a:focus-visible .pic-paper{box-shadow:0 1px 2px rgba(var(--shade), .1), 0 21px 24px -15px rgba(var(--shade), .36);transition-duration:.55s;transform:perspective(1100px)rotateX(4deg)}.pic-title{font-family:var(--serif);background:var(--rule-img) left 100% / 0% .5em no-repeat;margin-top:14px;padding-bottom:.12em;font-size:1.6rem;line-height:1.2;transition:background-size .5s cubic-bezier(.5,0,.2,1);display:inline-block}a:hover .pic-title,a:focus-visible .pic-title{background-size:100% .5em}.pic-meta{color:var(--ink-2);margin-top:2px;font-size:.95rem;display:block}.print{list-style:none}.print a{color:var(--ink);text-decoration:none;display:block}.front{--paper:#1b2746;--ink:#f4efe4;--ink-2:#c3c9db;--link:#f0b46a;--focus:#f0b46a;--rule-img:url(/art/ui/rule-gold.webp);--rule-img-2:url(/art/ui/rule-gold-2.webp);--ar:1.5;--py:.2;--bh:100cqh;--nx:var(--nx-w);--dh:max(var(--bh), 100cqw / var(--ar));height:max(560px,min(100svh,980px),52vw);color:var(--ink);background:var(--paper) url(/art/paper/navy.webp) 0 0 / 480px 480px;position:relative;overflow:hidden;container-type:size}.front .sky{object-fit:cover;object-position:50% calc(var(--py) * 100%);width:100%;max-width:none;height:100%;animation:1.6s cubic-bezier(.2,.7,.2,1) both sky-in;position:absolute;inset:0}@media (max-width:700px){.front{--ar:.6667;--nx:var(--nx-t);height:max(600px,min(100svh,960px))}.front .title{top:42%}}@media (max-width:700px) and (max-height:760px){.front .title{top:36%}}@keyframes sky-in{0%{opacity:0;transform:scale(1.03)}}.title{z-index:2;text-align:center;width:min(100%,34em);left:calc(50cqw + (var(--nx) - .5) * var(--dh) * var(--ar));padding:0 16px;animation:1.4s cubic-bezier(.2,.7,.2,1) .25s both title-in;position:absolute;top:46%;transform:translate(-50%,-50%)}@keyframes title-in{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}}.name{white-space:nowrap;letter-spacing:.005em;text-shadow:0 0 18px #f0b46a2e;font-size:clamp(38px,5.2vw,80px);font-weight:700;line-height:1}.role{color:var(--ink-2);max-width:24em;text-shadow:0 0 3px var(--paper), 0 0 8px var(--paper);margin:.8em auto 0;font-size:clamp(15px,1.35vw,21px)}.leaf-wrap{filter:drop-shadow(0 -1px 1.2px #00000080)drop-shadow(0 -6px 12px #0000004d);margin-top:-22px;position:relative}.leaf{background:var(--paper) var(--tile) 0 0 / 480px 480px;color:var(--ink);--ink:#f2ece0;--link:#f0b46a;--focus:#f0b46a;--shade:0, 0, 0;--rule-img:url(/art/ui/rule-gold.webp);--rule-img-2:url(/art/ui/rule-gold-2.webp);-webkit-mask:var(--torn) 0 0 / 600px 40px repeat-x, linear-gradient(#000 0 0) 0 39px / 100% calc(100% - 39px) no-repeat;-webkit-mask:var(--torn) 0 0 / 600px 40px repeat-x, linear-gradient(#000 0 0) 0 39px / 100% calc(100% - 39px) no-repeat;mask:var(--torn) 0 0 / 600px 40px repeat-x, linear-gradient(#000 0 0) 0 39px / 100% calc(100% - 39px) no-repeat;display:block;position:relative;overflow-x:clip}.leaf:before{content:"";z-index:1;background:var(--tear,none) 0 0 / 600px 40px repeat-x;pointer-events:none;height:40px;position:absolute;top:0;left:0;right:0}.leaf-slate{--paper:#1c232c;--tile:url(/art/paper/slate.webp);--ink-2:#bfc8d2;--torn:url(/art/paper/edge-slate.webp);--tear:url(/art/paper/tear-slate.webp)}.leaf-dusk{--paper:#1d2136;--tile:url(/art/paper/dusk-note.webp);--ink-2:#c4c8de;--torn:url(/art/paper/edge-dusk.webp)}.leaf-pine{--paper:#182521;--tile:url(/art/paper/pine.webp);--ink-2:#bccbc4;--torn:url(/art/paper/edge-pine.webp)}.leaf-ink{--paper:#11141e;--tile:url(/art/paper/ink.webp);--ink-2:#b9bfd0;--torn:url(/art/paper/edge-ink.webp);--tear:url(/art/paper/tear-ink.webp)}.leaf-dusk .shelf,.leaf-dusk .note-page{text-shadow:0 0 2px var(--paper), 0 0 4px var(--paper)}.shelf{z-index:1;max-width:1240px;padding:clamp(80px, 9vw, 140px) var(--gutter) clamp(100px, 11vw, 170px);margin:0 auto;position:relative}.shelf h2,.shelf-title{margin-bottom:clamp(36px,4vw,64px);font-size:clamp(40px,5vw,76px)}.deco{z-index:0;pointer-events:none;max-width:none;height:auto;position:absolute}.deco-m{display:none}.shelf-more{margin-top:clamp(48px,5vw,72px)}.board-link{font-family:var(--serif);color:var(--link);align-items:center;gap:10px;font-size:1.3rem;font-weight:700;text-decoration:none;display:inline-flex}.board-link:hover span:first-child{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}.leaf-slate{--wave-k:.28}.deco-waves{width:max(100%,1100px);bottom:0;left:50%;transform:translate(-50%)}.leaf-slate .shelf{padding-bottom:calc(max(100vw, 1100px) * var(--wave-k) + 16px)}.about-words{max-width:30em;margin:0;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.7}.contact{font-family:var(--serif);flex-wrap:wrap;gap:10px 32px;margin:1.8em 0 0;padding:0;font-size:1.35rem;list-style:none;display:flex}@media (max-width:700px){.deco-waves{width:170vw}.leaf-slate .shelf{padding-bottom:calc(170vw * var(--wave-k) + 8px)}}.deco-branch{width:min(640px,44vw);top:0;right:0}.playing{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:center;gap:clamp(36px,5vw,80px);display:grid}.playing-print .pic-img{aspect-ratio:1}.playing-title{font-family:var(--serif);margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2}.playing-artist{margin:10px 0 0;font-size:1.25rem}.playing-album{margin:4px 0 0}.playing-note{margin-top:28px}.leaf-dusk .pic-paper{background:#f2ece0}@media (max-width:899px){.deco-branch{width:min(86%,560px);margin:0 0 -8px auto;display:block;position:relative}.leaf-dusk .shelf{padding-top:8px}}@media (max-width:700px){.playing{grid-template-columns:minmax(0,1fr)}.playing-print{justify-self:center;width:min(78%,320px)}}.note-list{gap:4px;max-width:820px;margin:0;padding:0;list-style:none;display:grid}.note-list a{color:var(--ink);border-bottom:1px dashed color-mix(in srgb, var(--ink-2) 35%, transparent);grid-template-columns:7em minmax(0,1fr);align-items:baseline;gap:4px 24px;padding:20px 0 22px;text-decoration:none;display:grid}.nl-date{color:var(--ink-2);font-variant-numeric:tabular-nums;grid-row:span 2;font-size:.98rem}.nl-title{font-family:var(--serif);background:var(--rule-img) left 100% / 0% .42em no-repeat;justify-self:start;padding-bottom:.1em;font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1.2;transition:background-size .5s cubic-bezier(.5,0,.2,1)}.note-list a:hover .nl-title,.note-list a:focus-visible .nl-title{color:var(--link);background-size:100% .42em}.nl-preview{color:var(--ink-2)}@media (max-width:560px){.note-list a{grid-template-columns:minmax(0,1fr)}.nl-date{grid-row:auto}}.deco-cranes{width:max(128%,1300px);top:10px;left:50%;transform:translate(-50%)}.leaf-pine .shelf{min-height:640px}@media (max-width:899px){.deco-cranes{display:none}.deco-m{pointer-events:none;width:100%;max-width:none;height:auto;display:block}.leaf-pine .shelf{min-height:0;padding-top:0}}.colophon{padding:0;position:relative}.colophon-art{width:100%;max-width:none;height:auto;display:block}@media (max-width:700px){.colophon-art{object-fit:cover;object-position:40% 100%;width:100%;height:110vw}}.top{--ink:#f4efe4;--ink-2:#c3c9db;--link:#f0b46a;--focus:#f0b46a;--rule-img:url(/art/ui/rule-gold.webp);color:var(--ink);padding:22px var(--gutter) 40px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 28px;display:flex}.home-link{font-family:var(--serif);color:var(--ink);font-size:1.5rem;font-weight:700;text-decoration:none}.home-link:hover{color:var(--link)}.note-leaf{--mono-ink:var(--ink);--pencil:#bdb7ac;--faded-ink:#a9a398;--blue-pen:#a9c0f0;--red-pen:#f29a82;--shu:#f29a82;--highlight:#f0b46a4d;--highlight-pink:#e88ca04d;--highlight-green:#8cc88c42;--rule:#dcd4c42e;--dot:#c8d2eb33;padding-bottom:clamp(90px,10vw,150px)}.note-leaf :is(.orb-fig,.algo-nav,.note-pre,.note-figure,.sketch,.sticky,.photo-card,.algo-num){--ink:#1f1e1c;--mono-ink:#24221f;--pencil:#66625c;--faded-ink:#858078;--blue-pen:#2c4674;--red-pen:#c0432d;--shu:#c23b22;--highlight:#eed56f73;--highlight-pink:#e896a052;--highlight-green:#a0c88c5c;--rule:#50463729;--link:#933323;color:var(--ink);text-shadow:none}.note-leaf .note-body code{background:#ffffff14}.note-leaf .note-pre code{background:0 0}.note-leaf .orgo-guide kbd{background:#ffffff12;border-color:#dcd4c44d}.note-leaf .orgo-guide-planned{background:#ffffff0a}.note-page{z-index:1;max-width:760px;padding:clamp(64px, 7vw, 104px) var(--gutter) 0;margin:0 auto;position:relative}.note-label{margin-bottom:clamp(40px,5vw,64px)}.note-label h1{font-size:clamp(36px,4.4vw,60px);line-height:1.08}.note-label h1:after{content:"";background:var(--rule-img) 0 50% / 100% 100% no-repeat;width:min(100%,300px);height:.22em;margin-top:.25em;display:block}.note-label .line{max-width:30em;margin-top:22px;font-size:1.12rem}.note-body.typed,.note-body.serif{font-family:var(--sans);color:var(--ink);max-width:none;text-shadow:0 0 2px var(--paper), 0 0 5px var(--paper);font-size:1.12rem;line-height:1.8}.note-body .note-h2{font-family:var(--serif);margin:1.5em 0 .55em -2px;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.15}.note-body .note-h3{font-family:var(--serif);margin:1.3em 0 .45em;font-size:1.5rem;line-height:1.2}.note-body .note-pen{margin:.4em 0 1.4em;font-size:1.45rem;line-height:1.35;display:block}.note-body>:first-child .note-h2,.note-body>.note-h2:first-child{margin-top:0}.note-body strong{font-family:var(--sans);font-weight:700}.note-a{color:var(--link)}.turn{font-family:var(--serif);justify-content:space-between;gap:20px;margin:clamp(56px,7vw,96px) 0 0;font-size:1.4rem;display:flex}.turn a{color:var(--ink);align-items:center;gap:12px;padding:8px 0;text-decoration:none;display:inline-flex}.turn a:hover{color:var(--link)}.turn-next{text-align:right}.lost-leaf{z-index:1;max-width:900px;padding:clamp(64px, 7vw, 104px) var(--gutter) clamp(90px, 10vw, 150px);text-align:center;margin:0 auto;position:relative}.lost-leaf h1{margin:0 0 28px;font-size:clamp(36px,5vw,64px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.front .sky,.title{animation:none}}.name span{white-space:pre;animation:1.1s cubic-bezier(.2,.7,.2,1) both ink-in;animation-delay:calc(.15s + var(--i) * 50ms);display:inline-block}@keyframes ink-in{0%{opacity:0;filter:blur(7px);transform:translateY(5px)}60%{opacity:1}}.title{animation:none}.role{animation:.9s cubic-bezier(.2,.7,.2,1) .65s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}.sky-life{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.spot{--ax:var(--ax-w);--ay:var(--ay-w);left:calc(50cqw + (var(--ax) - .5) * var(--dh) * var(--ar));top:calc(100cqh - var(--bh) + (var(--bh) - var(--dh)) * var(--py) + var(--ay) * var(--dh));position:absolute}@media (max-width:700px){.spot{--ax:var(--ax-t);--ay:var(--ay-t)}}.twinkle{width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);animation:4s ease-in-out infinite both twinkle}.twinkle svg{width:100%;height:100%;display:block}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}45%{opacity:.9;transform:scale(1)rotate(20deg)}60%{opacity:.5}}.glint{width:var(--w);background:#f0c88a;border-radius:1px;height:1.5px;animation:3s ease-in-out infinite both glint;box-shadow:0 0 6px #f0b46acc}@keyframes glint{0%,to{opacity:0;transform:scaleX(.3)}50%{opacity:.85;transform:scaleX(1)}}.shooting{opacity:0;transform-origin:100%;background:linear-gradient(90deg,#f4efe400,#f4efe4f2);border-radius:1px;width:140px;height:1.4px;animation:13s ease-in 4s infinite shoot;position:absolute;top:12%;left:12%}@keyframes shoot{0%{opacity:0;transform:translate(0)rotate(16deg)scaleX(.2)}2%{opacity:1}7%{opacity:0;transform:translate(380px,110px)rotate(16deg)scaleX(1)}to{opacity:0}}.drift{width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2)}.drift-fall{animation:drift var(--p) cubic-bezier(.3, .1, .6, 1) var(--d) infinite both;position:absolute;inset:0}.drift-fall svg{width:100%;height:100%;display:block}@keyframes drift{0%{opacity:0;transform:translate(calc(var(--dx) * -1), -62vh) rotate(0deg)}6%{opacity:1}30%{transform:translate(calc(var(--dx) * -.7 + 24px), -42vh) rotate(calc(var(--turn) * .35))}55%{transform:translate(calc(var(--dx) * -.35 - 18px), -20vh) rotate(calc(var(--turn) * .7))}78%{opacity:1;transform:translate(0, 0) rotate(var(--turn)) scaleY(.55)}86%,to{opacity:0;transform:translate(4px, 2px) rotate(var(--turn)) scaleY(.45)}}.drift-ring{width:calc(var(--s) * 3);height:calc(var(--s) * .9);margin-left:calc(var(--s) * -1.5);opacity:0;animation:ring var(--p) ease-out var(--d) infinite both;border:1px solid #f0c88ab3;border-radius:50%;position:absolute;top:60%;left:50%}@keyframes ring{0%,76%{opacity:0;transform:scale(.2)}80%{opacity:.8}to{opacity:0;transform:scale(1.6)}}.fall{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.faller{left:var(--x);top:var(--y0);width:var(--s);height:var(--s);opacity:0;animation:fall var(--p) linear var(--d) infinite both;position:absolute}.faller svg{width:100%;height:100%;animation:3.2s ease-in-out infinite alternate sway;display:block}@keyframes fall{0%{opacity:0;top:var(--y0);left:var(--x);transform:rotate(0)}5%{opacity:.95}64%{opacity:.95;top:var(--y1);left:var(--x1);transform:rotate(var(--turn)) scaleY(.6);animation-timing-function:ease-out}66%{top:calc(var(--y1) - 0.4%)}68%,88%{opacity:.85;top:var(--y1);left:var(--x1);transform:rotate(var(--turn)) scaleY(.55)}to{opacity:0;top:var(--y1);left:var(--x1);transform:rotate(var(--turn)) scaleY(.55)}}@keyframes sway{0%{transform:translate(-9px)rotate(-14deg)}to{transform:translate(9px)rotate(14deg)}}.firefly{left:var(--x);top:var(--y0);width:var(--s);height:var(--s);opacity:0;animation:firefly var(--p) ease-in-out var(--d) infinite both;background:#ffd79a;border-radius:50%;position:absolute;box-shadow:0 0 6px 2px #f0b46a8c}@keyframes firefly{0%{opacity:0;top:var(--y0);transform:translate(0)}15%{opacity:.9}30%{opacity:.3}45%{opacity:1;transform:translate(14px)}70%{opacity:.5;transform:translate(-10px)}to{opacity:0;top:var(--y1);transform:translate(6px)}}.js .draw-lr,.js .draw-rl,.js .draw-up{transition:-webkit-mask-position 1.5s cubic-bezier(.4,0,.2,1),mask-position 1.5s cubic-bezier(.4,0,.2,1);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.js .draw-lr{-webkit-mask-image:linear-gradient(90deg,#000 40%,#0000 60%);mask-image:linear-gradient(90deg,#000 40%,#0000 60%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:300% 100%;mask-size:300% 100%}.js .draw-rl{-webkit-mask-image:linear-gradient(270deg,#000 40%,#0000 60%);mask-image:linear-gradient(270deg,#000 40%,#0000 60%);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:300% 100%;mask-size:300% 100%}.js .draw-up{transition-duration:1.9s;-webkit-mask-image:linear-gradient(#0000 40%,#000 60%);mask-image:linear-gradient(#0000 40%,#000 60%);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 300%;mask-size:100% 300%}.js .draw-lr.is-seen{-webkit-mask-position:0 0;mask-position:0 0}.js .draw-rl.is-seen{-webkit-mask-position:100% 0;mask-position:100% 0}.js .draw-up.is-seen{-webkit-mask-position:0 100%;mask-position:0 100%}.js .float{opacity:0;transition:opacity .9s}.js .float.is-seen{opacity:1;animation:9s ease-in-out .9s infinite alternate float}.deco-cranes.float.is-seen{animation-name:float-x}@keyframes float{to{translate:0 -8px}}@keyframes float-x{to{translate:0 -8px}}.js .pen{transition:-webkit-mask-position .85s cubic-bezier(.5,.05,.35,1),mask-position .85s cubic-bezier(.5,.05,.35,1);-webkit-mask:linear-gradient(90deg,#000 45%,#0000 55%) 100% 0/300% 100% no-repeat;mask:linear-gradient(90deg,#000 45%,#0000 55%) 100% 0/300% 100% no-repeat}.js .pen.is-seen{-webkit-mask-position:0 0;mask-position:0 0}.js .rise{opacity:0;transition:opacity .7s .1s,transform .8s cubic-bezier(.2,.7,.2,1) .1s;transform:translateY(12px)}.js .rise.is-seen{opacity:1;transform:none}.playing-print .pic{transform-origin:50% 0;animation:7s ease-in-out infinite alternate hang}@keyframes hang{0%{transform:rotate(-1.9deg)}to{transform:rotate(-1.1deg)}}@media (prefers-reduced-motion:reduce){.fall,.shooting,.twinkle,.glint,.drift{display:none}.name span,.role,.playing-print .pic,.js .float.is-seen{animation:none}.js .draw-lr,.js .draw-rl,.js .draw-up{-webkit-mask:none;mask:none}.js .float,.js .rise{opacity:1;transform:none}.js .pen{-webkit-mask:none;mask:none}}