.sticky-side{--wall:#eae7dd;--wall-ink:#38392f;background:var(--wall);color:var(--wall-ink);overflow:hidden}.sticky-side button{font-family:var(--font)}#sticky-room{height:100svh;min-height:560px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 25% 12%,#fffef399,transparent 60%),linear-gradient(105deg,#dedbd066,transparent 40%,#c5bfa522)}#sticky-room:before{content:'';position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");z-index:-1}.wall-light{position:absolute;width:95vw;height:100vh;left:9vw;top:-30vh;transform:rotate(-28deg);background:repeating-linear-gradient(90deg,transparent 0 190px,#fffdf33a 190px 300px);filter:blur(10px);pointer-events:none}.wall-header{position:absolute;z-index:200;left:36px;right:36px;top:26px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wall-brand{font:700 18px var(--display);letter-spacing:-1px}.wall-brand span{display:inline-block;margin-left:5px;font-size:27px;vertical-align:-3px}.room-name{font:9px var(--display);letter-spacing:1.8px;text-align:center}.room-name i{font:italic 13px Georgia,serif;letter-spacing:0;margin-left:13px;color:#8c8d7d}.wall-header nav{font-size:10px;gap:20px}.wall-header button{font-size:20px;background:transparent;padding:0 4px;letter-spacing:2px}.wall-empty{position:absolute;z-index:1;left:24%;top:24%;pointer-events:none}.wall-kicker{font:8px var(--display);letter-spacing:1.5px;color:#929280}.wall-empty h1{display:block;font:500 clamp(64px,7.8vw,122px)/.9 var(--display);letter-spacing:-.075em;margin:26px 0 23px;white-space:normal}.wall-empty h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;color:#7e8058}.wall-empty p{font-size:12px;line-height:1.9;color:#838472}.wall-empty button{pointer-events:auto;background:transparent;padding:8px 0;border-bottom:1px solid #9fa087;font-size:11px;margin-top:10px}.wall-empty button span{margin-left:24px}.handwritten{font:italic 16px/1.2 Georgia,serif;transform:rotate(-8deg);position:absolute;left:-120px;top:210px;color:#8c8d71}.handwritten span{font-size:50px;display:block;margin-left:30px}.room-fixtures{position:absolute;inset:0;pointer-events:none;z-index:0;color:#a0a28c}.desk-edge{position:absolute;bottom:127px;height:4px;left:0;right:0;background:#95977b22;box-shadow:0 4px 8px #7d7a5b0b}.monitor{position:absolute;right:9%;bottom:155px;width:340px;height:230px;transform:rotate(1deg);opacity:.65}.monitor-screen{height:194px;border:8px solid #a9ad9666;border-bottom-width:15px;border-radius:8px;background:#d8ddcd44;box-shadow:inset 1px 2px 4px #767e5715;display:flex;justify-content:space-between;align-items:center;padding:28px;color:#8d9676}.monitor-screen span{font:italic 21px/1.1 Georgia,serif}.monitor-screen i{font-style:normal;font-size:40px;opacity:.5}.monitor-foot{height:36px;width:60px;margin:auto;border-bottom:5px solid #a9ad9688;background:linear-gradient(90deg,transparent 20px,#a9ad9688 20px 40px,transparent 40px)}.keyboard{width:240px;height:49px;position:absolute;bottom:-53px;left:50px;border:1px solid #a1a58a77;transform:perspective(100px) rotateX(32deg);border-radius:4px;background:repeating-linear-gradient(0deg,transparent 0 11px,#a1a58a44 11px 12px),repeating-linear-gradient(90deg,transparent 0 17px,#a1a58a44 17px 18px)}.cabinet{position:absolute;left:-25px;bottom:128px;width:235px;transform:rotate(-1deg);opacity:.55}.cabinet-top{height:11px;background:#a9ad9633;border:1px solid #a1a58a55}.cabinet-drawer{height:90px;border:1px solid #a1a58a88;background:#cecdb844;display:grid;place-items:center}.cabinet-drawer i{width:48px;height:9px;border:1px solid #979d7c88;border-radius:3px;box-shadow:0 3px 0 #7d7f6522}.cabinet-label{position:absolute;bottom:16px;left:100px;font:7px var(--display);letter-spacing:2px}.pencil-mark{position:absolute;right:16%;top:19%;font:italic 15px/1.3 Georgia,serif;transform:rotate(8deg);opacity:.8}.pencil-mark span{display:block;font-size:55px;margin-left:35px}#note-layer{position:absolute;inset:0;pointer-events:none;z-index:10}.wall-note{position:absolute;pointer-events:auto;touch-action:none;user-select:none;cursor:grab;isolation:isolate;transform-origin:50% 8%;filter:drop-shadow(3px 8px 4px #3e3a2420);outline-offset:7px}.wall-note:before{content:'';position:absolute;inset:0;background:var(--note-color);clip-path:polygon(0 0,100% 0,100% 94%,96% 100%,0 99%);z-index:-1;background-image:linear-gradient(0deg,#fff7 0,transparent 12%,#fff0 80%,#634d3010 82%,#fff1 90%);box-shadow:inset 0 1px 1px #fff9}.wall-note:after{content:'';position:absolute;right:0;bottom:0;width:18px;height:19px;background:linear-gradient(135deg,#5b48252b,transparent 65%);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}.wall-note:hover{filter:drop-shadow(5px 13px 5px #3e3a2430)}.wall-note.picked{opacity:0;pointer-events:none}.note-grip{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 7px;font:8px var(--display);letter-spacing:1.2px;color:#45432a88}.note-grip>span{display:flex;align-items:center;gap:6px}.note-grip i{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:0 3px 0 currentColor,0 -3px 0 currentColor;margin-right:7px}.note-edit{font:15px Georgia,serif!important;background:transparent;color:#50463088;padding:3px 5px;opacity:0;transition:opacity .2s}.wall-note:hover .note-edit,.wall-note:focus-within .note-edit{opacity:1}.note-writing{padding:8px 22px 15px;white-space:pre-wrap;overflow-wrap:anywhere;font:500 20px/1.38 var(--display);letter-spacing:-.6px;max-height:calc(100% - 70px);overflow:auto;color:#3c3828;scrollbar-width:thin;cursor:grab}.wall-note[data-done=true] .note-writing{text-decoration:line-through;opacity:.5}.note-meta{position:absolute;left:22px;right:17px;bottom:14px;display:flex;justify-content:space-between;font:8px var(--display);letter-spacing:.5px;color:#51472a6b}.note-meta button{padding:0;background:transparent;font:inherit;color:inherit}.note-meta button:hover{color:#3c3828}.wall-bottom{position:absolute;inset:auto 28px 22px;display:flex;align-items:end;justify-content:space-between;pointer-events:none;z-index:150}.wall-bottom>*{pointer-events:auto}.pad-station{display:flex;align-items:end;gap:20px;padding-left:6px}.peel-note{width:102px;height:99px;background:#eed773;transform:rotate(-7deg);box-shadow:0 4px 0 #d4be5f,0 7px 0 #e8d07b,3px 12px 12px #756b3c23;text-align:left;padding:12px}.peel-note:after{content:'';position:absolute;right:0;bottom:0;width:24px;height:24px;background:linear-gradient(135deg,#ead06c 48%,#f9e594 49%);clip-path:polygon(100% 0,100% 100%,0 100%);transition:width .3s,height .3s}.peel-note:hover:after{width:40px;height:40px}.peel-note>span{font-size:31px;display:block;line-height:1.1}.peel-note i{font:italic 13px Georgia,serif;display:block;line-height:1.2;margin-top:8px}.pad-station>span{font:8px var(--display);letter-spacing:1px;margin-bottom:10px;color:#92927a}.wall-dock{display:flex;align-items:center;gap:14px;margin-bottom:4px;background:#f9f7efb3;backdrop-filter:blur(8px);padding:12px 15px;border-radius:4px;border:1px solid #fffc;box-shadow:1px 4px 12px #4b4c3611}.wall-dock>span{font:7px var(--display);letter-spacing:1px;color:#8b8d78}.wall-dock>div{display:flex;gap:8px}.color-dot{width:20px;height:20px;border-radius:50%;background:var(--note-color);border:1px solid #534b2922;transition:transform .2s,box-shadow .2s;padding:0}.color-dot:hover{transform:translateY(-5px) rotate(-10deg);box-shadow:2px 5px 0 #524c2916}.wall-dock>button{background:transparent;font-size:21px;padding:0 1px 0 10px;border-left:1px solid #c4c5b177}#paper-bin{position:relative;width:126px;height:139px;background:transparent;text-align:center;padding:0;color:#646c4e}#paper-bin svg{position:absolute;left:15px;top:-15px;width:100px;height:111px;stroke:currentColor;stroke-width:1.8;overflow:visible;filter:drop-shadow(3px 5px 2px #5c67441a)}#paper-bin svg .bin-lid{fill:#bfc5a8;transform-origin:20px 40px;transition:transform .25s cubic-bezier(.2,.8,.3,1)}#paper-bin:hover .bin-lid,#paper-bin.bin-hover .bin-lid{transform:rotate(-27deg) translateY(-5px)}#paper-bin.bin-hover{color:#6d7622;transform:scale(1.08)}#paper-bin .bin-paper{fill:#d4c2ed;stroke:#b3a0ce;opacity:0;transition:opacity .2s}#paper-bin.has-paper .bin-paper{opacity:1}.bin-count{position:absolute;right:11px;top:19px;min-width:18px;height:18px;display:grid;place-items:center;background:#444f36;color:#faf8ea;border-radius:50%;font:9px var(--font)}#paper-bin strong{display:block;font:8px var(--display);letter-spacing:1.5px;margin-top:90px}#paper-bin small{font:italic 10px/1.1 Georgia,serif;color:#909279;display:block;margin-top:6px}#wall-status{position:absolute;z-index:160;left:36px;bottom:3px;font-size:8px;letter-spacing:.3px;color:#989a86;pointer-events:none}.sticky-side .sq-recovery{bottom:auto;top:69px;right:30px;background:transparent;border:0;font-size:8px;opacity:.65}.paper-flight{position:fixed;z-index:1000;pointer-events:none;will-change:left,top;filter:drop-shadow(5px 13px 5px #34321d44)}.paper-ball{width:58px;height:57px;position:relative;background:var(--note-color);background-image:conic-gradient(from 35deg at 25% 30%,#fff8,transparent 60deg,#493d2639 110deg,transparent 160deg,#fff8 220deg,transparent 270deg),conic-gradient(from 210deg at 72% 68%,#493d2655,transparent 65deg,#fffc 115deg,transparent 175deg,#493d2644 240deg,transparent 290deg);clip-path:polygon(13% 15%,35% 3%,60% 8%,77% 2%,91% 22%,96% 47%,88% 70%,94% 80%,70% 96%,47% 90%,29% 98%,11% 77%,3% 53%,8% 32%);border-radius:35%;box-shadow:inset 5px 3px 8px #fff9,inset -8px -6px 8px #503a2633;transform:rotate(14deg)}.paper-ball:before,.paper-ball:after{content:'';position:absolute;inset:0;opacity:.6;background:linear-gradient(46deg,transparent 27%,#fff8 28%,#51432c3b 29%,transparent 30% 60%,#51432c3b 61%,#fff7 62%,transparent 63%),linear-gradient(125deg,transparent 37%,#fff8 38%,#51432c3b 39%,transparent 40%)}.paper-ball:after{transform:rotate(70deg) scale(.85)}.flight-copy{position:absolute;inset:15px;font:16px var(--display);overflow:hidden;opacity:0}.sticky-side dialog{color:#38392f;border:0;background:#f3f0e6;box-shadow:0 24px 110px #27271344;border-radius:4px;padding:30px;max-height:90svh;overflow:auto}.sticky-side dialog::backdrop{background:#43473055;backdrop-filter:blur(7px)}.sticky-side .wall-dialog h2{font:500 36px/.95 var(--display);letter-spacing:-1.8px;margin:0 0 15px}.wall-dialog>p{font-size:11px;line-height:1.7;color:#82856f}.wall-dialog .dialog-top{display:flex;align-items:start;justify-content:space-between;gap:30px}.wall-dialog .close-dialog{font-size:23px;background:transparent;line-height:1;padding:0}.wall-dialog .wall-kicker{display:block;margin-bottom:12px}.note-composer{width:440px}.composer-sheet{background:var(--note-color);transform:rotate(-1deg);margin:25px 0 20px;padding:22px;box-shadow:3px 7px 0 #4e482017}.composer-sheet textarea{width:100%;min-height:170px;resize:vertical;background:transparent;border:0;outline:0;font:500 24px/1.3 var(--display);letter-spacing:-.7px;color:#3c3828}.composer-sheet textarea::placeholder{color:#534b2866}.composer-controls{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.composer-controls label{display:flex;align-items:center;gap:5px;font-size:10px}.composer-controls select,.composer-controls input{background:#fff9;border:1px solid #c8c9b6;padding:5px;font-size:11px;max-width:100px}.composer-colors{display:flex;gap:10px}.composer-colors .color-dot[aria-pressed=true]{outline:2px solid #555c39;outline-offset:3px}.dialog-actions{display:flex;justify-content:end;gap:12px;align-items:center;margin-top:25px}.dialog-actions button,.wall-primary{background:#3d462f;color:#f7f4e7;font-size:11px;padding:12px 16px;border-radius:3px}.dialog-actions .quiet{background:transparent;color:#73785f}.versions-dialog{width:910px;max-width:calc(100vw - 26px)}.version-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:26px 7px 22px;overflow:auto}.version-choice{position:relative;text-align:left;min-height:270px;padding:20px 21px 35px;background:var(--note-color);box-shadow:3px 8px 5px #4c48251c;transform:rotate(var(--tilt));transition:transform .25s,box-shadow .25s}.version-choice:hover,.version-choice:focus-visible{transform:rotate(0deg) translateY(-9px);box-shadow:7px 18px 12px #4c482526}.version-choice small{display:block;font:8px var(--display);letter-spacing:1px;opacity:.6;margin-bottom:18px}.version-copy{font:500 18px/1.4 var(--display);letter-spacing:-.4px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;overflow:auto}.version-choice footer{font-size:9px;position:absolute;bottom:14px;left:21px;right:21px;display:flex;justify-content:space-between;opacity:.6}.version-empty{border:1px dashed #b6b89e;background:transparent;box-shadow:none;opacity:.45;cursor:default}.version-empty .version-copy{font:italic 22px/1.2 Georgia,serif}.versions-help{border-top:1px solid #d8d8c7;padding-top:15px;font-size:10px;line-height:1.7;color:#8b8e78}.bin-dialog{width:800px;max-width:calc(100vw - 26px)}.bin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:25px 4px;max-height:56svh;overflow:auto}.bin-grid .version-choice{min-height:210px}.bin-grid .version-copy{font-size:15px;max-height:130px}.wall-error{position:absolute;z-index:300;left:20%;right:20%;top:30%;padding:30px;background:#fff5d7;border:1px solid #d39869;font-size:13px;line-height:1.7}.wall-error button{margin:15px 10px 0 0;padding:12px;background:#e8d4a6}.sticky-side [hidden]{display:none!important}
@media(max-width:850px){.wall-header{left:20px;right:20px;top:20px}.room-name{display:none}.wall-header nav{gap:14px}.wall-empty{left:19%;top:25%}.wall-empty h1{font-size:85px}.handwritten{left:-62px;top:240px;font-size:13px}.monitor{right:2%;width:270px;height:200px;bottom:146px;opacity:.4}.monitor-screen{height:164px}.keyboard{width:190px;left:40px}.cabinet{width:160px;left:-30px;opacity:.35}.pencil-mark{right:10%;top:16%;font-size:12px}.wall-dock>span,.pad-station>span{display:none}.wall-bottom{left:20px;right:15px;bottom:25px}.wall-dock{gap:8px;padding:10px}.wall-dock>div{gap:5px}.color-dot{width:19px;height:19px}.peel-note{width:77px;height:80px;padding:9px}.peel-note>span{font-size:26px}.peel-note i{font-size:11px}#paper-bin{width:100px;height:118px}#paper-bin svg{width:83px;height:92px;left:9px;top:-6px}#paper-bin strong{margin-top:82px}#paper-bin small{font-size:9px}.bin-count{right:8px;top:20px}.note-edit{opacity:.65}.note-writing{font-size:18px}.wall-note{filter:drop-shadow(3px 6px 3px #3e3a2425)}.version-strip{grid-template-columns:repeat(3,220px);gap:22px}.wall-status{max-width:60%}.bin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wall-error{left:15px;right:15px}.sticky-side dialog{padding:24px}.sticky-side .wall-dialog h2{font-size:30px}}
@media(max-width:480px){.wall-brand{font-size:15px}.wall-brand span{font-size:22px}.wall-header nav{font-size:9px}.wall-empty{left:12%;top:24%}.wall-empty h1{font-size:76px}.wall-empty p{font-size:11px;max-width:280px}.wall-kicker{font-size:7px}.handwritten{left:140px;top:280px;transform:rotate(5deg)}.monitor{width:205px;height:166px;bottom:140px;right:-25px;opacity:.3}.monitor-screen{height:133px;padding:13px}.monitor-screen span{font-size:16px}.monitor-screen i{font-size:25px}.keyboard{width:150px;left:25px;bottom:-40px;height:35px}.cabinet{width:125px;bottom:126px;opacity:.3}.cabinet-drawer{height:65px}.pencil-mark{display:none}.wall-dock{margin-left:-5px;margin-bottom:10px;padding:9px 8px;gap:6px}.wall-dock>div{gap:5px}.wall-dock .color-dot{width:15px;height:15px}.wall-dock>button{padding-left:7px;font-size:18px}.wall-bottom{left:15px;right:8px}.peel-note{width:64px;height:69px}.peel-note i{font-size:10px;margin-top:4px}#paper-bin{width:80px;height:111px}#paper-bin svg{width:74px;left:3px;height:84px}#paper-bin strong{font-size:7px;margin-top:74px}#paper-bin small{font-size:8px}.bin-count{right:2px;top:17px;font-size:8px;min-width:16px;height:16px}#wall-status{left:16px;max-width:75%;font-size:7px;bottom:2px}.sticky-side .sq-recovery{right:13px;top:58px;font-size:7px}.note-writing{font-size:18px;padding:8px 18px}.bin-grid{grid-template-columns:1fr}.composer-controls{gap:8px}.note-composer{width:calc(100vw - 24px)}.versions-dialog,.bin-dialog{width:calc(100vw - 20px)}.wall-dialog .dialog-top{gap:10px}}
#sticky-room{overflow:clip}.version-choice{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.version-choice footer{padding:0;border:0;gap:8px}.version-choice footer>span{width:auto;order:initial;font-size:8px}.wall-status-error{background:#fff0cd!important;color:#874528!important;padding:8px 12px!important;pointer-events:auto!important;max-width:70%;font-size:10px!important;z-index:2000!important}
@media(prefers-reduced-motion:reduce){.sticky-side *,.sticky-side *:before,.sticky-side *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}