.floating-share-btn{position:fixed;bottom:calc(30px+env(safe-area-inset-bottom,0px));right:calc(30px+env(safe-area-inset-right,0px));z-index:1000;pointer-events:none;-webkit-tap-highlight-color:transparent;will-change:transform;transform:translateZ(0);opacity:0;visibility:hidden}.floating-share-btn>*{pointer-events:auto}.floating-share-btn:not(.fab-hidden){opacity:1;visibility:visible}@supports (bottom:max(0px)){.floating-share-btn{bottom:max(30px,calc(env(safe-area-inset-bottom,0px)+16px));right:max(30px,calc(env(safe-area-inset-right,0px)+16px))}}.share-main-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);color:white;border:none;box-shadow:0 4px 12px rgba(37,99,235,0.4);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black);will-change:transform,box-shadow;-webkit-appearance:none;appearance:none;outline:none}.share-main-btn::after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:0 0 0 0 rgba(37,99,235,0.22)}.share-main-btn:active::after{box-shadow:0 0 0 12px rgba(37,99,235,0.18)}.share-main-btn:focus{outline:none}.share-main-btn:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(37,99,235,0.28),0 6px 20px rgba(37,99,235,0.6)}.share-icon-wrapper{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;left:0;top:2px}.share-icon-graphic{width:100%;height:100%}.share-main-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(37,99,235,0.6)}.share-main-btn:active{transform:scale(1.06)}.share-main-btn.active{background:linear-gradient(135deg,#EF4444 0%,#DC2626 100%)}.share-menu{position:absolute;bottom:calc(75px+env(safe-area-inset-bottom,0px));right:0;background:white;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);padding:8px;min-width:240px;max-height:70vh;overflow-y:auto;background-clip:padding-box;opacity:0;visibility:hidden;pointer-events:none;transform:none;transform-origin:bottom right;border:1px solid rgba(0,0,0,0.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:none;will-change:auto;backface-visibility:hidden}.share-menu.show{opacity:1;visibility:visible;pointer-events:auto;transform:none}.fab-tabs{display:flex;background:#f1f5f9;border-radius:12px 12px 0 0;overflow:hidden;margin:-8px -8px 8px -8px;border-bottom:1px solid #e2e8f0}.fab-tab{flex:1;padding:10px;border:none;background:transparent;font-weight:600;color:#64748b;cursor:pointer;font-size:14px;text-align:center}.fab-tab:hover{background:#e2e8f0;color:#334155}.fab-tab.active{background:white;color:#2563EB;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.fab-content{display:none}.fab-content.active{display:block}.fab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.fab-grid .share-option{flex-direction:column;align-items:center;text-align:center;padding:12px 8px;gap:8px;height:100%}.fab-grid .share-icon{width:40px;height:40px;font-size:20px}.fab-grid .share-label{font-size:12px;font-weight:500}[data-theme="dark"] .fab-tabs{background:#0f172a;border-bottom-color:#334155}[data-theme="dark"] .fab-tab{color:#94a3b8}[data-theme="dark"] .fab-tab:hover{background:#1e293b;color:#f1f5f9}[data-theme="dark"] .fab-tab.active{background:#1e293b;color:#3b82f6}.share-menu::-webkit-scrollbar{width:6px}.share-menu::-webkit-scrollbar-track{background:transparent}.share-menu::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:3px}.share-menu::-webkit-scrollbar-thumb:hover{background:#94A3B8}.share-menu-header{padding:12px 12px 8px 12px;border-bottom:1px solid #E2E8F0;margin-bottom:4px}.share-section-header{margin-top:4px}.share-menu-title{font-size:15px;font-weight:600;color:#1E293B;margin:0}.share-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;text-decoration:none;color:#0F172A;margin-bottom:2px;position:relative;-webkit-tap-highlight-color:transparent}.share-option:hover{background:#F1F5F9;transform:translateX(-2px)}.fab-grid .share-option:hover{transform:translateY(-2px)}.share-option:active{transform:scale(0.98)}.share-option.saved{background:#ECFDF5;border:1px solid #86EFAC}.share-option.saved:hover{background:#D1FAE5}.share-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;border-radius:8px}.share-label{flex:1;font-size:14px;font-weight:500;color:#334155}.share-option-chatgpt .share-icon{background:#74AA9C;color:white;box-shadow:0 2px 8px rgba(116,170,156,0.3)}.share-option-perplexity .share-icon{background:#000000;color:white;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.share-option-claude .share-icon{background:#D97757;color:white;box-shadow:0 2px 8px rgba(217,119,87,0.3)}.share-option-google .share-icon{background:#4285F4;color:white;box-shadow:0 2px 8px rgba(66,133,244,0.3)}.share-option-grok .share-icon{background:#1DA1F2;color:white;box-shadow:0 2px 8px rgba(29,161,242,0.3)}.share-option-native .share-icon{background:linear-gradient(135deg,#8B5CF6 0%,#7C3AED 100%);color:white;box-shadow:0 2px 8px rgba(139,92,246,0.3)}.share-option-twitter .share-icon{background:#1DA1F2;color:white;box-shadow:0 2px 8px rgba(29,161,242,0.3)}.share-option-linkedin .share-icon{background:#0A66C2;color:white;box-shadow:0 2px 8px rgba(10,102,194,0.3)}.share-option-facebook .share-icon{background:#1877F2;color:white;box-shadow:0 2px 8px rgba(24,119,242,0.3)}.share-option-whatsapp .share-icon{background:#25D366;color:white;box-shadow:0 2px 8px rgba(37,211,102,0.3)}.share-option-telegram .share-icon{background:#0088cc;color:white;box-shadow:0 2px 8px rgba(0,136,204,0.3)}.share-option-reddit .share-icon{background:#FF4500;color:white;box-shadow:0 2px 8px rgba(255,69,0,0.3)}.share-option-pinterest .share-icon{background:#E60023;color:white;box-shadow:0 2px 8px rgba(230,0,35,0.3)}.share-option-email .share-icon{background:#64748B;color:white;box-shadow:0 2px 8px rgba(100,116,139,0.3)}.share-option-copy .share-icon{background:linear-gradient(135deg,#8B5CF6 0%,#7C3AED 100%);color:white;box-shadow:0 2px 8px rgba(139,92,246,0.3)}.save-badge{background:#10B981;color:white;font-size:11px;padding:3px 8px;border-radius:12px;font-weight:600}.share-divider{height:1px;background:#E2E8F0;margin:8px 0}@media (max-width:768px){.floating-share-btn{bottom:calc(20px+env(safe-area-inset-bottom,0px));right:calc(20px+env(safe-area-inset-right,0px))}.share-main-btn{width:56px;height:56px}.share-menu{right:0;min-width:min(260px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:70vh;overflow-y:auto;bottom:calc(70px+env(safe-area-inset-bottom,0px))}.share-option{padding:12px}.share-label{font-size:15px}@supports (bottom:max(0px)){.floating-share-btn{bottom:max(20px,calc(env(safe-area-inset-bottom,0px)+12px));right:max(20px,calc(env(safe-area-inset-right,0px)+12px))}.share-menu{bottom:calc(70px+env(safe-area-inset-bottom,0px))}}}@media (min-width:769px) and (max-width:1024px){.share-menu{min-width:250px}}@media (min-width:1920px){.floating-share-btn{bottom:calc(40px+env(safe-area-inset-bottom,0px));right:calc(40px+env(safe-area-inset-right,0px))}.share-main-btn{width:64px;height:64px}}[data-theme="dark"] .share-menu{background:#1E293B;box-shadow:0 10px 40px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.1)}[data-theme="dark"] .share-menu-title{color:#F1F5F9}[data-theme="dark"] .share-option{color:#F1F5F9}[data-theme="dark"] .share-option:hover{background:#334155}[data-theme="dark"] .share-label{color:#E2E8F0}[data-theme="dark"] .share-menu-header{border-bottom-color:#334155}[data-theme="dark"] .share-divider{background:#334155}[data-theme="dark"] .share-menu::-webkit-scrollbar-thumb{background:#475569}[data-theme="dark"] .share-menu::-webkit-scrollbar-thumb:hover{background:#64748B}