:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#f5f5f5;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent}body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (max-width: 768px){h1{font-size:2.4em;line-height:1.2}body{font-size:14px}}@media (max-width: 480px){h1{font-size:2em;line-height:1.3}body{font-size:13px}}*{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-color:#f5f5f5;margin:0;padding:0;overflow-x:hidden}.App{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);text-align:left}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.responsive-container{max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width: 768px){.responsive-container{padding:0 24px}}@media (min-width: 1024px){.responsive-container{padding:0 32px}}.responsive-grid{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 480px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (min-width: 768px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}}@media (min-width: 1024px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}}.audio-card{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:16px;overflow:hidden;background:white;box-shadow:0 2px 8px #0000001a}.audio-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}@media (max-width: 768px){.audio-card{transform:none;transition:all .2s ease}.audio-card:active{transform:scale(.98);box-shadow:0 4px 15px #0003}}.play-button{transition:all .2s ease;border-radius:50%}.play-button:hover{transform:scale(1.1)}@media (max-width: 768px){.play-button:active{transform:scale(.95)}}.cover-image{transition:transform .3s ease;border-radius:12px}.cover-image:hover{transform:scale(1.05)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.pulse{animation:pulse 1s infinite}.gradient-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}@media (max-width: 768px){.audio-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.nav-search{display:none!important}.drawer-paper{width:280px!important}}@media (max-width: 480px){.audio-grid{grid-template-columns:1fr;gap:12px}.responsive-container{padding:0 12px}}@media (max-width: 768px){.app-bar-toolbar{padding-left:8px!important;padding-right:8px!important}.app-bar-title{font-size:1.1rem!important;flex-grow:1}.drawer-toggle{margin-right:8px!important}}@media (max-width: 768px){.main-content{padding-top:56px!important;padding-bottom:80px!important}.page-header{margin-bottom:24px!important}.page-title{font-size:1.75rem!important;line-height:1.3!important}.page-description{font-size:.9rem!important;margin-bottom:20px!important}.breadcrumb-container{margin-bottom:16px!important}.back-button-container{margin-bottom:20px!important}}@media (max-width: 768px){.list-item-mobile{padding:12px 16px!important;margin-bottom:8px!important}.list-item-avatar-mobile{width:40px!important;height:40px!important;margin-right:12px!important}.list-item-text-mobile .MuiTypography-subtitle1{font-size:.9rem!important;line-height:1.3!important}.list-item-text-mobile .MuiTypography-body2{font-size:.8rem!important;line-height:1.2!important}}@media (max-width: 768px){.mobile-search-container{position:fixed;top:56px;left:0;right:0;background:white;padding:12px 16px;box-shadow:0 2px 8px #0000001a;z-index:1000}.mobile-search-input{width:100%!important}}@media (max-width: 768px){.mobile-player{padding:8px 12px!important}.mobile-player-controls{gap:4px!important}.mobile-player-info{min-width:0!important;flex:1!important}.mobile-player-avatar{width:40px!important;height:40px!important;margin-right:12px!important}}.touch-friendly-button{min-height:44px;min-width:44px;border-radius:8px;transition:all .2s ease}.touch-friendly-button:hover{background-color:#0000000a}.touch-friendly-button:active{background-color:#00000014;transform:scale(.98)}@media (max-width: 768px){.mobile-card{margin-bottom:12px!important;border-radius:12px!important}.mobile-card-content{padding:16px!important}.mobile-card-actions{padding:8px 16px 16px!important}}.responsive-spacing{margin:16px 0}@media (min-width: 768px){.responsive-spacing{margin:24px 0}}@media (min-width: 1024px){.responsive-spacing{margin:32px 0}}.responsive-text{font-size:1rem;line-height:1.5}@media (min-width: 768px){.responsive-text{font-size:1.1rem}}@media (min-width: 1024px){.responsive-text{font-size:1.2rem}}@media (max-width: 768px){.mobile-drawer{width:100vw!important;max-width:320px!important}.mobile-drawer-header{padding:20px 16px 16px!important}.mobile-drawer-item{padding:16px!important;margin:4px 8px!important;border-radius:8px!important}.mobile-drawer-item:hover{background-color:#0000000a!important}}@media (max-width: 768px){.mobile-breadcrumbs{margin-bottom:16px!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important}.mobile-breadcrumbs .MuiBreadcrumbs-ol{flex-wrap:nowrap!important}}@media (max-width: 768px){.mobile-back-button{width:40px!important;height:40px!important;margin-bottom:16px!important}}@media (max-width: 768px){.mobile-category-card{padding:16px!important;margin-bottom:12px!important;border-radius:12px!important}.mobile-category-avatar{width:48px!important;height:48px!important;margin-right:16px!important}.mobile-category-text{flex:1!important;min-width:0!important}.mobile-category-actions{flex-shrink:0!important}}@media (max-width: 768px){.mobile-audio-item{padding:12px 16px!important;margin-bottom:8px!important;border-radius:8px!important}.mobile-audio-avatar{width:40px!important;height:40px!important;margin-right:12px!important}.mobile-audio-text{flex:1!important;min-width:0!important}.mobile-audio-actions{flex-shrink:0!important;gap:4px!important}}@media (max-width: 768px){.mobile-search-results{margin-top:16px!important}.mobile-search-empty{padding:40px 20px!important;text-align:center!important}.mobile-search-empty .MuiTypography-h6{font-size:1.1rem!important;margin-bottom:8px!important}.mobile-search-empty .MuiTypography-body2{font-size:.9rem!important}}@media (max-width: 768px){.mobile-player-expanded{padding:16px!important}.mobile-volume-control{margin:16px 0!important}.mobile-play-mode{margin:16px 0!important;text-align:center!important}.mobile-audio-info{margin-top:16px!important;text-align:center!important;opacity:.7!important}}.MuiCard-root{border-radius:16px!important;overflow:hidden}.MuiFab-root{box-shadow:0 4px 12px #00000026!important}.MuiSlider-root{color:#667eea!important}.search-input{background-color:#ffffff1a!important;border-radius:20px!important}.search-input .MuiOutlinedInput-notchedOutline{border-color:#ffffff4d!important}.search-input:hover .MuiOutlinedInput-notchedOutline{border-color:#ffffff80!important}.player-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1)!important}.category-chip{border-radius:16px!important;font-weight:500!important}.avatar-image{border-radius:8px!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.custom-button{border-radius:20px!important;text-transform:none!important;font-weight:500!important}.progress-bar{height:4px!important;border-radius:2px!important}.progress-bar .MuiSlider-thumb{width:12px!important;height:12px!important}.volume-control{width:100px!important}.favorite-button{transition:all .2s ease}.favorite-button:hover{transform:scale(1.2)}.card-content{display:flex;flex-direction:column;height:100%}.card-content .MuiCardContent-root{flex-grow:1;display:flex;flex-direction:column}.bottom-spacing{padding-bottom:80px}.top-spacing{padding-top:64px}.primary-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.secondary-gradient{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.success-gradient{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.warning-gradient{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.custom-shadow{box-shadow:0 4px 20px #0000001a!important}.custom-shadow-hover:hover{box-shadow:0 8px 30px #00000026!important}.custom-border{border:1px solid rgba(255,255,255,.2)!important}.custom-opacity{background-color:#ffffff1a!important}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a!important}@media (max-width: 768px){.touch-feedback{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.touch-feedback:active{background-color:#0000000d}}@media (max-width: 768px){.mobile-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.mobile-scroll::-webkit-scrollbar{display:none}}@media (max-width: 768px){.mobile-animation{transition:all .15s ease}.mobile-animation:hover{transform:none}}@media (max-width: 768px){.mobile-focus:focus{outline:2px solid #667eea;outline-offset:2px}}@media (max-width: 768px){.mobile-loading{padding:20px;text-align:center}.mobile-loading .MuiCircularProgress-root{width:32px!important;height:32px!important}}@media (max-width: 768px){.mobile-error{padding:20px;text-align:center;color:#d32f2f}.mobile-error .MuiTypography-h6{font-size:1.1rem;margin-bottom:8px}.mobile-error .MuiTypography-body2{font-size:.9rem;opacity:.7}}