.snack-share-picnic{--hot:#ff8b66;--deep:#bd563e;--ink:#4d4d35;--sun:#ffe36f;--sky:#9be8f5}.share-picnic-stage{position:absolute;z-index:1;inset:0;overflow:hidden;isolation:isolate}.share-sun-glow{position:absolute;z-index:1;top:18%;left:54%;width:min(850px,84%);height:68%;border-radius:50%;background:radial-gradient(ellipse,#fffbd980,#fff2a728 55%,transparent 76%);filter:blur(8px);pointer-events:none;transform:translateX(-50%)}.share-basket{position:absolute;z-index:9;top:18%;left:50%;display:grid;width:min(430px,calc(100% - 390px));min-height:116px;padding:10px 70px 11px 18px;grid-template-rows:auto 1fr;border:4px solid #fff6d0;border-radius:28px 28px 42px 42px;background:linear-gradient(145deg,#ffe6a8ed,#df9c55ef);box-shadow:inset 0 5px #fff8d45e,0 8px 0 #8d562f,0 15px 22px #4a352b3d}.share-basket-label{color:#754927;font-size:13px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.share-basket-snacks{display:flex;min-height:64px;align-items:center;justify-content:center;margin-top:-2px}.share-basket-snacks>span{position:relative;display:block;width:clamp(45px,5.6vw,64px);aspect-ratio:1;margin-inline:-5px;filter:drop-shadow(0 6px 4px #71442638);transform:rotate(calc((var(--snack-index, 0) - 2) * 3deg))}.share-basket-snacks img,.share-cherry img,.share-finish-character img,.share-plate-snacks img{object-fit:contain}.share-basket>strong{position:absolute;right:14px;bottom:14px;display:grid;min-width:54px;height:54px;place-items:center;align-content:center;border-radius:50%;border:3px solid #d84e39;color:#842f22;background:#fffaf0;box-shadow:none;font-size:26px;font-weight:1000;line-height:.8;text-shadow:none}.share-basket>strong small,.share-basket>strong span{display:block}.share-basket>strong small{margin-top:5px;color:#9b4939;font-size:9px;line-height:1;letter-spacing:.08em;text-transform:uppercase}.share-friends{position:absolute;z-index:8;top:39%;left:54%;display:grid;width:min(820px,calc(100% - 300px));grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;justify-items:center;gap:clamp(10px,2.5vw,34px);transform:translateX(-50%)}.share-friends.count-2{width:min(640px,calc(100% - 360px));grid-template-columns:repeat(2,minmax(0,1fr))}.share-friend{position:relative;display:grid;width:100%;max-width:230px;justify-items:center}.share-friend-art{z-index:1;width:clamp(102px,12vw,145px);aspect-ratio:1;margin-bottom:-31px;filter:drop-shadow(0 10px 7px #49352e3b)}.share-plate{position:relative;z-index:3;display:grid;width:clamp(126px,16vw,178px);height:96px;padding:5px 36px 8px 8px;cursor:pointer;place-items:center;border:5px solid #fff;border-radius:50%;background:radial-gradient(ellipse at 45% 42%,#fffef5 0 44%,#d8eaff 46% 62%,#82b7dd 64% 100%);box-shadow:inset 0 -9px #5f94bd38,0 9px 0 #477da5,0 15px 17px #443c343b;touch-action:manipulation}.share-plate:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-3px)}.share-plate:active:not(:disabled){transform:translateY(5px);box-shadow:inset 0 -5px #5f94bd38,0 4px 0 #477da5}.share-check-area button:focus-visible,.share-plate:focus-visible,.share-take-back:focus-visible{outline:5px solid #fff056;outline-offset:4px}.share-plate:disabled{cursor:default}.share-plate-snacks{display:grid;width:100%;grid-template-columns:repeat(3,1fr);place-items:center}.share-plate-snacks>span{position:relative;display:block;width:clamp(36px,4.6vw,52px);aspect-ratio:1;margin:-6px;filter:drop-shadow(0 4px 3px #4e3c3335)}.share-plate>strong{position:absolute;right:7px;display:grid;width:35px;height:35px;place-items:center;border-radius:50%;color:#fff;background:#6777d9;box-shadow:inset 0 2px #aeb9ff,0 3px 0 #3e4c9b;font-size:18px;font-weight:1000}.share-take-back{display:flex;min-width:92px;min-height:43px;margin-top:12px;padding:5px 10px;cursor:pointer;align-items:center;justify-content:center;gap:4px;border:3px solid #fff;border-radius:16px;color:#6d4935;background:#fff0c7;box-shadow:0 4px 0 #b47a42;font-size:12px;font-weight:1000;touch-action:manipulation}.share-take-back svg{width:17px;height:17px;stroke-width:4}.share-take-back:disabled{cursor:default;opacity:.38;filter:grayscale(.4)}.share-cherry{position:absolute;z-index:10;bottom:0;left:-.6%;width:clamp(210px,26.4vw,312px);aspect-ratio:1;filter:drop-shadow(0 14px 9px #45362d42);pointer-events:none;transform-origin:50% 92%;animation:share-cherry-breathe 4.2s ease-in-out infinite}.share-cherry.is-correct{animation:share-cherry-cheer .58s ease-in-out}.share-cherry.is-wrong{animation:share-cherry-wiggle .52s ease-in-out}.share-cherry.is-celebrate{animation:share-cherry-cheer .72s ease-in-out infinite alternate}.share-check-area{position:absolute;z-index:13;right:clamp(18px,3vw,42px);bottom:3%;display:grid;width:min(470px,calc(100% - 420px));justify-items:center;gap:9px}.share-check-area p{min-height:24px;margin:0;color:#fffef3;font-size:clamp(15px,1.8vw,20px);font-weight:1000;text-align:center;text-shadow:0 3px 0 #596042,0 6px 11px #3f442d70}.share-check-area button{display:flex;min-width:220px;min-height:62px;padding:10px 22px;cursor:pointer;align-items:center;justify-content:center;gap:9px;border:4px solid #fff;border-radius:22px;color:#fff;background:linear-gradient(#75d997,#36af70);box-shadow:inset 0 4px #b9f3cb,0 7px 0 #237a4c,0 12px 18px #34452d40;font-size:20px;font-weight:1000;touch-action:manipulation}.share-check-area button svg{width:24px;height:24px}.share-check-area button:disabled{cursor:default;opacity:.5;filter:grayscale(.4)}.share-check-area button:active:not(:disabled){transform:translateY(5px);box-shadow:inset 0 4px #b9f3cb,0 2px 0 #237a4c}.share-finish-character{position:relative;display:block;width:150px;height:150px}@keyframes share-cherry-breathe{50%{transform:translateY(-4px) scale(1.008,.994)}}@keyframes share-cherry-cheer{45%{transform:translateY(-13px) rotate(3deg) scale(1.04)}}@keyframes share-cherry-wiggle{25%{transform:rotate(-2deg)}70%{transform:rotate(2deg)}}@media (max-width:1000px){.share-basket{top:24%;width:min(430px,calc(100% - 250px))}.share-friends{top:43%;width:min(760px,calc(100% - 190px))}.share-friends.count-2{width:min(600px,calc(100% - 250px))}.share-cherry{left:-2%;width:clamp(192px,27.6vw,264px)}.share-check-area{width:min(440px,calc(100% - 300px))}}@media (max-width:680px){.share-basket{top:24%;width:min(390px,calc(100% - 32px));min-height:105px}.share-friends,.share-friends.count-2{top:45%;left:53%;width:calc(100% - 72px);gap:4px}.share-friend-art{width:105px}.share-plate{width:136px;height:84px}.share-cherry{left:-31px;width:170px}.share-check-area{right:10px;bottom:2%;width:calc(100% - 132px)}.share-check-area button{min-width:190px;min-height:56px;font-size:17px}}@media (max-width:560px){.share-basket{top:23%;min-height:98px;padding-right:59px}.share-basket-snacks>span{width:47px}.share-basket>strong{right:8px;bottom:12px;min-width:48px;height:48px;font-size:23px}.share-basket>strong small{margin-top:4px;font-size:8px}.share-friends,.share-friends.count-2{top:43%;left:53%;width:calc(100% - 38px)}.share-friend-art{width:88px;margin-bottom:-23px}.share-plate{width:min(29vw,118px);height:76px;padding-right:29px;border-width:4px}.share-plate-snacks>span{width:36px}.share-plate>strong{right:4px;width:30px;height:30px;font-size:16px}.share-take-back{min-width:44px;min-height:42px;padding:4px 8px}.share-take-back span{display:none}.share-cherry{left:-27px;bottom:0;width:142px}.share-check-area{right:7px;bottom:2%;width:calc(100% - 105px)}.share-check-area p{font-size:13px}.share-check-area button{min-width:170px;min-height:52px;border-width:3px;font-size:15px}}@media (max-width:390px){.share-basket{top:25%}.share-friends,.share-friends.count-2{top:46%;width:calc(100% - 25px)}.share-friend-art{width:78px}.share-plate{width:min(29vw,105px);height:70px}.share-plate-snacks>span{width:31px}.share-cherry{width:126px}.share-check-area{width:calc(100% - 92px)}}@media (prefers-reduced-motion:reduce){.share-cherry,.share-friend-art,.share-plate{animation:none;transition:none}}