:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:#2f2a25;background:#fff9ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-height:100%;background:#fff9ef}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at top,rgba(247,223,165,.28),transparent 34rem),#fff9ef}button{font:inherit;-webkit-tap-highlight-color:transparent}.appShell{width:min(100%,430px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(26px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.bearStage{width:100%;display:grid;place-items:center}.bearButton{width:min(80vw,360px);aspect-ratio:1 / 1;padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:default}.bearButton.isClickable{cursor:pointer}.bearButton:disabled{color:inherit}.bearButton:focus-visible{outline:3px solid rgba(240,201,120,.9);outline-offset:8px;border-radius:32px}.bearImage{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;transform-origin:center bottom}.statusArea{min-height:64px;display:grid;place-items:center;padding:0 4px}.statusText{margin:0;color:#2f2a25;font-size:18px;line-height:1.65;font-weight:600;text-align:center}.actions{width:100%;min-height:118px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.actionsPlaceholder{min-height:118px}.actionButton{min-height:48px;border:0;border-radius:999px;background:#f7dfa5;color:#3a3028;font-size:16px;font-weight:700;box-shadow:0 7px 18px #86602a1f;cursor:pointer;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.actionButton:active{background:#f0c978;transform:translateY(1px) scale(.98);box-shadow:0 4px 12px #86602a1c}.actionButton:focus-visible{outline:3px solid rgba(240,201,120,.92);outline-offset:3px}.slow-breathe{animation:slow-breathe 2.8s ease-in-out infinite}.wake-pop{animation:wake-pop .35s ease-out both}.happy-wiggle{animation:happy-wiggle .5s ease-in-out 2}.refresh{animation:refresh .7s ease-in-out both}.bonk{animation:bonk .25s ease-in-out 2}.poop-effort{animation:poop-effort .4s ease-in-out 3}.dance{animation:dance .45s ease-in-out 3}.sleep-back{animation:sleep-back .8s ease-out both}.walk-dog{animation:walk-dog .8s ease-in-out 4}.drive-cruise{animation:drive-cruise .7s ease-in-out 4}.climb-wall{animation:climb-wall .65s ease-in-out 5}.draw-doodle{animation:draw-doodle .75s ease-in-out 4}.work-focus{animation:work-focus .9s ease-in-out 4}.piano-sway{animation:piano-sway .7s ease-in-out 5}@keyframes slow-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@keyframes wake-pop{0%{opacity:.8;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes happy-wiggle{0%,to{transform:rotate(0)}35%{transform:rotate(-2deg)}70%{transform:rotate(2deg)}}@keyframes refresh{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes bonk{0%,to{transform:translate(0)}35%{transform:translate(-3px)}70%{transform:translate(3px)}}@keyframes poop-effort{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes dance{0%,to{transform:rotate(0) translateY(0)}35%{transform:rotate(-5deg) translateY(0)}70%{transform:rotate(5deg) translateY(-6px)}}@keyframes sleep-back{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes walk-dog{0%,to{transform:translate(0) rotate(0)}35%{transform:translate(-4px) rotate(-1deg)}70%{transform:translate(4px) rotate(1deg)}}@keyframes drive-cruise{0%,to{transform:translate(0) translateY(0)}35%{transform:translate(5px) translateY(-1px)}70%{transform:translate(-3px) translateY(1px)}}@keyframes climb-wall{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-6px) rotate(-1deg)}75%{transform:translateY(-2px) rotate(1deg)}}@keyframes draw-doodle{0%,to{transform:rotate(0) translateY(0)}40%{transform:rotate(-1.5deg) translateY(1px)}75%{transform:rotate(1.5deg) translateY(-1px)}}@keyframes work-focus{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(2px) scale(1.01)}}@keyframes piano-sway{0%,to{transform:rotate(0) translateY(0)}35%{transform:rotate(-2deg) translateY(-1px)}70%{transform:rotate(2deg) translateY(1px)}}@media(min-width:390px){.actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}