.eq-actions[data-v-40a86e02]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.preset-select[data-v-40a86e02]{padding:5px 8px;border:1px solid var(--border-color);border-radius:6px;font-family:inherit;font-size:11px;cursor:pointer;background:var(--secondary-bg);color:var(--text-secondary);transition:all .2s ease;min-width:0;max-width:180px}.preset-select[data-v-40a86e02]:hover,.preset-select[data-v-40a86e02]:focus{border-color:var(--accent-primary)}.reset-btn[data-v-40a86e02]:not(.danger-btn):hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:var(--on-accent)}.playlist-toggle[data-v-548c5267]{width:100%;background:transparent;border:none;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left}.playlist-title-group[data-v-548c5267]{display:flex;align-items:center;gap:8px}.playlist-title-icon[data-v-548c5267]{color:var(--accent-primary);font-size:13px}.playlist-header-meta[data-v-548c5267]{display:flex;align-items:center;gap:8px}.playlist-chevron[data-v-548c5267]{color:var(--text-muted);font-size:12px;transition:transform .2s ease}.playlist-chevron.rotated[data-v-548c5267]{transform:rotate(-90deg)}.playlist-card.collapsed[data-v-548c5267]{padding-bottom:12px}.playlist-card.collapsed .playlist-header[data-v-548c5267]{margin-bottom:0}.playlist-item:hover .playlist-item-delete[data-v-548c5267]{opacity:1}.playlist-item-delete[data-v-548c5267]{opacity:0;background:transparent;border:none;color:var(--error);cursor:pointer;padding:4px;border-radius:6px;transition:opacity .2s ease,background-color .2s ease}.playlist-item-delete[data-v-548c5267]:hover{background:color-mix(in srgb,var(--error) 14%,transparent)}.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}@font-face{font-family:Supreme;src:url(/fonts/Supreme-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--primary-bg: #0a1426;--secondary-bg: #0e1c32;--card-bg: #142640;--accent-primary: #c9984d;--accent-secondary: #4a90d9;--accent-tertiary: #f8e1a9;--accent-text: #091428;--on-accent: #091428;--accent-hover: #b8843a;--text-primary: #f9f2d5;--text-secondary: #b9c2d0;--text-muted: #7a8da0;--border-color: #22395a;--border-strong: #2f4a70;--hover-bg: #1a3050;--success: #4ade80;--warning: #f59e0b;--error: #ef4444;--vol-fill: #c9984d;--seek-fill: #c9984d;--neutral-fill: var(--secondary-bg);--nav-bg: rgba(14, 28, 50, .95);--gradient-primary: linear-gradient(135deg, var(--primary-bg), #0e1c32);--shadow-light: rgba(201, 152, 77, .12);--shadow-medium: rgba(201, 152, 77, .2);--eq-boost: var(--accent-primary);--eq-cut: var(--accent-secondary);--font-sans: "Supreme", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", Menlo, Monaco, Consolas, "Courier New", monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-panel: 12px;--radius-pill: 999px;--duration-fast: .15s;--duration-default: .2s;--duration-theme: .3s;--accent-color: var(--accent-primary);--secondary-accent: var(--accent-secondary);--success-color: var(--success);--danger-color: var(--error);--warning-color: var(--warning);--glass-bg: var(--card-bg);--glass-border: var(--border-color);--panel-highlight: var(--hover-bg);--border-radius: var(--radius-md);--border-radius-lg: var(--radius-panel);--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--transition-fast: var(--duration-fast) ease;--transition-normal: var(--duration-default) ease;--transition-slow: var(--duration-theme) ease}[data-theme=light]{--primary-bg: #f6f2e8;--secondary-bg: #fdfbf5;--card-bg: #fffdf7;--accent-primary: #014f99;--accent-secondary: #b8893f;--accent-tertiary: #003971;--accent-text: #f5f4d6;--on-accent: #ffffff;--accent-hover: #013f7a;--text-primary: #003971;--text-secondary: #4a5a70;--text-muted: #5e5030;--border-color: #e4dbc6;--border-strong: #cfc3a4;--hover-bg: #f1eadb;--success: #16a34a;--warning: #d97706;--error: #dc2626;--vol-fill: #c9984d;--seek-fill: #c9984d;--neutral-fill: #f8e1a9;--nav-bg: rgba(246, 242, 232, .95);--gradient-primary: linear-gradient(135deg, #fbf8f0, #f1ecdf);--shadow-light: rgba(1, 79, 153, .1);--shadow-medium: rgba(1, 79, 153, .18);--eq-boost: var(--accent-primary);--eq-cut: var(--accent-secondary)}@media (prefers-contrast: high){:root{--border-color: #3a5a80;--text-secondary: #dce3ec}[data-theme=light]{--border-color: #8f8364;--text-secondary: #1f2d44}}*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--gradient-primary);color:var(--text-primary);margin:0;padding:16px;min-height:100vh;overflow-x:hidden;line-height:1.5;transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto}.skip-link{position:absolute;top:-40px;left:6px;background:var(--accent-primary);color:var(--on-accent);padding:8px;text-decoration:none;border-radius:var(--radius-md);z-index:9999;transition:top var(--transition-normal);font-weight:600}.skip-link:focus{top:6px}.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,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--shadow-medium),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.error{background:color-mix(in srgb,var(--error) 10%,transparent);border:1px solid var(--error);color:var(--error);padding:12px;border-radius:var(--radius-md);margin:12px 0}.error-icon{display:inline-block;margin-right:8px}.app-status{display:flex;justify-content:center;gap:16px;margin-top:16px;flex-wrap:wrap}.status-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px}.status-item i{color:var(--success)}.status-item.inactive i{color:var(--text-muted)}.home-icon{position:fixed;top:20px;left:20px;z-index:1000;width:44px;height:44px;border-radius:50%;background:var(--accent-primary);color:var(--on-accent);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:18px;border:1px solid var(--accent-primary);box-shadow:0 4px 12px var(--shadow-medium);transition:background-color var(--transition-normal)}.home-icon:hover{background:var(--accent-hover)}.app-shell{display:flex;flex-direction:column;gap:16px}.visualizer-hero{width:100%}.bento-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.bento-grid>*{min-width:0}.bento-grid>.bento-side{position:sticky;top:16px}.header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.header h1,.header h2{font-size:17px;margin:0;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;letter-spacing:.3px}.header .subtitle{color:var(--text-secondary);font-size:13px;margin-top:6px}.glass-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-panel);padding:12px;position:relative}.btn,.reset-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--secondary-bg);color:var(--text-primary);font-family:inherit;font-size:13px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.btn:hover:not(:disabled),.reset-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-strong);color:var(--text-primary)}.btn:disabled,.reset-btn:disabled{opacity:.4;cursor:not-allowed}.reset-btn{height:30px;padding:0 10px;font-size:12px}.btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.audio-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.control-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--border-color);background:var(--secondary-bg);color:var(--text-secondary);font-size:13px;cursor:pointer;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.control-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-strong);color:var(--text-primary)}.control-btn.active{background:color-mix(in srgb,var(--accent-primary) 20%,transparent);border-color:transparent;color:var(--accent-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-primary) 55%,transparent)}.control-btn.active:hover:not(:disabled){background:color-mix(in srgb,var(--accent-primary) 30%,transparent);color:var(--accent-primary)}.control-btn.primary{width:44px;height:44px;font-size:15px;background:var(--accent-primary);border-color:var(--accent-primary);color:var(--on-accent)}.control-btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.control-btn.danger,.reset-btn.danger-btn{background:transparent;border-color:color-mix(in srgb,var(--error) 50%,transparent);color:var(--error)}.control-btn.danger:hover:not(:disabled),.reset-btn.danger-btn:hover:not(:disabled){background:var(--error);border-color:var(--error);color:#fff}.control-btn:disabled{opacity:.4;cursor:not-allowed}.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:6px;height:36px;padding:0 14px;background:var(--accent-primary);border:1px solid var(--accent-primary);color:var(--on-accent);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s ease,border-color .2s ease}.file-upload-label:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.file-upload-label:focus-within{outline:2px solid var(--accent-primary);outline-offset:2px}.file-upload-label span{display:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--secondary-bg);border:1px solid var(--border-color);outline:none;cursor:pointer}input[type=range]:hover{border-color:var(--accent-primary)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-primary);cursor:pointer;transition:all .2s ease;border:2px solid #ffffff;box-shadow:0 2px 6px var(--shadow-medium)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-primary);cursor:pointer;transition:all .2s ease;border:2px solid #ffffff;box-shadow:0 2px 6px var(--shadow-medium)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 3px 10px var(--shadow-medium)}input[type=range]:hover::-moz-range-thumb{transform:scale(1.15);box-shadow:0 3px 10px var(--shadow-medium)}.player-section{display:flex;flex-direction:column;gap:12px}.player-controls-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}.player-bar{position:sticky;bottom:0;z-index:10;max-width:1200px;margin:16px auto 0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-panel);box-shadow:0 -6px 24px var(--shadow-light);overflow:hidden}.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:12px;padding:8px 12px}.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:8px;flex-wrap:nowrap}.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:12px}.track-title{color:var(--text-primary);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.track-time{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.progress-bar-container{position:relative;height:6px;background:var(--border-strong);border-radius:3px;cursor:pointer;overflow:visible}.progress-bar-container:hover{height:8px}.progress-bar-container:hover .progress-thumb{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}.progress-bar{height:100%;background:var(--seek-fill);border-radius:3px;transition:width .1s linear}.progress-thumb{position:absolute;top:50%;width:12px;height:12px;background:var(--seek-fill);border:2px solid #ffffff;border-radius:50%;transform:translate(-50%) translateY(-50%) scale(.8);opacity:0;transition:all var(--transition-fast);box-shadow:0 2px 6px var(--shadow-medium);pointer-events:none}.volume-section{display:flex;align-items:center;gap:8px;min-width:120px}.volume-icon{color:var(--text-secondary);font-size:12px}.volume-icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.volume-icon-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.volume-icon-btn.muted{color:var(--error)}.volume-label{color:var(--text-secondary);font-weight:500;font-size:12px;min-width:60px}.volume-slider{flex:1;position:relative}.volume-slider input[type=range]{height:6px;background:var(--vol-fill)}.volume-display{min-width:40px;text-align:right;color:var(--accent-primary);font-family:var(--font-mono);font-weight:600;font-size:11px;font-variant-numeric:tabular-nums}.playlist-card{min-height:180px}.playlist-header{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:28px;margin-bottom:12px}.playlist-title,.equalizer-title{margin:0;font-size:12px;font-weight:600;letter-spacing:.2px;color:var(--text-primary)}.playlist-count{padding:2px 8px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 35%,transparent)}.playlist-container{max-height:280px;overflow-y:auto;border-radius:var(--radius-md);background:var(--secondary-bg);border:1px solid var(--border-color)}.playlist-container::-webkit-scrollbar{width:4px}.playlist-container::-webkit-scrollbar-track{background:transparent}.playlist-container::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.playlist-container::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.playlist-item{padding:8px 12px;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;gap:8px;position:relative;font-size:13px;transition:background-color .2s ease}.playlist-item:last-child{border-bottom:none}.playlist-item:hover{background:var(--hover-bg)}.playlist-item.active{background:color-mix(in srgb,var(--accent-primary) 14%,transparent)}.playlist-item-icon{color:var(--text-muted);width:16px;font-size:12px;transition:color .2s ease}.playlist-item.active .playlist-item-icon{color:var(--accent-primary)}.playlist-item-name{flex:1;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item.active .playlist-item-name{color:var(--accent-primary);font-weight:600}.playlist-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:12px}.equalizer-section{position:relative}.equalizer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:6px}.eq-sliders{display:flex;gap:4px;justify-content:space-between;align-items:flex-end;padding:12px 8px;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto;min-height:220px}.eq-slider{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:36px;flex:1;position:relative;padding-top:20px}.eq-slider-label{order:2;color:var(--text-secondary);font-size:10.5px;font-weight:500;text-align:center;white-space:nowrap}.eq-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:3px;height:152px;padding:0;margin:0;background:var(--border-strong);border:none;border-radius:3px;outline:none;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.eq-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid var(--text-muted);box-shadow:0 1px 4px #00000059;transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease}.eq-slider input[type=range]::-moz-range-track{width:3px;background:var(--border-strong);border-radius:3px;border:none}.eq-slider input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid var(--text-muted);box-shadow:0 1px 4px #00000059;transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease}.eq-slider input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.18)}.eq-slider input[type=range]:hover::-moz-range-thumb{transform:scale(1.18)}.eq-slider.is-positive input[type=range]::-webkit-slider-thumb{border-color:var(--eq-boost);box-shadow:0 1px 6px color-mix(in srgb,var(--eq-boost) 45%,transparent)}.eq-slider.is-positive input[type=range]::-moz-range-thumb{border-color:var(--eq-boost);box-shadow:0 1px 6px color-mix(in srgb,var(--eq-boost) 45%,transparent)}.eq-slider.is-negative input[type=range]::-webkit-slider-thumb{border-color:var(--eq-cut);box-shadow:0 1px 6px color-mix(in srgb,var(--eq-cut) 45%,transparent)}.eq-slider.is-negative input[type=range]::-moz-range-thumb{border-color:var(--eq-cut);box-shadow:0 1px 6px color-mix(in srgb,var(--eq-cut) 45%,transparent)}.gain-indicator{position:absolute;top:0;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent-primary);white-space:nowrap;pointer-events:none}.eq-slider.is-positive .gain-indicator{color:var(--eq-boost)}.eq-slider.is-negative .gain-indicator{color:var(--eq-cut)}.visualization{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-panel);padding:12px}.visualizer-canvas{width:100%;height:180px;border-radius:var(--radius-md);background:var(--secondary-bg);border:none;display:block}.tools-section,.faq-section{margin-top:24px;padding:24px 12px}.tools-container,.faq-container{max-width:1200px;margin:0 auto}.tools-header,.faq-header{text-align:center;margin-bottom:24px}.tools-header h2,.faq-header h2{font-size:clamp(26px,3.2vw,36px);font-weight:700;line-height:1.2;letter-spacing:-.3px;color:var(--text-primary);margin:0 0 8px}.tools-subtitle,.faq-subtitle{color:var(--text-secondary);font-size:15px;margin:0}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px;margin-bottom:24px}.tool-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-panel);text-decoration:none;color:var(--text-primary);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.tool-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow-light)}.tool-icon{min-width:44px;height:44px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--accent-primary) 14%,transparent);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:18px}.tool-content{flex:1}.tool-content h3{margin:0 0 6px;font-size:15px;font-weight:600;color:var(--text-primary)}.tool-content p{margin:0 0 8px;color:var(--text-secondary);line-height:1.5;font-size:13px}.tool-features{display:flex;gap:6px;flex-wrap:wrap}.feature-tag{padding:2px 8px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:600;color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 35%,transparent)}.tool-arrow{color:var(--text-muted);font-size:16px;transition:color .2s ease,transform .2s ease}.tool-card:hover .tool-arrow{color:var(--accent-primary);transform:translate(4px)}.tools-cta{text-align:center;margin-top:24px}.cta-button{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-lg);font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent;background:var(--accent-primary);color:var(--on-accent);transition:background .2s,border-color .2s,transform .2s}.cta-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.cta-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(500px,100%),1fr));gap:12px}.faq-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-panel);overflow:hidden;transition:border-color .2s ease}.faq-item:hover,.faq-item.active{border-color:var(--accent-primary)}.faq-question{padding:14px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.faq-question:hover{background:var(--hover-bg)}.faq-question i:first-child{color:var(--accent-primary);font-size:16px;min-width:20px}.faq-question span{flex:1;font-weight:600;font-size:15px;color:var(--text-primary)}.faq-arrow{color:var(--text-muted);transition:transform .2s ease;font-size:13px}.faq-item.active .faq-arrow{transform:rotate(180deg);color:var(--accent-primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.faq-item.active .faq-answer{max-height:300px;padding:0 16px 16px}.faq-answer p{color:var(--text-secondary);line-height:1.6;margin:0;padding-top:8px;font-size:14px}.footer{margin-top:24px;padding:24px 12px;background:var(--secondary-bg);border-top:1px solid var(--border-color);text-align:center}.footer-content{max-width:1200px;margin:0 auto}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px;flex-wrap:wrap}.footer-link{display:flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--accent-primary)}.footer-copyright{color:var(--text-muted);font-size:13px}[data-theme=light] .global-nav{--nav-bg: color-mix(in srgb, var(--primary-bg) 95%, transparent);--nav-text: #003971;--nav-text-hover: #001d3d;--nav-bg-hover: rgba(1, 79, 153, .06);--nav-border: rgba(1, 79, 153, .1);--nav-shadow: rgba(0, 57, 113, .08);--dropdown-bg: rgba(255, 255, 255, .97);--dropdown-border: rgba(1, 79, 153, .08);--dropdown-shadow: rgba(0, 57, 113, .12);--accent-color: #014f99;background:var(--nav-bg)}.glass-card,.visualization,.faq-item,.tool-card,input,select{transition-property:background-color,border-color,color,box-shadow;transition-duration:.3s;transition-timing-function:ease}@media (max-width: 1024px){.bento-grid{grid-template-columns:1fr}.bento-grid>.bento-side{position:static}}@media (max-width: 900px){.header{flex-wrap:wrap;gap:8px}.header h1,.header h2{font-size:15px}.eq-sliders{padding:10px 4px}.eq-slider input[type=range]{height:120px}}@media (max-width: 768px){body{padding:10px}.visualizer-canvas{height:140px}.player-bar{margin-top:12px;border-radius:var(--radius-lg)}.player-bar-body{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.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}.player-section{text-align:center}.player-controls-row{flex-direction:column;gap:8px}.track-title{max-width:60%}.equalizer-header{flex-direction:column;align-items:center;text-align:center}.eq-slider{min-width:30px}.tools-grid,.faq-grid{grid-template-columns:1fr;gap:12px}.tool-card{flex-direction:column;text-align:center;gap:12px}.tool-features{justify-content:center}.home-icon{width:40px;height:40px;font-size:16px;top:10px;left:10px}.playlist-item-delete{opacity:.6}}@media (max-width: 600px){.glass-card,.visualization{padding:10px}.visualizer-canvas{height:120px}.header{flex-direction:column;align-items:flex-start;gap:6px}.header h1,.header h2{font-size:14px}.control-btn{width:34px;height:34px}input[type=range]::-webkit-slider-thumb{width:20px;height:20px}input[type=range]::-moz-range-thumb{width:20px;height:20px}.eq-slider input[type=range]::-webkit-slider-thumb{width:13px;height:13px}.eq-slider input[type=range]::-moz-range-thumb{width:13px;height:13px}}@media (max-width: 480px){.pb-meta .volume-section{min-width:70px}.player-bar-body{padding:8px}.tools-section,.faq-section{padding:16px 8px}.eq-sliders{gap:2px;padding:8px 4px}.eq-slider{min-width:0}.eq-slider input[type=range]{height:100px}.eq-slider-label,.gain-indicator{font-size:9px}.track-title{max-width:50%}.faq-question{padding:10px 12px}.faq-question span{font-size:14px}}@media (max-width: 400px){body,.visualization{padding:8px}.visualizer-canvas{height:100px;border-radius:var(--radius-sm)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading:after{display:none}}