.pip-sprite{width:100%;height:100%;image-rendering:pixelated;display:block;overflow:visible}.pip-sprite .lucky-pose--nap,.pip-sprite .lucky-thoughts,[data-pip-sleeping=true] .lucky-pose--awake{display:none}[data-pip-sleeping=true] .lucky-pose--nap{display:block}.pip-sprite .pip-head{transform-origin:21px 21px}.pip-sprite .lucky-eyes{transform-origin:21px 13px}html[data-lucky-notch]{--lucky-expanded-y:0px;--lucky-expanded-top-radius:0px;--lucky-expanded-width:min(400px,calc(100vw - 24px))}.lucky-dock{--lucky-idle-height:24px;z-index:410;left:50%;top:env(safe-area-inset-top);width:var(--lucky-expanded-width);height:var(--lucky-idle-height);padding-bottom:env(safe-area-inset-bottom);pointer-events:none;position:fixed;transform:translate(-50%)}.lucky-shell{width:var(--notch-width,76px);height:var(--notch-height,var(--lucky-idle-height));transform:translateX(-50%) translateY(var(--notch-y,var(--lucky-idle-y,0px)));box-sizing:border-box;border-radius:var(--notch-radiusTop,var(--lucky-idle-radius,0px)) var(--notch-radiusTop,var(--lucky-idle-radius,0px)) var(--notch-radiusBottom,18px) var(--notch-radiusBottom,18px);position:absolute;top:0;left:50%;overflow:hidden}html[data-lucky-capture=true] .lucky-shell{view-transition-name:lucky}.pixel-guide .lucky-shell{width:var(--lucky-expanded-width);height:var(--notch-base-height,var(--lucky-idle-height));pointer-events:none;border-radius:0;overflow:visible}.lucky-contents{pointer-events:none;clip-path:inset(0 max(0px,calc((var(--lucky-expanded-width) - var(--notch-width,76px)) / 2)) max(0px,calc(var(--notch-base-height,var(--lucky-idle-height)) - var(--notch-height,var(--lucky-idle-height)))) round var(--notch-radiusTop,0px) var(--notch-radiusTop,0px) var(--notch-radiusBottom,18px) var(--notch-radiusBottom,18px));position:absolute;inset:0;overflow:hidden}.lucky-surface{transform-origin:50% 0;transform:scale(var(--notch-scale-x,1),var(--notch-scale-y,1));border-radius:var(--notch-top-x,0px) var(--notch-top-x,0px) var(--notch-bottom-x,18px) var(--notch-bottom-x,18px) / var(--notch-top-y,0px) var(--notch-top-y,0px) var(--notch-bottom-y,18px) var(--notch-bottom-y,18px);pointer-events:auto;position:absolute;inset:0}.lucky-glass{background:#f5f5f0;border:1px solid #282c2429;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #ffffff4d,0 8px 26px #181a1417}@supports (backdrop-filter:blur(1px)){.lucky-glass{backdrop-filter:blur(22px)saturate(115%);background:linear-gradient(155deg,#fcfcf8e6,#f5f5f0d1)}}.lucky-anchor{width:76px;height:var(--lucky-idle-height);position:absolute;top:0;left:50%;transform:translate(-50%)}.lucky-shell:has(.pip-launcher:focus-visible) .lucky-surface{outline-offset:-2px;outline:2px solid #536b53}.lucky-peek{left:50%;top:var(--notch-dogY,0px);width:80px;height:var(--notch-peekHeight,var(--lucky-idle-height));transform:translateX(-50%) translateX(var(--notch-dogX,0px));opacity:1;transition:opacity .1s;position:absolute;overflow:hidden}.lucky-peek .pip-sprite{width:80px;height:64px;transform:translateY(var(--notch-spriteY,-8px))}.pixel-guide .lucky-peek{height:64px;opacity:var(--notch-peek-opacity,1);transform:translateX(-50%) translate3d(var(--notch-dogX,0px),var(--notch-dogY,0px),0);clip-path:inset(0 0 max(0px,calc(64px - var(--notch-peekHeight,var(--lucky-idle-height)))));transition:none;top:0}.pixel-guide[data-pip-speaking] .lucky-comment{opacity:var(--notch-speech-opacity,0);transform:translateX(-50%) translateY(var(--notch-speech-offset,6px));transition:none}.pixel-guide[data-lucky-animating=true] :is(.lucky-shell,.lucky-surface){will-change:transform}.lucky-peek :is(.lucky-body,.lucky-bandana,.lucky-thoughts){display:none}.lucky-comment{width:var(--lucky-expanded-width);box-sizing:border-box;min-height:80px;color:var(--theme-ink,#181a17);font:12px/1.5 var(--font-sans,Arial,sans-serif);text-transform:none;opacity:0;pointer-events:none;align-items:center;padding:12px 40px 12px 86px;transition:opacity .1s,transform .2s;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)translateY(6px)}[data-pip-speaking=true] .lucky-comment{opacity:1;transition-delay:80ms;transform:translate(-50%)translateY(0)}.lucky-comment[hidden]{display:none}.lucky-comment p{-webkit-line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.lucky-comment button{width:32px;min-height:44px;color:inherit;cursor:pointer;pointer-events:none;background:0 0;border:0;border-radius:12px;padding:0;font:20px/1 sans-serif;position:absolute;top:calc(50% - 22px);right:5px}[data-pip-speaking=true] .lucky-comment button{pointer-events:auto}.lucky-comment button:hover{background:#fff6}@media (width<=600px){.lucky-glass{backdrop-filter:blur(12px)saturate(110%)}.lucky-comment{font-size:14px;line-height:1.45}}@media (width<=999px){html[data-lucky-notch]{--lucky-expanded-y:112px;--lucky-expanded-top-radius:22px}.lucky-dock{--lucky-idle-height:36px;--lucky-idle-y:6px;--lucky-idle-radius:18px}}html[data-motion=reduced] :is(.lucky-peek,.lucky-comment){transition:none}@media (prefers-reduced-motion:reduce){.lucky-peek,.lucky-comment{transition:none}}[data-lucky-emotion=blink] .lucky-eyes{animation:.35s step-end lucky-blink}[data-lucky-emotion=ear-flick] .pip-head{animation:.35s step-end lucky-ear-flick}[data-lucky-emotion=listening] .pip-head,[data-lucky-emotion=curious] .pip-head{transform:rotate(-8deg)}[data-lucky-emotion=curious] .lucky-eyes{transform:translate(-1px)}[data-lucky-emotion=navigating] .pip-head{transform:translateY(-1px)}[data-lucky-emotion=navigating] .lucky-tail{animation:.7s step-end infinite lucky-wag}[data-lucky-emotion=reading-up] .pip-head,[data-lucky-emotion=reading-up] .lucky-eyes{transform:translateY(-1px)}[data-lucky-emotion=reading-down] .pip-head,[data-lucky-emotion=reading-down] .lucky-eyes{transform:translateY(1px)}[data-lucky-emotion=thinking] .pip-head{animation:1.2s step-end infinite lucky-ponder}[data-lucky-emotion=thinking] .lucky-thoughts{display:block}[data-lucky-emotion=thinking] .lucky-thoughts path{animation:1.2s step-end infinite lucky-dot}[data-lucky-emotion=thinking] .lucky-thoughts path:nth-child(2){animation-delay:.2s}[data-lucky-emotion=thinking] .lucky-thoughts path:nth-child(3){animation-delay:.4s}[data-lucky-emotion=found] .lucky-tail,[data-lucky-emotion=greeting] .lucky-tail{animation:.28s step-end 4 lucky-wag}[data-lucky-emotion=found] .pip-paw-right{animation:.55s step-end 2 lucky-paw}[data-lucky-emotion=greeting] .lucky-pose--awake{animation:.55s step-end 2 lucky-happy}[data-lucky-emotion=sleeping] .lucky-pose--nap{transform-origin:20px 28px;animation:4.5s step-end infinite lucky-breathe}@keyframes lucky-blink{0%,to{transform:scaleY(1)}30%,65%{transform:scaleY(.15)}}@keyframes lucky-ear-flick{0%,to{transform:translate(0)}35%{transform:translate(1px)}65%{transform:translate(-1px)}}@keyframes lucky-wag{0%,to{transform:translateY(0)}25%{transform:translateY(-1px)}75%{transform:translateY(1px)}}@keyframes lucky-paw{0%,to{transform:translateY(0)}30%,70%{transform:translateY(-3px)}}@keyframes lucky-happy{0%,to{transform:translateY(0)}35%,65%{transform:translateY(-1px)}}@keyframes lucky-ponder{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes lucky-dot{0%,70%,to{opacity:.25}30%,55%{opacity:1}}@keyframes lucky-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}html[data-motion=reduced] .pip-sprite *,[data-pip-hidden-page=true] .pip-sprite *{animation:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){.pip-sprite *{animation:none!important;transform:none!important}}
