.floating-try-btn{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:0.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#06b6d4,#8b5cf6);border:none;border-radius:100px;color:white;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;z-index:9998;box-shadow:0 8px 32px rgba(6,182,212,0.5),0 4px 16px rgba(139,92,246,0.35),0 0 20px rgba(6,182,212,0.3);transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s ease;animation:fabPulse 2.5s ease-in-out infinite}.floating-try-btn i{font-size:1.25rem}.floating-try-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 48px rgba(6,182,212,0.6),0 6px 28px rgba(139,92,246,0.45),0 0 50px rgba(6,182,212,0.35);animation:none}.floating-try-btn:active{transform:translateY(-2px) scale(1)}@keyframes fabPulse{0%,100%{box-shadow:0 8px 32px rgba(6,182,212,0.5),0 4px 16px rgba(139,92,246,0.35),0 0 20px rgba(6,182,212,0.3),0 0 0 0 rgba(6,182,212,0.4)}50%{box-shadow:0 8px 32px rgba(6,182,212,0.5),0 4px 16px rgba(139,92,246,0.35),0 0 30px rgba(6,182,212,0.4),0 0 0 14px rgba(6,182,212,0)}}.floating-try-btn.hidden{opacity:0;transform:translateY(20px) scale(0.8);pointer-events:none}@media (max-width:560px){.floating-try-btn{bottom:1rem;right:1rem;padding:0.875rem 1.25rem;font-size:0.9375rem}.floating-try-btn span{display:none}.floating-try-btn{padding:1rem;border-radius:50%}}.preview-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9990;opacity:0;visibility:hidden;transition:opacity 0.4s ease,visibility 0.4s ease}.preview-overlay.active{opacity:1;visibility:visible}.live-preview-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);width:94%;max-width:580px;max-height:95vh;overflow-y:auto;z-index:9991;opacity:0;visibility:hidden;transition:opacity 0.4s cubic-bezier(0.4,0,0.2,1),transform 0.4s cubic-bezier(0.34,1.56,0.64,1),visibility 0.4s ease;pointer-events:none}.live-preview-container.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.ext-btn.guided-glow,.ext-input.guided-glow{animation:guidedPulse 1s ease-in-out infinite;position:relative;z-index:5}.ext-btn.guided-glow::before,.ext-input.guided-glow::before{content:'';position:absolute;inset:-4px;border-radius:inherit;background:linear-gradient(135deg,#f59e0b,#ef4444,#f59e0b);background-size:200% 200%;z-index:-1;opacity:0.8;animation:glowRing 1s ease-in-out infinite,gradientShift 2s ease infinite;filter:blur(2px)}@keyframes guidedPulse{0%,100%{box-shadow:0 0 20px 6px rgba(245,158,11,0.6),0 0 40px 10px rgba(239,68,68,0.3)}50%{box-shadow:0 0 30px 10px rgba(245,158,11,0.8),0 0 60px 15px rgba(239,68,68,0.4)}}@keyframes glowRing{0%,100%{opacity:0.7;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.guided-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#22d3ee;color:#0f172a;padding:0.5rem 0.875rem;border-radius:6px;font-size:0.75rem;font-weight:600;white-space:nowrap;animation:tooltipBounce 1.5s ease-in-out infinite;z-index:10}.guided-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#22d3ee}@keyframes tooltipBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}}.live-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.live-preview-label{display:flex;align-items:center;gap:0.5rem;font-size:0.8125rem;font-weight:600;color:var(--color-primary-400);letter-spacing:0.5px}.live-pulse{width:8px;height:8px;background:var(--color-primary-400);border-radius:50%;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,211,238,0.4)}50%{opacity:0.7;box-shadow:0 0 0 6px rgba(34,211,238,0)}}.live-preview-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:var(--color-slate-400);cursor:pointer;transition:all 0.2s ease}.live-preview-close:hover{background:rgba(255,255,255,0.1);color:white}.live-preview-note{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-top:1rem;font-size:0.75rem;color:var(--color-slate-500)}.extension-panel{background:#151b23;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.06);transform-origin:top center}.ext-panel-header{display:flex;align-items:center;justify-content:center;padding:1rem;border-bottom:1px solid rgba(255,255,255,0.06);position:relative}.ext-panel-logo{font-size:1.375rem;font-weight:700;color:#22d3ee;letter-spacing:-0.5px;text-align:center}.ext-panel-actions{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:0.5rem}.ext-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-slate-400);cursor:pointer;border-radius:6px;transition:all 0.2s ease}.ext-icon-btn:hover{background:rgba(255,255,255,0.08);color:white}.ext-icon-btn i{font-size:1.125rem}.ext-view{display:none;padding:1.25rem;animation:viewFadeIn 0.3s ease-out}.ext-view.active{display:block}@keyframes viewFadeIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.ext-input-section{margin-bottom:1rem}.ext-label{display:block;font-size:0.8125rem;font-weight:500;color:white;margin-bottom:0.5rem}.ext-sublabel{color:var(--color-slate-500);font-weight:400}.ext-input{width:100%;padding:0.75rem 1rem;background:#1e2530;border:1px solid rgba(255,255,255,0.08);border-radius:6px;color:white;font-size:0.875rem;font-family:inherit;transition:border-color 0.25s ease,box-shadow 0.25s ease,transform 0.15s ease}.ext-input::placeholder{color:var(--color-slate-600)}.ext-input:focus{outline:none;border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,0.15);transform:translateY(-1px)}.ext-buttons{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1.25rem}.ext-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1rem;border:none;border-radius:6px;font-size:0.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity 0.2s ease,transform 0.15s ease,box-shadow 0.2s ease;position:relative;overflow:hidden}.ext-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,0.1),transparent);opacity:0;transition:opacity 0.2s ease}.ext-btn:hover{transform:translateY(-1px)}.ext-btn:hover::after{opacity:1}.ext-btn:active{transform:translateY(0) scale(0.98)}.ext-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}.ext-btn-primary{background:linear-gradient(135deg,#06b6d4,#0891b2);color:white;box-shadow:0 4px 12px rgba(6,182,212,0.3)}.ext-btn-primary:hover{box-shadow:0 6px 20px rgba(6,182,212,0.4)}.ext-btn-secondary{background:#2d3748;color:white;justify-content:space-between}.ext-btn-accent{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:white;box-shadow:0 4px 12px rgba(139,92,246,0.3)}.ext-toggle-status{font-size:0.6875rem;font-weight:700;padding:0.25rem 0.625rem;border-radius:4px;letter-spacing:0.5px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.ext-toggle-status.off{background:rgba(239,68,68,0.2);color:#f87171}.ext-toggle-status.on{background:rgba(16,185,129,0.2);color:#34d399}.ext-users-section{border-top:1px solid rgba(255,255,255,0.06);padding-top:1rem}.ext-section-title{font-size:0.8125rem;font-weight:600;color:white;margin-bottom:0.75rem}.ext-users-list{display:flex;flex-direction:column;gap:0.5rem;min-height:40px}.ext-user-card{display:flex;align-items:center;justify-content:space-between;padding:0.625rem 0.875rem;background:#1e2530;border-radius:6px;border:1px solid rgba(255,255,255,0.06);animation:userSlideIn 0.3s ease-out}@keyframes userSlideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ext-user-info{display:flex;align-items:center;gap:0.625rem}.ext-user-avatar{width:28px;height:28px;background:linear-gradient(135deg,#22d3ee,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:0.6875rem;font-weight:700}.ext-user-name{font-size:0.8125rem;font-weight:500;color:white}.ext-user-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-slate-500);cursor:pointer;border-radius:4px;transition:all 0.2s ease}.ext-user-remove:hover{background:rgba(239,68,68,0.15);color:#f87171}.ext-settings-header{display:flex;align-items:center;gap:1rem;padding:0.5rem 0 1.5rem;margin-bottom:0.5rem}.ext-back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);border:none;color:var(--color-slate-400);cursor:pointer;border-radius:10px;transition:all 0.25s cubic-bezier(0.4,0,0.2,1)}.ext-back-btn:hover{background:rgba(255,255,255,0.1);color:white;transform:translateX(-2px)}.ext-settings-title{font-size:1.125rem;font-weight:600;color:white;letter-spacing:-0.25px}.ext-settings-content{max-height:480px;overflow-y:auto;padding:0.5rem 0.25rem 1rem;scroll-behavior:smooth}.ext-settings-content::-webkit-scrollbar{width:4px}.ext-settings-content::-webkit-scrollbar-track{background:transparent}.ext-settings-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:4px}.ext-settings-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2)}.ext-settings-group{background:rgba(255,255,255,0.02);border-radius:12px;padding:0.875rem 1rem 0.5rem;margin-bottom:0.625rem;border:1px solid rgba(255,255,255,0.04);animation:sectionFadeIn 0.4s ease-out backwards}.ext-settings-group:nth-child(1){animation-delay:0.05s}.ext-settings-group:nth-child(2){animation-delay:0.1s}.ext-settings-group:nth-child(3){animation-delay:0.15s}@keyframes sectionFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ext-settings-group-title{font-size:0.625rem;font-weight:600;color:rgba(34,211,238,0.7);letter-spacing:0.75px;text-transform:uppercase;margin-bottom:0.5rem;padding-left:0.125rem}.ext-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:0.625rem 0.75rem;cursor:pointer;transition:all 0.2s ease;border-radius:8px;margin-bottom:0.125rem;min-height:44px}.ext-toggle-row:last-child{margin-bottom:0}.ext-toggle-row:hover{background:rgba(255,255,255,0.04)}.ext-toggle-row:active{background:rgba(255,255,255,0.06);transform:scale(0.998)}.ext-toggle-row span{font-size:0.8125rem;font-weight:450;color:rgba(255,255,255,0.92);line-height:1.3}.ext-toggle{appearance:none;width:40px;height:22px;background:rgba(100,116,139,0.4);border-radius:22px;cursor:pointer;position:relative;transition:background 0.35s cubic-bezier(0.4,0,0.2,1);flex-shrink:0;margin-left:0.75rem}.ext-toggle::before{content:'';position:absolute;width:16px;height:16px;background:white;border-radius:50%;top:3px;left:3px;transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.35s ease;box-shadow:0 1px 4px rgba(0,0,0,0.2)}.ext-toggle:checked{background:linear-gradient(135deg,#10b981,#059669)}.ext-toggle:checked::before{transform:translateX(18px);box-shadow:0 1px 6px rgba(16,185,129,0.4)}.ext-toggle:focus-visible{outline:2px solid rgba(34,211,238,0.5);outline-offset:2px}.ext-updates-list{max-height:280px;overflow-y:auto}.ext-updates-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--color-slate-500)}.ext-updates-empty i{font-size:2rem;margin-bottom:0.5rem}.ext-update-item{padding:0.875rem;background:#1e2530;border-radius:8px;border-left:3px solid #22d3ee;margin-bottom:0.5rem;animation:updateSlideIn 0.3s ease-out}@keyframes updateSlideIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.ext-update-title{font-size:0.8125rem;font-weight:600;color:white;margin-bottom:0.25rem}.ext-update-body{font-size:0.75rem;color:var(--color-slate-400)}.ext-update-detail{font-size:0.75rem;color:#22d3ee;margin-top:0.25rem}.notification-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:0.75rem;z-index:9999;pointer-events:none}.notification{display:flex;align-items:flex-start;gap:0.75rem;padding:1rem;background:#1e293b;border:1px solid rgba(255,255,255,0.1);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05);min-width:300px;max-width:380px;animation:notifSlideIn 0.4s cubic-bezier(0.34,1.56,0.64,1) forwards;pointer-events:auto}.notification.dismissing{animation:notifSlideOut 0.3s ease-out forwards}@keyframes notifSlideIn{from{opacity:0;transform:translateX(100%) scale(0.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes notifSlideOut{from{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(100%) scale(0.8)}}.notif-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22d3ee,#06b6d4);border-radius:10px;color:white;font-size:1.25rem;flex-shrink:0}.notif-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.notif-icon.friend{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.notif-content{flex:1;min-width:0}.notif-title{font-size:0.875rem;font-weight:600;color:white;margin-bottom:0.25rem}.notif-body{font-size:0.8125rem;color:var(--color-slate-400);line-height:1.4}html:not(.dark) .extension-panel{background:#f8fafc;box-shadow:0 25px 50px -12px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05)}html:not(.dark) .ext-panel-header{border-color:rgba(0,0,0,0.06)}html:not(.dark) .ext-label,html:not(.dark) .ext-section-title,html:not(.dark) .ext-toggle-row span,html:not(.dark) .ext-settings-title,html:not(.dark) .ext-user-name,html:not(.dark) .ext-update-title{color:var(--color-slate-800)}html:not(.dark) .ext-input{background:white;border-color:var(--color-slate-200);color:var(--color-slate-800)}html:not(.dark) .ext-input::placeholder{color:var(--color-slate-400)}html:not(.dark) .ext-btn-secondary{background:var(--color-slate-200);color:var(--color-slate-800)}html:not(.dark) .ext-user-card,html:not(.dark) .ext-update-item{background:white;border-color:var(--color-slate-200)}html:not(.dark) .ext-users-section{border-color:rgba(0,0,0,0.06)}html:not(.dark) .ext-toggle{background:var(--color-slate-300)}html:not(.dark) .notification{background:white;border-color:var(--color-slate-200);box-shadow:0 10px 40px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.05)}html:not(.dark) .notif-title{color:var(--color-slate-800)}html:not(.dark) .live-preview-close{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.1);color:var(--color-slate-500)}@media (max-width:560px){.live-preview-container{margin-left:1rem;margin-right:1rem}.notification-container{left:1rem;right:1rem;bottom:1rem}.notification{min-width:auto;max-width:none}}@media (prefers-reduced-motion:reduce){.live-preview-container{transition:opacity 0.2s ease;transform:none!important}.notification{animation:none;opacity:1;transform:none}.notification.dismissing{animation:none;opacity:0}.ext-view{animation:none}.ext-user-card,.ext-update-item{animation:none}.live-pulse{animation:none}.ext-toggle::before{transition:transform 0.1s ease}}