.journal-app{--desk-grain:url(/desk/oak.webp);--desk-tile:1254px;--desk-tone:#deba8e;background:var(--desk-tone) var(--desk-grain) repeat;background-size:var(--desk-tile);grid-template-rows:minmax(0,1fr)}.journal-app[data-desk-material=walnut]{--desk-grain:url(/desk/walnut-tile.svg);--desk-tile:2508px;--desk-tone:#503825}.journal-navbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f5e6cfb8}.desk-viewport{isolation:isolate;--desk-x:0px;--desk-y:0px;--desk-zoom:1;display:block;position:relative;overflow:visible}.desk-surface{z-index:0;pointer-events:none;background:var(--desk-tone) var(--desk-grain) repeat;background-size:var(--desk-tile);inset:0;transform-origin:10000px 10000px;width:20000px;height:20000px;transform:var(--desk-matrix);background-position:0 0;margin-top:-10000px;margin-left:-10000px;position:absolute;inset:0 auto auto 0}.desk-surface:after{content:"";pointer-events:none;background:radial-gradient(at 15% 10%,#fff8d920,#0000 65%);position:absolute;inset:0}.desk-world{transform-origin:0 0;transform:var(--desk-matrix);pointer-events:none;z-index:2;position:absolute;top:0;left:0}.desk-object{pointer-events:none;position:absolute;overflow:visible}.desk-shadow{pointer-events:none;transform-origin:50%;position:absolute;inset:0}.desk-shadow-shape{pointer-events:none;background:#2e2418;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.desk-prop{pointer-events:none;transform-origin:50%;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.desk-prop img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.desk-note-ink{color:#233d66;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;font:44px/1 Caveat,cursive;display:flex;position:absolute;inset:27% 8% 12%}.desk-note-ink b{font:48px/1.3 Caveat,cursive}.desk-link,.desk-sketch{pointer-events:auto;cursor:pointer}.desk-prop[inert]{pointer-events:none}.desk-link:hover .desk-note-ink{text-underline-offset:5px;color:#152b45;text-decoration:underline;text-decoration-thickness:1.5px}.desk-sketch:hover{outline-offset:5px;outline:2px dashed #29465a88}.desk-link:focus-visible,.desk-sketch:focus-visible{outline-offset:8px;border-radius:3px;outline:5px solid #233d66}.sketch-reveal{color:#233d66;background:#fff4cf;padding:10px 22px;font:38px Caveat,cursive;position:absolute;top:-20px;right:-40px;transform:rotate(-6deg);box-shadow:3px 4px #ad8d5133}.desk-viewport>.book-stage{z-index:8;filter:none;pointer-events:none;max-width:none;position:absolute;inset:0;overflow:visible}.desk-viewport .paper-surface,.desk-viewport .physical-bookmarks{z-index:4}.desk-viewport .book-stage iframe{z-index:2;pointer-events:auto}.desk-viewport .book-stage.static .static-book{pointer-events:none}.desk-viewport .book-stage.static .static-face{pointer-events:auto}.desk-theme-picker,.desk-material-picker{flex-direction:column;gap:8px;margin:4px 8px 8px;font-size:15px;display:flex}.desk-theme-picker select,.desk-material-picker select{color:#30483c;background:#f9f3df;border:1px solid #b8b49d;border-radius:3px;min-height:44px;padding:8px;font:15px DM,Arial,sans-serif}.desk-social-equivalents{flex-wrap:wrap;gap:20px;padding:0 8px;display:flex}.desk-social-equivalents a{text-underline-offset:4px;align-items:center;min-height:44px;font-size:15px;text-decoration:underline;display:flex}.desk-static[data-camera] .static-book{inset:auto;left:var(--desk-x);top:var(--desk-y);width:3440px;height:1440px;transform:scale(var(--desk-zoom));transform-origin:0 0;display:block}.desk-static[data-camera] .static-face{height:850px;top:295px;width:637.5px!important;position:absolute!important;transform:none!important}.desk-static[data-camera] .static-face[data-edge=left]{left:1082.5px}.desk-static[data-camera] .static-face[data-edge=right]{left:1720px}.desk-static[data-camera] .static-face[data-edge=left]{border-radius:20.4px 0 0 20.4px/27.2px 0 0 27.2px}.desk-static[data-camera] .static-face[data-edge=right]{border-radius:0 20.4px 20.4px 0/0 27.2px 27.2px 0}.desk-static[data-camera] .static-book .static-face>img{border-radius:inherit}.desk-static[data-camera] .static-book.two-pages:before,.desk-static[data-camera] .static-book.two-pages:after{height:850px;top:720px;left:1720px}.desk-static[data-camera] .static-book.two-pages:before{width:90px}.desk-static[data-camera] .static-book.two-pages:after{width:20px}.desk-static[data-camera] .static-face .notebook-panel{width:calc(96% * var(--desk-zoom));height:calc(97% * var(--desk-zoom));transform:scale(calc(1 / var(--desk-zoom)));transform-origin:0 0;bottom:auto;right:auto}.desk-static[data-camera] .paper-hotspot{min-height:calc(44px / var(--desk-zoom))}@media (prefers-reduced-motion:reduce){.desk-link img,.desk-sketch img{transition:none}}.notebook-postit{z-index:7;left:50%;top:max(12px,calc(50% - 425px * var(--desk-zoom,.8) - 92px));color:#29465a;touch-action:manipulation;background:linear-gradient(176deg,#efe0a0 0 12%,#f5e6ad 24%,#f3e2a0 94%);border:0;border-radius:2px 1px 6px 2px;justify-content:center;align-items:center;gap:7px;width:226px;height:68px;padding:8px 13px 10px 18px;font:500 30px/1 Caveat,cursive;transition:rotate .15s,box-shadow .15s;display:flex;position:absolute;transform:translate(-50%)rotate(-3deg);box-shadow:1px 4px 4px #46361c26,6px 12px 12px -9px #46361c66}.notebook-postit:before{content:"";background:#f8efdba6;border-inline:1px solid #d2c39333;width:54px;height:17px;position:absolute;top:-7px;left:36px;transform:rotate(5deg)}.notebook-postit svg{flex-shrink:0;width:60px;height:44px;transform:rotate(5deg)}.notebook-postit:hover span{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.notebook-postit:active{rotate:none}.notebook-postit:focus-visible{outline-offset:5px;outline:3px solid #29465a}.paper-settings>.language-nav{flex-wrap:wrap;gap:8px;padding:0 8px}.is-linear>.notebook-postit{top:16px}.is-linear>.linear-stage{z-index:8;height:calc(100% - 116px);margin-top:96px}@media (max-height:500px){.notebook-postit{width:212px;height:44px;font-size:27px;top:10px}.notebook-postit svg{height:36px}.is-linear>.notebook-postit{top:8px}.is-linear>.linear-stage{height:calc(100% - 78px);margin-top:68px}}@media (prefers-reduced-motion:reduce){.notebook-postit{transition:none}}