:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--primary-color: #6d28d9;--primary-color-light: #a78bfa;--bg-light: #f8fafc;--bg-dark: #0f172a;--text-light: #020617;--text-dark: #e2e8f0;--muted-light: #64748b;--muted-dark: #94a3b8;--card-light: #ffffff;--card-dark: #1e293b;--border-light: #e2e8f0;--border-dark: #334155;--title-light: #334155;--title-dark: #cbd5e1;--error-light: #dc2626;--error-dark: #f87171}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-sans);margin:0;padding:2rem;background-color:var(--bg-light);color:var(--text-light);transition:background-color .3s,color .3s;display:flex;flex-direction:column;min-height:100vh}body.dark-theme{background-color:var(--bg-dark);color:var(--text-dark)}button,a{-webkit-tap-highlight-color:transparent}.container{max-width:600px;margin:0 auto;width:100%;flex-grow:1}.controls{position:absolute;top:1.5rem;right:2rem;display:flex;gap:1rem;align-items:center;z-index:10}.lang-switcher{display:flex;background-color:var(--border-light);border-radius:20px;padding:4px}body.dark-theme .lang-switcher{background-color:var(--border-dark)}.lang-switcher a{padding:6px 12px;text-decoration:none;color:var(--title-light);font-size:.8rem;font-weight:600;border-radius:16px;transition:all .2s}body.dark-theme .lang-switcher a{color:var(--title-dark)}.lang-switcher a.active{background-color:var(--primary-color);color:#fff;font-weight:700}.theme-switcher button{background:none;border:none;cursor:pointer;color:var(--muted-light);padding:4px}body.dark-theme .theme-switcher button{color:var(--muted-dark)}.theme-switcher button:hover{color:var(--primary-color)}body.dark-theme .theme-switcher button:hover{color:var(--primary-color-light)}.theme-switcher svg{width:20px;height:20px}header{text-align:center;margin-bottom:2rem;padding-top:60px}.logo-title{display:flex;align-items:center;justify-content:center;gap:.75rem}.yt-logo{width:32px;height:32px;fill:red}header h1{font-size:3rem;font-weight:800;margin:0}header p{font-size:1.3rem;color:var(--muted-light);white-space:normal;margin-top:1rem}body.dark-theme header p{color:var(--muted-dark)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;border-top:1px solid var(--border-light);margin-top:3rem;padding-top:3rem}body.dark-theme .features-grid{border-top-color:var(--border-dark)}.feature-card{text-align:left;background-color:transparent;border:1px solid transparent;padding:0;display:flex;align-items:center;gap:1.25rem}.feature-card svg{width:28px;height:28px;stroke-width:2;color:var(--primary-color);margin-bottom:0;flex-shrink:0}.feature-card h2{margin:0 0 .25rem;font-size:1rem;font-weight:600}.feature-card p{margin:0;font-size:.9rem;color:var(--muted-light);line-height:1.6}body.dark-theme .feature-card p{color:var(--muted-dark)}footer{width:100%;max-width:600px;margin:4rem auto 0;padding:2rem 0;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:var(--muted-light);transition:all .3s}body.dark-theme footer{border-top-color:var(--border-dark);color:var(--muted-dark)}footer a{color:var(--text-light);font-weight:500;text-decoration:none;transition:color .2s}body.dark-theme footer a{color:var(--text-dark)}footer a:hover{color:var(--primary-color);text-decoration:underline}.footer-version{opacity:.8}@media (max-width: 640px){body{padding:1rem}.controls{position:static;width:100%;justify-content:flex-end;margin-bottom:1rem;top:auto;right:auto;padding-top:0}header{padding-top:0;margin-bottom:1.5rem}header h1{font-size:2.1rem}header p{font-size:1.1rem;white-space:normal;margin-top:.5rem}.yt-logo{width:28px;height:28px}.logo-title{gap:.5rem;width:100%;justify-content:center;margin-top:10px}.features-grid{grid-template-columns:1fr}footer{flex-direction:column;justify-content:center;text-align:center;gap:.5rem}.filename-input-group{position:relative;margin:0}.filename-input{width:95%!important}#filename-reset-button{position:absolute;top:55%;right:5%;transform:translateY(-50%);margin:0}.quality-selector,.option-row{width:95%}}.download-form{display:flex;flex-direction:column;gap:1rem}.input-group{display:flex;gap:.5rem}.input-group input[type=url]{flex-grow:1;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:8px;font-size:1rem;background-color:var(--bg-light);color:var(--text-light)}body.dark-theme .input-group input[type=url]{border-color:var(--border-dark);background-color:var(--bg-dark);color:var(--text-dark)}.input-group #paste-button{flex-shrink:0;padding:0 1rem;border:1px solid var(--border-light);border-radius:8px;background-color:var(--card-light);color:var(--muted-light);font-weight:600;cursor:pointer;transition:all .2s}body.dark-theme .input-group #paste-button{background-color:var(--card-dark);border-color:var(--border-dark);color:var(--muted-dark)}.input-group #paste-button:hover{border-color:var(--primary-color);color:var(--primary-color)}#submit-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:opacity .2s}#submit-button:hover{opacity:.8}.status-card{position:relative;background-color:var(--card-light);border:1px solid var(--border-light);border-radius:12px;padding:2rem;text-align:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:all .3s ease}body.dark-theme .status-card{background-color:var(--card-dark);border-color:var(--border-dark)}#reset-button{position:absolute;top:.75rem;right:.75rem;padding:.5rem;border:none;background:transparent;color:var(--muted-light);cursor:pointer;transition:all .2s;line-height:1}body.dark-theme #reset-button{color:var(--muted-dark)}#reset-button:hover svg{stroke:var(--error-dark);transform:scale(1.1)}.status-card #thumbnail{width:163px;height:91px;object-fit:cover;border-radius:8px;margin:0 auto 1.5rem;border:1px solid var(--border-light)}body.dark-theme .status-card #thumbnail{border-color:var(--border-dark)}.status-card #video-title{font-size:1.1rem;font-weight:600;margin:0 auto 1rem;max-width:90%;word-wrap:break-word}.section-title{font-size:.9rem;font-weight:500;letter-spacing:.02em;margin-bottom:.75rem;text-align:center}body.dark-theme .section-title{color:var(--title-dark)}.section-separator{border:none;height:1px;background-color:var(--border-light);margin:1.5rem auto;width:80%}body.dark-theme .section-separator{background-color:var(--border-dark)}.status-card #status-text{font-size:1rem;color:var(--muted-light);margin:.5rem 0 1.5rem}body.dark-theme .status-card #status-text{color:var(--muted-dark)}.spinner{border:4px solid var(--border-light);width:28px;height:28px;border-radius:50%;border-left-color:var(--primary-color);animation:spin 1s linear infinite;margin:0 auto 1rem}body.dark-theme .spinner{border-color:var(--border-dark);border-left-color:var(--primary-color-light)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-card.is-processing #status-text:after{display:inline-block;animation:ellipsis 1.25s infinite;content:".";width:1em;text-align:left}.status-card.is-processing{border-color:var(--primary-color-light);animation:pulse 2s infinite ease-in-out}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--primary-color)}70%{box-shadow:0 0 0 10px #7c3aed00}to{box-shadow:0 0 #7c3aed00}}#download-link{display:none}.filename-input-group{display:flex;justify-content:center;align-items:center;max-width:400px;margin:0 auto}.filename-input{width:100%;padding:.65rem .75rem;border:1px solid var(--border-light);border-radius:8px;font-size:.95rem;background-color:var(--bg-light);color:var(--text-light);transition:border-color .2s,box-shadow .2s}body.dark-theme .filename-input{border-color:var(--border-dark);background-color:var(--bg-dark);color:var(--text-dark)}.filename-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7c3aed1a}.filename-input.error{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}#filename-reset-button{width:38px;height:38px;padding:0;margin-left:.5rem;margin-right:-46px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted-light);cursor:pointer;transition:all .2s;border-radius:50%}body.dark-theme #filename-reset-button{color:var(--muted-dark)}#filename-reset-button:hover,body.dark-theme #filename-reset-button:hover{color:var(--primary-color);background-color:#7c3aed1a}#filename-reset-button svg{display:block;transition:transform .3s ease}@media (hover: hover) and (pointer: fine){#filename-reset-button:hover{color:var(--primary-color);background-color:#7c3aed1a}body.dark-theme #filename-reset-button:hover{color:var(--primary-color)}#filename-reset-button:hover svg{transform:rotate(-90deg)}}.required-indicator{color:var(--primary-color);font-weight:700;margin-right:6px}#error-message{color:var(--primary-color);font-weight:600;font-size:.9rem;text-align:center;max-height:0;opacity:0;margin-top:0;overflow:hidden;transition:all .2s ease-in-out}#error-message.visible{max-height:2em;opacity:1;margin-top:.75rem}.quality-selector{position:relative;display:flex;justify-content:center;background-color:var(--bg-light);border:1px solid var(--border-light);border-radius:8px;padding:4px;margin:0 auto;max-width:400px}body.dark-theme .quality-selector{background-color:var(--bg-dark);border-color:var(--border-dark)}.quality-slider{position:absolute;top:4px;bottom:4px;border-radius:6px;background-color:var(--primary-color);box-shadow:0 2px 4px #0000001a;transition:left .3s ease,width .3s ease;z-index:1}.quality-option{flex:1;padding:.5rem 1rem;border:none;background-color:transparent;color:var(--muted-light);font-weight:600;cursor:pointer;transition:color .3s ease;border-radius:6px;position:relative;z-index:2}body.dark-theme .quality-option{color:var(--muted-dark)}.quality-option.active{color:#fff!important}.quality-option.recommended:after{content:"\2605";position:absolute;top:4px;right:6px;font-size:.7rem;color:#f59e0b;text-shadow:0 0 6px rgba(245,158,11,.5);transition:all .2s}.quality-option.active.recommended:after{color:#f59e0b;text-shadow:0 0 6px rgba(245,158,11,.7);transform:scale(1.2)}#quality-description{font-size:.9rem;color:var(--muted-light);margin-top:.75rem;min-height:1.2em}body.dark-theme #quality-description{color:var(--muted-dark)}#start-download-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:opacity .2s;width:100%;margin-top:1rem}#start-download-button:hover{opacity:.8}#start-download-button:disabled,#start-download-button:disabled:hover{background-color:var(--primary-color-light);opacity:.5;cursor:not-allowed}body.dark-theme #start-download-button:disabled,body.dark-theme #start-download-button:disabled:hover{background-color:var(--border-dark);opacity:.6}body.dark-theme .filename-input:focus{border-color:var(--primary-color)}#submit-button:disabled,#submit-button:disabled:hover,#submit-button.has-error{background-color:var(--primary-color-light);opacity:.5;cursor:not-allowed}body.dark-theme #submit-button:disabled,body.dark-theme #submit-button:disabled:hover,body.dark-theme #submit-button.has-error{background-color:var(--border-dark);opacity:.6}.form-error{position:absolute;left:0;right:0;margin-top:.8rem;color:var(--primary-color);font-weight:600;font-size:.9rem;text-align:center;opacity:0;transform:translateY(-5px);transition:all .2s ease-in-out;pointer-events:none}.form-error.visible{opacity:1;transform:translateY(0)}#url-input.has-error{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.option-row{display:flex;justify-content:space-between;align-items:center;max-width:400px;margin:0 auto}.option-row .section-title{margin-bottom:0;margin-right:1rem}#normalize-selector{margin:0;flex-shrink:0;width:180px}#normalize-description{font-size:.9rem;color:var(--muted-light);margin-top:.75rem;min-height:1.2em;text-align:center}body.dark-theme #normalize-description{color:var(--muted-dark)}.normalize-option{flex:1;padding:.5rem 1rem;border:none;background-color:transparent;color:var(--muted-light);font-weight:600;cursor:pointer;transition:color .3s ease;border-radius:6px;position:relative;z-index:2}.normalize-option.active{color:#fff!important}.normalize-option.recommended:after{content:"\2605";position:absolute;top:4px;right:6px;font-size:.7rem;color:#f59e0b;text-shadow:0 0 6px rgba(245,158,11,.5);transition:all .2s}.normalize-option.active.recommended:after{color:#f59e0b;text-shadow:0 0 6px rgba(245,158,11,.7);transform:scale(1.2)}body.dark-theme .normalize-option{color:var(--muted-dark)}.description-text{display:none}