#storybook-open{position:fixed;z-index:5;top:calc(85px + env(safe-area-inset-top));right:18px;width:58px;height:58px;border-radius:50%;border:2px solid white;background:#ffdf83;box-shadow:0 5px 18px #2345;cursor:pointer;font-size:30px}
#storybook-hub{position:fixed;z-index:6;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,#c5f4edeb,#fff0b9f2);font-family:system-ui,sans-serif;padding:20px;box-sizing:border-box}
#storybook-hub[hidden],#storybook-open[hidden]{display:none}
.storybook-page{display:flex;align-items:center;justify-content:center;gap:clamp(5px,3vw,24px);width:min(95vw,660px)}
.storybook-page button{font-size:32px;border:0;background:#ffffffbb;border-radius:50%;width:56px;height:56px;flex-shrink:0}
#storybook-world{flex:1;min-width:0;min-height:220px;max-width:400px;border:8px solid #fff9;border-radius:32px;background:linear-gradient(155deg,#ffeb96,#ffd2a3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#35575b;box-shadow:0 16px 38px #3654}
.storybook-icon{font-size:clamp(70px,14vw,120px);animation:storybook-float 2.5s ease-in-out infinite}#storybook-world strong{font-size:clamp(18px,4vw,30px)}
#storybook-enter{border:3px solid white;border-radius:40px;background:#ffca50;padding:13px 30px;font-size:22px;font-weight:800;min-height:58px}#storybook-enter:disabled{opacity:.6}
#storybook-close{position:absolute;top:calc(20px + env(safe-area-inset-top));right:22px;border:0;background:white;border-radius:50%;width:50px;height:50px;font-size:25px}
#storybook-hub button{cursor:pointer}#storybook-hub button:focus-visible,#storybook-open:focus-visible{outline:4px solid #225eaa;outline-offset:3px}
@keyframes storybook-float{50%{transform:translateY(-8px)}}
@media(max-height:500px) and (orientation:landscape){#storybook-world{min-height:130px} .storybook-icon{font-size:55px}#storybook-hub{gap:5px}#storybook-enter{min-height:44px;font-size:17px;padding:6px 20px}}
@media(prefers-reduced-motion:reduce){.storybook-icon{animation:none}}

.storybook-companion{font-size:clamp(46px,9vw,80px);line-height:1;filter:drop-shadow(0 7px 9px #3454);user-select:none;pointer-events:none}
.storybook-companion-hint{display:inline-block;font-size:.38em;animation:storybook-point 2.2s ease-in-out infinite}
@keyframes storybook-point{50%{transform:translateX(12px) rotate(-15deg)}}
@media(max-height:500px) and (orientation:landscape){.storybook-companion{font-size:35px}}
@media(prefers-reduced-motion:reduce){.storybook-companion-hint{animation:none}}

.storybook-chubby{display:inline-block;width:clamp(92px,19vw,148px);height:clamp(92px,19vw,148px);background-image:url('./chubby-expressions-v1.png');background-size:300% 200%;background-position:0% 0%;background-repeat:no-repeat;filter:drop-shadow(0 7px 8px #3454);vertical-align:middle}
.storybook-chubby.storybook-cheer{background-position:50% 100%;animation:storybook-celebrate .65s ease-out}
.storybook-guiding .storybook-companion-hint{animation:storybook-point .7s ease-in-out 3}
@keyframes storybook-celebrate{50%{transform:translateY(-12px) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.storybook-chubby.storybook-cheer{animation:none}}