.chat-button{position:relative;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1f1f1f);color:#fff;border-radius:50%;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:all .6s cubic-bezier(.34,1.56,.64,1);padding:1rem;overflow:hidden;border:1px solid hsla(0,0%,100%,.1)}.chat-button:before{top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(79,172,254,.15) 0,rgba(120,113,255,.1) 35%,transparent 70%);transform:scale(.8);transition:all .8s cubic-bezier(.25,.46,.45,.94);pointer-events:none;z-index:1}.chat-button:after,.chat-button:before{content:"";position:absolute;border-radius:50%;opacity:0}.chat-button:after{top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(79,172,254,.3),rgba(120,113,255,.3),rgba(236,72,153,.3),rgba(79,172,254,.3));background-size:300% 300%;animation:gradientShift 4s ease-in-out infinite;z-index:-1;transition:opacity .6s ease}.chat-button:hover{background:linear-gradient(135deg,rgb(25,25,25),#3d3d3d,#2f2f2f);transform:translateY(-2px) scale(1.05);box-shadow:0 20px 40px -8px rgba(0,0,0,.3),0 8px 16px -4px rgba(0,0,0,.2),0 0 40px rgba(79,172,254,.4),inset 0 1px 0 hsla(0,0%,100%,.2);border-color:rgba(79,172,254,.3)}.chat-button:hover:before{opacity:1;transform:scale(1.2)}.chat-button:hover:after{opacity:1}.chat-button:active{transform:translateY(-1px) scale(1.02);transition:all .15s ease}.chat-button--mobile{padding:.75rem;width:3.5rem;height:3.5rem;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}.chat-button--mobile:hover{transform:translateY(-1px) scale(1.03)}.chat-button--has-context{border:2px solid #f59e0b;box-shadow:0 0 0 2px #111827,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05),0 0 20px rgba(245,158,11,.3)}.chat-button--has-context:hover{box-shadow:0 0 0 3px #111827,0 20px 40px -8px rgba(0,0,0,.3),0 8px 16px -4px rgba(0,0,0,.2),0 0 30px rgba(245,158,11,.5),0 0 60px rgba(79,172,254,.3)}.chat-button__new-message-indicator{position:absolute;top:-.25rem;right:-.25rem;background-color:#ef4444;border-radius:50%;width:.75rem;height:.75rem;z-index:10}.chat-button__new-message-indicator--mobile{width:1rem;height:1rem}.chat-button__new-message-indicator-ping{position:absolute;display:inline-flex;height:100%;width:100%;border-radius:50%;background-color:#f87171;opacity:.75;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.chat-button__tools-indicator{position:absolute;top:-.5rem;right:-.25rem;background-color:#059669;border-radius:50%;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:.25rem;z-index:10}.chat-button__tools-indicator--mobile{padding:.375rem}.chat-button__tools-indicator-icon{color:#fff;height:.75rem;width:.75rem;fill:none}.chat-button__tools-indicator-icon--mobile{height:.875rem;width:.875rem}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.yt-container{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}.yt-container iframe{left:0;top:0;height:100%;width:100%;position:absolute}.youtube-tab-container{position:fixed;left:0;top:40%;z-index:10;display:flex;height:19em;width:31.5em;transition:all .5s ease}.youtube-tab-container.loading{transform:translateX(-100%)}.youtube-tab-container.closed{transform:translateX(-28em)}.youtube-tab-container.dragging{transition:none}.video-container{height:19em;width:30em;background-color:hsl(var(--nextui-foreground-50));padding:.25rem;border-radius:.75rem 0 0 .75rem;box-shadow:0 10px 25px rgba(0,0,0,.15)}.controls-panel{display:flex;width:100%;justify-content:space-between;padding:.5rem 0;font-weight:700}.video-buttons-group{display:flex;gap:.5rem}.side-panel{background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1f1f1f);width:4rem;position:relative;border-radius:0 80% 80% 0;margin-top:3rem;margin-bottom:3rem;height:calc(100% - 10rem);cursor:grab;transition:all .3s ease;box-shadow:0 8px 20px rgba(0,0,0,.4)}.side-panel:hover{transform:scale(1.05);box-shadow:0 12px 30px rgba(0,0,0,.3)}.youtube-tab-container.dragging .side-panel{cursor:grabbing;transform:scale(1.1);box-shadow:0 15px 35px rgba(0,0,0,.5);transition:none}.youtube-tab-container.dragging .side-panel:hover{transform:scale(1.1)}.side-panel-content{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:center;padding:1rem}.small-button-wrapper{transform:scale(.5)}.button-content{display:flex;align-items:center;gap:.25rem}.small-button{height:5rem}.equalizer{display:flex;align-items:end;justify-content:center;gap:3px;height:40px;cursor:pointer;padding:10px;border-radius:8px;transition:all .2s ease}.equalizer:hover{background:hsla(0,0%,100%,.1)}.bar{width:4px;background:#fff;border-radius:2px;animation:equalizer 1.2s ease-in-out infinite}.bar1{height:20px;animation-delay:0s}.bar2{height:25px;animation-delay:.1s}.bar3{height:25px;animation-delay:.2s}.bar4{height:30px;animation-delay:.3s}.bar5{height:15px;animation-delay:.4s}@keyframes equalizer{0%,to{transform:scaleY(1);opacity:.7}50%{transform:scaleY(.3);opacity:1}}.play-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;border-radius:50%;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);transition:all .3s ease}.play-icon:hover{background:hsla(0,0%,100%,.25);transform:scale(1.1)}.play-triangle{width:0;height:0;border-left:15px solid #fff;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);margin-left:3px}