.header[data-v-a613d940]{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000f2;border-bottom:1px solid hsla(0,0%,100%,.05);position:sticky;top:0;z-index:100}.header-container[data-v-a613d940]{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:20px 30px}.logo[data-v-a613d940]{text-decoration:none}.logo-text[data-v-a613d940]{color:var(--text-primary);font-size:1.25rem;font-weight:200;letter-spacing:.15em;transition:opacity .3s ease}.logo-text[data-v-a613d940]:hover{opacity:.7}.search-container[data-v-a613d940]{width:400px}.search-box[data-v-a613d940]{position:relative;width:100%}.search-icon[data-v-a613d940]{color:var(--text-secondary);left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input[data-v-a613d940]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:100px;color:var(--text-primary);font-size:.875rem;outline:none;padding:12px 16px 12px 48px;transition:all .3s ease;width:100%}.search-input[data-v-a613d940]::-moz-placeholder{color:var(--text-secondary)}.search-input[data-v-a613d940]::placeholder{color:var(--text-secondary)}.search-input[data-v-a613d940]:focus{background:#ffffff14;border-color:var(--accent);box-shadow:0 0 0 3px #00ff881a}.status-message[data-v-a613d940]{align-items:center;display:flex}.status-text[data-v-a613d940]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:100px;color:var(--text-secondary);font-size:.875rem;font-style:italic;letter-spacing:.05em;padding:10px 20px}@media (max-width:768px){.header-container[data-v-a613d940]{padding:15px 20px}.logo-text[data-v-a613d940]{font-size:1.1rem;letter-spacing:.1em}.status-text[data-v-a613d940]{font-size:.75rem;padding:8px 15px}}@media (max-width:480px){.status-text[data-v-a613d940]{display:none}}.track-info[data-v-9b355c06]{align-items:center;display:flex;gap:16px;min-width:0}.track-cover[data-v-9b355c06]{border-radius:8px;box-shadow:0 4px 20px #0000004d;cursor:pointer;height:80px;-o-object-fit:cover;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);width:80px}.track-cover[data-v-9b355c06]:hover{box-shadow:0 6px 30px #0f83;transform:scale(1.05)}.track-cover.cover-playing[data-v-9b355c06]{animation:pulse-cover-9b355c06 2s ease-in-out infinite}@keyframes pulse-cover-9b355c06{0%,to{box-shadow:0 4px 20px #0000004d;transform:scale(1)}50%{box-shadow:0 6px 25px #00ff8826;transform:scale(1.02)}}.track-details[data-v-9b355c06]{flex:1;min-width:0}.track-title[data-v-9b355c06]{color:var(--text-primary);font-size:1rem;font-weight:500;margin-bottom:6px}.track-artist[data-v-9b355c06],.track-title[data-v-9b355c06]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist[data-v-9b355c06]{color:#ddd;font-size:.875rem}@media (max-width:768px){.track-info[data-v-9b355c06]{gap:12px;padding:4px 0}.track-cover[data-v-9b355c06]{border-radius:10px;flex-shrink:0;height:110px;width:110px}.track-cover[data-v-9b355c06]:hover{transform:none}.track-cover.cover-playing[data-v-9b355c06]{animation:pulse-cover-mobile-9b355c06 2s ease-in-out infinite}@keyframes pulse-cover-mobile-9b355c06{0%,to{box-shadow:0 4px 20px #0000004d;transform:scale(1)}50%{box-shadow:0 6px 25px #00ff8826;transform:scale(1.01)}}.track-details[data-v-9b355c06]{padding-right:8px}.track-title[data-v-9b355c06]{font-size:1.125rem;line-height:1.3;margin-bottom:8px}.track-artist[data-v-9b355c06]{font-size:1rem;line-height:1.3}}@media (max-width:375px){.track-cover[data-v-9b355c06]{height:100px;width:100px}.track-title[data-v-9b355c06]{font-size:1.05rem}.track-artist[data-v-9b355c06]{font-size:.95rem}}.player-controls[data-v-84a07cca]{gap:24px}.control-btn[data-v-84a07cca],.player-controls[data-v-84a07cca]{align-items:center;display:flex;justify-content:center}.control-btn[data-v-84a07cca]{background:#0f8;border:none;border-radius:50%;color:#000;cursor:pointer;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.control-btn[data-v-84a07cca]:not(:disabled):hover{background:#ffffff14;color:var(--text-primary);transform:scale(1.1)}.control-btn[data-v-84a07cca]:disabled{cursor:not-allowed;opacity:.3}.play-btn[data-v-84a07cca]{align-items:center;background:var(--accent);border:none;border-radius:50%;box-shadow:0 4px 20px #00ff884d;color:#000;cursor:pointer;display:flex;height:56px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.play-btn[data-v-84a07cca]:hover{background:var(--accent-hover);box-shadow:0 6px 30px #0f86;transform:scale(1.08)}.play-btn[data-v-84a07cca]:active{transform:scale(.95)}.play-btn-inner[data-v-84a07cca]{align-items:center;display:flex;justify-content:center;position:relative}.play-btn svg[data-v-84a07cca]{transform:translate(2px)}.pulse-ring[data-v-84a07cca]{animation:pulse-84a07cca 2s cubic-bezier(.4,0,.6,1) infinite;border:2px solid var(--accent);border-radius:50%;height:56px;opacity:0;pointer-events:none;position:absolute;width:56px}.play-btn:hover .pulse-ring[data-v-84a07cca]{opacity:1}.pulse-ring[data-v-84a07cca]:nth-child(2){animation-delay:.5s}@keyframes pulse-84a07cca{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@media (max-width:768px){.player-controls[data-v-84a07cca]{flex-shrink:0;gap:0}.play-btn[data-v-84a07cca]{height:44px;width:44px}.play-btn svg[data-v-84a07cca]{height:20px;width:20px}}.waveform-container[data-v-209e7294]{height:60px;position:relative;-webkit-tap-highlight-color:transparent}.waveform-canvas[data-v-209e7294],.waveform-container[data-v-209e7294]{cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.waveform-canvas[data-v-209e7294]{display:block;height:100%}.progress-bar-fallback[data-v-209e7294]{align-items:center;display:flex;height:100%;position:relative;width:100%}.progress-bg[data-v-209e7294]{background:#ffffff14;width:100%}.progress-bg[data-v-209e7294],.progress-buffered[data-v-209e7294]{border-radius:3px;height:6px;position:absolute}.progress-buffered[data-v-209e7294]{background:#ffffff0a;transition:width .1s}.progress-fill[data-v-209e7294]{background:linear-gradient(90deg,#0f8,#0c6);border-radius:3px;height:6px;position:absolute;transition:width .1s linear}.progress-handle[data-v-209e7294]{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;height:16px;opacity:0;position:absolute;right:-8px;top:50%;transform:translateY(-50%);transition:opacity .2s;width:16px}.progress-bar-fallback:hover .progress-handle[data-v-209e7294]{opacity:1}.hover-time[data-v-209e7294]{background:#000000e6;border-radius:4px;color:#fff;font-family:SF Mono,Monaco,monospace;font-size:.75rem;padding:4px 8px;pointer-events:none;position:absolute;top:-30px;transform:translate(-50%);white-space:nowrap;z-index:100}@media (max-width:768px){.waveform-container[data-v-209e7294]{height:48px}.waveform-canvas[data-v-209e7294]{touch-action:none}.progress-bg[data-v-209e7294],.progress-buffered[data-v-209e7294],.progress-fill[data-v-209e7294]{height:8px}.progress-handle[data-v-209e7294]{background:#fff;border:2px solid #0f8;box-shadow:0 2px 12px #00000080;height:20px;opacity:1;right:-10px;width:20px}.progress-bar-fallback:active .progress-handle[data-v-209e7294]{box-shadow:0 3px 16px #0f86;transform:translateY(-50%) scale(1.2)}}.progress-section[data-v-fe0b2fe5]{align-items:center;display:flex;gap:16px}.time[data-v-fe0b2fe5]{color:#fff;font-family:SF Mono,Monaco,monospace;font-size:.813rem;min-width:45px}.progress-container[data-v-fe0b2fe5]{flex:1}.waveform-progress[data-v-fe0b2fe5]{align-items:center;cursor:pointer;display:flex;height:44px;position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.waveform-progress[data-v-fe0b2fe5]:before{background:#ffffff14;content:"";width:100%}.progress-buffered[data-v-fe0b2fe5],.waveform-progress[data-v-fe0b2fe5]:before{border-radius:3px;height:6px;position:absolute}.progress-buffered[data-v-fe0b2fe5]{background:#ffffff0a;transition:width .1s}.progress-fill[data-v-fe0b2fe5]{background:linear-gradient(90deg,var(--accent) 0,var(--accent-hover) 100%);border-radius:3px;height:6px;position:absolute;transition:width .1s linear}.progress-handle[data-v-fe0b2fe5]{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;height:16px;opacity:0;position:absolute;right:-8px;top:50%;transform:translateY(-50%);transition:opacity .2s;width:16px}.waveform-progress:hover .progress-handle[data-v-fe0b2fe5]{opacity:1}.hover-time[data-v-fe0b2fe5]{background:#000000e6;border-radius:4px;color:#fff;font-family:SF Mono,Monaco,monospace;font-size:.75rem;padding:4px 8px;pointer-events:none;position:absolute;top:-30px;transform:translate(-50%);white-space:nowrap}@media (max-width:768px){.progress-section[data-v-fe0b2fe5]{flex:1;gap:0;height:auto;padding:25px 0;position:relative;z-index:10}.time[data-v-fe0b2fe5]{display:none}.progress-container[data-v-fe0b2fe5]{padding:0 16px}.waveform-progress[data-v-fe0b2fe5]{height:48px;position:relative;-webkit-tap-highlight-color:transparent;touch-action:none}.progress-buffered[data-v-fe0b2fe5],.progress-fill[data-v-fe0b2fe5],.waveform-progress[data-v-fe0b2fe5]:before{height:8px;top:50%;transform:translateY(-50%)}.progress-handle[data-v-fe0b2fe5]{background:#fff;border:2px solid var(--accent);box-shadow:0 2px 12px #00000080;height:20px;opacity:1;right:-10px;width:20px}.waveform-progress:active .progress-handle[data-v-fe0b2fe5]{box-shadow:0 3px 16px #0f86;transform:translateY(-50%) scale(1.2)}}@media (max-width:375px){.progress-section[data-v-fe0b2fe5]{padding:20px 0}.waveform-progress[data-v-fe0b2fe5]{height:44px}.progress-handle[data-v-fe0b2fe5]{height:18px;right:-9px;width:18px}}.extra-controls[data-v-03d4a821]{gap:16px;justify-content:flex-end}.control-btn[data-v-03d4a821],.extra-controls[data-v-03d4a821]{align-items:center;display:flex}.control-btn[data-v-03d4a821]{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.control-btn[data-v-03d4a821]:hover{background:#ffffff14;color:var(--text-primary);transform:scale(1.1)}.volume-control[data-v-03d4a821]{width:100px}.volume-bar[data-v-03d4a821]{align-items:center;cursor:pointer;display:flex;height:40px;position:relative}.volume-bar[data-v-03d4a821]:before{background:#ffffff1a;content:"";width:100%}.volume-bar[data-v-03d4a821]:before,.volume-fill[data-v-03d4a821]{border-radius:2px;height:4px;position:absolute}.volume-fill[data-v-03d4a821]{background:var(--text-primary);transition:width .1s}.volume-handle[data-v-03d4a821]{background:#fff;border-radius:50%;height:12px;opacity:0;position:absolute;right:-6px;top:50%;transform:translateY(-50%);transition:opacity .2s;width:12px}.volume-bar:hover .volume-handle[data-v-03d4a821]{opacity:1}.expand-btn[data-v-03d4a821]{display:flex!important}@media (max-width:768px){.extra-controls[data-v-03d4a821]{flex-shrink:0}.volume-control[data-v-03d4a821]{display:none}.expand-btn[data-v-03d4a821]{background:#ffffff1a;height:40px;width:40px}.mobile-expanded .extra-controls[data-v-03d4a821]{display:flex;justify-content:space-between;order:4;width:100%}.mobile-expanded .volume-control[data-v-03d4a821]{display:block;flex:1;margin:0 16px}}.expanded-view[data-v-4a74fb76]{background:linear-gradient(180deg,#191919fa,#141414fc);border-top:1px solid hsla(0,0%,100%,.08);bottom:120px;height:calc(50vh - 120px);left:0;overflow-y:auto;position:absolute;right:0}.expand-enter-active[data-v-4a74fb76],.expand-leave-active[data-v-4a74fb76]{transition:all .3s cubic-bezier(.4,0,.2,1)}.expand-enter-from[data-v-4a74fb76],.expand-leave-to[data-v-4a74fb76]{opacity:0;transform:translateY(20px)}.expanded-header[data-v-4a74fb76]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414f2;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;margin-bottom:10px;padding:20px 30px 10px;position:sticky;top:0;z-index:10}.expanded-header h3[data-v-4a74fb76]{color:var(--text-secondary);font-size:1rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.track-count[data-v-4a74fb76]{color:var(--text-secondary);font-size:.875rem}.tracklist[data-v-4a74fb76]{padding:0 30px 20px}.track-item[data-v-4a74fb76]{align-items:center;border-radius:6px;cursor:pointer;display:grid;gap:16px;grid-template-columns:40px 1fr auto;margin-bottom:2px;padding:14px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.track-item[data-v-4a74fb76]:hover{background:#ffffff0d;transform:translate(4px)}.track-item.active[data-v-4a74fb76]{background:linear-gradient(90deg,rgba(0,255,136,.15),transparent);border-left:3px solid var(--accent);padding-left:17px}.track-playing-indicator[data-v-4a74fb76]{align-items:center;display:flex;gap:3px;justify-content:center}.track-playing-indicator span[data-v-4a74fb76]{animation:equalizer-4a74fb76 .8s ease-in-out infinite;background:var(--accent);border-radius:1px;height:16px;width:3px}.track-playing-indicator span[data-v-4a74fb76]:first-child{animation-delay:0s}.track-playing-indicator span[data-v-4a74fb76]:nth-child(2){animation-delay:.2s;height:20px}.track-playing-indicator span[data-v-4a74fb76]:nth-child(3){animation-delay:.4s;height:14px}@keyframes equalizer-4a74fb76{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.track-number[data-v-4a74fb76]{color:var(--text-secondary);font-size:.813rem;text-align:center}.track-item.active .track-number[data-v-4a74fb76]{color:var(--accent);font-weight:600}.track-name[data-v-4a74fb76]{display:flex;flex-direction:column;font-size:.938rem;gap:2px}.track-main[data-v-4a74fb76]{color:var(--text-primary)}.track-item.active .track-main[data-v-4a74fb76]{color:var(--accent)}.track-remix[data-v-4a74fb76],.track-time[data-v-4a74fb76]{color:var(--text-secondary);font-size:.813rem}.track-time[data-v-4a74fb76]{font-family:SF Mono,Monaco,monospace}@media (max-width:768px){.expanded-view[data-v-4a74fb76]{background:var(--bg-primary);height:auto;inset:0 0 100px;padding-bottom:env(safe-area-inset-bottom);position:fixed;z-index:999}.expanded-header[data-v-4a74fb76]{background:#141414fa;padding:16px}.tracklist[data-v-4a74fb76]{padding:0 16px 50px}.track-item[data-v-4a74fb76]{gap:12px;grid-template-columns:35px 1fr auto;min-height:56px;padding:14px 12px}.track-main[data-v-4a74fb76]{font-size:.975rem}.track-remix[data-v-4a74fb76],.track-time[data-v-4a74fb76]{font-size:.875rem}.track-item[data-v-4a74fb76]:hover{transform:none}.track-item.active[data-v-4a74fb76]{background:linear-gradient(90deg,rgba(0,255,136,.2),transparent)}}@media (max-width:375px){.expanded-view[data-v-4a74fb76]{bottom:95px}.track-item[data-v-4a74fb76]{grid-template-columns:30px 1fr auto;padding:12px 10px}}.player-bar[data-v-6c933d95]{backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(180deg,#1e1e1ef2,#191919fa);border-top:1px solid hsla(0,0%,100%,.08);bottom:0;box-shadow:0 -10px 40px #00000080;left:0;position:fixed;right:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.player-bar.player-expanded[data-v-6c933d95]{background:linear-gradient(180deg,#191919fa,#141414fc)}.visualizer-canvas[data-v-6c933d95]{height:120px;mix-blend-mode:screen;opacity:.6}.visualizer-canvas[data-v-6c933d95],.waveform-canvas[data-v-6c933d95]{left:0;pointer-events:none;position:absolute;top:0;width:100%}.waveform-canvas[data-v-6c933d95]{height:60px;opacity:.3}.player-container[data-v-6c933d95]{align-items:center;display:grid;gap:30px;grid-template-columns:280px 200px 1fr 250px;height:120px;padding:20px 30px;position:relative;z-index:2}@keyframes pulse-6c933d95{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@media (max-width:768px){.player-bar[data-v-6c933d95]{height:72px;padding:0}.player-bar.mobile-expanded[data-v-6c933d95]{background:linear-gradient(180deg,#191919fa,#141414fc);height:auto;max-height:40vh}.visualizer-canvas[data-v-6c933d95],.waveform-canvas[data-v-6c933d95]{display:none}.player-container[data-v-6c933d95]{align-items:center;display:flex;gap:8px;grid-template-columns:none;height:72px;padding:10px 12px}.player-bar.mobile-expanded .player-container[data-v-6c933d95]{flex-wrap:wrap;gap:12px;height:auto;padding:12px}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#1e1e1e;--bg-secondary:#252525;--bg-hover:#2a2a2a;--bg-elevated:#2d2d2d;--text-primary:#fff;--text-secondary:#999;--text-disabled:#666;--accent:#0f8;--accent-hover:#00cc6a;--accent-glow:rgba(0,255,136,.3);--accent-subtle:rgba(0,255,136,.1);--player-height:120px;--header-height:70px;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,SF Pro Display,Roboto,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}.app,body{min-height:100vh}.app{display:flex;flex-direction:column;position:relative}.main-content{animation:fadeIn .6s ease;background:linear-gradient(180deg,var(--bg-primary) 0,rgba(30,30,30,.98) 50%,rgba(25,25,25,.99) 100%);flex:1;min-height:calc(100vh - var(--header-height));padding-bottom:var(--player-height)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}button{background:none;border:none;cursor:pointer;font-family:inherit;outline:none}a{color:var(--accent);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--accent-hover)}input,select,textarea{color:inherit;font-family:inherit;font-size:inherit;outline:none}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#444,#333);border:2px solid var(--bg-secondary);border-radius:5px;-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#555,#444)}::-webkit-scrollbar-thumb:active{background:var(--accent)}.container{margin:0 auto;max-width:1400px;padding:0 30px;width:100%}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all var(--transition-normal)}.slide-enter-from{opacity:0;transform:translate(-30px)}.slide-leave-to{opacity:0;transform:translate(30px)}.loading{pointer-events:none;position:relative}.loading:after{animation:spin .8s linear infinite;border:2px solid var(--accent);border-radius:50%;border-top:2px solid transparent;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.glow{box-shadow:0 0 20px var(--accent-glow);transition:var(--transition-normal)}.glow:hover{box-shadow:0 0 30px var(--accent-glow)}@media (max-width:1024px){.container{padding:0 20px}}@media (max-width:768px){:root{--player-height:180px;--header-height:60px}.container{padding:0 15px}.main-content{padding-bottom:calc(var(--player-height) + 20px)}}@media (max-width:480px){html{font-size:14px}.container{padding:0 10px}}input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:var(--text-primary);padding:10px 15px;transition:var(--transition-fast)}input:focus,select:focus,textarea:focus{background:var(--bg-hover);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.btn{align-items:center;background:var(--bg-secondary);border:1px solid transparent;border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.938rem;font-weight:500;justify-content:center;padding:12px 24px;transition:var(--transition-fast)}.btn:hover{background:var(--bg-hover);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 20px var(--accent-glow)}.btn-ghost{background:transparent;border-color:#fff3}.btn-ghost:hover{background:#ffffff0d;border-color:var(--accent)}.card{background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:20px;transition:var(--transition-normal)}.card:hover{background:var(--bg-hover);box-shadow:0 10px 30px #0000004d;transform:translateY(-4px)}.tooltip{position:relative}.tooltip:after{background:#000000e6;border-radius:6px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:.813rem;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translate(-50%) translateY(-8px);transition:var(--transition-fast);white-space:nowrap;z-index:1000}.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(-12px)}.overlay{animation:fadeIn var(--transition-fast);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000c;inset:0;position:fixed;z-index:900}@media (min-width:769px){.parallax{transform:translateZ(0);will-change:transform}.card-3d{perspective:1000px;transform-style:preserve-3d}.card-3d:hover{transform:rotateY(5deg) rotateX(-5deg) translateZ(20px)}.gradient-border{background:var(--bg-secondary);border-radius:12px;padding:20px;position:relative}.gradient-border:before{background:linear-gradient(45deg,var(--accent),var(--accent-hover),var(--accent));border-radius:12px;content:"";inset:-2px;opacity:0;position:absolute;transition:var(--transition-normal);z-index:-1}.gradient-border:hover:before{opacity:1}}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:200;letter-spacing:-.02em;line-height:1.2}h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:300;letter-spacing:-.01em;line-height:1.3}h3{font-size:clamp(1.25rem,3vw,2rem);font-weight:400;line-height:1.4}p{color:var(--text-secondary);font-size:clamp(.938rem,2vw,1.125rem);line-height:1.7}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}:focus:not(:focus-visible){outline:none}@media print{body{background:#fff;color:#000}.header,.player-bar{display:none}}