:root{--font-primary: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--color-primary-50: #fdf4ff;--color-primary-100: #fae8ff;--color-primary-200: #f5d0fe;--color-primary-300: #f0abfc;--color-primary-400: #e879f9;--color-primary-500: #d946ef;--color-primary-600: #c026d3;--color-primary-700: #a21caf;--color-primary-800: #86198f;--color-primary-900: #701a75;--color-secondary-400: #a78bfa;--color-secondary-500: #8b5cf6;--color-secondary-600: #7c3aed;--color-secondary-700: #6d28d9;--color-accent-400: #fb7185;--color-accent-500: #f43f5e;--color-accent-600: #e11d48;--color-gray-50: #fafafa;--color-gray-100: #f4f4f5;--color-gray-200: #e4e4e7;--color-gray-300: #d4d4d8;--color-gray-400: #a1a1aa;--color-gray-500: #71717a;--color-gray-600: #52525b;--color-gray-700: #3f3f46;--color-gray-800: #27272a;--color-gray-900: #18181b;--color-gray-950: #09090b;--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--color-info: #3b82f6;--gradient-bg: linear-gradient(135deg, #1a0a2e 0%, #16213e 50%, #0f3460 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .02) 100%);--gradient-primary: linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-secondary-600) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent-500) 0%, var(--color-primary-600) 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(20px);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-glow: 0 0 30px rgba(139, 92, 246, .3);--shadow-glow-pink: 0 0 30px rgba(236, 72, 153, .3);--scrollbar-size: 10px;--scrollbar-track: linear-gradient(180deg, rgba(17, 10, 33, .96) 0%, rgba(37, 22, 63, .82) 100%);--scrollbar-thumb: linear-gradient(180deg, rgba(167, 139, 250, .92) 0%, rgba(139, 92, 246, .98) 52%, rgba(217, 70, 239, .92) 100%);--scrollbar-thumb-hover: linear-gradient(180deg, rgba(192, 38, 211, .96) 0%, rgba(244, 63, 94, .92) 100%);--scrollbar-thumb-firefox: rgba(139, 92, 246, .9);--scrollbar-thumb-firefox-hover: rgba(192, 38, 211, .95);--scrollbar-border: rgba(255, 255, 255, .08);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-y:auto;scrollbar-gutter:stable}body{font-family:var(--font-primary);background:var(--gradient-bg);color:#fff;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(59,130,246,.05) 0%,transparent 70%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img,video{max-width:100%;height:auto;display:block}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:640px){.container{padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 var(--space-8)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.grid{display:grid}.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:var(--z-fixed)}.z-40{z-index:var(--z-modal-backdrop)}.z-50{z-index:var(--z-modal)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.mr-2{margin-right:var(--space-2)}.mr-4{margin-right:var(--space-4)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.pb-32{padding-bottom:8rem}.text-white{color:#fff}.text-black{color:#000}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-purple-400{color:var(--color-secondary-400)}.text-purple-500{color:var(--color-secondary-500)}.text-pink-400{color:var(--color-primary-400)}.text-green-400{color:var(--color-success)}.text-red-400{color:var(--color-error)}.text-blue-400{color:var(--color-info)}.bg-white{background-color:#fff}.bg-black{background-color:#000}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.glass-card:hover{background:#ffffff14;border-color:#ffffff26;box-shadow:var(--shadow-glow)}.glass-card-static{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.header{position:sticky;top:0;z-index:var(--z-sticky);background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);transition:all var(--transition-base)}.header-scrolled{background:#0009}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0}.logo{display:flex;align-items:center;gap:var(--space-2)}.logo-icon{font-size:1.75rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-text{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary-400),var(--color-secondary-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-svg{height:32px;width:auto;display:block}.nav-desktop{display:none;align-items:center;gap:var(--space-6)}@media(min-width:768px){.nav-desktop{display:flex}}.nav-link{color:var(--color-gray-300);font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-primary);transition:all var(--transition-fast);transform:translate(-50%);border-radius:var(--radius-full)}.nav-link:hover,.nav-link.active{color:#fff}.nav-link:hover:after,.nav-link.active:after{width:80%}.nav-link.active{color:var(--color-secondary-400);font-weight:600}.mobile-menu-btn{display:flex;padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast)}.mobile-menu-btn:hover{background:#ffffff1a}@media(min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu-btn svg{width:24px;height:24px}.mobile-menu{padding:var(--space-4) 0;border-top:1px solid var(--glass-border);margin-top:var(--space-4)}.mobile-menu a{display:block;padding:var(--space-3) 0;color:var(--color-gray-300);font-weight:500;transition:color var(--transition-fast)}.mobile-menu a:hover,.mobile-menu a.active{color:var(--color-secondary-400)}.eq-announce-banner{position:relative;overflow:hidden;background:linear-gradient(135deg,#22c55e14,#3b82f61a,#6366f114);border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-xl, 12px);padding:.85rem 1rem;margin-bottom:var(--space-4, 1rem);animation:mb-slide .5s ease both}.eq-announce-banner.dismissed{animation:eqBannerDismiss .35s ease forwards}@keyframes eqBannerDismiss{to{opacity:0;transform:translateY(-10px);max-height:0;padding:0 1rem;margin-bottom:0;border-width:0;overflow:hidden}}.eq-announce-glow{position:absolute;top:-50%;left:-20%;width:60%;height:200%;background:radial-gradient(ellipse,rgba(34,197,94,.12),transparent 70%);pointer-events:none}.eq-announce-content{position:relative;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.eq-announce-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:linear-gradient(135deg,#22c55e33,#3b82f633);color:#22c55e;box-shadow:0 0 0 1px #22c55e26}.eq-announce-text{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.eq-announce-badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.eq-announce-msg{margin:0;color:#c4ccd8;font-size:.82rem;line-height:1.45}.eq-announce-msg strong{color:#e8ecf2}.eq-announce-dismiss{position:relative;flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#9ca3af;cursor:pointer;transition:all .15s ease;margin-left:auto}.eq-announce-dismiss:hover{background:#ffffff1f;border-color:#fff3;color:#e5e7eb}@media(max-width:640px){.eq-announce-icon{display:none}}.hero{text-align:center;padding:var(--space-8) 0 var(--space-6)}.hero-title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:800;margin-bottom:var(--space-2);background:linear-gradient(135deg,#fff 0%,var(--color-gray-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{color:var(--color-gray-400);font-size:clamp(.875rem,2vw,1rem)}.search-section{margin-bottom:var(--space-8)}.search-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-6)}.search-title{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.search-input-wrapper{position:relative;margin-bottom:var(--space-4)}.search-input{width:100%;padding:var(--space-4);padding-left:var(--space-12);background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-xl);color:#fff;font-size:1rem;transition:all var(--transition-fast)}.search-input::placeholder{color:var(--color-gray-500)}.search-input:focus{outline:none;border-color:var(--color-secondary-500);box-shadow:0 0 0 3px #8b5cf633}.search-input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-gray-500);width:20px;height:20px}.search-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(max-width:480px){.search-buttons{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-weight:600;font-size:.875rem;border-radius:var(--radius-xl);transition:all var(--transition-fast);cursor:pointer;border:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn:active:before{width:300px;height:300px}.btn-youtube{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.btn-youtube:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 10px 20px #dc26264d}.btn-youtube-music{background:linear-gradient(135deg,#1f1f1f,#000);color:#fff;border:1px solid var(--glass-border)}.btn-youtube-music:hover{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);transform:translateY(-2px);box-shadow:0 10px 20px #0006}.btn-secondary{background:#ffffff1a;border:1px solid var(--glass-border);color:#fff}.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-success{background:linear-gradient(135deg,var(--color-success) 0%,#16a34a 100%);color:#fff}.btn-success:hover{transform:translateY(-1px);box-shadow:0 5px 15px #22c55e4d}.btn-success.copied{background:linear-gradient(135deg,var(--color-info) 0%,#2563eb 100%)}.btn-play{background:linear-gradient(135deg,var(--color-secondary-600) 0%,var(--color-secondary-700) 100%);color:#fff}.btn-play:hover{transform:translateY(-1px);box-shadow:0 5px 15px #8b5cf64d}.btn-play.playing{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);box-shadow:0 0 20px #d946ef66}.btn-icon{padding:var(--space-2);border-radius:var(--radius-full)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:.75rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.results-title{font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700}.music-list{display:flex;flex-direction:column;gap:var(--space-3);min-height:24rem}.results-actions{display:flex;justify-content:center;padding-top:var(--space-4)}.music-card{background:#0f172a6b;border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-3);contain:layout paint style;content-visibility:auto;contain-intrinsic-size:104px;transition:transform var(--transition-base),border-color var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base)}.music-card:hover{background:#ffffff14;border-color:#8b5cf64d;transform:translate(4px);box-shadow:var(--shadow-lg),0 0 30px #8b5cf61a}.music-card.playing{border-color:var(--color-primary-500);box-shadow:0 0 18px #d946ef2e}.music-card.ad-infeed-card{background:transparent;border:none;padding:0;border-radius:0}.music-card.ad-infeed-card:hover{background:transparent;border-color:transparent;transform:none;box-shadow:none}.music-card-content{display:flex;align-items:center;gap:var(--space-3)}@media(min-width:768px){.music-card{padding:var(--space-4)}.music-card-content{gap:var(--space-4)}}.music-thumbnail{width:100px;height:56px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;position:relative;background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-secondary-600) 100%)}@media(min-width:768px){.music-thumbnail{width:120px;height:68px}}.music-thumbnail img{width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 9;transition:transform var(--transition-base)}.music-card:hover .music-thumbnail img{transform:scale(1.1)}.music-thumbnail-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.music-info{flex:1;min-width:0}.music-title{font-weight:600;font-size:.875rem;margin-bottom:var(--space-1);color:#fff;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:768px){.music-title{font-size:1rem}}.music-author{color:var(--color-gray-400);font-size:.75rem;margin-bottom:var(--space-1)}.music-title-link,.music-author-link{text-decoration:none;display:block;width:fit-content;max-width:100%}.music-title-link:hover .music-title{color:var(--color-secondary-400)}.music-author-link:hover .music-author{color:var(--color-primary-400);text-decoration:none}@media(min-width:768px){.music-author{font-size:.875rem}}.music-duration{color:var(--color-secondary-400);font-size:.75rem;font-weight:500}.music-actions{display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}@media(min-width:640px){.music-actions{flex-direction:row}}.music-actions .btn{min-width:80px}@media(min-width:768px){.music-actions .btn{min-width:100px}}.footer-player{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-fixed);background:#000000e6;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-top:1px solid var(--glass-border);padding:var(--space-2) var(--space-4);transform:translateY(100%);transition:transform var(--transition-slow)}.footer-player.visible{transform:translateY(0)}@media(min-width:768px){.footer-player{padding:var(--space-4)}}.player-wrapper{max-width:1280px;margin:0 auto}.seekbar-wrapper{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}@media(min-width:768px){.seekbar-wrapper{gap:var(--space-3);margin-bottom:var(--space-3)}}.seekbar-time{font-size:.75rem;color:var(--color-gray-400);width:40px;text-align:center;font-variant-numeric:tabular-nums}.seekbar{flex:1;height:4px;background:var(--color-gray-700);border-radius:var(--radius-full);cursor:pointer;position:relative;overflow:visible}.seekbar:hover{height:6px}.seekbar-progress{position:absolute;left:0;top:0;height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);pointer-events:none}.seekbar-handle{position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.seekbar:hover .seekbar-handle{transform:translate(-50%,-50%) scale(1)}.player-controls{display:flex;align-items:center;justify-content:space-between}.player-song-info{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}@media(min-width:768px){.player-song-info{gap:var(--space-3)}}.player-thumbnail{width:44px;height:44px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;position:relative;background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-secondary-600) 100%)}@media(min-width:768px){.player-thumbnail{width:52px;height:52px}}.player-thumbnail img{width:100%;height:100%;object-fit:cover;transform:scale(1.35)}.player-song-text{min-width:0}.player-song-title{font-weight:600;font-size:.75rem;margin-bottom:2px}@media(min-width:768px){.player-song-title{font-size:.875rem}}.player-song-artist{color:var(--color-gray-400);font-size:.75rem}.player-buttons{display:flex;align-items:center;gap:var(--space-2);margin:0 var(--space-4)}@media(min-width:768px){.player-buttons{gap:var(--space-3);margin:0 var(--space-8)}}.player-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-1);border-radius:50%;transition:all var(--transition-fast);color:#fff}@media(min-width:768px){.player-btn{padding:var(--space-2)}}.player-btn:hover{background:#ffffff1a}.player-btn svg{width:18px;height:18px}@media(min-width:768px){.player-btn svg{width:22px;height:22px}}.player-btn-main{background:#fff;color:#000;padding:var(--space-2)}@media(min-width:768px){.player-btn-main{padding:var(--space-3)}}.player-btn-main:hover{background:var(--color-gray-200);transform:scale(1.05)}.player-btn-main svg{width:18px;height:18px}@media(min-width:768px){.player-btn-main svg{width:22px;height:22px}}.player-volume{display:flex;align-items:center;gap:var(--space-2);flex:1;justify-content:flex-end}.volume-slider{width:60px;height:4px;-webkit-appearance:none;appearance:none;background:var(--color-gray-600);border-radius:var(--radius-full);cursor:pointer}@media(min-width:768px){.volume-slider{width:100px}}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:var(--shadow-sm)}.volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;border:none}.spinner{width:18px;height:18px;border:2px solid var(--color-gray-600);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal-overlay.visible{opacity:1;visibility:visible}.modal{background:var(--color-gray-900);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);width:100%;max-width:400px;max-height:90vh;overflow-y:auto;transform:scale(.9) translateY(20px);transition:transform var(--transition-base)}.modal-overlay.visible .modal{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--glass-border)}.modal-title{font-size:1.25rem;font-weight:700}.modal-close{padding:var(--space-2);border-radius:var(--radius-full);transition:background var(--transition-fast)}.modal-close:hover{background:#ffffff1a}.modal-body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:.875rem;font-weight:500;color:var(--color-gray-300)}.form-input,.form-select{width:100%;padding:var(--space-3) var(--space-4);background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:#fff;font-size:1rem;transition:all var(--transition-fast)}.form-input::placeholder{color:var(--color-gray-500)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-secondary-500);box-shadow:0 0 0 3px #8b5cf633}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a1a1aa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:44px;cursor:pointer}.form-select option{background:var(--color-gray-900);color:#fff}.form-hint{font-size:.75rem;color:var(--color-gray-500)}.toggle-group{display:flex;background:#0000004d;border-radius:var(--radius-lg);padding:4px}.toggle-btn{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:500;font-size:.875rem;color:var(--color-gray-400);transition:all var(--transition-fast)}.toggle-btn.active{background:var(--color-secondary-600);color:#fff}.range-wrapper{display:flex;align-items:center;gap:var(--space-3)}.range-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--color-gray-700);border-radius:var(--radius-full);cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-secondary-500);border:2px solid #fff;cursor:pointer;box-shadow:var(--shadow-md)}.range-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-secondary-500);border:2px solid #fff;cursor:pointer}.range-label{font-size:.875rem;color:var(--color-gray-400);min-width:24px}.range-value{font-size:.875rem;color:var(--color-secondary-400);font-weight:500}.settings-fab{display:flex;padding:var(--space-3);background:var(--gradient-accent);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.settings-fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:var(--shadow-glow-pink)}.settings-fab svg{width:24px;height:24px}.loading-section{text-align:center;padding:var(--space-12) 0}.loading-spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--color-secondary-500);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--space-4)}.loading-text{color:var(--color-gray-400);font-size:.875rem}.no-results{text-align:center;padding:var(--space-12) 0}.no-results-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.no-results-text{color:var(--color-gray-400)}.page-content{padding-bottom:8rem}.content-section{max-width:800px;margin:0 auto}.content-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;margin-bottom:var(--space-6)}.content-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.content-card-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-4)}.content-card p{color:var(--color-gray-300);margin-bottom:var(--space-3);line-height:1.7}.content-card p:last-child{margin-bottom:0}.content-card ul{color:var(--color-gray-300)}.content-card li{margin-bottom:var(--space-2);padding-left:var(--space-4);position:relative}.content-card li:before{content:"•";position:absolute;left:0;color:var(--color-secondary-400)}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-textarea{width:100%;padding:var(--space-3) var(--space-4);background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:#fff;font-size:1rem;resize:vertical;min-height:120px;transition:all var(--transition-fast)}.form-textarea::placeholder{color:var(--color-gray-500)}.form-textarea:focus{outline:none;border-color:var(--color-secondary-500);box-shadow:0 0 0 3px #8b5cf633}.form-status{text-align:center;font-size:.875rem;padding:var(--space-2);border-radius:var(--radius-md)}.form-status.success{color:var(--color-success);background:#22c55e1a}.form-status.error{color:var(--color-error);background:#ef44441a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.transition-all{transition:all var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.hover\:scale-105:hover{transform:scale(1.05)}@media(min-width:640px){.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:flex-row{flex-direction:row}}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:gap-4{gap:var(--space-4)}.md\:text-base{font-size:1rem}.md\:text-lg{font-size:1.125rem}}@media(min-width:1024px){.lg\:flex{display:flex}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-secondary-500);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box;box-shadow:inset 0 0 0 1px var(--scrollbar-border)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-firefox) rgba(17,10,33,.75)}img[loading=lazy]{opacity:0;transition:opacity .3s}img[loading=lazy].loaded{opacity:1}.toggle-group{display:flex;background:#0000004d;border-radius:var(--radius-lg);padding:4px;gap:4px}.toggle-btn{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:500;font-size:.875rem;color:var(--color-gray-400);transition:all var(--transition-fast);background:transparent}.toggle-btn:hover{color:#fff;background:#ffffff0d}.toggle-btn.active{background:var(--color-secondary-600);color:#fff;box-shadow:var(--shadow-sm)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,2vw,1rem);opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal-overlay.hidden{display:none;visibility:hidden}.modal-overlay.visible{opacity:1;visibility:visible;display:flex}.modal{background:#18181b;background:var(--color-gray-900);background:#18181bf2;backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:calc(100vh - 1.5rem);overflow-y:auto;box-shadow:var(--shadow-xl);transform:scale(.95);opacity:0;transition:all var(--transition-base);position:relative;z-index:var(--z-modal)}.modal-overlay.visible .modal{transform:scale(1);opacity:1}.toast-stack{position:fixed;top:max(var(--space-4),env(safe-area-inset-top));right:max(var(--space-4),env(safe-area-inset-right));width:min(24rem,calc(100vw - 2rem));display:flex;flex-direction:column;gap:var(--space-3);z-index:calc(var(--z-tooltip) + 10);pointer-events:none}.toast{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#190e2cf5,#241541f0 55%,#130a22fa);box-shadow:0 20px 40px #07031173,0 0 0 1px #ffffff0a inset;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;pointer-events:auto;animation:toast-enter .22s ease-out}.toast:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:999px}.toast--error:before{background:linear-gradient(180deg,#fb7185,#f43f5e)}.toast--warning:before{background:linear-gradient(180deg,#facc15,#f59e0b)}.toast--success:before{background:linear-gradient(180deg,#4ade80,#22c55e)}.toast__icon{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0f}.toast--error .toast__icon{color:#fecdd3;background:#f43f5e24}.toast--warning .toast__icon{color:#fde68a;background:#f59e0b29}.toast--success .toast__icon{color:#bbf7d0;background:#22c55e29}.toast__content{min-width:0}.toast__title{font-size:.95rem;font-weight:700;line-height:1.2;color:#fff}.toast__message{margin-top:.3rem;font-size:.92rem;line-height:1.5;color:#f4f4f5db}.toast__close{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#ffffffb8;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.toast__close:hover{background:#ffffff14;color:#fff;transform:rotate(90deg)}.toast.is-leaving{animation:toast-leave .22s ease-in forwards}@keyframes toast-enter{0%{opacity:0;transform:translate3d(0,-12px,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes toast-leave{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,-10px,0) scale(.97)}}@media(max-width:640px){.toast-stack{left:50%;right:auto;width:min(22rem,calc(100vw - 1.5rem));transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.toast,.toast.is-leaving{animation:none}.toast__close:hover{transform:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.72rem .9rem;border-bottom:1px solid var(--glass-border)}.modal-title{font-size:1rem;font-weight:600}.modal-close{color:var(--color-gray-400);padding:.2rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{color:#fff;background:#ffffff1a}.modal-body{padding:.9rem 1rem 1rem}.modal-footer{padding:.8rem 1rem 1rem;border-top:1px solid var(--glass-border);display:flex;justify-content:flex-end;gap:var(--space-3)}.eq-modal{max-width:1080px;width:min(96vw,1080px);max-height:min(88vh,760px)}.eq-modal-body{padding:.95rem;display:flex;flex-direction:column;gap:.5rem}.eq-preview-player{margin-bottom:0;position:relative;overflow:hidden;background:#0a0e14;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.55rem .7rem}.eq-visualizer-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55}.eq-preview-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem;flex-wrap:wrap}.eq-preview-shell{display:flex;align-items:center;gap:.6rem;position:relative;z-index:1}.eq-preview-thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;flex-shrink:0;position:relative;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#22c55e59,#2563eb59)}.eq-preview-thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#e5e7eb;font-weight:700;letter-spacing:.08em;font-size:.8rem}#eqPreviewThumbImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.15);opacity:0;transition:opacity .2s ease}#eqPreviewThumbImg.loaded{opacity:1}.eq-preview-main{min-width:0;flex:1}.eq-preview-text{margin-bottom:.2rem}.eq-preview-title{margin:0;color:#f8fafc;font-size:.95rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eq-preview-subtitle{margin:.1rem 0 0;color:#9ca3b5;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eq-preview-controls{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.45rem;row-gap:.2rem}.eq-preview-play-btn{width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(145deg,#f8fafc,#d1d5db);color:#111827;display:inline-flex;align-items:center;justify-content:center;position:relative;line-height:0;transition:box-shadow .18s ease,transform .18s ease;box-shadow:0 5px 16px #0f172a59}.eq-preview-play-btn:hover{transform:scale(1.02);box-shadow:0 8px 18px #0f172a6b}.eq-preview-play-btn svg{width:16px;height:16px;position:absolute;inset:0;margin:auto}#eqPreviewPlayIcon{transform:translate(1px)}.eq-preview-seek-wrap{flex:1;min-width:0;display:grid;gap:.2rem}.eq-preview-seek{--eq-preview-progress: 0%;width:100%;height:6px;border-radius:999px;-webkit-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(to right,#22c55e 0%,#22c55e var(--eq-preview-progress),rgba(148,163,184,.35) var(--eq-preview-progress),rgba(148,163,184,.35) 100%)}.eq-preview-seek::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:transparent}.eq-preview-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:999px;margin-top:-4px;border:0;background:#fff;box-shadow:0 2px 8px #0f172a66}.eq-preview-seek::-moz-range-track{height:6px;border:0;border-radius:999px;background:#94a3b859}.eq-preview-seek::-moz-range-progress{height:6px;border-radius:999px;background:#22c55e}.eq-preview-seek::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:999px;background:#fff;box-shadow:0 2px 8px #0f172a66}.eq-preview-time-row{margin-top:0;display:flex;justify-content:space-between;font-size:.64rem;font-variant-numeric:tabular-nums;color:#8d96aa}#eqPreviewAudio{display:none}#eqPreviewError{color:#f87171;margin-top:.35rem;position:relative;z-index:1}.eq-workspace{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:.6rem;align-items:start}.eq-main-column{min-width:0;display:flex;flex-direction:column;gap:.55rem}.eq-layout{display:flex;gap:.55rem;background:#1a1a1a;border-radius:8px;padding:.6rem;border:1px solid #333;overflow:hidden}.eq-bands-container{display:flex;flex-grow:1;gap:2px;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-firefox) rgba(17,10,33,.75)}.eq-bands-container::-webkit-scrollbar{height:8px}.eq-bands-container::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.eq-bands-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;border:2px solid transparent;background-clip:padding-box}.eq-master-container{padding-left:.75rem;border-left:1px solid #333;display:flex;justify-content:center}.eq-band{display:flex;flex-direction:column;align-items:center;width:27px;flex-shrink:0}.master-band{width:42px}.eq-label{font-size:.62rem;color:#666;margin:2px 0;font-family:monospace}.eq-freq{font-size:.68rem;color:#999;margin-top:5px;font-family:monospace;writing-mode:vertical-rl;transform:rotate(180deg);height:32px;text-align:right}.master-band .eq-freq{writing-mode:horizontal-tb;transform:none;height:auto;margin-top:6px;font-weight:700;color:var(--color-secondary-500)}.eq-value{font-size:.62rem;color:var(--color-secondary-500);margin-top:2px;font-weight:600;height:12px}.eq-slider-wrapper{height:152px;width:20px;display:flex;justify-content:center;position:relative;background:#111;border-radius:4px;padding:8px 0;box-shadow:inset 0 2px 4px #00000080}.master-slider-wrapper{width:30px}input[type=range].eq-slider{-webkit-appearance:none;appearance:none;background:transparent;width:134px;height:4px;margin:0;padding:0;outline:none;transform-origin:center;transform:rotate(-90deg);position:absolute;top:50%;left:50%;translate:-50% -50%}input[type=range].eq-slider::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#000;border-radius:2px;border:1px solid #222}input[type=range].eq-slider::-moz-range-track{width:100%;height:4px;cursor:pointer;background:#000;border-radius:2px;border:1px solid #222}input[type=range].eq-slider::-webkit-slider-thumb{height:14px;width:20px;border-radius:2px;background:linear-gradient(to bottom,#ddd,#aaa 45%,#fff,#aaa 55%,#ddd);cursor:pointer;-webkit-appearance:none;margin-top:-5px;box-shadow:0 2px 4px #0006,inset 0 1px 1px #fff6;border:1px solid #333}input[type=range].eq-slider::-moz-range-thumb{height:14px;width:20px;border-radius:2px;background:linear-gradient(to bottom,#ddd,#aaa 45%,#fff,#aaa 55%,#ddd);cursor:pointer;box-shadow:0 2px 4px #0006,inset 0 1px 1px #fff6;border:1px solid #333}input[type=range].eq-slider.master-slider::-webkit-slider-thumb{width:30px;background:linear-gradient(to right,#8b5cf6,#7c3aed 45%,#a78bfa,#7c3aed 55%,#8b5cf6)}input[type=range].eq-slider.master-slider::-moz-range-thumb{width:30px;background:linear-gradient(to right,#8b5cf6,#7c3aed 45%,#a78bfa,#7c3aed 55%,#8b5cf6)}.eq-slider-wrapper:before{content:"";position:absolute;inset:10px 0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% 16px;pointer-events:none}.eq-presets-section{background:#111;border:1px solid #333;border-radius:8px;padding:.65rem;position:static;display:flex;flex-direction:column;align-self:start;height:clamp(300px,46vh,344px);max-height:clamp(300px,46vh,344px);overflow:hidden}.eq-presets-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem}.eq-presets-toolbar{display:inline-flex;align-items:center;gap:.35rem}.eq-toolbar-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#e5e7eb;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;box-shadow:inset 0 1px #ffffff08;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.eq-toolbar-btn:hover{transform:translateY(-1px);background:#8b5cf629;border-color:#a78bfa73;color:#fff}.eq-preset-group{margin-bottom:.55rem}.eq-preset-group:last-child{margin-bottom:0}.eq-preset-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.2rem 0;background:transparent;border:0;border-bottom:1px solid #2f3442;color:#d1d5db;text-align:left;cursor:pointer}.eq-preset-group-toggle:hover{color:#f3f4f6}.eq-preset-group-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#a5adbf;margin:0;font-weight:600}.eq-preset-group-meta{display:inline-flex;align-items:center;gap:.45rem}.eq-preset-group-count{color:#9ca3af;font-size:.68rem;border:1px solid #4b5563;border-radius:999px;padding:.08rem .35rem;line-height:1}.eq-preset-group-chevron{color:#94a3b8;font-size:.75rem;transition:transform .2s ease}.eq-preset-group.open .eq-preset-group-chevron{transform:rotate(90deg)}.eq-preset-group-content{padding:.45rem 0 0}.eq-preset-group:not(.open) .eq-preset-group-content{display:none}.eq-preset-badge{border:1px solid #355a45;color:#83d9a6;font-size:.62rem;padding:.08rem .34rem;border-radius:999px;white-space:nowrap}.eq-profiles-list{max-height:none;min-height:0;flex:1;overflow-y:auto;padding-right:4px}.eq-actions-row{margin-top:0;display:flex;gap:.55rem;flex-wrap:wrap}.eq-actions-row .btn{min-height:40px;padding-inline:1rem}.eq-profiles-list::-webkit-scrollbar{width:6px}.eq-profiles-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.eq-profiles-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;border:1px solid transparent;background-clip:padding-box}.eq-profile-item{display:flex;justify-content:space-between;align-items:center;background:#222;padding:.45rem .65rem;border-radius:4px;margin-bottom:.4rem;border:1px solid #333;transition:background .2s}.eq-profile-item:hover{background:#2a2a2a}.eq-profile-item:last-child{margin-bottom:0}.eq-profile-name{font-size:.82rem;color:#eee;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:56%}.eq-profile-name-row{display:flex;align-items:center;gap:.4rem;min-width:0}.eq-profile-actions{display:flex;gap:.35rem}.btn-profile{background:#333;border:1px solid #444;color:#ccc;border-radius:4px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:.85rem;line-height:1}.btn-profile:hover{color:#fff}.btn-profile.apply:hover{background:#22c55e33;border-color:#22c55e;color:#22c55e}.btn-profile.rename:hover{background:#eab30833;border-color:#eab308;color:#eab308}.btn-profile.delete:hover{background:#ef444433;border-color:#ef4444;color:#ef4444}.eq-import-modal{max-width:560px}.eq-import-subtitle{margin-top:.22rem;font-size:.8rem;color:var(--color-gray-400);line-height:1.45}.eq-import-modal-body{display:flex;flex-direction:column;gap:.85rem}.eq-import-actions{display:flex;justify-content:flex-end;gap:.65rem;flex-wrap:wrap;margin-top:.15rem}.eq-import-actions .btn{min-height:40px}@media(max-width:980px){.eq-workspace{grid-template-columns:1fr}.eq-presets-section{position:static;max-height:none}.eq-profiles-list{max-height:220px}.eq-preview-thumb{width:64px;height:64px}.eq-actions-row>*{flex:1 1 220px}}@media(max-width:640px){.eq-preview-shell{flex-direction:column;align-items:stretch}.eq-preview-thumb{width:100%;height:120px}.eq-preview-title,.eq-preview-subtitle{white-space:normal}.eq-preview-controls{grid-template-columns:auto minmax(0,1fr)}.eq-actions-row{flex-direction:column}.eq-actions-row>*{width:100%}.eq-import-actions{flex-direction:column-reverse}.eq-import-actions .btn{width:100%}}