@font-face{font-family:Patrick Hand;src:url(/fonts/PatrickHand-Regular.ttf)format("truetype");font-display:swap}:root{--paper-cream:#f4ede0;--outline-ink:#1a1a1a;--pencil-shadow:#8b7e6e;--notebook-line:#b8c5d0;--hand:"Patrick Hand", "Comic Sans MS", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{overscroll-behavior:none;background:var(--paper-cream);width:100%;height:100%;color:var(--outline-ink);font-family:var(--hand);-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}.bubble{min-width:150px;max-width:240px;font-family:var(--hand);text-align:center;text-transform:uppercase;color:var(--outline-ink);pointer-events:none;padding:10px 16px 12px;font-size:19px;line-height:1.1;animation:.3s cubic-bezier(.3,1.6,.5,1) bubble-pop;position:relative;transform:translate(-50%,-100%)rotate(-2deg)}.bubble-ink{z-index:0;filter:drop-shadow(2px 3px #1a1a1a2e);position:absolute;top:-8px;left:-8px;overflow:visible}.bubble-text{z-index:1;position:relative}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%,-88%)rotate(4deg)scale(.5)}}.hint{color:var(--pencil-shadow);pointer-events:none;font-size:16px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.nb{--cover:#ffe11e;--cover-b:#e9c713;--tape:#8e1e25;--tape-dark:#64121a;--paper:#f6f1e6;--grain-fine: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='1.3' numOctaves='1' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.22 0 0 0 0 0.12 0.28 0 0 0 -0.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.25 0 0 0 0 0.18 0 0 0 0 0.1 0.5 0 0 0 -0.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:100;pointer-events:auto;background:#5a3820;position:fixed;inset:0;overflow:hidden}.nb-defs{width:0;height:0;position:absolute}.nb-zoom{transform-origin:50%;position:absolute;inset:0}.nb-desk{background:#8d5a2f 50%/cover no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nb-light{pointer-events:none;background:radial-gradient(70% 60% at 30% 22%,#ffe2aa38,#ffe2aa00 70%),radial-gradient(80% 75% at 50% 48%,#0000 50%,#140a028c 100%);position:absolute;inset:0}.nb-book{transform-style:preserve-3d;position:absolute;top:50%;left:50%}.nb-shadow{transform:translateZ(calc(var(--t) * -1 - 1px)) translate(14px, 20px);filter:blur(18px);background:#190c0380;border-radius:4px 8px 8px 4px;position:absolute;inset:0}.nb-shadow.contact{transform:translateZ(calc(var(--t) * -1 - .5px)) translate(2px, 3px);filter:blur(3px);background:#0f07028c}.nb-desk-shade{width:100%;height:100%;transform:translateZ(calc(var(--t) * -1 - .5px)) translate(2px, 4px);filter:blur(4px);opacity:0;background:#0f070273;border-radius:8px 3px 3px 8px;position:absolute;top:0;left:-100%}.nb-edge{backface-visibility:hidden;position:absolute}.nb-edge-b{width:100%;height:var(--t);transform-origin:50% 0;background:linear-gradient(to bottom, transparent calc(100% - 1.6px), var(--cover-b) calc(100% - 1.6px)), linear-gradient(90deg, var(--tape) 0 4%, transparent 4%), repeating-linear-gradient(to bottom, #f5f0e4 0 1.2px, #cdbfa8 1.2px 1.7px), #f1ebdd;filter:brightness(.94);border-radius:0 0 4px;top:100%;left:0;transform:rotateX(-90deg)}.nb-edge-s{top:0;left:calc(var(--t) * -1);width:var(--t);transform-origin:100%;background:repeating-linear-gradient(35deg, #ffffff12 0 1px, transparent 1px 3px), linear-gradient(90deg, var(--tape-dark), var(--tape) 50%, var(--tape-dark));height:100%;transform:rotateY(-90deg)}.nb-edge-r{width:var(--t);transform-origin:0;background:linear-gradient(90deg, transparent calc(100% - 1.6px), var(--cover-b) calc(100% - 1.6px)), repeating-linear-gradient(90deg, #f5f0e4 0 1.2px, #cdbfa8 1.2px 1.7px);filter:brightness(.82);height:100%;top:0;left:100%;transform:rotateY(90deg)}.nb-page{background-color:#f7f5ec;background-image:linear-gradient(90deg, #462d1433, #462d140f 4%, #462d1400 10%), var(--page-recto), var(--grain-fine);background-repeat:no-repeat,no-repeat,repeat;background-size:100% 100%,100% 100%,auto;border-radius:0 5px 5px 0;position:absolute;inset:0;overflow:hidden;box-shadow:inset -1px 0 #00000014}.nb-scene{width:100%;height:100%;display:block;position:absolute;inset:0}.world.nb-handoff{z-index:101;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.nb-page:after{content:"";pointer-events:none;background:linear-gradient(90deg,#462d1433,#462d140f 4%,#462d1400 10%);position:absolute;inset:0}.nb-page-shade{opacity:0;filter:blur(5px);background:linear-gradient(90deg,#140a02d9,#140a02bf 78%,#140a0200);width:0;position:absolute;top:0;bottom:0;left:0}.nb-leaves{transform-style:preserve-3d;visibility:hidden;position:absolute;inset:0}.nb-leaf{transform-style:preserve-3d;position:absolute;inset:0}.nb-sheet{background-color:#f7f5ec;background-image:linear-gradient(90deg, #462d1433, #462d140f 4%, #462d1400 10%), var(--page-recto), var(--grain-fine);background-repeat:no-repeat,no-repeat,repeat;background-size:100% 100%,100% 100%,auto}.nb-sheet.back{background-image:linear-gradient(270deg, #462d1433, #462d140f 4%, #462d1400 10%), var(--page-verso), var(--grain-fine)}.nb-leaf-shade{opacity:0;filter:blur(5px);pointer-events:none;background:linear-gradient(90deg,#140a02d9,#140a02bf 78%,#140a0200);width:0;position:absolute;top:0;bottom:0;left:0;transform:translateZ(.25px)}.nb-cover{transform-style:preserve-3d;position:absolute;inset:0}.nb-cover-flat{position:absolute;inset:0}.nb-chain{transform-style:preserve-3d;visibility:hidden;position:absolute;inset:0}.nb-strip{height:100%;transform-style:preserve-3d;transform-origin:0;position:absolute;top:0}.nb-face{backface-visibility:hidden;width:calc(100% + 2px);height:100%;position:absolute;top:0;left:-1px;overflow:hidden}.nb-back{transform:rotateY(180deg)}.nb-front.last{border-radius:0 6px 6px 0}.nb-back.last{border-radius:6px 0 0 6px}.nb-slice{height:100%;position:absolute;top:0}.nb-shade{position:absolute;inset:0}.nb-inside{background:linear-gradient(270deg, var(--tape) 0 5.5%, #00000038 5.5%, #0000000f 7.5%, #0000 12%), var(--grain), #eeeae0}.nb-cover-art{border-radius:0 6px 6px 0;position:absolute;inset:0}.nb-print{border-radius:inherit;background-color:var(--cover);background-repeat:no-repeat,repeat;background-size:100% 100%,auto;position:absolute;inset:0;overflow:hidden}.nb-friends{filter:drop-shadow(0 1px 1.5px #50320059);width:86%;height:auto;position:absolute;top:22%;left:9%}.nb-tape{background:repeating-linear-gradient(35deg, #ffffff12 0 1px, transparent 1px 3px), linear-gradient(90deg, var(--tape-dark), var(--tape) 35%, #a52a31 80%, var(--tape));width:6.5%;position:absolute;top:0;bottom:0;left:0;box-shadow:1px 0 1.5px #00000059}.nb-gloss{border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#fff0 28%,#ffffff4d 40%,#ffffff0d 50%,#fff0 58%,#ffffff1f 76%,#fff0 84%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000001a,inset -3px 0 4px #00000014}.nb-label{background:var(--grain), #fffefa;border-radius:7px;padding:3.2% 4.5% 2.2%;position:absolute;bottom:4.5%;left:16%;right:8%;box-shadow:inset 0 0 0 1.4px #6e6e7d8c,0 1px 1.5px #50320040}.nb-writing{position:relative}.nb-hand{width:100%;height:auto;display:block;overflow:visible}.nb-dots{stroke:#8fa9cf;stroke-width:1.8px;stroke-dasharray:1.6 5;stroke-linecap:round}.nb-ink{fill:none;stroke:#1c3a8e;stroke-width:3.8px;stroke-linecap:round;stroke-linejoin:round;opacity:.94}.nb-pen{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.nb-scroll{opacity:0;pointer-events:none;filter:drop-shadow(0 2px 3px #00000080);flex-direction:column;align-items:center;gap:7px;transition:opacity .6s,transform .6s;display:flex;position:absolute;bottom:max(18px,4.5vh);left:50%;transform:translate(-50%,10px)}.nb-scroll.show{opacity:1;transition-delay:.5s;transform:translate(-50%)}.nb-mouse{border:2.5px solid #fbf3e4;border-radius:14px;width:26px;height:41px;position:relative}.nb-mouse span{background:#fbf3e4;border-radius:2px;width:4px;height:8px;margin-left:-2px;animation:1.7s ease-in-out infinite nb-wheel;position:absolute;top:7px;left:50%}@keyframes nb-wheel{0%{opacity:1;transform:translateY(0)}70%,to{opacity:0;transform:translateY(13px)}}.nb-chev i{opacity:0;border-bottom:2.5px solid #fbf3e4;border-right:2.5px solid #fbf3e4;width:11px;height:11px;margin:-4px auto 0;animation:1.7s ease-in-out infinite nb-chev;display:block}.nb-chev i+i{animation-delay:.22s}@keyframes nb-chev{0%{opacity:0;transform:translateY(-5px)rotate(45deg)}50%{opacity:1}to{opacity:0;transform:translateY(5px)rotate(45deg)}}@media (prefers-reduced-motion:reduce){.nb-mouse span,.nb-chev i{opacity:1;animation:none}}.nb-viewer{cursor:grab}.nb-viewer:active{cursor:grabbing}.nb-viewer .nb-scroll{display:none}.nb-viewer.no-desk{background:radial-gradient(at 50% 40%,#fbfaf6,#d9d6ce)}.nb-viewer.no-desk .nb-desk,.nb-viewer.no-desk .nb-light,.nb-viewer.no-desk .nb-desk-shade{display:none}.nb-panel{z-index:110;color:#222;background:#fffdf8f0;border-radius:12px;flex-direction:column;gap:10px;width:min(300px,100vw - 32px);padding:14px 16px;font:14px/1.3 system-ui,sans-serif;display:flex;position:fixed;top:16px;left:16px;box-shadow:0 6px 24px #00000040}.nb-panel b{font-size:15px}.nb-panel label{flex-direction:column;gap:4px;display:flex}.nb-panel label.nb-check{flex-direction:row;align-items:center;gap:6px}.nb-panel-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nb-panel button{font:inherit;cursor:pointer;background:#fff;border:1px solid #c9c4b8;border-radius:8px;padding:6px 10px}.nb-panel button:disabled{opacity:.45;cursor:default}.nb-panel small{color:#6b6658}.nb.on-desk{pointer-events:none;background:0 0}.nb.on-desk .nb-desk,.nb.on-desk .nb-light,.nb.on-desk .nb-scroll{display:none}.nb.on-desk.standby{visibility:hidden}.nb.on-desk.opening{animation:.34s ease-out nb-on-desk}@keyframes nb-on-desk{0%{opacity:0}}.desk{z-index:90;background:#535b58;position:fixed;inset:0}.desk-canvas{outline:none;display:block;position:absolute;inset:0}.desk-loader{font-family:var(--hand);color:#e9ece4;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:10px;font-size:22px;transition:opacity .6s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.desk-loader.show{opacity:1}.desk-loader-bar{background:#e9ece42e;border-radius:2px;width:180px;height:3px;display:block;overflow:hidden}.desk-loader-bar i{transform-origin:0;background:#e9ece4;height:100%;transition:transform .25s;display:block}.desk-hint{font:inherit;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;padding:0;transition:opacity .5s;position:absolute;top:0;left:0}.desk-hint.show{opacity:1;pointer-events:auto}.desk-hint span{border:1.5px solid var(--outline-ink);font-family:var(--hand);white-space:nowrap;color:var(--outline-ink);background:#f7f5ec;border-radius:5px 10px 6px 9px;padding:5px 11px 6px;font-size:18px;line-height:1;transition:background .2s;animation:2.4s ease-in-out infinite desk-bob;display:block;transform:translate(-50%,calc(-100% - 10px))rotate(-3deg);box-shadow:2px 3px #1a1a1a33}.desk-hint.over span,.desk-hint:focus-visible span{background:#fff3c4}.desk-hint:focus-visible{outline:none}@keyframes desk-bob{0%,to{translate:0}50%{translate:0 -5px}}.desk-wait{font-family:var(--hand);color:#e9ece4;opacity:0;pointer-events:none;font-size:18px;transition:opacity .4s;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.desk-wait.show{opacity:1}@media (prefers-reduced-motion:reduce){.desk-hint span{animation:none}}.sound-toggle{z-index:120;color:var(--outline-ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:row-reverse;align-items:center;gap:6px;padding:0;display:flex;position:fixed;bottom:16px;right:16px}.sound-toggle svg{filter:drop-shadow(2px 3px #1a1a1a29);transition:transform .25s cubic-bezier(.3,1.6,.5,1);display:block;overflow:visible;transform:rotate(-4deg)}.sound-toggle:hover svg,.sound-toggle:focus-visible svg{transform:rotate(3deg)translateY(-2px)scale(1.06)}.sound-toggle:focus-visible{outline:none}.sound-toggle:focus-visible .st-scrap{stroke-width:2.4px}.st-scrap{fill:#f7f5ec;stroke:var(--outline-ink);stroke-width:1.6px;stroke-linejoin:round}.st-box{fill:#bfe6d0;stroke:var(--outline-ink);stroke-width:2.2px;stroke-linejoin:round}.st-cone,.st-ink{fill:none;stroke:var(--outline-ink);stroke-width:2.4px;stroke-linecap:round}.sound-toggle.is-off .st-box{fill:#e4e0d4}.st-wave{opacity:.35}.sound-toggle.is-playing .st-wave{animation:1.25s ease-in-out infinite st-wave}.sound-toggle.is-playing .st-wave2{animation-delay:.3s}@keyframes st-wave{0%,to{opacity:.3}45%{opacity:1}}.st-hint{border:1.5px solid var(--outline-ink);font-family:var(--hand);white-space:nowrap;color:var(--outline-ink);opacity:0;pointer-events:none;background:#f7f5ec;border-radius:5px 10px 6px 9px;padding:4px 9px 5px;font-size:17px;line-height:1;transition:opacity .6s,transform .6s;transform:rotate(-3deg)translate(6px);box-shadow:2px 3px #1a1a1a29}.st-hint.is-shown{opacity:1;animation:2.6s ease-in-out 1s infinite st-nudge;transform:rotate(-3deg)}@keyframes st-nudge{0%,80%,to{translate:0}88%{translate:-4px -1px}}@media (prefers-reduced-motion:reduce){.sound-toggle.is-playing .st-wave,.st-hint.is-shown{animation:none}.sound-toggle.is-playing .st-wave{opacity:1}}