.bulb-helper{position:relative;flex:none;width:64px;color:#343c34;font-family:Arial,sans-serif;text-align:left}
.bulb-helper>summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;padding:3px;border-radius:9px;cursor:pointer;list-style:none;user-select:none}
.bulb-helper>summary::-webkit-details-marker{display:none}.bulb-helper>summary::marker{content:''}
.bulb-helper>summary>svg{display:block;width:52px;height:57px;overflow:visible;flex:none}
.bulb-helper>summary>span{font:600 10px/1.3 Arial,sans-serif;color:#865015}
.bulb-helper>summary:hover,.bulb-helper[open]>summary{background:#fff5df}
.bulb-helper>summary:focus-visible{outline:2px solid #c65012;outline-offset:3px}
.bulb-helper .bulb-character{transform-origin:46px 70px;animation:helper-bulb-float 4s ease-in-out infinite}
.bulb-helper .bulb-eyes{transform-origin:46px 39px;animation:helper-bulb-blink 5.5s infinite}
.bulb-helper .bulb-rays{opacity:.6;animation:helper-bulb-glow 3s ease-in-out infinite}
.bulb-helper .bulb-shadow{transform-origin:46px 93px;animation:helper-bulb-shadow 4s ease-in-out infinite}
.bulb-helper .bulb-arm{transform-origin:70px 55px;animation:helper-bulb-wave 6s ease-in-out infinite}
.bulb-helper .bulb-thought,.bulb-helper .bulb-grin{display:none}
.bulb-helper[data-mood=thinking] .bulb-character,.bulb-helper[data-mood=thoughtful] .bulb-character{animation:helper-bulb-think 2s ease-in-out infinite}
.bulb-helper[data-mood=thinking] .bulb-smile,.bulb-helper[data-mood=thoughtful] .bulb-smile,.bulb-helper[data-mood=happy] .bulb-smile{display:none}
.bulb-helper[data-mood=thinking] .bulb-thought,.bulb-helper[data-mood=thoughtful] .bulb-thought,.bulb-helper[data-mood=happy] .bulb-grin{display:block}
.bulb-helper[data-mood=happy] .bulb-character{animation:helper-bulb-happy .65s ease-in-out 2,helper-bulb-float 4s 1.3s ease-in-out infinite}
.bulb-helper__tip{position:absolute;top:calc(100% + 10px);left:0;z-index:10;box-sizing:border-box;width:min(310px,calc(100vw - 40px));padding:17px 18px;border:1px solid #eddcba;border-radius:4px 13px 13px;background:#fffaf0;box-shadow:0 12px 32px #34312624;max-height:min(300px,50dvh);overflow:auto}
.bulb-helper:not([open])>.bulb-helper__tip{display:none}
.bulb-helper__tip>strong{display:block;font:600 14px/1.4 Arial,sans-serif;color:#3a392f}
.bulb-helper .bulb-helper__tip>p{font:400 13px/1.65 Arial,sans-serif;color:#54564c;margin:8px 0 14px}
.bulb-helper .bulb-helper__tip>button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;background:#fff;border:1px solid #d4c4a6;border-radius:7px;color:#725022;font:600 12px/1.4 Arial,sans-serif;cursor:pointer}
@keyframes helper-bulb-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}
@keyframes helper-bulb-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.12)}}
@keyframes helper-bulb-glow{0%,100%{opacity:.35}50%{opacity:.85}}
@keyframes helper-bulb-shadow{0%,100%{transform:scaleX(1);opacity:.65}50%{transform:scaleX(.85);opacity:.4}}
@keyframes helper-bulb-wave{0%,12%,24%,100%{transform:rotate(0)}6%,18%{transform:rotate(-14deg)}}
@keyframes helper-bulb-think{0%,100%{transform:rotate(-6deg)}50%{transform:translateY(-2px) rotate(-2deg)}}
@keyframes helper-bulb-happy{0%,100%{transform:translateY(0)}40%{transform:translateY(-6px) rotate(5deg)}}
@media(max-width:767px){.bulb-helper{width:52px}.bulb-helper>summary>svg{width:43px;height:47px}.bulb-helper>summary>span{font-size:9px}.bulb-helper__tip{top:calc(100% + 7px)}}
@media(prefers-reduced-motion:reduce){.bulb-helper .bulb-character,.bulb-helper .bulb-eyes,.bulb-helper .bulb-rays,.bulb-helper .bulb-shadow,.bulb-helper .bulb-arm{animation:none!important;transition:none!important}}