.youyou-companion{position:fixed;right:20px;bottom:18px;z-index:70;display:flex;align-items:flex-end;gap:10px;pointer-events:none;color:var(--ink,#49352c);font-family:inherit}
.youyou-companion[hidden]{display:none}
.youyou-bubble{pointer-events:auto;width:272px;padding:15px 16px 12px;border:1px solid #ead5be;border-radius:18px 18px 3px 18px;background:#fffdf8f5;box-shadow:0 7px 30px #7751301a;position:relative;margin-bottom:36px}
.youyou-bubble[hidden]{display:none}.youyou-bubble:after{content:"";position:absolute;right:-7px;bottom:22px;width:12px;height:12px;background:#fffdf8;transform:rotate(45deg);border-top:1px solid #ead5be;border-right:1px solid #ead5be}
.youyou-heading{display:flex;gap:8px;align-items:center;justify-content:space-between}.youyou-heading strong{font-size:14px;color:var(--red,#b84432)}
.youyou-companion button{font-family:inherit;cursor:pointer}.youyou-fold{border:0;background:none;color:#897466;font-size:12px;padding:3px;flex-shrink:0}.youyou-fold:hover{color:var(--red,#b84432)}
.youyou-text{font-size:12px;line-height:1.85;margin:9px 0 10px;color:#715c4e;max-height:135px;overflow:auto}.youyou-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.youyou-replay{border:1px solid var(--red,#b84432);border-radius:20px;background:var(--red,#b84432);color:white;font-size:12px;padding:7px 12px;min-height:32px}
.youyou-sound{border:1px solid #e6d7c7;border-radius:20px;background:#fffaf4;color:#80614e;font-size:12px;padding:7px 10px;min-height:32px}
.youyou-status{display:block;font-size:10px;color:#9c8574;min-height:16px;margin-top:8px;line-height:1.5}
.youyou-character{pointer-events:auto;position:relative;display:flex;flex-direction:column;align-items:center;border:0;background:none;padding:0;width:112px;flex-shrink:0;color:var(--red,#b84432);animation:youyou-drift 4.8s ease-in-out infinite;mix-blend-mode:multiply}
.youyou-character .youyou-portrait{width:112px;margin:0;border-radius:0;mix-blend-mode:multiply}.youyou-character span{display:block;background:#fffdf4ef;border:1px solid #efddc8;border-radius:20px;padding:4px 12px;font-size:11px;margin-top:-3px}
.youyou-character:focus-visible,.youyou-companion button:focus-visible{outline:3px solid #e8ad69;outline-offset:3px}
.youyou-companion[data-speaking="true"] .youyou-character span{background:#fff0dd;color:#a63f2e}.youyou-companion audio{display:none}
@keyframes youyou-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){.youyou-character{animation:none}}
@media(max-width:700px){.youyou-companion{right:10px;bottom:12px;gap:5px;max-width:calc(100vw - 20px)}.youyou-character{width:76px}.youyou-character .youyou-portrait{width:76px}.youyou-character span{font-size:10px;padding:4px 9px}.youyou-bubble{width:min(242px,calc(100vw - 125px));padding:12px;margin-bottom:20px}.youyou-text{font-size:11px;max-height:120px}.youyou-heading strong{font-size:12px}.youyou-actions{gap:5px}.youyou-replay,.youyou-sound{font-size:11px;padding:6px 8px}}