@import"https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600&family=Geist:wght@200;400;500;600;700&display=swap";.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0cf7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000;opacity:1;pointer-events:auto;transition:opacity .5s ease-out}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-overlay__content{display:flex;flex-direction:column;align-items:center;gap:28px}.loading-overlay__spinner{width:100px;height:100px;border-radius:50%;position:relative;background:conic-gradient(from 0deg,transparent 0deg 45deg,#fbbf24 60deg,#f97316 150deg,#ea580c 240deg,transparent 285deg 360deg);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));animation:loading-spin 1s linear infinite}.loading-overlay__spinner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid rgba(255,255,255,.1);box-sizing:border-box}.loading-overlay__text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;letter-spacing:2px;color:#ffffffb3;animation:loading-text-breathe 2.5s ease-in-out infinite}.loading-overlay__glow{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.18) 0%,rgba(245,158,11,.1) 40%,transparent 70%);filter:blur(70px);animation:loading-pulse 2.5s ease-in-out infinite}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}@keyframes loading-text-breathe{0%,to{opacity:.5}50%{opacity:1}}.global-offline-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary, #0a0a0f);z-index:99999}.offline-banner-content{text-align:center;padding:2rem;max-width:400px}.offline-icon{font-size:4rem;margin-bottom:1rem;animation:offline-float 2s ease-in-out infinite}@keyframes offline-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.offline-banner-content h2{color:var(--color-text-primary, #fff);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.offline-banner-content p{color:var(--color-text-secondary, #888);margin:0 0 .5rem;font-size:1rem}.offline-hint{font-size:.875rem!important;opacity:.7;margin-top:1rem!important}.offline-pulse{width:12px;height:12px;background:#eab30899;border-radius:50%;margin:1.5rem auto 0;animation:offline-pulse-anim 1.5s ease-in-out infinite}@keyframes offline-pulse-anim{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}:root{--color-bg-primary: #0f0f0f;--color-bg-secondary: #1a1a1a;--color-bg-tertiary: #252525;--color-bg-elevated: #2a2a2a;--color-text-primary: #e5e5e5;--color-text-secondary: #b0b0b0;--color-text-tertiary: #808080;--color-border-primary: #333333;--color-border-secondary: #404040;--color-accent-primary: #d66025;--color-accent-hover: #fb923c;--color-black: #0f0f0f;--color-white: #e5e5e5;--color-gray-50: #252525;--color-gray-100: #2a2a2a;--color-gray-200: #333333;--color-gray-500: #808080;--color-gray-600: #b0b0b0;--color-overlay: rgba(0, 0, 0, .7);--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--spacing-2xl: 20px;--spacing-3xl: 24px;--spacing-4xl: 32px;--spacing-5xl: 48px;--spacing-6xl: 64px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--border-width-thin: 1px;--border-width-thick: 2px;--border-width-thickest: 3px;--z-index-dropdown: 100;--z-index-modal-overlay: 1000;--transition-fast: .2s;--transition-base: .3s;--song-list-bg: #14141400;--song-list-border-color: #232323;--song-card-hover-bg: #1e1e1ea5}:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";color-scheme:dark;--exercise-font-title: "Geist", sans-serif;--exercise-font-serif: "EB Garamond", serif}.cool-modern-title{font-family:var(--exercise-font-serif, "EB Garamond", serif);font-weight:500;letter-spacing:-.02em;background:linear-gradient(to bottom,#fff 30%,#a8a8a8);background-size:100% 1.3em;background-repeat:repeat-y;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3;padding-bottom:.2em}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-text-size-adjust:100%}body{min-height:100%;position:fixed;top:0;right:0;bottom:0;left:0}#root{min-height:100vh}@media(max-width:768px){*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}}