.dinner-service .mascot-launcher{width:44px;height:48px;min-width:44px;flex:0 0 44px;border:0;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer;border-radius:12px;touch-action:manipulation}.mascot-resting{display:block;object-fit:contain;-webkit-user-select:none;user-select:none;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .16s}.dinner-service .mascot-launcher[hidden]{display:none}.mascot-launcher:hover .mascot-resting{transform:translateY(-2px) rotate(-5deg)}.mascot-launcher:active .mascot-resting{transform:translateY(1px) scale(.95)}[data-mascot-playing] .mascot-launcher .mascot-resting{opacity:0}.mascot-moment{position:fixed;inset:auto 28px 42px auto;margin:0;padding:0;width:168px;height:176px;border:0;background:none;overflow:visible;pointer-events:none;isolation:isolate;color:var(--ink,#203e36)}.mascot-moment::backdrop{background:transparent;pointer-events:none}.mascot-moment[hidden]{display:none}.mascot-performer{position:absolute;top:16px;right:9px;bottom:10px;left:9px;width:150px;height:150px;transform-origin:50% 89%;will-change:transform}.mascot-pose{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--mascot-poses);background-size:300% 100%;background-repeat:no-repeat;opacity:0;transition:opacity .1s ease}.mascot-pose[data-pose="0"]{background-position:0 0}.mascot-pose[data-pose="1"]{background-position:50% 0}.mascot-pose[data-pose="2"]{background-position:100% 0}.mascot-pose[data-visible=true]{opacity:1}.mascot-ground{position:absolute;width:72px;height:7px;bottom:10px;left:48px;border-radius:50%;background:#173b3021;filter:blur(3px)}.mascot-glint{position:absolute;width:13px;height:13px;background:#d2a455;clip-path:polygon(50% 0,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%);opacity:0}.mascot-glint--one{left:21px;top:64px}.mascot-glint--two{right:20px;top:38px;width:9px;height:9px}.is-playing .mascot-glint--one{animation:mascot-glint .9s 2.3s both}.is-playing .mascot-glint--two{animation:mascot-glint .75s 2.5s both}.mascot-steam{position:absolute;left:79px;top:77px;width:6px;height:15px;border-left:1.5px solid #bcaf92;border-radius:50%;opacity:0}.mascot-steam--two{left:88px;top:81px}.is-playing[data-variant=stir] .mascot-steam--one{animation:mascot-steam 1.1s .3s both}.is-playing[data-variant=stir] .mascot-steam--two{animation:mascot-steam 1.05s .55s both}.mascot-preference{display:flex;gap:20px;align-items:center;padding:20px 0;border-top:1px solid var(--line);margin-top:20px}.mascot-preference>div{flex:1;min-width:0}.mascot-preference>img{flex-shrink:0}.mascot-switch{display:flex;gap:16px;align-items:center;justify-content:space-between;position:relative;cursor:pointer;font-size:14px;min-height:44px}.mascot-switch input{position:absolute;right:0;width:40px;height:26px;opacity:0;cursor:pointer}.mascot-switch-track{display:block;width:38px;height:23px;background:var(--line);border-radius:20px;position:relative;flex-shrink:0;transition:background .16s}.mascot-switch-track:after{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;background:var(--paper);border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .18s ease}.mascot-switch input:checked+.mascot-switch-track{background:var(--ink)}.mascot-switch input:checked+.mascot-switch-track:after{transform:translate(15px)}.mascot-switch input:focus-visible+.mascot-switch-track{outline:2px solid var(--accent);outline-offset:4px}.dinner-service .mascot-preview{border:0;background:none;color:var(--muted);padding:8px 0;font:inherit;font-size:13px;min-height:44px;cursor:pointer;text-align:left}.mascot-preview:hover{text-decoration:underline;text-underline-offset:4px}.mascot-preview:disabled{opacity:.45;cursor:default}.mascot-motion-note{font-size:12px;color:var(--muted);margin:0}.mascot-motion-note:empty{display:none}@keyframes mascot-glint{0%,to{opacity:0;transform:scale(.3) rotate(-20deg)}35%,65%{opacity:.85;transform:scale(1) rotate(12deg)}}@keyframes mascot-steam{0%{opacity:0;transform:translateY(5px) scale(.7)}40%{opacity:.55}to{opacity:0;transform:translate(3px,-13px) scale(1.1)}}@media (max-width:700px){.mascot-moment{right:12px;bottom:calc(152px + env(safe-area-inset-bottom));width:144px;height:152px}.mascot-performer{width:132px;height:132px;top:12px;right:6px;bottom:8px;left:6px}.mascot-ground{left:38px;bottom:8px;width:64px}.mascot-glint--one{left:13px;top:60px}.mascot-glint--two{right:13px;top:34px}.mascot-steam{left:69px;top:65px}.mascot-steam--two{left:78px;top:69px}.dinner-service .mascot-launcher{height:44px}}@media (max-width:460px){.dinner-service .rail:has([data-planner-menu]:not([hidden])) .top-actions .primary{width:44px;padding:0}.dinner-service .rail:has([data-planner-menu]:not([hidden])) .top-actions .primary span{display:none}}@media (max-width:380px){.dinner-service .rail .top-actions .primary{width:44px;padding:0}.dinner-service .rail .top-actions .primary span{display:none}}@media (max-width:340px){.dinner-service:has(.mascot-launcher:not([hidden])) .rail{gap:3px}.dinner-service:has(.mascot-launcher:not([hidden])) .brand{font-size:25px}.dinner-service:has(.mascot-launcher:not([hidden])) .rail .top-actions{gap:0}}@media (prefers-reduced-motion:reduce){.mascot-resting,.mascot-pose,.mascot-switch-track,.mascot-switch-track:after{transition:none}.mascot-launcher:hover .mascot-resting,.mascot-launcher:active .mascot-resting{transform:none}.mascot-moment .mascot-glint,.mascot-moment .mascot-steam{animation:none!important;opacity:0}}