:root{--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size: 16px;--line-height: 1.6;--bg-color: #0d1117;--card-bg: #161b22;--text-color: #e6edf3;--text-muted: #8b949e;--border-color: #30363d;--accent-color: #bf7af0;--accent-hover: #d2a5f5;--error-color: #f85149;--success-color: #56d364;--container-width: 680px;--border-radius: 8px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem}@media (prefers-color-scheme: light){:root{--bg-color: #f6f8fa;--card-bg: #ffffff;--text-color: #24292f;--text-muted: #57606a;--border-color: #d0d7de;--accent-color: #8250df;--accent-hover: #6b44b8}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size)}body{font-family:var(--font-family);line-height:var(--line-height);color:var(--text-color);background-color:var(--bg-color);padding:0;margin:0;min-height:100vh;display:flex;flex-direction:column}#app{width:100%;max-width:calc(var(--container-width) - 2 * var(--spacing-lg));margin:var(--spacing-sm) auto;padding:var(--spacing-lg);flex:1}h1,h2,h3,h4{font-weight:600;line-height:1.25;margin-bottom:var(--spacing-sm)}h1{font-size:2.25rem;letter-spacing:-.025em}h3{font-size:1.25rem}p{margin-bottom:var(--spacing-md)}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}header{text-align:center}header p{color:var(--text-muted);font-size:1.125rem;margin-top:var(--spacing-xs)}footer{text-align:center;color:var(--text-muted);font-size:.875rem;padding:var(--spacing-md) 0;margin-top:auto}footer p{margin-bottom:0;padding:var(--spacing-xs) 0;display:flex;align-items:center;justify-content:center;gap:.5rem}footer span.heart{color:var(--error-color);display:inline-block;font-size:1.1rem;animation:pulse 1.5s ease infinite;position:relative;top:1px}footer a{font-weight:500;position:relative}footer a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:var(--accent-color);transition:width .3s ease}footer a:hover{text-decoration:none}footer a:hover:after{width:100%}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}input,button{font-family:inherit;font-size:1rem;border-radius:var(--border-radius)}input{padding:.75rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);width:100%;transition:border-color .2s,box-shadow .2s}input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #bf7af04d}button{background-color:var(--accent-color);color:#fff;border:none;padding:.75rem 1.25rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}button:hover:not(:disabled){background-color:var(--accent-hover)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.6;cursor:not-allowed}button.download-btn{width:100%;padding:.875rem;font-size:1.125rem;font-weight:600;margin-top:var(--spacing-sm)}url-input{display:block;margin-bottom:var(--spacing-lg)}url-input .url-input-container{display:flex;gap:var(--spacing-sm)}url-input .url-input-container input{flex:1}url-input .url-error{color:var(--error-color);margin-top:var(--spacing-xs);font-size:.875rem}video-downloader{display:block}video-downloader .video-downloader-container{display:none;background-color:var(--card-bg);border-radius:var(--border-radius);padding:var(--spacing-sm);border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a}video-downloader .video-downloader-container.active{display:block;animation:fadeIn .3s ease-out}video-downloader .video-preview{margin-bottom:var(--spacing-md);background-color:#0000001a;border-radius:var(--border-radius);overflow:hidden;opacity:0;animation:fadeIn .4s ease-out forwards}video-downloader .video-preview .video-aspect-container{position:relative;width:100%;height:0;overflow:hidden}video-downloader .video-preview .video-aspect-container .preview-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}video-downloader .video-preview .preview-video{width:100%;height:auto;display:block;border-radius:var(--border-radius);border:2px solid var(--border-color)}video-downloader .video-info{margin-bottom:var(--spacing-lg);opacity:0;animation:fadeIn .4s ease-out forwards}video-downloader .video-info h3{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-md)}video-downloader .video-info .info-row{display:flex;margin-bottom:var(--spacing-xs);font-size:1rem}video-downloader .video-info .info-row .info-label{flex:0 0 120px;font-weight:600;color:var(--text-muted)}video-downloader .status{margin-top:var(--spacing-md);font-size:.875rem;color:var(--text-muted);text-align:center;padding:0;background:none;border:none;border-radius:0;opacity:0;animation:fadeIn .4s ease-out .1s forwards}video-downloader .status.error{color:var(--error-color);font-weight:500}video-downloader .status.success{color:var(--success-color);font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 700px){:root{--font-size: 15px}#app{padding:var(--spacing-sm)}h1{font-size:1.75rem}url-input .url-input-container{flex-direction:column}url-input .url-input-container input{text-align:center}}