.paper-basket{box-sizing:border-box;width:min(800px,84vw);max-width:84vw;height:min(610px,78dvh);max-height:78dvh;padding:55px 42px 96px;border:0;border-radius:0;background:transparent url('assets/drawer-open-bg.webp') center/100% 100% no-repeat;color:#504936;overflow:visible;isolation:isolate}.paper-basket::backdrop{background:#36392e88;backdrop-filter:blur(3px)}.paper-basket canvas{display:block;width:100%;height:100%;background:transparent;touch-action:none;border-radius:0}.paper-basket button,.paper-basket summary{font:inherit;font-size:13px;color:#4d5947;border:0;background:#faf5e5e8;padding:9px 12px;border-radius:3px;cursor:pointer}.paper-basket [data-close]{position:absolute;right:5%;top:1.8%;z-index:5}.drawer-tools{position:absolute;left:5%;top:1.8%;z-index:6}.drawer-tools nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center;max-width:350px;padding:12px;background:#f6f1e1;box-shadow:0 3px 12px #514e3522}.drawer-tools label,.drawer-tools p{font-size:12px}.drawer-tools input{width:75px}.drawer-tools p{margin:0;background:#f6f1e1;padding:10px}.paper-basket [data-fragment]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;box-shadow:0 2px 8px #5a553b33}.paper-basket [data-detail]{position:absolute;inset:9% 8% 16%;background:#fff9eb;padding:20px;overflow:auto;z-index:8;box-shadow:0 5px 18px #433c3333}.paper-basket [data-detail] img{display:block;max-width:100%;max-height:45vh;margin:auto}.paper-basket [hidden]{display:none!important}@media(max-width:600px){.paper-basket{width:90vw;max-width:90vw;height:68dvh;padding:48px 22px 85px;background-size:100% 100%}.paper-basket [data-close],.drawer-tools{top:3%}.paper-basket [data-detail]{inset:12% 5% 15%}}

.paper-basket.viewing-ticket{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;background:transparent;box-shadow:none;overflow:hidden}.paper-basket.viewing-ticket::backdrop{background:#252c2520;backdrop-filter:blur(12px)}.viewing-ticket>canvas,.viewing-ticket>[data-close],.viewing-ticket>[data-fragment]{visibility:hidden}.paper-basket [data-detail]{position:absolute;inset:0;background:transparent;padding:0;overflow:hidden;box-shadow:none;display:flex;align-items:center;justify-content:center}.paper-basket [data-back]{position:absolute;right:24px;top:24px;z-index:10}.paper-basket [data-ticket]{padding:0;background:transparent;transition:transform .65s ease;z-index:2;max-width:80vw}.paper-basket [data-ticket] img{max-height:78dvh;max-width:75vw;object-fit:contain;margin:0;filter:drop-shadow(0 12px 18px #2225)}.paper-basket .photos-open [data-ticket]{transform:translateX(-24vw)}.paper-basket [data-photos]{position:absolute;left:51%;top:7%;width:40%;height:86%;pointer-events:none}.paper-basket [data-photos] img{position:absolute;width:100%;height:29%;object-fit:contain;top:calc(var(--i)*33%);opacity:0;transform:translate(-80px,30px) rotate(-8deg);transition:opacity .45s ease,transform .65s ease;transition-delay:calc(var(--i)*90ms);filter:drop-shadow(0 8px 12px #2226)}.paper-basket .photos-open [data-photos] img{opacity:1;transform:translateX(calc(var(--i)*5px)) rotate(calc(-5deg + var(--i)*5deg))}@media(max-width:600px){.paper-basket .photos-open [data-ticket]{transform:translateX(-26vw)}.paper-basket .photos-open [data-ticket] img{max-width:40vw;max-height:68dvh}.paper-basket [data-photos]{left:48%;width:48%}}@media(prefers-reduced-motion:reduce){.paper-basket [data-ticket],.paper-basket [data-photos] img{transition:none}}

.paper-basket .photos-open [data-ticket]{position:absolute;left:5%;max-width:37vw;transform:none}.paper-basket .photos-open [data-ticket] img{width:auto;max-width:37vw;max-height:76dvh}.paper-basket [data-photos]{left:49%;width:45%}.paper-basket [data-ticket]:focus-visible{outline:2px solid #57684c;outline-offset:8px}@media(max-width:600px){.paper-basket .photos-open [data-ticket]{left:4%;transform:none}.paper-basket .photos-open [data-ticket] img{max-width:39vw}}

.paper-basket [data-photos]{pointer-events:none}.paper-basket .memory-photo{position:absolute;left:var(--x);top:var(--y);width:min(16vw,15dvh);height:auto;aspect-ratio:9/16;padding:0;border:0;border-radius:0;background:transparent;perspective:1000px;opacity:0;visibility:hidden;transform:translate(-45px,25px) rotate(var(--angle));transition:opacity .4s,transform .65s,visibility .4s;transition-delay:calc(var(--i)*90ms);pointer-events:none}.paper-basket .photos-open .memory-photo{opacity:1;visibility:visible;transform:rotate(var(--angle));pointer-events:auto}.photo-turn{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1);box-shadow:0 8px 18px #2224}.is-flipped .photo-turn{transform:rotateY(180deg)}.photo-front,.photo-back{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden}.paper-basket [data-photos] .photo-front img{position:static;display:block;width:100%;height:100%;max-height:none;max-width:none;margin:0;object-fit:cover;opacity:1;transform:none;filter:none;transition:none}.photo-back{background:#eee9dc;transform:rotateY(180deg);box-shadow:inset 0 0 0 1px #d9d1be}.memory-photo:focus-visible{outline:2px solid #57684c;outline-offset:6px}@media(max-width:600px){.paper-basket .memory-photo{width:min(24vw,15dvh)}}@media(prefers-reduced-motion:reduce){.paper-basket .memory-photo,.photo-turn{transition:none}}

.paper-basket.viewing-food{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;background:transparent;overflow:hidden}.viewing-food>canvas,.viewing-food>[data-close],.viewing-food>[data-fragment]{visibility:hidden}.viewing-food::backdrop{background:#292a27a8;backdrop-filter:blur(9px)}.food-memory-view{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.food-memory-view [data-food-close]{position:absolute;right:24px;top:24px;z-index:5}.paper-basket .food-memory-flip{display:block;padding:0;border:0;border-radius:0;width:min(42.75dvh,76vw);height:min(76dvh,135vw);background:transparent;perspective:1400px;cursor:pointer}.food-memory-turn{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.food-memory-flip.is-flipped .food-memory-turn{transform:rotateY(180deg)}.food-memory-face{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#eee9dd;box-shadow:0 12px 32px #0005}.food-memory-back{transform:rotateY(180deg)}.paper-basket .food-memory-face img{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:contain}.food-memory-front img{image-rendering:pixelated}.food-memory-view p{margin:0;color:#fff9ec;font-size:13px;text-shadow:0 1px 4px #0009}.food-memory-flip:focus-visible{outline:2px solid #faf5e5;outline-offset:7px}@media(prefers-reduced-motion:reduce){.food-memory-turn{transition:none}}

.paper-basket .food-memory-face .food-memory-note{position:absolute;left:7%;bottom:5%;width:86%;height:auto;max-height:23%;object-fit:contain;object-position:center;filter:brightness(0) invert(1) drop-shadow(0 1px 2px #0009);pointer-events:none}.paper-basket .food-memory-face .food-memory-note-top{top:5%;bottom:auto;max-height:24%}
