@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/atkinson-400.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/atkinson-700.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/jetbrains-400.woff2)format("woff2")}:root{--canvas-bg:#e8e4d9;--canvas-bg-warm:#ebe7dc;--header-bg:#111;--header-text:#f0ece3;--nav-bg:#181612d1;--nav-bg-hover:#22201ae6;--slider-accent:#c8b882;--slider-track:#7873694d;--margin-red:#d4a0a0;--grip-color:#b4afa599}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--canvas-bg);height:100%;font-size:16px;overflow:hidden}body{font-family:Patrick Hand,cursive,system-ui,sans-serif;line-height:1.6}#root{height:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:3px solid var(--slider-accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}.page-bg{z-index:0;background-color:var(--canvas-bg);background-image:repeating-linear-gradient(#0000,#0000 31px,#b4afa559 31px 32px);position:fixed;inset:0}.page-bg:after{content:"";pointer-events:none;background:radial-gradient(#0000 40%,#0000000f 100%);position:absolute;inset:0}.top-header{background:var(--header-bg);height:44px;color:var(--header-text);z-index:200;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 16px;font-family:Atkinson Hyperlegible,system-ui,sans-serif;display:flex;position:fixed;top:0;left:0;right:0}.top-header-left{align-items:center;gap:10px;display:flex}.top-header-logo{width:24px;height:24px}.top-header-name{letter-spacing:.5px;font-size:14px;font-weight:700}.top-header-right{align-items:center;gap:14px;display:flex}.top-header-link{color:var(--header-text);opacity:.7;align-items:center;transition:opacity .2s;display:flex}.top-header-link:hover{opacity:1}.zoom-viewport{z-index:1;cursor:grab;touch-action:none;position:fixed;inset:44px 0 0;overflow:hidden}.zoom-viewport:active{cursor:grabbing}.zoom-canvas{transform-origin:0 0;will-change:transform;position:absolute;top:50%;left:50%}.notebook-margin-line{background:var(--margin-red);opacity:.4;pointer-events:none;z-index:0;width:3px;height:23000px;position:absolute;top:-10000px;left:130px}.notebook-hole{pointer-events:none;z-index:0;background:#c8c3b966;border:2px solid #b4afa559;border-radius:50%;width:48px;height:48px;position:absolute;transform:translate(-50%);box-shadow:inset 0 2px 4px #00000014}.entity{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;z-index:5;transition:filter .2s;position:absolute}.entity:active{cursor:grabbing}.entity:hover{filter:brightness(.92);z-index:10}.entity.entity-section:hover{filter:none;z-index:40}.scroll-inputs{z-index:105;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);pointer-events:auto;border-radius:10px;flex-direction:column;gap:10px;min-width:56px;padding:0 10px 12px;display:flex;position:fixed}.scroll-grip{cursor:grab;touch-action:none;flex-direction:column;align-items:center;gap:3px;padding:8px 0 4px;display:flex}.scroll-grip:active{cursor:grabbing}.grip-bar{background:var(--grip-color);border-radius:1px;width:20px;height:2px;display:block}.scroll-track{align-items:center;gap:6px;display:flex}.scroll-track-label{color:#c8c3b980;text-align:center;min-width:10px;font-family:JetBrains Mono,monospace;font-size:9px}.scroll-slider{appearance:none;background:0 0}.scroll-slider-v{writing-mode:vertical-lr;direction:rtl;width:16px;height:120px}.scroll-slider-h,.scroll-slider-z{width:120px;height:16px}.scroll-slider::-webkit-slider-runnable-track{background:var(--slider-track);border-radius:2px;height:3px}.scroll-slider-v::-webkit-slider-runnable-track{width:3px;height:auto}.scroll-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--slider-accent);cursor:pointer;border:1.5px solid #1e1c16cc;border-radius:50%;width:12px;height:12px;margin-top:-4.5px;box-shadow:0 1px 3px #00000040}.scroll-slider::-moz-range-track{background:var(--slider-track);border:none;border-radius:2px;height:3px}.scroll-slider::-moz-range-thumb{background:var(--slider-accent);cursor:pointer;border:1.5px solid #1e1c16cc;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #00000040}.scroll-mid-row{align-items:center;gap:8px;display:flex}.scroll-minimap{cursor:crosshair;touch-action:none;background:#14120e80;border:1px solid #c8c3b914;border-radius:4px;flex-shrink:0;width:120px;height:120px;position:relative;overflow:hidden}.minimap-svg{pointer-events:none;position:absolute;inset:0}.mm-page{fill:#e8e4d90f;stroke:#c8c3b959;stroke-width:.6px}.mm-section{fill:#c8b8822e;stroke:#c8b88266;stroke-width:.6px}.mm-widget{fill:#c8303059;stroke:#c830308c;stroke-width:.6px}.mm-obstacle{fill:#d4a0a0b3}.minimap-viewport{cursor:grab;touch-action:none;background:#c8b8821f;border:1.5px solid #c8b88266;border-radius:2px;transition:width .15s,height .15s;position:absolute}.minimap-viewport:active{cursor:grabbing;background:#c8b88238;border-color:#c8b882a6}.page-wrapper{z-index:50;box-shadow:none;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:2px solid #000;border-radius:4px;position:absolute;overflow:hidden}.page-wrapper:active{cursor:grabbing}.page-wrapper-borderless{box-shadow:none;background:0 0;border:none;border-radius:0}.text-card-page{background:#f5f2ebf2;border:1px solid #b4afa580;width:100%;height:100%;padding:32px;overflow:hidden}.text-card-page h2{color:#2a2520;margin-bottom:16px;font:700 28px Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,serif}.text-card-page p{color:#3a3530;font:18px/1.6 Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,serif}.notebook-page{touch-action:none;background:#f5f2ebf2;border:1px solid #b4afa580;border-radius:4px;position:relative;overflow:hidden;box-shadow:2px 3px 12px #00000014}.np-stage{width:100%;height:100%;position:relative}.np-headline{white-space:pre;color:#2a2520;letter-spacing:-.5px;z-index:2;font-weight:700;position:absolute}.np-body-line{white-space:pre;z-index:1;color:#3a3530;position:absolute}.np-drop-cap{z-index:2;color:#fc314c;font-weight:700;position:absolute}.np-clock{z-index:10;cursor:grab;pointer-events:auto;touch-action:none;border-radius:50%;position:absolute;box-shadow:0 0 60px #fc314c33}.np-clock:active{cursor:grabbing}.np-pq-box{pointer-events:none;z-index:3;border-left:3px solid #fc314c;padding-left:14px;position:absolute}.np-pq-line{white-space:pre;color:#8a4a55;font-style:italic;position:absolute}.draggable-text-container{-webkit-user-select:none;user-select:none;touch-action:none;background:#e8e4d959;border:1px solid #b4afa54d;border-radius:10px;position:relative;overflow:hidden}.textstring-section{width:100%;height:100%;position:relative;overflow:hidden}.textstring-container{-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0 auto;padding:0 20px;position:relative}.textstring-letter{will-change:transform;color:#4a4540;pointer-events:none;white-space:pre;font:20px/1 Georgia,serif;position:absolute;top:0;left:0}.textstring-letter.draggable{pointer-events:auto;cursor:grab;z-index:10;touch-action:none}.textstring-letter.dragging{cursor:grabbing}.textstring-hint{pointer-events:none;opacity:0;color:#5a554b80;text-transform:uppercase;letter-spacing:1px;font:600 14px Patrick Hand,cursive;transition:opacity .8s;position:absolute}kbd{color:#3c3730d9;vertical-align:baseline;background:#c8c3b94d;border:1px solid #b4afa566;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.4;display:inline-block}.section-full{width:100%;height:100%;position:relative}.three-container{width:100%;height:100%}.three-container canvas{display:block}.entity-pinned,.entity-pinned:active{cursor:default!important}.pin-indicator{opacity:.5;pointer-events:none;filter:drop-shadow(0 1px 1px #00000026);width:14px;height:18px;position:absolute;top:-10px;left:-6px}.entity-accent{will-change:transform}.entity-frozen{will-change:auto}.entity-section{z-index:40}.entity-sketch{z-index:1;pointer-events:none}.section-block{-webkit-user-select:none;user-select:none;background:#f5f2ebf5;border:2px solid #78736980;border-radius:6px;position:relative;overflow:hidden;box-shadow:3px 4px 20px #0000001a,0 1px 3px #0000000f}.entity-section.entity-draggable .section-block{border:2px dashed #c830308c;box-shadow:0 0 0 1px #c8303014,3px 4px 20px #0000001a}.section-ruled-bg{pointer-events:none;z-index:0;background-image:repeating-linear-gradient(#0000,#0000 31px,#b4afa540 31px 32px);position:absolute;inset:0}.section-header{z-index:1;border-bottom:2px solid #b4afa54d;align-items:baseline;gap:16px;padding:28px 36px 16px;display:flex;position:relative}.section-title{color:#2a2520;letter-spacing:-.5px;font:700 3.2rem Permanent Marker,cursive}.section-subtitle{color:#5a554b73;font:400 1.3rem JetBrains Mono,monospace}.section-corner-note{color:#5a554b66;z-index:1;font:400 1.1rem Kalam,cursive;position:absolute;bottom:16px;right:24px}.section-photo-grid{z-index:1;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:48px;padding:60px 56px;display:flex;position:relative}.section-polaroid{background:#fff;border-radius:2px;flex-shrink:0;padding:14px 14px 48px;transition:box-shadow .3s;box-shadow:0 4px 16px #00000026,0 2px 4px #00000014,inset 0 0 0 1px #0000000a}.section-polaroid:hover{box-shadow:0 8px 32px #0003,0 4px 8px #0000001a,inset 0 0 0 1px #0000000a}.polaroid-img-wrap{background:#e8e4d9;border-radius:1px;width:520px;height:400px;overflow:hidden}.polaroid-img{object-fit:cover;image-orientation:from-image;width:100%;height:100%;display:block}.polaroid-caption{text-align:center;color:#5a5550;padding-top:12px;font:400 1.4rem Kalam,cursive;display:block}.section-about-content{z-index:1;gap:48px;padding:40px 48px 48px;display:flex;position:relative}.section-about-text{flex:1;min-width:0}.section-about-paragraph{color:#3a3530;margin-bottom:24px;font:400 1.55rem/1.75 Patrick Hand,cursive}.section-about-paragraph:last-child{margin-bottom:0}.section-about-photo-wrap{flex-shrink:0;padding-top:16px}.section-polaroid-inset .polaroid-img-wrap{width:360px;height:280px}.pin-btn{z-index:100;cursor:pointer;opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:38px;padding:4px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:8px;left:8px}.pin-btn:hover{opacity:1;transform:scale(1.15)}.pin-btn-active{opacity:.7}.pin-btn-active .pin-icon{filter:none}.pin-btn-inactive{opacity:.3}.pin-btn-inactive .pin-icon{filter:grayscale(.5);transform:rotate(30deg)}.pin-icon{pointer-events:none;width:20px;height:28px;transition:transform .2s}.entity-widget{z-index:45;transition:filter .2s,box-shadow .3s}.widget-block{-webkit-user-select:none;user-select:none;background:#c830300f;border:3px dashed #c8303059;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.widget-label{color:#c83030;opacity:.5;letter-spacing:2px;pointer-events:none}.widget-hint{color:#c8303066;pointer-events:none;font:400 1rem Patrick Hand,cursive}.entity-widget-active .widget-block{background:#c830301a;border-style:solid;border-color:#c8303099;box-shadow:0 4px 24px #c8303026,0 2px 8px #00000014}.entity-widget-active .widget-label{opacity:.8}.entity-widget-active:active{cursor:grabbing}.entity-widget-active:active .widget-block{box-shadow:0 8px 32px #c8303040,0 4px 12px #0000001f}