.music-player[data-v-7bfe2603]{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:row;align-items:center;gap:.5rem;margin:0;cursor:grab;user-select:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.music-right-panel[data-v-7bfe2603]{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;justify-content:center}.music-player.minimized[data-v-7bfe2603]{gap:0;padding:0}.music-player.minimized-left[data-v-7bfe2603]{right:auto!important;top:30%!important;transform:translateY(-50%)!important}.music-player.minimized-right[data-v-7bfe2603]{left:auto!important;top:30%!important;transform:translateY(-50%)!important}.music-player[data-v-7bfe2603]:active{cursor:grabbing}.music-player.dragging[data-v-7bfe2603]{cursor:grabbing;transition:none!important;will-change:transform}.music-player.minimized.dragging[data-v-7bfe2603]{transform:none!important}.music-player.minimized-left.dragging[data-v-7bfe2603]{transform:none!important;left:auto!important}.music-player.minimized-right.dragging[data-v-7bfe2603]{transform:none!important;right:auto!important}.music-disc[data-v-7bfe2603]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#243a73,#4c1d95,#7c3aed);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #7c3aed66;transition:box-shadow .3s ease,transform .3s ease;position:relative;overflow:hidden;flex-shrink:0}.music-player.minimized .music-disc[data-v-7bfe2603]{width:60px;height:60px;box-shadow:0 4px 12px #7c3aed80}.music-player.minimized .music-disc[data-v-7bfe2603]:hover{transform:scale(1.15)}@media (max-width: 768px){.music-player[data-v-7bfe2603]{gap:.4rem}.music-disc[data-v-7bfe2603]{width:60px;height:60px}.music-disc[data-v-7bfe2603]:before{width:20px;height:20px;border:2px solid rgba(255,255,255,.3)}.music-icon[data-v-7bfe2603]{font-size:1.2rem}.music-volume[data-v-7bfe2603]{padding:.4rem .8rem}.volume-slider[data-v-7bfe2603]{width:50px}.music-list-toggle[data-v-7bfe2603]{min-width:28px;height:28px;font-size:.9rem;padding:.3rem .5rem}.music-list[data-v-7bfe2603]{min-width:180px;max-width:200px;padding:.6rem;max-height:250px}.music-list-title[data-v-7bfe2603]{font-size:.75rem}.music-list-item[data-v-7bfe2603]{font-size:.75rem;padding:.4rem .6rem}.music-player.minimized .music-disc[data-v-7bfe2603]{width:50px;height:50px}.music-player.minimized .music-disc[data-v-7bfe2603]:before{width:18px;height:18px}.music-player.minimized-left[data-v-7bfe2603],.music-player.minimized-right[data-v-7bfe2603]{transform:translateY(-50%)!important}.music-player.minimized-left[data-v-7bfe2603]{left:-25px!important;right:auto!important}.music-player.minimized-right[data-v-7bfe2603]{right:-25px!important;left:auto!important}}@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3){.music-player.minimized-left[data-v-7bfe2603]{left:-25px!important;right:auto!important;transform:translateY(-50%)!important}.music-player.minimized-right[data-v-7bfe2603]{right:-25px!important;left:auto!important;transform:translateY(-50%)!important}}.music-disc[data-v-7bfe2603]:hover{box-shadow:0 12px 30px #7c3aed80}.music-disc[data-v-7bfe2603]:not(.playing):hover{transform:scale(1.1)}.music-disc[data-v-7bfe2603]:before{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:#fff3;border:3px solid rgba(255,255,255,.3)}.music-disc[data-v-7bfe2603]:after{display:none}.music-disc.playing[data-v-7bfe2603]{animation:rotate-7bfe2603 3s linear infinite!important}.music-disc.paused[data-v-7bfe2603]{animation:none!important}@keyframes rotate-7bfe2603{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-icon[data-v-7bfe2603]{position:absolute;font-size:1.5rem;color:#ffffffe6;z-index:1}.music-controls[data-v-7bfe2603]{display:flex;align-items:center;gap:.5rem}.music-list[data-v-7bfe2603]{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.08);padding:.75rem;max-height:300px;overflow-y:auto;min-width:200px;max-width:250px;pointer-events:auto}.music-list-title[data-v-7bfe2603]{color:#ffffffe6;font-size:.85rem;font-weight:600;margin-bottom:.5rem;text-align:center;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2);pointer-events:none}.music-list-item[data-v-7bfe2603]{padding:.5rem .75rem;margin:.25rem 0;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#fffc;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:auto}.music-list-item[data-v-7bfe2603]:hover{background:#fff3;color:#fff}.music-list-item.active[data-v-7bfe2603]{background:#667eea66;color:#fff;font-weight:600}.music-list-item.active[data-v-7bfe2603]:before{content:"▶ ";margin-right:.25rem}.music-list-empty[data-v-7bfe2603]{color:#ffffff80;font-size:.8rem;text-align:center;padding:1rem;pointer-events:none}.music-list[data-v-7bfe2603]::-webkit-scrollbar{width:6px}.music-list[data-v-7bfe2603]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.music-list[data-v-7bfe2603]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.music-list[data-v-7bfe2603]::-webkit-scrollbar-thumb:hover{background:#ffffff80}.music-volume[data-v-7bfe2603]{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.volume-slider[data-v-7bfe2603]{width:60px;height:4px;border-radius:2px;background:#ffffff4d;outline:none;cursor:pointer;-webkit-appearance:none}.music-list-toggle[data-v-7bfe2603]{background:transparent;border:none;border-radius:8px;color:#ffffffe6;font-size:1rem;padding:.4rem .6rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;outline:none;flex-shrink:0;font-weight:600}.list-icon[data-v-7bfe2603]{display:inline-block;transform:rotate(0);transition:transform .3s ease;line-height:1}.music-list-toggle.active .list-icon[data-v-7bfe2603]{transform:rotate(90deg)}.music-list-toggle[data-v-7bfe2603]:hover{background:#ffffff26;transform:scale(1.05)}.music-list-toggle[data-v-7bfe2603]:active{transform:scale(.95)}.music-list-toggle.active[data-v-7bfe2603]{background:#667eea4d}.volume-slider[data-v-7bfe2603]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 4px #0003}.volume-slider[data-v-7bfe2603]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}#app{min-height:100vh;position:relative;z-index:1}body:before,body:after{pointer-events:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0b1021,#1c1f3b 35%,#243a73 60%,#4c1d95,#7c3aed);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(34,211,238,.25) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(124,58,237,.22) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 100% 100%,rgba(59,130,246,.18) 0%,transparent 55%),linear-gradient(135deg,#0b1021,#1e1b4b 30%,#312e81,#7c3aed 80%,#22d3ee);background-size:100% 100%,100% 100%,100% 100%,400% 400%;animation:gradientShift 20s ease infinite,glowMove1 25s ease infinite,glowMove2 30s ease infinite;z-index:-3;opacity:1}@keyframes gradientShift{0%{background-position:0% 50%,0% 0%,0% 0%,0% 50%}50%{background-position:100% 50%,0% 0%,0% 0%,100% 50%}to{background-position:0% 50%,0% 0%,0% 0%,0% 50%}}@keyframes glowMove1{0%,to{background-position:0% 50%,0% 0%,0% 0%,0% 50%}50%{background-position:100% 50%,20% 20%,0% 0%,0% 50%}}@keyframes glowMove2{0%,to{background-position:0% 50%,0% 0%,0% 0%,0% 50%}50%{background-position:100% 50%,0% 0%,-20% -20%,0% 50%}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 600px at 20% 30%,rgba(34,211,238,.12) 0%,transparent 55%),radial-gradient(circle 500px at 80% 70%,rgba(124,58,237,.12) 0%,transparent 55%),radial-gradient(circle 400px at 50% 50%,rgba(59,130,246,.1) 0%,transparent 55%),radial-gradient(circle 300px at 10% 80%,rgba(244,114,182,.08) 0%,transparent 55%);background-size:100% 100%;animation:glowPulse 10s ease-in-out infinite,glowFloat 15s ease-in-out infinite;z-index:-2;opacity:1}@keyframes glowPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes glowFloat{0%,to{transform:translate(0)}50%{transform:translate(2%,-2%)}}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.header{padding:2rem 1rem;text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.header-content{max-width:1200px;margin:0 auto;position:relative}.title{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2);animation:fadeInDown .8s ease-out}.subtitle{font-size:1.2rem;color:#ffffffe6;font-weight:300;animation:fadeInUp .8s ease-out .2s both}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:3rem 1rem;width:100%}.hero{text-align:center;margin-bottom:4rem;animation:fadeIn 1s ease-out .4s both}.hero-content{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 2rem;border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.hero-title{font-size:2.5rem;color:#fff;margin-bottom:1rem;font-weight:600}.hero-description{font-size:1.3rem;color:#fffffff2;line-height:1.6;text-align:center}.hero-desc-line{display:inline-block}.cards-section{margin-bottom:4rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;animation:fadeIn 1s ease-out .6s both;align-items:stretch}.cards-grid>*{display:flex;min-height:100%}.card-link{display:flex;text-decoration:none;color:inherit;height:100%;width:100%}.card-link .card-title,.card-link .card-description,.card-link:hover .card-title,.card-link:hover .card-description{text-decoration:none}.card{border-radius:20px;padding:2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0003;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;width:100%;display:flex;flex-direction:column;flex:1;min-height:100%}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #0000004d}.card:hover:before{opacity:1}.card-content{position:relative;z-index:1;transition:transform .3s ease;flex:1;display:flex;flex-direction:column}.card-title{font-size:1.8rem;color:#fff;margin-bottom:1rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.2);text-decoration:none}.card-link .card-title{text-decoration:none!important}.card-description{font-size:1rem;color:#fffffff2;line-height:1.6}.quote-section{text-align:center;margin-top:3rem;animation:fadeIn 1s ease-out .8s both}.quote-content{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem 2rem;border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.quote-text{font-size:1.4rem;color:#fff;font-style:italic;line-height:1.8;font-weight:300;text-align:center}.quote-line{display:inline-block}.footer{text-align:center;padding:2rem 1rem;background:#0003;color:#fffc;margin-top:auto}.footer a{color:#fffc;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#fff;text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.title{font-size:2.5rem}.subtitle{font-size:1rem}.hero-title{font-size:2rem}.hero-description{font-size:1.1rem}.cards-grid{grid-template-columns:1fr;gap:1.5rem}.header-content>div[style*="position: absolute"]{position:static!important;margin-top:1rem;justify-content:center;flex-wrap:wrap}.nav-bar[style*="position: relative"]>div[style*="position: absolute"]{position:static!important;margin-top:1rem;justify-content:center;flex-wrap:wrap}.quote-text{font-size:1.1rem;line-height:1.7}.main-content{padding:2rem 1rem}}@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3){.app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.header{padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top))}.title{font-size:1.8rem;margin-bottom:.3rem}.subtitle{font-size:.85rem}.main-content{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom) + 80px)}.hero{margin-bottom:1.5rem}.hero-content{padding:1.2rem 1rem;border-radius:16px}.hero-title{font-size:1.4rem;margin-bottom:.5rem;line-height:1.3}.hero-description{font-size:.85rem;line-height:1.5;text-align:center;white-space:normal;word-break:keep-all;overflow-wrap:break-word;max-width:100%;margin:0 auto;padding:0 .5rem}@media (min-width: 375px) and (max-width: 400px){.hero-description{font-size:.9rem}.hero-desc-line{display:inline}.hero-desc-line:first-child:after{content:""}}.hero-description{font-size:.95rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem}.hero-desc-line{display:block;width:100%;text-align:center}.quote-text{font-size:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem}.cards-section{margin-bottom:1rem}.cards-grid{grid-template-columns:1fr;gap:.8rem}.card{padding:1rem 1.2rem;border-radius:16px}.card-title{font-size:1.2rem;margin-bottom:.5rem}.card-description{font-size:.8rem;line-height:1.4}.quote-section{margin-top:1rem;margin-bottom:.5rem}.quote-content{padding:1.2rem 1rem;border-radius:16px}.quote-text{font-size:.85rem;line-height:1.6;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem}.quote-line{display:block;width:100%;text-align:center}.footer{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));font-size:.8rem}.footer p{margin:.3rem 0}.floating-shape{opacity:.15;filter:blur(1px)}.particle-dot{opacity:.5}.light-beam{opacity:.3}.connection-line{opacity:.2}}@media only screen and (device-width: 844px) and (device-height: 390px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape){.header{padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top))}.title{font-size:2rem}.subtitle{font-size:.9rem}.main-content{padding:1.5rem 1rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom) + 60px)}.hero{margin-bottom:2rem}.hero-content{padding:1.5rem 2rem}.hero-title{font-size:1.5rem}.hero-description{font-size:.95rem}.cards-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.card{padding:1.25rem}.card-title{font-size:1.3rem}.card-description{font-size:.85rem}}.particle-network{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.floating-shape{position:absolute;border:2px solid;opacity:.25;animation:floatShape 25s cubic-bezier(.4,0,.2,1) infinite;filter:blur(.5px);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.shape-1{width:200px;height:200px;border-radius:50%;border-color:#667eea80;top:10%;left:10%;animation-delay:0s;box-shadow:0 0 40px #667eea66,inset 0 0 20px #667eea26}.shape-2{width:150px;height:150px;border-color:#764ba280;top:60%;right:15%;animation-delay:-2.5s;transform:rotate(45deg);box-shadow:0 0 40px #764ba266,inset 0 0 20px #764ba226}.shape-3{width:180px;height:180px;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;border-color:#f093fb80;bottom:20%;left:50%;animation-delay:-5s;box-shadow:0 0 40px #f093fb66,inset 0 0 20px #f093fb26}.shape-4{width:120px;height:120px;border-color:#66d9ff80;top:40%;left:30%;animation-delay:-7.5s;transform:rotate(30deg);border-radius:20px;box-shadow:0 0 40px #66d9ff66,inset 0 0 20px #66d9ff26}.shape-5{width:160px;height:160px;border-radius:50%;border-color:#ff6b6b80;top:20%;right:30%;animation-delay:-10s;box-shadow:0 0 40px #ff6b6b66,inset 0 0 20px #ff6b6b26}.shape-6{width:140px;height:140px;border-color:#ffce5480;bottom:40%;left:20%;animation-delay:-12.5s;transform:rotate(60deg);box-shadow:0 0 40px #ffce5466,inset 0 0 20px #ffce5426}.shape-7{width:170px;height:170px;border-radius:40% 60% 60% 40%/60% 30% 70% 40%;border-color:#4bc0c080;top:70%;left:60%;animation-delay:-15s;box-shadow:0 0 40px #4bc0c066,inset 0 0 20px #4bc0c026}.shape-8{width:130px;height:130px;border-color:#9966ff80;top:5%;right:5%;animation-delay:-17.5s;transform:rotate(15deg);border-radius:25px;box-shadow:0 0 40px #96f6,inset 0 0 20px #9966ff26}@keyframes floatShape{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.25}25%{transform:translate(30px,-40px) rotate(90deg) scale(1.08);opacity:.3}50%{transform:translate(-20px,30px) rotate(180deg) scale(.95);opacity:.2}75%{transform:translate(40px,20px) rotate(270deg) scale(1.03);opacity:.28}}.light-beam{position:absolute;width:1.5px;height:250px;background:linear-gradient(to bottom,transparent 0%,rgba(102,126,234,.5) 30%,rgba(118,75,162,.6) 50%,rgba(240,147,251,.5) 70%,transparent 100%);animation:beamMove 15s cubic-bezier(.4,0,.2,1) infinite;opacity:.5;filter:blur(.5px);box-shadow:0 0 20px #667eea66}.beam-1{left:20%;top:-200px;animation-delay:0s;transform:rotate(15deg)}.beam-2{left:50%;top:-200px;animation-delay:-4s;transform:rotate(-10deg)}.beam-3{left:80%;top:-200px;animation-delay:-8s;transform:rotate(20deg)}@keyframes beamMove{0%{transform:translateY(0) rotate(15deg);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(calc(100vh + 200px)) rotate(15deg);opacity:0}}.particle-dot{position:absolute;width:3px;height:3px;background:#ffffffb3;border-radius:50%;box-shadow:0 0 8px #ffffffe6,0 0 16px #667eea80,0 0 24px #667eea4d;animation:twinkleMove 10s cubic-bezier(.4,0,.2,1) infinite;filter:blur(.3px)}.dot-1{top:15%;left:25%;animation-delay:0s;animation-name:twinkleMove1}.dot-2{top:35%;left:70%;animation-delay:-1s;animation-name:twinkleMove2}.dot-3{top:60%;left:15%;animation-delay:-2s;animation-name:twinkleMove3}.dot-4{top:80%;left:85%;animation-delay:-3s;animation-name:twinkleMove4}.dot-5{top:25%;left:50%;animation-delay:-4s;animation-name:twinkleMove5}.dot-6{top:70%;left:60%;animation-delay:-5s;animation-name:twinkleMove6}@keyframes twinkleMove1{0%,to{opacity:.3;transform:translate(0) scale(1)}25%{opacity:1;transform:translate(30px,-20px) scale(1.5)}50%{opacity:.5;transform:translate(20px,30px) scale(1.2)}75%{opacity:.8;transform:translate(-20px,10px) scale(1.3)}}@keyframes twinkleMove2{0%,to{opacity:.3;transform:translate(0) scale(1)}25%{opacity:.8;transform:translate(-40px,25px) scale(1.4)}50%{opacity:1;transform:translate(-25px,-30px) scale(1.6)}75%{opacity:.5;transform:translate(15px,-15px) scale(1.2)}}@keyframes twinkleMove3{0%,to{opacity:.3;transform:translate(0) scale(1)}25%{opacity:.6;transform:translate(35px,20px) scale(1.3)}50%{opacity:1;transform:translate(-15px,35px) scale(1.5)}75%{opacity:.7;transform:translate(25px,-25px) scale(1.4)}}@keyframes twinkleMove4{0%,to{opacity:.3;transform:translate(0) scale(1)}25%{opacity:.9;transform:translate(-30px,-25px) scale(1.5)}50%{opacity:.4;transform:translate(20px,20px) scale(1.1)}75%{opacity:1;transform:translate(-20px,30px) scale(1.6)}}@keyframes twinkleMove5{0%,to{opacity:.3;transform:translate(0) scale(1)}25%{opacity:.7;transform:translate(25px,30px) scale(1.4)}50%{opacity:1;transform:translate(-30px,-20px) scale(1.6)}75%{opacity:.5;transform:translate(15px,-30px) scale(1.2)}}@keyframes twinkleMove6{0%,to{opacity:.3;transform:translate(0) scale(1)}25%{opacity:.8;transform:translate(-25px,25px) scale(1.5)}50%{opacity:.4;transform:translate(30px,-15px) scale(1.1)}75%{opacity:1;transform:translate(-20px,-25px) scale(1.6)}}.connection-line{position:absolute;height:1px;background:linear-gradient(to right,transparent 0%,rgba(102,126,234,.2) 30%,rgba(118,75,162,.35) 50%,rgba(240,147,251,.2) 70%,transparent 100%);transform-origin:left center;animation:linePulse 5s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 8px #667eea4d;filter:blur(.5px)}.line-1{top:20%;left:20%;width:200px;transform:rotate(25deg);animation-delay:0s}.line-2{top:50%;right:20%;width:150px;transform:rotate(-30deg);animation-delay:-1s}.line-3{bottom:30%;left:40%;width:180px;transform:rotate(45deg);animation-delay:-2s}@keyframes linePulse{0%,to{opacity:.2;transform:scaleX(.8)}50%{opacity:.5;transform:scaleX(1)}}.music-player{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0;cursor:grab;user-select:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.music-player:active,.music-player.dragging{cursor:grabbing}.music-disc{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#243a73,#4c1d95,#7c3aed);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #7c3aed66;transition:box-shadow .3s ease;position:relative;overflow:hidden}.music-disc:hover{box-shadow:0 12px 30px #7c3aed80}.music-disc:not(.playing):hover{transform:scale(1.1)}.music-disc:before{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:#fff3;border:3px solid rgba(255,255,255,.3)}.music-disc:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.music-disc.playing{animation:rotate 3s linear infinite!important}.music-disc.paused{animation:none!important}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-icon{position:absolute;font-size:1.5rem;color:#ffffffe6;z-index:1}.music-controls{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:25px;border:1px solid rgba(255,255,255,.1)}.music-volume{display:flex;align-items:center;gap:.5rem}.volume-slider{width:60px;height:4px;background:#ffffff4d;border-radius:2px;outline:none;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#ffffffe6;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#ffffffe6;cursor:pointer;border:none}.music-list{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.08);padding:.75rem;max-height:300px;overflow-y:auto;min-width:200px;max-width:250px}.music-list-title{color:#ffffffe6;font-size:.85rem;font-weight:600;margin-bottom:.5rem;text-align:center;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.music-list-item{padding:.5rem .75rem;margin:.25rem 0;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#fffc;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-list-item:hover{background:#fff3;color:#fff}.music-list-item.active{background:#667eea66;color:#fff;font-weight:600}.music-list-item.active:before{content:"▶ ";margin-right:.25rem}.music-list-empty{color:#ffffff80;font-size:.8rem;text-align:center;padding:1rem}.music-list::-webkit-scrollbar{width:6px}.music-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.music-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.music-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.music-admin-btn{position:absolute;top:-5px;right:-5px;width:24px;height:24px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0;pointer-events:none}.music-player:hover .music-admin-btn{opacity:1;pointer-events:all}.music-admin-btn:hover{background:#ffffff4d;color:#fff;transform:scale(1.1)}@media (max-width: 768px){.music-player{top:1rem;right:1rem}.music-disc{width:60px;height:60px}.music-disc:after{width:45px;height:45px}.music-controls{padding:.4rem .8rem;font-size:.9rem}.music-list{min-width:180px;max-width:200px;max-height:250px}.music-list-item{font-size:.8rem;padding:.4rem .6rem}}