.star-jar-dialog{border:1px solid #d8d9bf;border-radius:30px;background:#fffaf0;color:#354c40;width:min(92vw,480px);max-height:94dvh;padding:26px;text-align:center;overflow:auto;font-family:"Segoe UI",system-ui,sans-serif;box-shadow:0 20px 80px #1b382744}.star-jar-dialog::backdrop{background:#223c3866}.star-jar-dialog h2{font-size:28px;margin:0 0 12px}.jar-message{min-height:48px;line-height:1.5}.jar-stage{position:relative;height:340px;display:flex;flex-direction:column;align-items:center}.reward-star{width:94px;height:94px;background:none;border:0;padding:0;cursor:grab;touch-action:none;z-index:2;flex-shrink:0}.reward-star svg{width:100%;height:100%;filter:drop-shadow(0 4px 3px #b58c3433)}.reward-star[hidden],.jar-done[hidden]{display:none}.glass-jar{position:absolute;bottom:0;width:200px;height:218px;border:4px solid #88aaa8;border-top:0;border-radius:24px 24px 48px 48px;background:linear-gradient(110deg,#ffffffc9,#e3f2eb66 40%,#d8ecec88);box-shadow:inset 10px 0 0 #fff8,inset -8px 0 0 #8fb8b322}.jar-rim{height:15px;position:absolute;top:-9px;left:-8px;right:-8px;border:3px solid #88aaa8;border-radius:12px;background:#e9f4ee}.jar-stars{position:absolute;inset:20px 12px 14px;display:flex;flex-wrap:wrap-reverse;align-content:flex-start;justify-content:center;gap:0}.jar-stars span{width:30px;height:30px;transform:rotate(var(--tilt))}.jar-stars svg{width:100%;height:100%}.jar-heart{position:absolute;top:35px;left:80px;font-size:32px;color:#7fa09b}.jar-total{font-size:18px;font-weight:600;margin:22px 0}.jar-done{border:0;border-radius:24px;background:#567a5b;color:white;padding:12px 28px;min-height:48px;font:600 18px "Segoe UI",sans-serif;cursor:pointer}.star-jar-dialog button:focus-visible{outline:3px solid #a67625;outline-offset:5px}.star-settled{animation:jar-settle .45s ease-out}@keyframes jar-settle{50%{transform:translateY(4px) rotate(2deg)}}[data-star-jar]{border:1px solid var(--line,#d8d9bf);border-radius:24px;background:var(--surface,#fffaf0);color:var(--deep,#355a3f);padding:12px 22px;min-height:48px;font:600 16px "Segoe UI",sans-serif;margin-top:8px;cursor:pointer}@media(prefers-reduced-motion:reduce){.star-settled{animation:none}}@media(max-height:650px){.jar-stage{height:270px}.glass-jar{height:160px}.star-jar-dialog{padding:18px}.jar-message{min-height:0}.jar-total{margin:14px 0}}
.jar-stage[hidden],.gold-coin[hidden]{display:none}.gold-coin{width:220px;margin:28px auto;animation:coin-reveal 900ms ease-out}.gold-coin svg{width:100%;filter:drop-shadow(0 12px 12px #aa772b33)}.star-jar-dialog .reward-star:focus-visible{outline:none;filter:drop-shadow(0 0 5px #a67625)}@keyframes coin-reveal{from{transform:scale(.45) rotateY(100deg);opacity:0}to{transform:scale(1) rotateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.gold-coin{animation:none}}
.jar-stars span{position:absolute;width:34px;height:34px}.jar-stars{display:block}.jar-heart{opacity:.5}