.joy-guide{position:fixed;right:12px;bottom:18px;z-index:28;font-family:inherit;color:#713b30}
.joy-guide-toggle{display:flex;align-items:center;gap:4px;min-height:84px;padding:0;border:0;border-radius:16px;background:transparent;color:#813b2e;font-weight:800;font-size:.86rem;line-height:1.1;cursor:pointer;touch-action:manipulation}
.joy-guide-toggle>span:last-child{padding:10px 12px;border:1px solid #e4aa8c;border-radius:14px;background:#fff9f1;box-shadow:0 4px 12px #56302618}
.joy-guide-avatar{display:block;position:relative;width:70px;height:86px;flex:none;filter:drop-shadow(0 3px 3px #56302620)}
.sunny-character{display:block;width:100%;height:100%;overflow:visible}
.sunny-person{animation:sunnyIdle 8s ease-in-out infinite;transform-origin:60px 126px}
.sunny-eye{transform-box:fill-box;transform-origin:center;animation:sunnyBlink 6.5s linear infinite}
.sunny-speaking .sunny-mouth{transform-box:fill-box;transform-origin:center;animation:sunnyTalk .23s ease-in-out infinite alternate}
.sunny-waving .sunny-arm-wave{transform-origin:0 0;animation:sunnyWave .52s ease-in-out 4}
.sunny-waving .sunny-head{transform-origin:0 0;animation:sunnyNod 1.05s ease-in-out 2}
.joy-guide-panel{position:absolute;right:0;bottom:calc(100% + 6px);width:min(330px,calc(100vw - 24px));max-height:min(65vh,520px);overflow:auto;padding:17px;border:2px solid #e5ac8d;border-radius:20px;background:#fff9f2;box-shadow:0 14px 45px #51302540}
.joy-guide-panel[hidden],.joy-guide[hidden],.joy-guide-voice[hidden]{display:none}
.joy-guide-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.joy-guide-head strong{font-size:1.12rem;color:#8d402d}.joy-guide-close{width:44px;height:44px;flex:none;border:1px solid #e6bfa9;border-radius:10px;background:#fff;color:#7f4a3d;font-size:1.3rem;cursor:pointer}
.joy-guide-panel p{margin:8px 0 13px;font-size:.88rem;line-height:1.4}.joy-guide-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.joy-guide-actions button{min-height:44px;padding:7px 9px;border:1px solid #e4aa8c;border-radius:11px;background:#fff;color:#85402f;text-align:left;font-weight:700;font-size:.84rem;line-height:1.25;cursor:pointer}.joy-guide-actions .joy-guide-wide{grid-column:1/-1}.joy-guide-actions button:hover,.joy-guide-actions button:focus-visible{background:#ffe9db;border-color:#c65c40}
.joy-guide-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.joy-guide-dismiss{min-height:44px;padding:6px 0;border:0;background:transparent;color:#7e5145;text-decoration:underline;cursor:pointer;font-weight:600;font-size:.76rem}.joy-guide-voice{flex:none;min-height:44px;padding:6px 9px;border:1px solid #e6bfa9;border-radius:10px;background:#fff0e2;color:#85402f;font-family:inherit;font-weight:700;font-size:.76rem;line-height:1.2;cursor:pointer}.joy-guide-voice[aria-pressed=false]{background:#fff}
.joy-guide button:focus-visible{outline:3px solid #a13d29;outline-offset:2px}body:has(dialog[open]) .joy-guide,body:has(.modal.open) .joy-guide{visibility:hidden}
@media(max-width:850px){.joy-guide{right:4px;bottom:calc(76px + env(safe-area-inset-bottom))}.joy-guide-toggle{width:66px;height:84px;min-height:84px;justify-content:center}.joy-guide-toggle>span:last-child{display:none}.joy-guide-avatar{width:66px;height:84px}.joy-guide-panel{max-height:min(52vh,430px)}}
@keyframes sunnyIdle{0%,72%,100%{transform:translateY(0)}78%{transform:translateY(-2px) rotate(-2deg)}86%{transform:translateY(0) rotate(2deg)}93%{transform:rotate(0)}}
@keyframes sunnyBlink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}
@keyframes sunnyTalk{from{transform:scaleY(.72)}to{transform:scaleY(1.23)}}
@keyframes sunnyWave{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(22deg)}}
@keyframes sunnyNod{0%,100%{transform:rotate(0)}50%{transform:rotate(-5deg)}}
@media(prefers-reduced-motion:reduce){.sunny-person,.sunny-eye,.sunny-speaking .sunny-mouth,.sunny-waving .sunny-arm-wave,.sunny-waving .sunny-head{animation:none}}
@media print{.joy-guide{display:none}}