.momo-panel{padding:20px;min-width:0;display:flex;align-items:stretch;position:relative}.momo-panel canvas{display:block;width:100%;height:320px;background:#e7ded1;border:1px solid #d3c7b8;cursor:crosshair;touch-action:none}.momo-panel[data-state="joyful"] canvas{background:#e8eee7}.momo-panel[data-state="worried"] canvas{background:#e5e4df}.momo-panel[data-state="locked"] canvas{opacity:.72}.momo-v2-overlay{position:absolute;left:30px;bottom:30px;display:grid;gap:4px;padding:8px 10px;background:rgba(251,252,249,.9);border:1px solid #cfd6d0;pointer-events:none}.momo-v2-badge{color:#167f78;font:500 8px "DM Mono",monospace;letter-spacing:.08em}.momo-v2-overlay strong{font-size:12px}.momo-v2-overlay small{color:#6b746f;font:500 8px "DM Mono",monospace}@media(max-width:600px){.momo-panel{padding:16px}.momo-panel canvas{height:220px}.momo-v2-overlay{left:24px;bottom:24px}}
@media(max-width:960px){.momo-panel canvas{height:300px}}
@media(max-width:600px){.momo-panel{padding:16px}.momo-panel canvas{height:220px}}
.hero-intro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);gap:12px;min-height:430px;align-items:center;padding:54px 0 28px;overflow:visible}.hero-copy{position:relative;z-index:2;max-width:650px}.hero-momo{position:relative;min-height:430px;align-self:stretch;display:grid;place-items:end center;pointer-events:auto;transition:transform .8s cubic-bezier(.2,.75,.25,1),opacity .5s ease}.hero-momo canvas{position:relative;z-index:2;width:100%;height:100%;min-height:360px;display:block;cursor:crosshair;touch-action:none}.hero-momo[data-momo-hero-state="compact"]{transform:scale(.52) translate(34%,-30%);transform-origin:bottom right;opacity:.96}.hero-momo-caption{position:absolute;z-index:3;right:10%;bottom:18px;color:#6b746f;font:500 9px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.momo-scene{position:absolute;z-index:1;bottom:26px;right:6%;width:72%;height:34%;pointer-events:none}.bed-cushion{position:absolute;left:2%;right:2%;bottom:0;height:62%;background:#c9a88a;border-radius:46% 46% 42% 42% / 70% 70% 34% 34%;box-shadow:inset 0 -14px 0 rgba(0,0,0,.08),0 10px 18px rgba(60,40,20,.18)}.bed-wall{position:absolute;left:0;right:0;bottom:34%;height:46%;background:#b28d6b;border-radius:50% 50% 8% 8% / 90% 90% 10% 10%;box-shadow:inset 0 10px 0 rgba(255,255,255,.16),inset 0 -8px 0 rgba(0,0,0,.07)}.bed-blanket{position:absolute;left:16%;right:16%;bottom:10%;height:24%;background:#a9c0b2;border-radius:50%;opacity:.85}.toy-ball{position:absolute;right:-4%;bottom:8%;width:26px;height:26px;border-radius:50%;background:#e0a24c;box-shadow:inset -4px -5px 0 rgba(0,0,0,.12)}.toy-ball:after{content:"";position:absolute;left:50%;top:-8px;width:2px;height:10px;background:#8a6a4a;transform:translateX(-50%)}.hero-momo canvas{transition:transform .9s cubic-bezier(.18,.89,.32,1.28),opacity .55s ease}.hero-momo[data-scene="in-bed"] canvas{opacity:0;transform:translateY(26%) scale(.55)}.hero-momo[data-scene="in-bed"] .bed-wall{animation:bedBreath 2.6s ease-in-out infinite;transform-origin:center bottom}.hero-momo[data-scene="emerging"] canvas{opacity:1;transform:translateY(-3%) scale(1.03)}.hero-momo[data-scene="out"] canvas{opacity:1;transform:none}@keyframes bedBreath{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.06)}}
@media(max-width:960px){.hero-intro{grid-template-columns:minmax(0,1fr) minmax(230px,.7fr);min-height:360px}.hero-momo{min-height:360px}.hero-momo canvas{min-height:300px}}
@media(max-width:600px){.hero-intro{grid-template-columns:1fr;min-height:490px;padding:34px 0 8px}.hero-copy{max-width:none}.hero-momo{min-height:280px;margin-top:-22px}.hero-momo canvas{min-height:260px}.hero-momo[data-momo-hero-state="compact"]{transform:scale(.62) translate(20%,-14%)}.momo-scene{bottom:12px;right:12%;width:76%;height:34%}.hero-momo-caption{bottom:0;right:12%;font-size:8px}}