.visualizer-canvas[data-v-a8f417e7]{border:1px solid rgba(255,255,255,.1);border-radius:4px}.visualizer-select[data-v-a8f417e7]{background:#0000004d;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:4px}.eq-actions[data-v-6b82611d]{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.preset-select[data-v-6b82611d]{background:var(--color-slate);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:6px 10px;font-family:inherit;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);max-width:180px}.preset-select[data-v-6b82611d]:hover{border-color:var(--accent-color)}.danger-btn[data-v-6b82611d]{color:var(--danger-color)}.danger-btn[data-v-6b82611d]:hover{background:var(--base-red);color:#fff}body[data-theme=light]{background:#f8e1a9;color:#003971;border-color:#014f992e}.playlist-toggle[data-v-4f087fb0]{width:100%;background:transparent;border:none;cursor:pointer;font:inherit;color:inherit;text-align:left}.playlist-title-group[data-v-4f087fb0]{display:flex;align-items:center;gap:var(--spacing-sm)}.playlist-title-icon[data-v-4f087fb0]{color:var(--accent-color);font-size:.85rem}.playlist-header-meta[data-v-4f087fb0]{display:flex;align-items:center;gap:var(--spacing-sm)}.playlist-chevron[data-v-4f087fb0]{color:var(--text-secondary);font-size:.75rem;transition:transform var(--transition-normal)}.playlist-chevron.rotated[data-v-4f087fb0]{transform:rotate(-90deg)}.playlist-card.collapsed[data-v-4f087fb0]{padding-bottom:var(--spacing-sm)}.playlist-item[data-v-4f087fb0]{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-normal)}.playlist-item[data-v-4f087fb0]:hover{background:#6ea8fe1a;transform:translate(5px)}.playlist-item:hover .playlist-item-delete[data-v-4f087fb0]{opacity:1}.playlist-item.active[data-v-4f087fb0]{background:linear-gradient(90deg,#6ea8fe33,#22c55e1a);border-left:3px solid var(--accent-color)}.playlist-item-icon[data-v-4f087fb0]{color:var(--accent-color);width:20px;transition:color var(--transition-normal)}.playlist-item.active .playlist-item-icon[data-v-4f087fb0]{color:var(--base-green)}.playlist-item-name[data-v-4f087fb0]{flex:1;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-delete[data-v-4f087fb0]{opacity:0;background:transparent;border:none;color:var(--danger-color);cursor:pointer;padding:4px;transition:all var(--transition-normal)}.playlist-item-delete[data-v-4f087fb0]:hover{color:var(--base-red);transform:scale(1.2)}.playlist-empty[data-v-4f087fb0]{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);font-style:italic}.app-wrapper{min-height:100vh;padding-bottom:2rem}@font-face{font-family:Supreme;src:url(/fonts/Supreme-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--color-gold: #c9984d;--color-mauve: #014f99;--color-slate: #0E1C32;--color-silver: #7A8DA0;--color-night: #091428;--base-green: #7cb97c;--base-red: #c97c7c;--base-yellow: #c9984d;--dark-bg: #091428;--dark-panel: #142640;--dark-text: #f9f2d5;--dark-muted: #7A8DA0;--dark-accent: #c9984d;--dark-accent-text: #091428;--dark-btn: #0E1C32;--dark-btn-hover: #142640;--dark-ring: #c9984d;--dark-border-color: rgb(1 79 153 / 20%);--dark-shadow-color: rgb(9 20 40 / 60%);--dark-gradient-color: rgb(1 79 153 / 8%);--dark-panel-highlight: rgb(201 152 77 / 5%);--dark-progress-bg: rgb(122 141 160 / 20%);--dark-body-gradient: radial-gradient(1200px 600px at 80% -20%, #0E1C32 0%, transparent 60%), #091428;--fixed-canvas-bg: #091428;--primary-bg: var(--dark-bg);--card-bg: var(--dark-panel);--text-primary: var(--dark-text);--text-secondary: var(--dark-muted);--accent-color: var(--dark-accent);--accent-text: var(--dark-accent-text);--success-color: var(--base-green);--danger-color: var(--base-red);--warning-color: var(--base-yellow);--secondary-accent: var(--color-mauve);--glass-bg: var(--dark-gradient-color);--glass-border: var(--dark-border-color);--panel-highlight: var(--dark-panel-highlight);--glow-primary: 0 0 15px rgba(201, 152, 77, .3);--glow-secondary: 0 0 12px rgba(1, 79, 153, .3);--glow-accent: 0 0 10px rgba(124, 185, 124, .3);--border-radius: 10px;--border-radius-lg: 16px;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.skip-link{position:absolute;top:-40px;left:6px;background:var(--accent-color);color:#fff;padding:8px;text-decoration:none;border-radius:var(--border-radius);z-index:9999;transition:top var(--transition-normal);font-weight:600}.skip-link:focus{top:6px}*:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:4px}button:focus-visible,.control-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(110,168,254,.2),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.error{background:#ef44441a;border:1px solid var(--danger-color);color:var(--danger-color);padding:var(--spacing-md);border-radius:var(--border-radius);margin:var(--spacing-md) 0}.error-icon{display:inline-block;margin-right:var(--spacing-sm)}.app-status{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-lg);flex-wrap:wrap}.status-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);color:var(--text-secondary);font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.status-item:hover{background:var(--panel-highlight);transform:translateY(-2px)}.status-item i{color:var(--base-green)}.status-item.inactive i{color:var(--text-secondary)}*{box-sizing:border-box}body{font-family:Supreme,Inter,Segoe UI,sans-serif;background:var(--dark-body-gradient);color:var(--text-primary);margin:0;padding:var(--spacing-md);min-height:100vh;overflow-x:hidden;position:relative;line-height:1.6}@media (prefers-contrast: high){:root{--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .3);--text-secondary: #ffffff}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading:after{display:none}}.home-icon{position:fixed;top:20px;left:20px;z-index:1000;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),var(--base-green));display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-size:1.5rem;transition:all var(--transition-normal);box-shadow:var(--glow-primary);border:2px solid var(--glass-border)}.home-icon:hover{transform:scale(1.15) rotate(5deg);box-shadow:0 0 30px var(--accent-color);background:linear-gradient(135deg,var(--base-green),var(--accent-color))}.container{max-width:1400px;margin:0 auto}.app-shell{display:flex;flex-direction:column;gap:var(--spacing-lg)}.visualizer-hero{width:100%}.bento-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--spacing-lg);align-items:start}.bento-side{position:sticky;top:var(--spacing-lg)}.header{text-align:center;margin-bottom:var(--spacing-xl);padding-top:70px}.header h1{font-size:2rem;font-weight:600;background:linear-gradient(135deg,var(--color-gold),var(--color-mauve));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;margin:0;letter-spacing:.02em}.header .subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:var(--spacing-sm);opacity:.7;font-weight:400}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);position:relative;overflow:hidden;transition:all var(--transition-normal)}.glass-card:hover{border-color:#c9984d33;box-shadow:0 6px 24px #09142866}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent);opacity:.4}.player-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.player-controls-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;justify-content:space-between}.player-bar{position:sticky;bottom:0;z-index:900;max-width:1400px;margin:var(--spacing-lg) auto 0;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:0 -6px 24px #09142859;overflow:hidden}.player-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent);opacity:.4}.player-bar-progress{border-radius:0;height:5px}.player-bar-progress:hover{height:7px}.player-bar-body{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.pb-track{display:flex;flex-direction:column;gap:2px;min-width:0}.pb-track .track-title{max-width:100%}.pb-transport{justify-content:center;flex-wrap:nowrap}.pb-meta{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);flex-wrap:nowrap}@media (max-width: 768px){.player-bar{margin-top:var(--spacing-md);border-radius:var(--border-radius)}.player-bar-body{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.pb-track{flex:1 1 100%;align-items:center;text-align:center}.pb-transport{flex:0 1 auto}.pb-meta{flex:1 1 auto;justify-content:center}.pb-meta .volume-section{flex-direction:row;width:auto;min-width:90px}}@media (max-width: 480px){.pb-meta .volume-section{min-width:70px}.player-bar-body{padding:var(--spacing-sm)}}.player-progress-section{display:flex;flex-direction:column;gap:6px;padding:0 4px}.track-info{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.track-title{color:var(--color-gold);font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.track-time{color:var(--color-silver);font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap}.progress-bar-container{position:relative;height:6px;background:var(--color-slate);border-radius:3px;cursor:pointer;overflow:visible}.progress-bar-container:hover{height:8px}.progress-bar-container:hover .progress-thumb{opacity:1;transform:translate(-50%) scale(1)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-mauve),var(--color-gold));border-radius:3px;transition:width .1s linear}.progress-thumb{position:absolute;top:50%;width:12px;height:12px;background:var(--color-gold);border-radius:50%;transform:translate(-50%) translateY(-50%) scale(.8);opacity:0;transition:all var(--transition-fast);box-shadow:0 2px 6px #c9984d66;pointer-events:none}.file-upload{position:relative;overflow:hidden;display:inline-block}.file-upload input[type=file]{position:absolute;left:-9999px}.file-upload-label{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px 16px;background:var(--color-gold);color:var(--color-night);border-radius:var(--border-radius);cursor:pointer;font-weight:500;font-size:.85rem;transition:all var(--transition-normal);box-shadow:var(--glow-primary);position:relative;overflow:hidden}.file-upload-label:hover{transform:translateY(-1px);background:#e6d67e;box-shadow:0 6px 20px #c9984d59}.file-upload-label:focus-within{outline:2px solid var(--color-mauve);outline-offset:2px}.file-upload-label i{font-size:.9rem}.file-upload-label span{display:none}.audio-controls{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.control-btn{width:36px;height:36px;border:none;border-radius:50%;background:var(--color-slate);color:var(--color-silver);font-size:.85rem;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);position:relative}.control-btn:hover{background:var(--color-mauve);color:var(--color-night);transform:scale(1.05);box-shadow:var(--glow-secondary)}.control-btn:active{transform:scale(.95)}.control-btn.active{background:var(--color-gold);color:var(--color-night);box-shadow:var(--glow-primary)}.control-btn.primary{width:44px;height:44px;font-size:1rem;background:var(--color-gold);color:var(--color-night);box-shadow:var(--glow-primary)}.control-btn.primary:hover{background:#e6d67e;transform:scale(1.08)}.control-btn.danger{background:var(--color-slate);color:var(--base-red)}.control-btn.danger:hover{background:var(--base-red);color:#fff}.control-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.volume-section{display:flex;align-items:center;gap:8px;min-width:120px}.volume-icon{color:var(--color-silver);font-size:.8rem}.volume-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--color-silver);font-size:.85rem;cursor:pointer;transition:all var(--transition-normal)}.volume-icon-btn:hover{color:var(--color-gold);background:#c9984d1f}.volume-icon-btn.muted{color:var(--danger-color)}body[data-theme=light] .volume-icon-btn{color:#014f99}body[data-theme=light] .volume-icon-btn:hover{color:#c9984d}body[data-theme=light] .volume-icon-btn.muted{color:#a35555}.volume-label{color:var(--color-silver);font-weight:500;font-size:.8rem;min-width:60px}.volume-slider{flex:1;position:relative}.volume-slider input[type=range]{width:100%;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--color-slate),var(--color-mauve));outline:none;cursor:pointer;-webkit-appearance:none;transition:opacity var(--transition-normal)}.volume-slider input[type=range]:hover{opacity:.9}.volume-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-gold);cursor:pointer;box-shadow:0 2px 8px #c9984d66;transition:all var(--transition-normal)}.volume-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:var(--glow-primary)}.volume-display{min-width:40px;text-align:right;color:var(--color-gold);font-weight:500;font-size:.8rem;font-variant-numeric:tabular-nums}.playlist-card{min-height:180px}.playlist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.playlist-title{color:var(--color-gold);font-size:1rem;font-weight:500;margin:0}.playlist-count{color:var(--color-silver);font-size:.8rem;opacity:.7;font-variant-numeric:tabular-nums}.playlist-container{max-height:280px;overflow-y:auto;border-radius:var(--border-radius);background:#0914284d}.playlist-container::-webkit-scrollbar{width:4px}.playlist-container::-webkit-scrollbar-track{background:var(--dark-progress-bg);border-radius:2px}.playlist-container::-webkit-scrollbar-thumb{background:var(--color-mauve);border-radius:2px}.playlist-container::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}.playlist-item{padding:8px var(--spacing-md);border-bottom:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm);position:relative;font-size:.85rem}.playlist-item:hover{background:#014f991a;transform:translate(3px)}.playlist-item:active{transform:translate(2px)}.playlist-item.active{background:linear-gradient(90deg,#c9984d1a,#014f990d);border-left:2px solid var(--color-gold)}.playlist-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-gold);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.playlist-item-icon{color:var(--color-silver);width:16px;font-size:.75rem;transition:color var(--transition-normal)}.playlist-item.active .playlist-item-icon{color:var(--color-gold)}.playlist-item-name{flex:1;font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-empty{padding:var(--spacing-lg);text-align:center;color:var(--text-secondary);font-style:italic;font-size:.85rem}.equalizer-section{position:relative}.equalizer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.equalizer-title{color:var(--color-gold);font-size:1rem;font-weight:500;margin:0}.reset-btn{padding:6px 12px;background:var(--color-slate);color:var(--color-silver);border:1px solid var(--glass-border);border-radius:var(--border-radius);cursor:pointer;font-weight:500;font-size:.8rem;transition:all var(--transition-normal);display:flex;align-items:center;gap:6px}.reset-btn:hover{background:var(--color-mauve);color:var(--color-night);transform:translateY(-1px);box-shadow:var(--glow-secondary)}.reset-btn:active{transform:translateY(0)}.visualizer-container{display:flex;flex-direction:column;margin-bottom:var(--spacing-lg);position:relative}.visualizer-canvas{width:100%;height:300px;border-radius:var(--border-radius);background:var(--fixed-canvas-bg);border:1px solid var(--glass-border);transition:border-color var(--transition-normal)}.visualizer-canvas:hover{border-color:var(--accent-color)}.visualizer-hero .visualizer-canvas{height:360px}.visualizer-info{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:#000000b3;color:var(--text-secondary);padding:4px 8px;border-radius:4px;font-size:.8rem;opacity:0;transition:opacity var(--transition-normal)}.visualizer-container:hover .visualizer-info{opacity:1}.eq-sliders{display:flex;gap:4px;justify-content:space-between;align-items:flex-end;padding:var(--spacing-md);background:#0914284d;border-radius:var(--border-radius);overflow-x:auto;min-height:200px}.eq-slider{display:flex;flex-direction:column;align-items:center;min-width:50px;position:relative}.eq-slider-label{color:var(--color-silver);font-size:.65rem;font-weight:500;margin-bottom:6px;text-align:center;white-space:nowrap}.eq-slider input[type=range]{writing-mode:vertical-lr;direction:rtl;width:4px;height:140px;background:linear-gradient(to top,var(--color-slate),var(--color-mauve),var(--color-slate));border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;position:relative;transition:opacity var(--transition-normal)}.eq-slider input[type=range]:hover{opacity:.9}.eq-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-gold);cursor:pointer;box-shadow:0 2px 6px #c9984d66;transition:all var(--transition-normal)}.eq-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--glow-primary)}.eq-slider input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--color-gold);border:none;cursor:pointer;box-shadow:0 2px 6px #c9984d66;transition:all var(--transition-normal)}.gain-indicator{position:absolute;top:-24px;left:50%;transform:translate(-50%);background:#091428e6;color:var(--color-gold);padding:2px 5px;border-radius:3px;font-size:.65rem;font-weight:500;white-space:nowrap;opacity:0;transition:opacity var(--transition-normal);pointer-events:none;font-variant-numeric:tabular-nums}.eq-slider:hover .gain-indicator{opacity:1}.eq-slider.is-positive input[type=range]{background:linear-gradient(to top,var(--color-slate),rgba(92,230,140,.55),var(--color-slate));box-shadow:0 0 10px #5ce68c59}.eq-slider.is-negative input[type=range]{background:linear-gradient(to top,var(--color-slate),rgba(255,92,92,.55),var(--color-slate));box-shadow:0 0 10px #ff5c5c59}.eq-slider.is-positive input[type=range]::-webkit-slider-thumb{background:#5ce68c;box-shadow:0 0 8px 2px #5ce68cbf}.eq-slider.is-positive input[type=range]::-moz-range-thumb{background:#5ce68c;box-shadow:0 0 8px 2px #5ce68cbf}.eq-slider.is-negative input[type=range]::-webkit-slider-thumb{background:#ff5c5c;box-shadow:0 0 8px 2px #ff5c5cbf}.eq-slider.is-negative input[type=range]::-moz-range-thumb{background:#ff5c5c;box-shadow:0 0 8px 2px #ff5c5cbf}.eq-slider.is-positive .gain-indicator{color:#5ce68c}.eq-slider.is-negative .gain-indicator{color:#ff5c5c}.tools-section,.faq-section{margin-top:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.tools-container,.faq-container{max-width:1400px;margin:0 auto}.tools-header,.faq-header{text-align:center;margin-bottom:var(--spacing-xl)}.tools-header h2,.faq-header h2{font-size:1.5rem;font-weight:500;background:linear-gradient(135deg,var(--color-gold),var(--color-mauve));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 var(--spacing-sm) 0}.tools-subtitle,.faq-subtitle{color:var(--text-secondary);font-size:.9rem;margin:0;opacity:.7}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.tool-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);text-decoration:none;color:var(--text-primary);transition:all var(--transition-normal);position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,var(--accent-color),var(--base-green));transition:left var(--transition-slow)}.tool-card:hover:before{left:0}.tool-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--dark-shadow-color);border-color:var(--accent-color)}.tool-icon{min-width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--color-gold),var(--color-mauve));display:flex;align-items:center;justify-content:center;color:var(--color-night);font-size:1.2rem;box-shadow:var(--glow-primary)}.tool-content{flex:1}.tool-content h3{margin:0 0 var(--spacing-sm) 0;font-size:1rem;font-weight:500;color:var(--text-primary)}.tool-content p{margin:0 0 var(--spacing-sm) 0;color:var(--text-secondary);line-height:1.5;font-size:.85rem}.tool-features{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.feature-tag{padding:2px 8px;background:var(--panel-highlight);color:var(--accent-color);border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid var(--glass-border)}.tool-arrow{color:var(--text-secondary);font-size:1.2rem;transition:all var(--transition-normal)}.tool-card:hover .tool-arrow{color:var(--accent-color);transform:translate(5px)}.tools-cta{text-align:center;margin-top:var(--spacing-xl)}.cta-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-lg);background:var(--color-gold);color:var(--color-night);text-decoration:none;border-radius:var(--border-radius);font-weight:500;font-size:.9rem;transition:all var(--transition-normal);box-shadow:var(--glow-primary);position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-mauve);transition:left var(--transition-slow);z-index:-1}.cta-button:hover:before{left:0}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c9984d59}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(500px,100%),1fr));gap:var(--spacing-lg)}.faq-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-normal)}.faq-item:hover{border-color:var(--accent-color);box-shadow:0 8px 25px var(--dark-shadow-color);transform:translateY(-2px)}.faq-question{padding:var(--spacing-lg);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.faq-question:hover{background:var(--panel-highlight)}.faq-question i:first-child{color:var(--accent-color);font-size:1.2rem;min-width:20px}.faq-question span{flex:1;font-weight:500;font-size:.95rem;color:var(--text-primary)}.faq-arrow{color:var(--text-secondary);transition:transform var(--transition-normal);font-size:.9rem}.faq-item.active .faq-arrow{transform:rotate(180deg);color:var(--accent-color)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;background:#0003}.faq-item.active .faq-answer{max-height:300px;padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.faq-answer p{color:var(--text-secondary);line-height:1.6;margin:0;padding-top:var(--spacing-sm)}.footer{margin-top:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-md);background:var(--dark-panel);border-top:1px solid var(--glass-border);text-align:center}.footer-content{max-width:1200px;margin:0 auto}.footer-links{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.footer-link{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-normal)}.footer-link:hover{color:var(--accent-color)}.footer-copyright{color:var(--text-secondary);font-size:.9rem;opacity:.7}@media (max-width: 1024px){.bento-grid{grid-template-columns:1fr}.bento-side{position:static}}@media (max-width: 768px){body{padding:var(--spacing-sm)}.player-section{grid-template-columns:1fr;gap:var(--spacing-md);text-align:center}.audio-controls{justify-content:center}.eq-sliders{gap:4px;padding:var(--spacing-md)}.eq-slider{min-width:45px}.eq-slider input[type=range]{height:120px}.equalizer-header{flex-direction:column;align-items:center;text-align:center}.tools-grid,.faq-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.tool-card{flex-direction:column;text-align:center;gap:var(--spacing-md)}.tool-features{justify-content:center}.tools-header h2,.faq-header h2{font-size:2rem}}@media (max-width: 480px){.tools-section,.faq-section{padding:var(--spacing-lg) var(--spacing-sm)}.tool-card,.glass-card{padding:var(--spacing-md)}.tool-icon{min-width:50px;height:50px;font-size:1.3rem}.tool-content h3{font-size:1.1rem}.volume-section{flex-direction:column;gap:var(--spacing-sm);text-align:center}.volume-label{min-width:auto}}.visualizer-controls{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);display:flex;gap:var(--spacing-sm);z-index:10}.visualizer-select{background:#000000b3;color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:6px 10px;font-size:.9rem;font-family:inherit;cursor:pointer;transition:all var(--transition-normal)}.visualizer-select:hover{border-color:var(--accent-color);background:#1e1e1ecc}.visualizer-select:focus-visible{outline-offset:1px}body[data-theme=light]{color:var(--text-primary)}body[data-theme=light] .glass-card{background:#ffffffeb;box-shadow:0 2px 12px #0039711f;border-color:#014f9926}body[data-theme=light] .glass-card:hover{box-shadow:0 4px 20px #0039712e;border-color:#c9984d73}body[data-theme=light] .glass-card:before{background:linear-gradient(90deg,transparent,#c9984d,transparent)}body[data-theme=light] .player-bar{background:#fffffff2;border-color:#014f9926;box-shadow:0 -4px 20px #00397126}body[data-theme=light] .player-bar:before{background:linear-gradient(90deg,transparent,#c9984d,transparent)}body[data-theme=light] .control-btn{background:#f8e1a9;color:#003971;border-color:#014f992e}body[data-theme=light] .control-btn:hover{background:#c9984d;color:#f5f4d6}body[data-theme=light] .control-btn.active,body[data-theme=light] .control-btn.primary{background:#014f99;color:#f5f4d6}body[data-theme=light] .control-btn.primary:hover{background:#003971;color:#f5f4d6}body[data-theme=light] .control-btn.danger{color:#a35555}body[data-theme=light] .control-btn.danger:hover{background:#a35555;color:#f5f4d6}body[data-theme=light] .file-upload-label{background:#014f99;color:#f5f4d6;box-shadow:0 2px 8px #00397140}body[data-theme=light] .file-upload-label:hover{background:#003971}body[data-theme=light] .track-title{color:#003971}body[data-theme=light] .track-time{color:#014f99}body[data-theme=light] .progress-bar-container{background:#f8e1a9}body[data-theme=light] .progress-bar{background:linear-gradient(90deg,#014f99,#c9984d)}body[data-theme=light] .progress-thumb{background:#014f99;box-shadow:0 2px 6px #00397166}body[data-theme=light] .volume-icon{color:#014f99}body[data-theme=light] .playlist-container{background:#014f990f}body[data-theme=light] .playlist-item{border-bottom-color:#014f991f}body[data-theme=light] .playlist-item:hover{background:#c9984d1f}body[data-theme=light] .playlist-item.active{background:linear-gradient(90deg,#014f991a,#c9984d14);border-left-color:#014f99}body[data-theme=light] .playlist-item.active:before{background:#c9984d}body[data-theme=light] .playlist-title{color:#003971}body[data-theme=light] .playlist-item-icon{color:#014f99}body[data-theme=light] .playlist-item.active .playlist-item-icon{color:#c9984d}body[data-theme=light] .eq-sliders{background:#014f990d}body[data-theme=light] .eq-slider input[type=range]{background:linear-gradient(to top,#f8e1a9,#f9f2d5,#f8e1a9)}body[data-theme=light] .eq-slider input[type=range]::-webkit-slider-thumb{background:#014f99;box-shadow:0 2px 6px #00397166}body[data-theme=light] .eq-slider-label{color:#003971}body[data-theme=light] .gain-indicator{background:#003971f2;color:#f5f4d6}body[data-theme=light] .equalizer-title{color:#003971}body[data-theme=light] .reset-btn{background:#f8e1a9;color:#003971;border-color:#014f992e}body[data-theme=light] .reset-btn:hover{background:#c9984d;color:#f5f4d6}body[data-theme=light] .volume-label{color:#003971}body[data-theme=light] .volume-slider input[type=range]{background:linear-gradient(90deg,#f8e1a9,#c9984d)}body[data-theme=light] .volume-slider input[type=range]::-webkit-slider-thumb{background:#014f99;box-shadow:0 2px 6px #00397166}body[data-theme=light] .volume-display{color:#003971}body[data-theme=light] .visualizer-canvas{background:#003971;border-color:#014f994d}body[data-theme=light] .faq-item{background:#ffffffeb;border-color:#014f9926}body[data-theme=light] .faq-question:hover{background:#c9984d1a}body[data-theme=light] .faq-question i:first-child{color:#c9984d}body[data-theme=light] .faq-answer{background:#014f990a}body[data-theme=light] .tool-card{background:#fffffff2;border-color:#014f991f;box-shadow:0 2px 10px #00397114}body[data-theme=light] .tool-card:hover{box-shadow:0 4px 16px #00397126;border-color:#c9984d}body[data-theme=light] .tool-icon{background:linear-gradient(135deg,#014f99,#003971);color:#f5f4d6}body[data-theme=light] .feature-tag{background:#014f9914;border-color:#014f992e;color:#003971}body[data-theme=light] .header h1{background:linear-gradient(135deg,#003971,#014f99);background-clip:text;-webkit-background-clip:text}body[data-theme=light] .tools-header h2,body[data-theme=light] .faq-header h2{background:linear-gradient(135deg,#003971,#c9984d);background-clip:text;-webkit-background-clip:text}body[data-theme=light] .cta-button{background:#014f99;color:#f5f4d6}body[data-theme=light] .cta-button:hover{box-shadow:0 4px 14px #0039714d}body[data-theme=light] .cta-button:before{background:#003971}body[data-theme=light] .status-item{background:#ffffffd9;border-color:#014f991f}body,.glass-card,.control-btn,.playlist-item,.faq-item,.tool-card,.eq-sliders,.file-upload-label,.reset-btn{transition:background var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}@media (max-width: 768px){.control-btn{width:32px;height:32px;font-size:.75rem}.control-btn.primary{width:38px;height:38px;font-size:.9rem}.player-controls-row{flex-direction:column;gap:var(--spacing-sm)}.volume-section{width:100%;justify-content:center}.track-title{font-size:.75rem;max-width:60%}.track-time{font-size:.7rem}.header h1{font-size:1.5rem}.header .subtitle{font-size:.8rem}.equalizer-title,.playlist-title{font-size:.9rem}.eq-slider{min-width:40px}.eq-slider input[type=range]{height:100px}.eq-slider-label{font-size:.55rem}.visualizer-canvas{height:200px}.visualizer-controls{position:relative;top:auto;left:auto;flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.visualizer-select{font-size:.8rem;padding:5px 8px}.home-icon{width:40px;height:40px;font-size:1.1rem;top:10px;left:10px}.playlist-item-delete{opacity:.6}}@media (max-width: 480px){.control-btn{width:28px;height:28px;font-size:.7rem}.control-btn.primary{width:34px;height:34px;font-size:.85rem}.header h1{font-size:1.25rem}.eq-sliders{gap:2px;padding:var(--spacing-sm)}.eq-slider{min-width:0;flex:1}.eq-slider input[type=range]{height:80px;width:3px}.eq-slider input[type=range]::-webkit-slider-thumb{width:10px;height:10px}.gain-indicator{font-size:.55rem;padding:1px 2px}.visualizer-canvas{height:150px}.track-title{max-width:50%}.home-icon{width:36px;height:36px;font-size:1rem}.tools-header h2,.faq-header h2{font-size:1.5rem}.faq-question{padding:var(--spacing-sm);font-size:.85rem}}