.joachim-bubble{position:fixed;z-index:1001;animation:float 3s ease-in-out infinite,fadeInUp .8s ease-out}.joachim-bubble.top-right{top:80px;right:20px}.joachim-bubble.top-left{top:80px;left:20px}.joachim-bubble.bottom-right{bottom:20px;right:20px}.bubble-content{background:linear-gradient(135deg,#ff00d0,#ff6b9d);border-radius:50px;padding:8px;display:flex;align-items:center;gap:0px;box-shadow:0 4px 15px #ff00d04d;position:relative;flex-direction:row;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);cursor:pointer;width:64px;height:64px;overflow:hidden}.bubble-content:hover,.joachim-bubble.expanded .bubble-content{border-radius:20px;padding:20px 30px;gap:15px;width:auto;min-width:280px;height:auto;transform:scale(1.02);box-shadow:0 8px 25px #ff00d066}.bubble-avatar{width:48px;height:48px;border-radius:50%;border:2px solid #ffffff;-o-object-fit:cover;object-fit:cover;flex-shrink:0;transition:all .4s ease}.bubble-content:hover .bubble-avatar,.joachim-bubble.expanded .bubble-avatar{width:50px;height:50px}.bubble-message{color:#fff;font-size:.95rem;line-height:1.3;font-weight:500;opacity:0;transform:translate(-20px);transition:all .4s ease .1s;white-space:nowrap}.bubble-content:hover .bubble-message,.joachim-bubble.expanded .bubble-message{opacity:1;transform:translate(0)}.bubble-message p{margin:0;font-weight:500}.bubble-message p:first-child{font-weight:600;margin-bottom:3px}.bubble-tail{position:absolute;bottom:-6px;left:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #ff6b9d;opacity:0;transition:all .4s ease .2s}.bubble-content:hover .bubble-tail,.joachim-bubble.expanded .bubble-tail{opacity:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.joachim-bubble.top-right{top:70px;right:15px}.joachim-bubble.top-left{top:70px;left:15px}.bubble-content{width:70px;height:70px;padding:8px}.bubble-content:hover,.joachim-bubble.expanded .bubble-content{min-width:180px;padding:12px 16px}.bubble-avatar{width:54px;height:54px}.bubble-content:hover .bubble-avatar{width:50px;height:50px}.bubble-message{font-size:.8rem;white-space:normal;line-height:1.2}}@media (max-width: 480px){.joachim-bubble.top-right{top:65px;right:10px}.joachim-bubble.top-left{top:65px;left:10px}.bubble-content{width:45px;height:45px;padding:5px}.bubble-content:hover{min-width:200px;padding:12px 16px}.bubble-avatar{width:35px;height:35px}.bubble-content:hover .bubble-avatar{width:36px;height:36px}.bubble-message{font-size:.8rem}.bubble-tail{left:15px;bottom:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ff6b9d}}
