*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f1a;--surface:#ffffff08;--border:#ffffff14;--text:#e4e4e7;--text-muted:#71717a;--accent-1:#667eea;--accent-2:#764ba2;--gradient:linear-gradient(135deg, var(--accent-1), var(--accent-2));--radius:12px;--radius-sm:8px}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);justify-content:center;min-height:100vh;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;display:flex}.container{width:100%;max-width:640px}header{text-align:center;margin-bottom:2.5rem}header h1{letter-spacing:-.02em;font-size:2.5rem;font-weight:700}.accent{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.subtitle{color:var(--text-muted);margin-top:.5rem;font-size:.95rem}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--surface);padding:4rem 2rem;transition:all .25s}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent-1);background:#667eea0d}.drop-zone.drag-over{transform:scale(1.01)}.upload-icon{width:48px;height:48px;color:var(--text-muted);margin-bottom:1rem}.drop-zone p{margin-bottom:.5rem;font-size:1.1rem}.or-text{color:var(--text-muted);margin-bottom:.75rem;font-size:.85rem;display:block}.browse-btn{background:var(--gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;transition:opacity .2s;display:inline-block}.browse-btn:hover{opacity:.85}.hidden{display:none!important}.editor{animation:.3s fadeIn}.file-info{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-weight:500;overflow:hidden}.file-size{color:var(--text-muted);flex-shrink:0}.video-wrapper{border-radius:var(--radius);background:#000;margin-bottom:1.5rem;overflow:hidden}.video-wrapper video{object-fit:contain;width:100%;max-height:360px;display:block}.timeline-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.timeline-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1rem;font-size:.85rem;font-weight:600}.time-labels{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.9rem;display:flex}.time-labels span:first-child,.time-labels span:last-child{min-width:60px;font-size:1.1rem;font-weight:600}.time-labels span:first-child{text-align:left}.time-labels span:last-child{text-align:right}.selected-duration{color:var(--text-muted);font-size:.85rem}.selected-duration strong{color:var(--accent-1)}.range-slider{height:36px;position:relative}.range-track{background:#ffffff14;border-radius:3px;width:100%;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.range-selected{background:var(--gradient);z-index:1;border-radius:3px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.range-slider input[type=range]{appearance:none;pointer-events:none;z-index:3;background:0 0;width:100%;height:6px;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.range-slider input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;pointer-events:all;border:3px solid var(--accent-1);background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #0006}.range-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 12px #667eea80}.range-slider input[type=range]::-moz-range-thumb{cursor:pointer;pointer-events:all;border:3px solid var(--accent-1);background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0006}.range-slider input[type=range]::-moz-range-track{background:0 0;border:none}.format-toggle{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:0;margin-bottom:1.25rem;display:flex;overflow:hidden}.fmt-btn{background:var(--surface);border:none;border-bottom:1px solid var(--border);color:var(--text-muted);cursor:pointer;text-align:left;align-items:center;gap:.85rem;padding:.9rem 1rem;font-family:inherit;transition:all .2s;display:flex}.fmt-btn:last-child{border-bottom:none}.fmt-btn:hover{background:#667eea0f}.fmt-btn.active{background:#667eea14}.fmt-radio{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:all .2s;position:relative}.fmt-btn.active .fmt-radio{border-color:var(--accent-1)}.fmt-btn.active .fmt-radio:after{content:"";background:var(--accent-1);border-radius:50%;width:10px;height:10px;position:absolute;top:3px;left:3px}.fmt-label{flex-direction:column;gap:.15rem;display:flex}.fmt-title{color:var(--text);font-size:.95rem;font-weight:600}.fmt-desc{color:var(--text-muted);font-size:.78rem}.options-row{gap:1rem;margin-bottom:1.25rem;display:flex}.option-group{align-items:center;gap:.75rem;display:flex}.option-group label{color:var(--text-muted);font-size:.9rem;font-weight:500}.option-group select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;outline:none;flex:1;padding:.6rem .75rem;font-size:.9rem;transition:border-color .2s}.option-group select:focus{border-color:var(--accent-1)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn svg{width:18px;height:18px}.btn-convert{background:var(--gradient);color:#fff;width:100%;padding:1rem;font-size:1.05rem}.btn-convert:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 20px #667eea59}.btn-download{background:var(--gradient);color:#fff;flex:1}.btn-download:hover{opacity:.9;transform:translateY(-1px)}.btn-reset{background:var(--surface);border:1px solid var(--border);color:var(--text);flex:1}.btn-reset:hover{border-color:var(--accent-1);background:#667eea14}.progress-section{text-align:center;padding:3rem 2rem;animation:.3s fadeIn}.spinner{border:3px solid var(--border);border-top-color:var(--accent-1);border-radius:50%;width:48px;height:48px;margin:0 auto 1.5rem;animation:.8s linear infinite spin}.progress-text{margin-bottom:1.25rem;font-size:1.1rem;font-weight:500}.progress-bar{background:#ffffff14;border-radius:4px;width:100%;height:8px;margin-bottom:1rem;overflow:hidden}.progress-fill{background:var(--gradient);border-radius:4px;width:0%;height:100%;transition:width .3s}.progress-hint{color:var(--text-muted);font-size:.8rem}.result-section{text-align:center;padding:2.5rem 1.5rem;animation:.3s fadeIn}.result-icon{background:var(--gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.25rem;font-size:1.8rem;font-weight:700;display:flex}.result-section h2{margin-bottom:1.5rem;font-size:1.4rem}.result-section audio{border-radius:var(--radius-sm);outline:none;width:100%;margin-bottom:1.5rem}.result-actions{gap:.75rem;display:flex}footer{text-align:center;border-top:1px solid var(--border);margin-top:2.5rem;padding-top:1.5rem}footer p{color:var(--text-muted);font-size:.8rem}.cookie-banner{z-index:1000;border:1px solid var(--border);border-radius:var(--radius);background:#151525;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 18px 45px #00000073}.cookie-banner-content{justify-content:space-between;align-items:center;gap:.75rem;max-width:1100px;margin:0 auto;padding:1rem;display:flex}.cookie-banner-content p{color:var(--text);font-size:.9rem}.cookie-banner-actions{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.btn-cookie-accept,.btn-cookie-reject{min-width:98px;font-size:.9rem}.btn-cookie-accept{background:var(--gradient);color:#fff}.btn-cookie-reject{color:var(--text);border:1px solid var(--border);background:0 0}body.consent-rejected .container main{opacity:.5}body.consent-rejected #convertBtn,body.consent-rejected #fileInput,body.consent-rejected .browse-btn,body.consent-rejected .fmt-btn,body.consent-rejected #rangeStart,body.consent-rejected #rangeEnd,body.consent-rejected #quality{pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){header h1{font-size:2rem}.drop-zone{padding:3rem 1.5rem}.result-actions{flex-direction:column}.cookie-banner-content{flex-direction:column;align-items:flex-start}.cookie-banner-actions{width:100%}.btn-cookie-accept,.btn-cookie-reject{flex:1}}