@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";.navbar-wrapper[data-v-08ed13d1]{z-index:100;position:sticky;top:0}.navbar[data-v-08ed13d1]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0006;border-bottom:1px solid #ffffff1a}.navbar-content[data-v-08ed13d1]{max-width:var(--container-max);height:var(--nav-height);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.logo[data-v-08ed13d1]{font-family:var(--font-heading);color:#fff;transition:color var(--transition-fast);font-size:1.25rem;font-weight:600;text-decoration:none}.logo[data-v-08ed13d1]:hover{color:var(--color-cta)}.nav-links[data-v-08ed13d1]{gap:32px;margin-left:auto;display:flex}.nav-link[data-v-08ed13d1]{color:#ffffffd9;transition:color var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none;position:relative}.nav-link[data-v-08ed13d1]:after{content:"";background:var(--color-cta);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-4px;left:0}.nav-link[data-v-08ed13d1]:hover,.nav-link.active[data-v-08ed13d1]{color:var(--color-cta)}.nav-link[data-v-08ed13d1]:hover:after,.nav-link.active[data-v-08ed13d1]:after{width:100%}.mobile-menu[data-v-08ed13d1]{cursor:pointer;color:#fff;display:none}.mobile-menu-panel[data-v-08ed13d1]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;flex-direction:column;gap:16px;padding:16px 24px;display:flex}.mobile-nav-link[data-v-08ed13d1]{color:#ffffffe6;border-bottom:1px solid #ffffff1a;padding:8px 0;font-size:1rem;font-weight:500;text-decoration:none}.slide-enter-active[data-v-08ed13d1],.slide-leave-active[data-v-08ed13d1]{transition:all var(--transition-base)}.slide-enter-from[data-v-08ed13d1],.slide-leave-to[data-v-08ed13d1]{opacity:0;transform:translateY(-10px)}@media (width<=768px){.nav-links[data-v-08ed13d1]{display:none}.mobile-menu[data-v-08ed13d1]{display:block}.navbar-content[data-v-08ed13d1]{padding:0 16px}.logo[data-v-08ed13d1]{font-size:1.1rem}}.floating-player[data-v-fd3c330c]{z-index:9999;-webkit-user-select:none;user-select:none;transition:all .3s;position:fixed}.floating-player.dragging[data-v-fd3c330c]{cursor:grabbing;transition:none}.mini-player[data-v-fd3c330c]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:grab;background:#000000bf;border:1px solid #ffffff26;border-radius:30px;align-items:center;gap:8px;padding:8px 12px;display:flex}.mini-player[data-v-fd3c330c]:active{cursor:grabbing}.play-btn[data-v-fd3c330c]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.play-btn[data-v-fd3c330c]:hover{transform:scale(1.1)}.music-indicator[data-v-fd3c330c]{align-items:flex-end;gap:2px;height:16px;display:flex}.music-indicator span[data-v-fd3c330c]{background:#6366f1;border-radius:2px;width:3px;animation:none}.music-indicator span[data-v-fd3c330c]:first-child{height:40%}.music-indicator span[data-v-fd3c330c]:nth-child(2){height:70%}.music-indicator span[data-v-fd3c330c]:nth-child(3){height:50%}.music-indicator.playing span[data-v-fd3c330c]{animation:.8s ease-in-out infinite musicWave-fd3c330c}.music-indicator.playing span[data-v-fd3c330c]:first-child{animation-delay:0s}.music-indicator.playing span[data-v-fd3c330c]:nth-child(2){animation-delay:.2s}.music-indicator.playing span[data-v-fd3c330c]:nth-child(3){animation-delay:.4s}@keyframes musicWave-fd3c330c{0%,to{height:30%}50%{height:100%}}.expanded-player[data-v-fd3c330c]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:default;background:#000000d9;border:1px solid #ffffff26;border-radius:16px;width:300px;overflow:hidden}.player-header[data-v-fd3c330c]{cursor:grab;background:#6366f133;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.player-title[data-v-fd3c330c]{color:#fff;font-size:.875rem;font-weight:600}.close-btn[data-v-fd3c330c]{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.close-btn[data-v-fd3c330c]:hover{color:#fff;background:#ffffff1a}.playlist[data-v-fd3c330c]{max-height:250px;overflow-y:auto}.track-item[data-v-fd3c330c]{cursor:pointer;align-items:center;gap:12px;padding:10px 16px;transition:all .2s;display:flex}.track-item[data-v-fd3c330c]:hover{background:#ffffff0d}.track-item.active[data-v-fd3c330c]{background:#6366f133}.track-cover[data-v-fd3c330c]{object-fit:cover;border-radius:8px;width:40px;height:40px}.track-cover-placeholder[data-v-fd3c330c]{color:#fff9;background:#6366f14d;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.track-info[data-v-fd3c330c]{flex:1;min-width:0}.track-title[data-v-fd3c330c]{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;display:block;overflow:hidden}.track-artist[data-v-fd3c330c]{color:#fff9;font-size:.75rem;display:block}.playing-icon[data-v-fd3c330c]{color:#6366f1;animation:1s infinite pulse-fd3c330c}@keyframes pulse-fd3c330c{0%,to{opacity:1}50%{opacity:.5}}.player-controls[data-v-fd3c330c]{border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.control-btn[data-v-fd3c330c]{color:#fffc;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.control-btn[data-v-fd3c330c]:hover{color:#fff;transform:scale(1.1)}.control-btn.play[data-v-fd3c330c]{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:50%;width:48px;height:48px}.volume-control[data-v-fd3c330c]{color:#fff9;align-items:center;gap:8px;padding:8px 16px 16px;display:flex}.volume-slider[data-v-fd3c330c]{appearance:none;background:#fff3;border-radius:2px;outline:none;flex:1;height:4px}.volume-slider[data-v-fd3c330c]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#6366f1;border-radius:50%;width:14px;height:14px}.drag-handle[data-v-fd3c330c]{color:#fff9;background:#ffffff4d;border-radius:4px;justify-content:center;align-items:center;width:20px;height:8px;display:flex;position:absolute;top:-4px;left:50%;transform:translate(-50%)}@media (width<=640px){.floating-player[data-v-fd3c330c]{top:auto!important;bottom:80px!important;left:10px!important}.expanded-player[data-v-fd3c330c]{width:calc(100vw - 40px);max-width:300px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{height:100%;font-family:var(--font-body);background:var(--color-background-solid);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.footer{text-align:center;color:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0006;border-top:1px solid #ffffff1a;padding:32px 24px;font-size:.875rem}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.copyright-link{transition:color .2s}.copyright-link:hover{color:#ffffffe6}:root{--color-primary:#18181b;--color-secondary:#3f3f46;--color-cta:#6366f1;--color-cta-hover:#4f46e5;--color-background:#ffffffd9;--color-background-solid:#fafafa;--color-text:#09090b;--color-muted:#71717a;--color-border:#00000014;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--section-padding:80px 24px;--container-max:1200px;--nav-height:64px}@media (width<=768px){:root{--section-padding:60px 16px;--nav-height:56px}}