.bubble-popup{position:fixed;z-index:9999;opacity:0;transform:translateY(-10px) scale(0.95);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);pointer-events:none} .bubble-popup.bubble-popup-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto} .bubble-popup-content{background:var(--white,#ffffff);border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06),0 0 0 1px rgba(0,0,0,0.05);min-width:180px;max-width:min(280px,calc(100vw - 20px));max-height:calc(100vh - 20px);overflow-y:auto;border:1px solid var(--neutral-1,#e5e7eb)} .bubble-popup-item{display:flex;align-items:center;gap:12px;padding:12px 16px;transition:all 0.15s ease;border-radius:0;cursor:pointer;user-select:none;font-weight:500} .bubble-popup-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px} .bubble-popup-item:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px} .bubble-popup-item:hover{background-color:var(--primary-light-3,#f8fafc);color:var(--primary,#3b82f6)} .bubble-popup-item:hover .bubble-popup-item-text,.bubble-popup-item-text:hover{color:var(--primary,#3b82f6)} .bubble-popup-item:active{background-color:var(--primary-light-2,#e2e8f0);transform:scale(0.98)} .bubble-popup-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0} .bubble-popup-item-icon svg{width:18px;height:18px;fill:currentColor} .bubble-popup-item-text{font-size:14px;font-weight:600;color:var(--black,#1f2937);line-height:1.4;flex:1} .bubble-popup-item:hover .bubble-popup-item-icon svg{fill:var(--primary,#3b82f6)} .bubble-popup-item-submenu-indicator{flex-shrink:0;width:6px;height:6px;border-right:2px solid var(--black,#9ca3af);border-bottom:2px solid var(--black,#9ca3af);transform:rotate(-45deg);margin-left:4px} .bubble-popup-item:hover .bubble-popup-item-submenu-indicator{border-color:var(--primary,#3b82f6)} .bubble-popup.bottom-right{transform-origin:top right} .bubble-popup.bottom-left{transform-origin:top left} .bubble-popup.top-right{transform-origin:bottom right} .bubble-popup.top-left{transform-origin:bottom left} @keyframes bubblePopupSlideIn{from{opacity:0;transform:translateY(-8px) scale(0.96)} to{opacity:1;transform:translateY(0) scale(1)} } @keyframes bubblePopupSlideOut{from{opacity:1;transform:translateY(0) scale(1)} to{opacity:0;transform:translateY(-8px) scale(0.96)} } @media (max-width:768px){.bubble-popup-content{min-width:160px;max-width:240px;box-shadow:0 8px 25px -5px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)} .bubble-popup-item{padding:14px 16px} .bubble-popup-item-text{font-size:15px} } .bubble-popup-item:focus{outline:2px solid var(--primary,#3b82f6);outline-offset:-2px;background-color:var(--primary-light-3,#f8fafc)} .bubble-popup-item:focus:not(:focus-visible){outline:none}