:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.file-upload{flex:1;min-width:300px}.file-upload h3{margin:0 0 12px;font-size:18px;font-weight:600}.file-upload-blue h3{color:#3b82f6}.file-upload-green h3{color:#10b981}.drop-zone{border:2px dashed #444;border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:all .2s;background:#1a1a1a;min-height:200px;display:flex;align-items:center;justify-content:center}.drop-zone:hover{border-color:#666;background:#222}.file-upload-blue .drop-zone{border-color:#3b82f6}.file-upload-blue .drop-zone:hover{border-color:#60a5fa;background:#1e3a5f}.file-upload-green .drop-zone{border-color:#10b981}.file-upload-green .drop-zone:hover{border-color:#34d399;background:#1e4d3a}.drop-prompt{color:#888}.upload-icon{font-size:48px;margin-bottom:16px;filter:grayscale(0%) brightness(1.2) sepia(100%) saturate(200%) hue-rotate(25deg)}.drop-prompt p{margin:8px 0}.drop-prompt .hint{font-size:14px;color:#666}.drop-prompt .formats{font-size:12px;color:#555;margin-top:16px}.file-info{display:flex;align-items:center;gap:16px}.file-icon{font-size:48px}.file-details{text-align:left}.file-name{font-weight:600;color:#fff;margin-bottom:4px;word-break:break-word}.file-size{font-size:14px;color:#888}.waveform-selector{background:#1a1a1a;border-radius:12px;padding:20px;margin-bottom:20px}.waveform-blue{border:2px solid #3b82f6}.waveform-green{border:2px solid #10b981}.waveform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.waveform-header h4{margin:0;font-size:18px;font-weight:600;color:#fff}.waveform-blue h4{color:#3b82f6}.waveform-green h4{color:#10b981}.file-name{font-size:14px;color:#888;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waveform-container{width:100%;margin:16px 0;border-radius:8px;overflow:hidden;background:#111;cursor:pointer}.waveform-controls{display:flex;justify-content:center;margin:16px 0}.play-region-btn{padding:10px 24px;border:2px solid #666;border-radius:8px;background:transparent;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.play-region-btn:hover{background:#666;transform:translateY(-1px)}.play-region-btn.playing{border-color:#3b82f6;background:#3b82f633}.waveform-info{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #333;flex-wrap:wrap;gap:12px}.region-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.region-label{font-size:14px;color:#888}.region-time{font-size:16px;font-weight:600;color:#fff}.region-duration{font-size:14px;color:#10b981;font-weight:500}.region-duration.warning{color:#ef4444;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.total-duration{font-size:14px;color:#666}@media(max-width:768px){.waveform-selector{padding:16px}.waveform-header{flex-direction:column;align-items:flex-start}.file-name{max-width:100%}.waveform-info{flex-direction:column;align-items:flex-start}}.audio-player{background:#1a1a1a;border-radius:12px;padding:24px;margin-bottom:24px}.audio-player h3{margin:0 0 20px;font-size:20px}.player-controls{display:flex;gap:12px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}.play-btn{padding:12px 24px;border:2px solid;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;background:transparent;color:#fff;min-width:140px}.play-btn-blue{border-color:#3b82f6}.play-btn-blue:hover,.play-btn-blue.active{background:#3b82f6}.play-btn-green{border-color:#10b981}.play-btn-green:hover,.play-btn-green.active{background:#10b981}.toggle-btn{padding:12px 24px;border:2px solid #666;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;background:transparent;color:#fff}.toggle-btn:hover:not(:disabled){background:#666}.toggle-btn:disabled{opacity:.3;cursor:not-allowed}.playback-info{text-align:center;margin-bottom:16px;height:24px;display:flex;justify-content:center;align-items:center}.playback-info-idle{display:flex;align-items:center;gap:12px}.now-playing{color:#3b82f6;font-weight:600}.now-playing-idle{color:#666}.loop-btn{background:transparent;border:2px solid #666;border-radius:6px;padding:4px 8px;font-size:16px;cursor:pointer;transition:all .2s ease;color:#666;display:flex;align-items:center;justify-content:center;min-width:32px;height:28px}.loop-btn:hover{border-color:#10b981;color:#10b981;transform:scale(1.05)}.loop-btn.active{background:#10b981;border-color:#10b981;color:#fff}.loop-btn.active:hover{background:#059669;border-color:#059669}.timeline{display:flex;align-items:center;gap:12px}.time{font-size:14px;color:#888;min-width:45px;text-align:center}.progress-bar{flex:1;height:8px;background:#333;border-radius:4px;cursor:pointer;position:relative;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);transition:width .1s linear}.spectrum-chart{background:#1a1a1a;border-radius:12px;padding:24px;margin-bottom:24px}.spectrum-chart h3{margin:0 0 20px;font-size:20px}.custom-tooltip{background:#000000e6;border:1px solid #444;border-radius:8px;padding:12px}.tooltip-freq{color:#fff;font-weight:600;margin:0 0 8px}.tooltip-your{color:#3b82f6;margin:4px 0}.tooltip-ref{color:#10b981;margin:4px 0}.results-panel{display:flex;flex-direction:column;gap:24px}.results-section{background:#1a1a1a;border-radius:12px;padding:24px}.results-section h3{margin:0 0 20px;font-size:20px;color:#fff}.results-section h4{margin:16px 0 12px;font-size:16px;color:#ccc}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.summary-card{border-radius:8px;padding:20px;border:2px solid}.card-blue{border-color:#3b82f6;background:#3b82f61a}.card-green{border-color:#10b981;background:#10b9811a}.card-title{font-weight:600;font-size:16px;margin-bottom:16px;color:#fff}.card-stats{display:flex;gap:20px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:#888;text-transform:uppercase}.stat-value{font-size:20px;font-weight:600;color:#fff}.key-findings{background:#222;border-radius:8px;padding:16px;border-left:4px solid #f59e0b}.key-findings ul{margin:8px 0 0;padding-left:20px}.key-findings li{margin:8px 0;color:#ccc}.clarity-guide{background:#222;border-radius:8px;padding:20px;margin-top:20px;border-left:4px solid #3b82f6}.clarity-guide h4{margin:0 0 16px;color:#fff;font-size:16px}.clarity-ranges{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #333}.clarity-range{display:flex;gap:12px;align-items:center;padding:8px;background:#1a1a1a;border-radius:6px}.range-score{font-weight:700;font-size:14px;min-width:60px;text-align:center}.range-description{color:#ccc;font-size:14px;line-height:1.4}.clarity-assessment{display:flex;flex-direction:column;gap:12px}.clarity-rating{padding:10px;background:#1a1a1a;border-radius:6px;font-size:14px;color:#fff}.clarity-rating strong{color:#fff}.clarity-rating-detail{color:#ccc;margin-left:4px}.frequency-bands{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.band-card{background:#222;border-radius:8px;padding:16px;text-align:center;border:2px solid transparent}.band-card.high{border-color:#ef4444}.band-card.moderate{border-color:#f59e0b}.band-name{font-weight:600;font-size:14px;margin-bottom:4px;color:#fff}.band-range{font-size:11px;color:#666;margin-bottom:8px}.band-diff{font-size:18px;font-weight:700;margin-bottom:4px}.band-diff.louder{color:#ef4444}.band-diff.quieter{color:#3b82f6}.band-diff.similar{color:#10b981}.band-status{font-size:12px;color:#888;text-transform:capitalize}.problem-list{background:#222;border-radius:8px;padding:16px}.problem-item{padding:12px;margin:8px 0;border-radius:6px;border-left:4px solid}.problem-item.severity-high{background:#ef44441a;border-color:#ef4444}.problem-item.severity-moderate{background:#f59e0b1a;border-color:#f59e0b}.problem-header{display:flex;justify-content:space-between;margin-bottom:8px}.problem-band{font-weight:600;color:#fff;text-transform:capitalize}.problem-diff{font-weight:600;color:#ef4444}.problem-suggestion{color:#ccc;font-size:14px}.resonance-summary{display:flex;gap:24px;margin-bottom:16px;flex-wrap:wrap;color:#ccc}.resonance-list{display:flex;flex-direction:column;gap:12px}.resonance-item{display:flex;gap:16px;padding:12px;background:#222;border-radius:6px;border-left:4px solid}.resonance-item.severity-high{border-color:#ef4444}.resonance-item.severity-moderate{border-color:#f59e0b}.resonance-freq{font-size:18px;font-weight:700;color:#fff;min-width:80px}.resonance-details{flex:1}.resonance-severity{font-size:12px;text-transform:uppercase;color:#f59e0b;margin-bottom:4px}.resonance-suggestion{color:#ccc;font-size:14px}.dynamics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.dynamics-comparison{background:#222;border-radius:8px;padding:16px}.comparison-text{color:#ccc;margin-bottom:12px}.metric-row{display:flex;justify-content:space-between;padding:8px 0;color:#ccc;border-bottom:1px solid #333}.metric-row:last-child{border-bottom:none}.metric-row span:last-child{font-weight:600;color:#fff}.stereo-message{color:#ccc;font-size:16px}.stereo-summary{background:#222;border-radius:8px;padding:16px;margin-bottom:16px}.stereo-stat{display:flex;justify-content:space-between;margin-bottom:12px}.stereo-label{color:#888}.stereo-value{font-weight:600;font-size:18px;color:#fff}.stereo-assessment{color:#ccc;padding-top:12px;border-top:1px solid #333}.stereo-bands{background:#222;border-radius:8px;padding:16px}.stereo-band-item{padding:12px;margin:8px 0;background:#1a1a1a;border-radius:6px}.stereo-band-name{font-weight:600;color:#fff;margin-bottom:4px;text-transform:capitalize}.stereo-band-diff{color:#888;font-size:14px}.eq-list{display:flex;flex-direction:column;gap:12px}.eq-item{background:#222;border-radius:8px;padding:16px;border-left:4px solid #3b82f6}.eq-header{display:flex;gap:16px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.eq-type{background:#3b82f6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.eq-freq{font-weight:600;color:#fff;font-size:16px}.eq-gain{font-weight:700;font-size:16px}.eq-gain.boost{color:#ef4444}.eq-gain.cut{color:#3b82f6}.eq-q{color:#888;font-size:14px}.eq-message{color:#ccc;font-size:14px}.eq-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px;flex-wrap:wrap}.eq-section-header h3{margin:0}.eq-master-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.eq-master-toggle{background:#444;color:#fff;border:2px solid #666;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.eq-master-toggle:hover:not(:disabled){background:#555;border-color:#777;transform:translateY(-1px)}.eq-master-toggle.active{background:#10b981;border-color:#059669;color:#fff}.eq-master-toggle.active:hover:not(:disabled){background:#059669;border-color:#047857}.eq-master-toggle:disabled{opacity:.5;cursor:not-allowed;transform:none}.eq-wetdry-control{display:flex;flex-direction:column;gap:6px;min-width:200px}.eq-wetdry-label{color:#ccc;font-size:12px;font-weight:600;text-align:center}.eq-wetdry-slider{width:100%;height:6px;border-radius:3px;background:#444;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.eq-wetdry-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#10b981;cursor:pointer;transition:all .2s ease}.eq-wetdry-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#10b981;cursor:pointer;border:none;transition:all .2s ease}.eq-wetdry-slider:hover:not(:disabled)::-webkit-slider-thumb{background:#059669;transform:scale(1.1)}.eq-wetdry-slider:hover:not(:disabled)::-moz-range-thumb{background:#059669;transform:scale(1.1)}.eq-wetdry-slider:disabled{opacity:.3;cursor:not-allowed}.eq-wetdry-slider:disabled::-webkit-slider-thumb{cursor:not-allowed;background:#666}.eq-wetdry-slider:disabled::-moz-range-thumb{cursor:not-allowed;background:#666}.eq-item-multiband{display:flex;gap:16px;align-items:center;justify-content:space-between}.eq-content{flex:1}.eq-band-toggle{background:#444;color:#fff;border:2px solid #666;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:60px}.eq-band-toggle:hover:not(:disabled){background:#555;border-color:#777;transform:translateY(-1px)}.eq-band-toggle.active{background:#10b981;border-color:#059669;color:#fff}.eq-band-toggle.active:hover:not(:disabled){background:#059669;border-color:#047857}.eq-band-toggle:disabled{opacity:.3;cursor:not-allowed;transform:none}.suggestion-box{background:#222;border-radius:8px;padding:16px;margin:8px 0;border-left:4px solid #3b82f6}.suggestion-box.warning{border-color:#f59e0b;background:#f59e0b1a}.suggestion-label{font-weight:600;color:#fff;margin-bottom:4px;text-transform:capitalize}.suggestion-message{color:#ccc;line-height:1.5}.stereo-suggestions,.masking-list{display:flex;flex-direction:column;gap:12px}.masking-item{background:#222;border-radius:8px;padding:16px;border-left:4px solid #f59e0b}.masking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.masking-bands{font-weight:600;color:#fff;font-size:15px}.masking-frequency{font-size:13px;color:#888;font-family:monospace}.masking-message{color:#ccc;font-size:14px;line-height:1.6;margin-bottom:12px}.masking-technique{background:#1a1a1a;padding:12px;border-radius:6px;margin-top:12px;font-size:13px;color:#ccc;line-height:1.6;border-left:3px solid #3b82f6}.masking-technique strong{color:#3b82f6;font-weight:600}@media(max-width:768px){.results-section{padding:16px}.frequency-bands{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.eq-header{flex-direction:column;align-items:flex-start;gap:8px}.card-stats{flex-direction:column;gap:12px}}.download-section{text-align:center;padding:32px}.download-pdf-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:600;padding:16px 32px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000004d}.download-pdf-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.download-pdf-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}.suggestion-plugins{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#a0a0a0;line-height:1.6}.suggestion-plugins strong{color:#b8b8b8;font-weight:600}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#1a1a1a;border:2px solid #333;border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;transform:scale(1);opacity:1;transition:all .2s ease}.modal-closing{transform:scale(.95);opacity:0}.modal-header{background:linear-gradient(135deg,#3b82f6,#10b981);padding:24px;border-radius:10px 10px 0 0}.modal-header h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#fff}.modal-subtitle{margin:0;color:#ffffffe6;font-size:14px;line-height:1.5}.modal-body{padding:24px}.payment-options{display:flex;flex-direction:column;gap:12px}.options-label{font-size:13px;font-weight:600;color:#888;margin:0 0 8px}.payment-option{display:block;padding:16px;border-radius:8px;border:2px solid transparent;text-decoration:none;transition:all .2s;cursor:pointer}.option-yellow{background:#eab3081a;border-color:#eab3084d}.option-yellow:hover{background:#eab30826;border-color:#eab30880;transform:translateY(-2px)}.option-orange{background:#f973161a;border-color:#f973164d}.option-orange:hover{background:#f9731626;border-color:#f9731680;transform:translateY(-2px)}.option-green{background:#10b9811a;border-color:#10b9814d}.option-green:hover{background:#10b98126;border-color:#10b98180;transform:translateY(-2px)}.option-purple{background:#a855f71a;border-color:#a855f74d}.option-purple:hover{background:#a855f726;border-color:#a855f780;transform:translateY(-2px)}.option-content{display:flex;align-items:center;justify-content:space-between}.option-left{display:flex;align-items:center;gap:12px}.option-icon{font-size:28px}.option-title{margin:0;font-weight:600;font-size:15px;color:#fff}.option-desc{margin:2px 0 0;font-size:12px;color:#888}.option-price{font-weight:700;font-size:16px;color:#fff}.modal-actions{margin-top:20px;padding-top:20px;border-top:1px solid #333}.btn-close-modal{width:100%;padding:12px;background:#333;border:2px solid #444;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-close-modal:hover{background:#444;border-color:#555}.modal-footer{margin-top:20px;padding-top:20px;border-top:1px solid #333}.modal-footer p{margin:0;font-size:12px;color:#666;text-align:center;line-height:1.5}@media(max-width:480px){.modal-content{max-width:100%}.modal-header{padding:20px}.modal-header h2{font-size:20px}.modal-subtitle{font-size:13px}.modal-body{padding:20px}.payment-option{padding:14px}.option-icon{font-size:24px}.option-title{font-size:14px}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff}.app{min-height:100vh;width:100%;display:flex;flex-direction:column}.app-header{width:100%;text-align:center;padding:40px 20px 20px;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border-bottom:1px solid #222;position:relative}.support-button{position:absolute;top:20px;right:20px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:20px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #10b9814d}.support-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.header-title{display:flex;align-items:center;justify-content:center;gap:24px}.app-header h1{margin:0;font-size:48px;font-weight:700;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.waveform-animation{display:flex;align-items:flex-end;gap:4px;height:40px}.wave-bar{width:4px;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:2px;animation:wave 1.2s ease-in-out infinite}.waveform-left .wave-bar:nth-child(1){animation-delay:0s;height:20%}.waveform-left .wave-bar:nth-child(2){animation-delay:.1s;height:40%}.waveform-left .wave-bar:nth-child(3){animation-delay:.2s;height:70%}.waveform-left .wave-bar:nth-child(4){animation-delay:.3s;height:50%}.waveform-left .wave-bar:nth-child(5){animation-delay:.4s;height:30%}.waveform-right .wave-bar:nth-child(1){animation-delay:.4s;height:30%}.waveform-right .wave-bar:nth-child(2){animation-delay:.3s;height:50%}.waveform-right .wave-bar:nth-child(3){animation-delay:.2s;height:70%}.waveform-right .wave-bar:nth-child(4){animation-delay:.1s;height:40%}.waveform-right .wave-bar:nth-child(5){animation-delay:0s;height:20%}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.subtitle{margin:12px 0 0;color:#888;font-size:18px}.app-main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:40px 20px}.upload-section{max-width:900px;margin:0 auto}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.feature-card{background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:2px solid #333;border-radius:8px;padding:16px;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f633}.feature-icon{font-size:32px;margin-bottom:8px}.feature-title{margin:0 0 4px;font-size:15px;font-weight:600;color:#fff}.feature-description{margin:0;font-size:12px;color:#888;line-height:1.4}.waveform-section{max-width:1200px;margin:0 auto}.waveform-instructions{text-align:center;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#3b82f61a,#10b9811a);border-radius:12px;border:1px solid #333}.waveform-instructions h3{margin:0 0 12px;font-size:24px;color:#fff}.waveform-instructions p{margin:0;color:#888;font-size:16px}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.error-message{background:#ef44441a;border:2px solid #ef4444;border-radius:8px;padding:16px;margin-bottom:24px;text-align:center;color:#ef4444;font-weight:600}.action-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.btn{padding:16px 48px;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;border:2px solid #666;color:#fff}.btn-secondary:hover{background:#666}.loading-indicator{text-align:center;padding:40px}.spinner{width:50px;height:50px;margin:0 auto 20px;border:4px solid #333;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-indicator p{color:#888;font-size:16px}.results-section{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.results-header h2{margin:0;font-size:32px}.app-footer{border-top:1px solid #222;background:#0a0a0a;padding:32px 24px;margin-top:auto}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;align-items:start}.footer-left{text-align:left}.footer-privacy-title{font-size:15px;font-weight:600;color:#10b981;margin:0 0 12px}.footer-privacy-text{font-size:13px;color:#888;margin:6px 0;line-height:1.5}.footer-center{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-credit{font-size:13px;color:#666;margin:0 0 8px}.footer-processing-time{font-size:12px;color:#555;margin:0}.footer-right{text-align:right;display:flex;align-items:center;justify-content:flex-end}.footer-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.footer-links a{color:#888;text-decoration:none;font-size:13px;transition:color .2s}.footer-links a:hover{color:#3b82f6}.footer-divider{color:#444}@media(max-width:768px){.support-button{top:12px;right:12px;padding:8px 16px;font-size:12px}.app-header h1{font-size:36px}.header-title{gap:16px}.waveform-animation{height:30px}.wave-bar{width:3px}.subtitle{font-size:16px}.app-main{padding:24px 16px}.feature-cards{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.upload-grid{grid-template-columns:1fr}.btn{padding:14px 32px;font-size:16px}.results-header{flex-direction:column;align-items:flex-start}.results-header h2{font-size:24px}.footer-content{grid-template-columns:1fr;gap:24px;text-align:center}.footer-left,.footer-right{text-align:center}.footer-links{justify-content:center}}@media(max-width:480px){.support-button{top:8px;right:8px;padding:6px 12px;font-size:11px}.app-header{padding:24px 16px 16px}.app-header h1{font-size:28px}.header-title{gap:12px}.waveform-animation{display:none}.btn{width:100%}}