:root{--desk:#e9e6df;--paper:#fffefb;--ink:#1d1d1f;--muted:#8a867d;--shadow:0 1px 2px #00000014, 0 4px 14px #00000014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--desk);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.4 -apple-system,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}#app,.view{position:fixed;inset:0}.view{touch-action:none}.paper{background:var(--paper);box-shadow:var(--shadow);touch-action:none;will-change:transform;border-radius:2px;position:absolute}.paper .layer{position:absolute;inset:0}.paper.animating{transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .28s}.save-status,.conn-dot{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));opacity:0;pointer-events:none;z-index:100002;background:#b3261e;border-radius:50%;width:9px;height:9px;transition:opacity .3s;position:absolute}.save-status.offline,.save-status.error,.conn-dot.visible{opacity:.85;animation:2s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.35}}.desk-surface{position:absolute}.thumb{background:var(--paper);box-shadow:var(--shadow);touch-action:none;cursor:pointer;border-radius:1px;position:absolute}.thumb canvas{position:absolute;inset:0}.thumb:focus-visible{outline-offset:2px;outline:2px solid #5b8def}.thumb.just-closed{animation:.35s ease-out settle}@keyframes settle{0%{box-shadow:0 0 0 3px #5b8def80, var(--shadow)}to{box-shadow:var(--shadow)}}.login-view{place-items:center;display:grid}.login{gap:12px;width:min(320px,86vw);display:grid}.login h1{text-align:center;letter-spacing:.02em;margin:0 0 8px;font-size:28px;font-weight:500}.login input,.login button{font:inherit;-webkit-user-select:text;user-select:text;background:#fff;border:1px solid #0000001f;border-radius:10px;padding:12px 14px}.login button{background:var(--ink);color:#fff;border:0}.login-error{color:#b3261e;text-align:center;min-height:1.4em;margin:0;font-size:14px}.error-view{text-align:center;place-content:center;gap:12px;display:grid}.thumb.dragging{transform:scale(1.03);box-shadow:0 2px 4px #0000001a,0 12px 28px #0000002e}.thumb{transition:box-shadow .15s,transform .15s}.thumb:not(.dragging){transition:box-shadow .15s,transform .15s,rotate .3s ease-out,opacity .3s}.furniture-layer{position:absolute;inset:0}.furniture{touch-action:none;cursor:grab;color:var(--muted);text-align:center;place-items:center;line-height:1.15;transition:transform .15s;display:grid;position:absolute}.furniture.hover{transform:scale(1.08)}.furniture.accepted{animation:.5s ease-out accepted}.furniture.refused,.thumb.refused{animation:.4s ease-in-out refused}@keyframes accepted{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes refused{20%,60%{translate:-5px}40%,80%{translate:5px}}.furniture-layer>.tables-pill{pointer-events:none;background:#0000000e;border-radius:999px;box-shadow:inset 0 0 0 1px #0000000d}.door{color:var(--ink);cursor:pointer;border-radius:999px;padding:0 .9em;transition:transform .15s,background .15s,box-shadow .15s;overflow:hidden}.door span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.82em;font-weight:500;overflow:hidden}.door.current{cursor:default;background:#fffefb;box-shadow:0 1px 3px #00000024,0 0 0 .5px #0000000d}.door.current span{font-weight:600}.door.hover{z-index:99999;background:#e3efe7;box-shadow:0 6px 18px #0000002e,inset 0 0 0 2px #2f6f4f8c}.thumb.over-door{opacity:.55}.thumb.into-door{opacity:0;transition:opacity .2s,transform .2s;transform:scale(.6)}.tables-pile{border-radius:999px}.tables-pile i{background:#ffffff73;border-radius:999px;position:absolute;inset:22% 26%;box-shadow:inset 0 0 0 1px #00000014}.tables-pile i:nth-child(2){transform:translate(3px,-3px)}.tables-pile i:nth-child(3){background:#ffffffb3;transform:translate(6px,-6px)}.pad i{background:var(--paper);box-shadow:var(--shadow);border-radius:1px;position:absolute;inset:0}.pad i:first-child{transform:translate(-4px,4px)rotate(-2deg)}.pad i:nth-child(2){transform:translate(-2px,2px)rotate(1deg)}.pad.disabled{opacity:.35;cursor:default}.tray{color:var(--ink);background:#00000009;border-radius:12px 12px 18px 18px;grid-template-rows:auto auto;align-content:center;gap:2px;box-shadow:inset 0 -6px #0000000d,inset 0 0 0 1px #0000000d}.tray b{background:#d9d3c7;border-radius:50%;place-items:center;width:2.2em;height:2.2em;font-size:.95em;font-weight:600;display:grid}.tray span{color:var(--muted);font-size:.85em}.trash i{background:#0000000f;border-radius:6px 6px 14px 14px;position:absolute;inset:22% 18% 6%;box-shadow:inset 0 0 0 1px #00000014}.trash i:before{content:"";background:#00000017;border-radius:4px;height:9%;position:absolute;top:-10%;left:-8%;right:-8%}.trash.hover i{background:#b3261e1a}.ghost{pointer-events:none;opacity:.95;transform:scale(1.04)}.ghost.vanish{opacity:0;transition:opacity .2s,transform .2s;transform:scale(.85)}.ghost-person{box-shadow:var(--shadow);background:#fff;border-radius:50%}.thumb.returning{transition:left .25s ease-out,top .25s ease-out,rotate .25s ease-out}.thumb.into-trash{opacity:0;transition:transform .2s,opacity .2s;transform:scale(.4)}.trash-backdrop{z-index:99990;background:#e9e6df99;animation:.2s fade;position:absolute;inset:0}.trash-drawer{z-index:99991;pointer-events:none;animation:.2s fade;position:absolute;inset:0}.trash-drawer .thumb{pointer-events:auto}.trash-backdrop.closing,.trash-drawer.closing{opacity:0;transition:opacity .2s}@keyframes fade{0%{opacity:0}}.furniture.disabled{opacity:.35;cursor:default}.thumb.hidden-page{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s linear .3s}.thumb.hidden-page.pulling{opacity:1;visibility:visible;pointer-events:auto;transition:none}.thumb.drop-target{box-shadow:0 0 0 3px #2f6f4f8c, var(--shadow)}.clip-icon,.clip-handle{background:0 0;border:1.5px solid #7d8590;border-radius:999px;width:8%;min-width:5px;height:15%;min-height:9px;position:absolute}.clip-icon:after,.clip-handle:after{content:"";border:1.5px solid #7d8590;border-top:0;border-radius:0 0 999px 999px;position:absolute;inset:22% 22% 10%}.clip-handle{z-index:2;cursor:grab;background:#ffffff03;width:7%;height:13%;top:-4.5%;left:6%}.clip-handle:before{content:"";position:absolute;inset:-130%}.clip-box{background:#0000000a;border-radius:10px;box-shadow:inset 0 0 0 1px #00000012}.clip-box .clip-icon{top:26%}.clip-box .clip-icon:first-child{left:22%;transform:rotate(-12deg)}.clip-box .clip-icon:nth-child(2){left:42%}.clip-box .clip-icon:nth-child(3){left:62%;transform:rotate(10deg)}.ghost-clip{box-shadow:none;background:0 0}.binder{box-shadow:inset 0 -10px 0 #00000014, var(--shadow);background:#d8d3c8;border-radius:10px 10px 6px 6px}.binder i{background:#0000002e;border-radius:4px;height:14%;position:absolute;top:18%;left:10%;right:10%}.binder b{border:2px solid #0000004d;border-radius:999px;width:6%;height:26%;position:absolute;top:12%}.binder b:first-of-type{left:28%}.binder b:nth-of-type(2){left:47%}.binder b:nth-of-type(3){left:66%}.binder.hover{background:#e3efe7}.binder.armed{animation:.5s ease-in-out infinite alternate armed}@keyframes armed{to{background:#f3e1c9;transform:scale(1.1)}}.thumb.bound{box-shadow:calc(var(--pages,2) * .6px) calc(var(--pages,2) * .6px) 0 #f4f1ea, calc(var(--pages,2) * .6px + 1px) calc(var(--pages,2) * .6px + 1px) 0 #0000001f, var(--shadow);border-left:5px solid #5d564b}.thumb.in-clip{box-shadow:calc(var(--pages,2) * .6px) calc(var(--pages,2) * .6px) 0 #f4f1ea, calc(var(--pages,2) * .6px + 1px) calc(var(--pages,2) * .6px + 1px) 0 #0000001f, var(--shadow)}.thumb .stack-edge{z-index:3;cursor:grab;touch-action:none;width:16px;position:absolute;top:25%;bottom:-14px;right:-16px}.envelope{color:var(--ink);background:#efe5cf;border-radius:4px;align-content:end;place-items:center;padding-bottom:8%;display:grid;position:absolute;overflow:hidden;box-shadow:0 1px 2px #0000001f,0 4px 10px #00000014}.envelope:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#e5d8bb;height:55%;position:absolute;top:0;left:0;right:0}.envelope-pile .envelope{inset:18% 10%}.envelope-pile .envelope:first-child{transform:translate(-4px,4px)rotate(-3deg)}.envelope-pile .envelope:nth-child(2){transform:translate(-2px,2px)rotate(2deg)}.thumb.sealed{box-shadow:none;background:0 0}.thumb.sealed canvas{z-index:1}.envelope.incoming canvas{pointer-events:none;position:absolute;inset:0}.envelope-face{box-shadow:var(--shadow);background:#efe5cf;border-radius:4px;position:absolute;inset:0;overflow:hidden}.envelope-face:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#e5d8bb;height:55%;position:absolute;top:0;left:0;right:0}.envelope.incoming{cursor:pointer;z-index:5}.envelope.incoming b{background:#d9cdb0;border-radius:50%;place-items:center;width:2em;height:2em;font-size:.85em;display:grid;position:relative}.envelope.incoming span{color:var(--muted);font-size:.7em;position:relative}.envelope.incoming.refused{animation:.4s ease-in-out refused}.inbox-layer{pointer-events:none;position:absolute;inset:0}.inbox-layer>*{pointer-events:auto}.in-transit{cursor:grab;align-content:center;width:38%;height:30%;padding:0;font-size:.7em;font-style:normal;top:-12%;right:-8%;position:absolute!important}.ghost.in-transit{top:auto;right:auto;position:fixed!important}.furniture.receipt{animation:1.5s ease-out receipt}@keyframes receipt{0%,40%,80%{transform:scale(1)}20%,60%{transform:scale(1.12);box-shadow:0 0 0 4px #2f6f4f59}}.page-num{color:var(--muted);letter-spacing:.04em;pointer-events:none;font-size:13px;position:absolute;bottom:14px;right:18px}.paper.slide-out-left{opacity:0;transition:transform .22s ease-in,opacity .22s;transform:translate(-40%)}.paper.slide-out-right{opacity:0;transition:transform .22s ease-in,opacity .22s;transform:translate(40%)}.paper.envelope-paper{background:#efe5cf;border-radius:6px;overflow:hidden}.paper.envelope-paper:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#e5d8bb;height:55%;position:absolute;top:0;left:0;right:0}.thumb.in-animation{visibility:hidden}.desk-view{overflow:hidden}.desk-surface{transform-origin:0 0}.desk-surface.camera-moving{transition:transform .3s cubic-bezier(.2,.7,.2,1)}.sheet-view.solid{background:var(--desk)}:is(.thumb,.flip-leaf,.pad) .corner{aspect-ratio:1;z-index:3;cursor:pointer;touch-action:none;width:min(22%,64px);position:absolute;bottom:0}:is(.thumb,.flip-leaf,.pad) .corner:before{content:"";pointer-events:none;position:absolute;inset:0}:is(.thumb,.flip-leaf,.pad) .corner.next:before{background:linear-gradient(315deg,#ffffffb3 0%,#fff0 16%,#0000000b 28%,#00000012 36%,#0000 60%)}:is(.thumb,.flip-leaf,.pad) .corner.prev:before{background:linear-gradient(45deg,#ffffffb3 0%,#fff0 16%,#0000000b 28%,#00000012 36%,#0000 60%)}:is(.thumb,.flip-leaf,.pad) .corner b{pointer-events:none;border-radius:0 0 2px;width:55%;height:55%;position:absolute;bottom:0}:is(.thumb,.flip-leaf,.pad) .corner.next b{right:0;box-shadow:1.5px 1.5px 3px -1px #00000047}:is(.thumb,.flip-leaf,.pad) .corner.prev b{border-radius:0 0 0 2px;left:0;box-shadow:-1.5px 1.5px 3px -1px #00000047}:is(.thumb,.flip-leaf,.pad) .corner.next{right:0}:is(.thumb,.flip-leaf,.pad) .corner.prev{left:0}:is(.thumb,.flip-leaf,.pad) .corner:after{content:"";position:absolute;inset:-40%}:is(.flip-leaf,.pad) .corner{pointer-events:none;z-index:1}.thumb.bound .corner.prev{left:calc(-100% - 5px)}.thumb.gliding{transition:left .6s cubic-bezier(.3,.7,.2,1),top .6s cubic-bezier(.3,.7,.2,1),rotate .6s cubic-bezier(.3,.7,.2,1),box-shadow .15s,opacity .3s}.thumb .verso{background:var(--paper);width:100%;height:100%;box-shadow:var(--shadow);z-index:1;touch-action:none;position:absolute;top:0}.thumb .verso canvas{width:100%;height:100%;position:absolute;inset:0}.thumb .verso.clip canvas{transform:scaleX(-1)}.thumb .verso.binding{box-shadow:calc(var(--turned,1) * -.6px) calc(var(--turned,1) * .6px) 0 #f4f1ea, calc(var(--turned,1) * -.6px - 1px) calc(var(--turned,1) * .6px + 1px) 0 #0000001f, var(--shadow);right:calc(100% + 5px)}.thumb .verso.clip{z-index:3;transform-origin:15% 10.61%;box-shadow:none;filter:drop-shadow(-1px 0 2px #00000014)drop-shadow(-4px 0 7px #00000014);background:0 0;left:0;transform:rotate3d(1,-1,0,180deg)}.thumb .verso.clip .verso-face{background:var(--paper);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%,0 21.21%);position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #0000001a}.thumb .verso.clip .verso-face:after{content:"";pointer-events:none;background:linear-gradient(135deg,#00000047 12.43%,#0000001a 12.98%,#00000008 15.4%,#0000 19.4%);position:absolute;inset:0}.thumb .fold-shade{z-index:2;pointer-events:none;background:linear-gradient(135deg,#0000 12.43%,#0003 12.43%,#00000012 13.98%,#0000 16.88%);position:absolute;inset:0}.thumb .verso-under{z-index:2;pointer-events:none;transform-origin:15% 10.61%;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%,0 21.21%);width:100%;height:100%;transform:rotate3d(1, -1, 0, 180deg) translate(calc(var(--turned,2) * .6px + 1px), calc(var(--turned,2) * .6px + 1px));background:#f4f1ea;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 .5px #0000001f}.thumb .verso.clip .corner.prev{left:auto;right:0}.thumb .verso.clip .corner.prev:before{background:linear-gradient(315deg,#ffffffb3 0%,#fff0 16%,#0000000b 28%,#00000012 36%,#0000 60%)}.thumb .verso.clip .corner.prev b{border-radius:0 0 2px;left:auto;right:0;box-shadow:1.5px 1.5px 3px -1px #00000047}.tape-layer{pointer-events:none;position:absolute;inset:0}.tape{pointer-events:auto;transform-origin:0;touch-action:none;z-index:2;clip-path:polygon(100% 0%, calc(100% - var(--tooth,4px)) 8.33%, 100% 16.67%, calc(100% - var(--tooth,4px)) 25%, 100% 33.33%, calc(100% - var(--tooth,4px)) 41.67%, 100% 50%, calc(100% - var(--tooth,4px)) 58.33%, 100% 66.67%, calc(100% - var(--tooth,4px)) 75%, 100% 83.33%, calc(100% - var(--tooth,4px)) 91.67%, 100% 100%, 0 100%, var(--tooth,4px) 91.67%, 0 83.33%, var(--tooth,4px) 75%, 0 66.67%, var(--tooth,4px) 58.33%, 0 50%, var(--tooth,4px) 41.67%, 0 33.33%, var(--tooth,4px) 25%, 0 16.67%, var(--tooth,4px) 8.33%, 0 0%);background-color:#f7f6f2;background-image:linear-gradient(#00000009,#fff0 22% 78%,#0000000a);position:absolute;overflow:hidden;box-shadow:0 .5px 1.5px #0000002e,inset 0 0 0 .5px #0000000d}.tape canvas{pointer-events:none;position:absolute;top:0}.tape-lift{pointer-events:none;z-index:95000;transform-origin:0;will-change:transform;position:absolute}.tape-lift.resticking{transition:left .25s ease-out,top .25s ease-out,transform .25s ease-out,filter .25s}.tape-lift.into-trash{opacity:0;transition:opacity .3s}.tape.lifted{box-shadow:none}.tape.cut-right{clip-path:polygon(100% 0%, calc(100% - var(--tooth,4px)) 8.33%, 100% 16.67%, calc(100% - var(--tooth,4px)) 25%, 100% 33.33%, calc(100% - var(--tooth,4px)) 41.67%, 100% 50%, calc(100% - var(--tooth,4px)) 58.33%, 100% 66.67%, calc(100% - var(--tooth,4px)) 75%, 100% 83.33%, calc(100% - var(--tooth,4px)) 91.67%, 100% 100%, 0 100%, 0 0%)}.tape.cut-left{clip-path:polygon(100% 0%, 100% 100%, 0 100%, var(--tooth,4px) 91.67%, 0 83.33%, var(--tooth,4px) 75%, 0 66.67%, var(--tooth,4px) 58.33%, 0 50%, var(--tooth,4px) 41.67%, 0 33.33%, var(--tooth,4px) 25%, 0 16.67%, var(--tooth,4px) 8.33%, 0 0%)}.tape.grab-start,.tape.grab-end{filter:brightness(1.03)drop-shadow(0 2px 3px #0003)}.tape.gliding{transition:left .6s cubic-bezier(.3,.7,.2,1),top .6s cubic-bezier(.3,.7,.2,1),width .6s,transform .6s cubic-bezier(.3,.7,.2,1)}.tape.unrolling{transition:width .6s cubic-bezier(.3,.7,.2,1)}.tape.retracting{transition:width .25s ease-in}.tape.resticking{transition:left .25s ease-out,top .25s ease-out,transform .25s ease-out,box-shadow .25s;box-shadow:0 .5px 1.5px #0000002e}.tape.leaving{opacity:0;transition:opacity .35s,transform .35s}.tape.into-trash{opacity:0;transition:opacity .3s}.tape-roll{cursor:grab}.tape-roll b,.tape-roll.placed b{background:radial-gradient(circle,#0000 0 34%,#d9d4c8 35% 38%,#f7f6f2 39% 66%,#e9e5dc 67% 70%,#0000 71%);border-radius:50%;position:absolute;inset:12%;box-shadow:0 2px 6px #0000001f}.tape-roll.placed b{inset:0}.tape-roll.out b{opacity:0}.tape-roll.placed{z-index:96000;pointer-events:auto;touch-action:none;transform-origin:50%;position:absolute}.tape-roll.placed.carried{filter:drop-shadow(0 8px 10px #0003)}.tape-roll.placed.going-home{transition:left .5s cubic-bezier(.3,.7,.2,1),top .5s cubic-bezier(.3,.7,.2,1),transform .5s}.tape-flap{cursor:grab;touch-action:none;z-index:-1;clip-path:polygon(0 0,100% 0,calc(100% - 3px) 25%,100% 50%,calc(100% - 3px) 75%,100% 100%,0 100%);background:#f7f6f2;transition:opacity .3s;position:absolute;box-shadow:0 1px 2px #0000002e}.tape-flap:after{content:"";position:absolute;inset:-60% -40% -60% 40%}.furniture-layer{z-index:3;pointer-events:none;overflow:hidden}.furniture.taken{transition:none;translate:-135%}.furniture.restock{transition:translate 1.3s cubic-bezier(.2,.7,.2,1),transform .15s}.furniture.pad,.furniture.clip-box,.furniture.envelope-pile{rotate:-18deg}.furniture.binder{rotate:90deg}.pad i:not(:last-of-type),.envelope-pile .envelope:not(:last-child){display:none}.clip-box:not(.ghost){box-shadow:none;background:0 0}.clip-box .clip-icon:not(:nth-child(2)){display:none}.clip-box .clip-icon:nth-child(2){width:11%;min-width:0;height:35%;min-height:0;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.furniture-layer>*{pointer-events:auto}.open-envelope{touch-action:none;cursor:grab;transform-origin:50%;transition:box-shadow .15s,transform .15s,rotate .3s ease-out;position:absolute}.open-envelope .body{box-shadow:var(--shadow);background:#efe5cf;border-radius:3px;position:absolute;inset:0}.open-envelope .flap{clip-path:polygon(0 100%,100% 100%,50% 0);filter:drop-shadow(0 -1px 1px #00000014);background:#e2d4b4;height:52%;position:absolute;bottom:100%;left:0;right:0}.open-envelope .body:before{content:"";background:linear-gradient(#d8c9a6,#d8c9a600);border-radius:0 0 40% 40%/0 0 100% 100%;height:18%;position:absolute;top:0;left:6%;right:6%}.open-envelope canvas{pointer-events:none;position:absolute;inset:0}.open-envelope.dragging{box-shadow:none;transform:scale(1.03)}.open-envelope.dragging .body{box-shadow:0 2px 4px #0000001a,0 12px 28px #0000002e}.open-envelope.drop-target .body{box-shadow:0 0 0 3px #2f6f4f8c, var(--shadow)}.open-envelope.drop-target .flap{background:#d6e6da}.open-envelope.gliding{transition:left .6s cubic-bezier(.3,.7,.2,1),top .6s cubic-bezier(.3,.7,.2,1),rotate .6s}.open-envelope.into-trash{opacity:0;transition:transform .2s,opacity .2s;transform:scale(.4)}.open-envelope.in-animation{opacity:0}.open-envelope.refused{animation:.4s ease-in-out refused}