/* A small, silent café companion. All motion is opt-out. */
.mochi{--mochi-lift:0px;position:fixed;z-index:30;right:max(18px,env(safe-area-inset-right));bottom:calc(max(14px,env(safe-area-inset-bottom)) + var(--mochi-lift));width:88px;color:var(--ink);font-family:var(--body)}
.mochi[hidden],.mochi [hidden],.mochi-restore[hidden]{display:none!important}
.mochi-launcher{display:flex;flex-direction:column;align-items:center;width:88px;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation;border-radius:10px}
.mochi-cat{display:block;width:88px;height:88px;overflow:visible;filter:drop-shadow(0 2px 0 #fff9)}
.mochi-name{padding:3px 7px;background:var(--paper);border:1px solid #292a2550;border-radius:4px;font:700 8px/1.4 var(--mono);letter-spacing:1px;box-shadow:2px 2px 0 #292a2515}
.mochi-name span{color:#81768f;margin-left:5px}.mochi-launcher:hover .mochi-name{background:var(--lime)}
.mochi-panel{position:absolute;right:0;bottom:112px;width:310px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 150px - var(--mochi-lift));overflow:auto;overscroll-behavior:contain;background:var(--paper);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:18px;border-radius:9px 9px 3px 9px}
.mochi-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mochi-kicker{font:700 8px/1.6 var(--mono);letter-spacing:1px;color:#777268}.mochi-panel h2{font:700 24px/1.25 var(--display);letter-spacing:0;margin:5px 0 0}.mochi-close{background:none;border:0;cursor:pointer;min-width:36px;min-height:36px;font-size:25px;line-height:1;margin:-7px -8px 0 0}.mochi-message{font-size:12px;line-height:1.6;min-height:58px;padding:11px 12px;margin:15px 0;background:#eae4f4;border-radius:3px}
.mochi-join{display:flex;align-items:center;justify-content:space-between;gap:9px;background:var(--lime);border:1.5px solid var(--ink);padding:12px 10px;min-height:46px;font-size:11px;font-weight:700;box-shadow:2px 2px 0 var(--ink);margin-bottom:12px}.mochi-join:hover{background:#d9f49d}.mochi-option{display:flex;align-items:center;gap:10px;background:transparent;border:0;width:100%;min-height:44px;padding:10px 6px;text-align:left;font-size:12px;cursor:pointer;border-radius:3px}.mochi-option>span{width:20px;text-align:center;color:#796293;font-size:19px}.mochi-option:hover{background:#eeece1}.mochi-settings{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #292a2525;margin-top:8px;padding-top:8px}.mochi-settings button{border:0;background:none;cursor:pointer;font-size:10px;min-height:44px;padding:4px 2px;text-decoration:underline;text-underline-offset:3px}.mochi-bubble{position:absolute;bottom:112px;right:0;width:210px;background:var(--paper);border:1.5px solid var(--ink);box-shadow:3px 3px 0 #292a2525;padding:11px 13px;font:10px/1.6 var(--mono);border-radius:7px 7px 2px 7px;pointer-events:none}.mochi-restore{background:none;border:1px solid #292a2540;border-radius:4px;font:10px var(--body);cursor:pointer;min-height:44px;padding:8px 12px}
.mochi-body{transform-origin:48px 83px}.mochi-head{transform-origin:47px 53px}.mochi-paw{transform-origin:66px 69px}.mochi-tail{transform-origin:70px 75px}.mochi-closed-eyes,.mochi-glasses,.mochi-laptop,.mochi-book,.mochi-heart,.mochi-zzz{display:none}
.mochi[data-pose=wave] .mochi-paw{animation:mochi-wave .5s steps(3,end) 4}.mochi[data-pose=stretch] .mochi-body{animation:mochi-stretch 2.8s ease-in-out}.mochi[data-pose=groom] .mochi-paw{animation:mochi-wash .6s steps(3,end) 4}.mochi[data-pose=groom] .mochi-head{transform:rotate(9deg)}.mochi[data-pose=happy] .mochi-body{animation:mochi-hop .55s ease-in-out 3}.mochi[data-pose=happy] .mochi-heart{display:block;animation:mochi-heart 1.4s ease-out 2}.mochi[data-pose=nap] .mochi-body{transform:translateY(12px) scaleY(.82)}.mochi[data-pose=nap] .mochi-eyes,.mochi[data-pose=happy] .mochi-eyes{display:none}.mochi[data-pose=nap] .mochi-closed-eyes,.mochi[data-pose=happy] .mochi-closed-eyes,.mochi[data-pose=nap] .mochi-zzz{display:block}.mochi[data-pose=book] .mochi-book,.mochi[data-pose=book] .mochi-glasses,.mochi[data-pose=laptop] .mochi-laptop{display:block}
@keyframes mochi-wave{0%,100%{transform:translateY(-10px) rotate(-25deg)}50%{transform:translateY(-13px) rotate(20deg)}}
@keyframes mochi-stretch{0%,100%{transform:scale(1)}45%,65%{transform:scale(1.13,.87)}}
@keyframes mochi-wash{0%,100%{transform:translate(-7px,-12px)}50%{transform:translate(-12px,-18px)}}
@keyframes mochi-hop{0%,100%{transform:translateY(0)}45%{transform:translateY(-7px)}}
@keyframes mochi-heart{0%{opacity:0;transform:translateY(6px)}30%,70%{opacity:1}100%{opacity:0;transform:translateY(-6px)}}
.mochi[data-quiet=true] *{animation:none!important}
@media(max-width:760px){.mochi{right:max(12px,env(safe-area-inset-right));bottom:calc(max(12px,env(safe-area-inset-bottom)) + var(--mochi-lift));width:64px}.mochi-launcher{width:64px}.mochi-cat{width:64px;height:64px}.mochi-name{font-size:7px;padding:2px 5px}.mochi-panel,.mochi-bubble{bottom:88px}.mochi-panel{max-height:calc(100dvh - 120px - var(--mochi-lift));padding:15px}.mochi-close{min-width:44px;min-height:44px}.mochi-name span{margin-left:2px}footer{padding-bottom:105px}}
@media(prefers-reduced-motion:reduce){.mochi *{animation:none!important;transition:none!important}}