:root{--primary-color:#f44336;--primary-hover:#e57373;--text-color:#333;--bg-color:#fff;--border-color:#e0e0e0;--shadow-color:rgba(0, 0, 0, 0.1);--success-color:#4caf50;--error-color:#f44336}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;line-height:1.6;color:var(--text-color);background-color:#f9f9f9;min-height:100vh}.container{max-width:800px;margin:0 auto;padding:2rem 1rem}h1{text-align:center;margin:2rem 0;color:var(--primary-color);font-size:2.5rem;font-weight:700}#youtubeForm{background:var(--bg-color);padding:2rem;border-radius:12px;box-shadow:0 4px 6px var(--shadow-color);transition:transform .2s ease}#youtubeForm:hover{transform:translateY(-2px)}label[for=youtubeUrl]{display:block;margin-bottom:.75rem;font-weight:600;color:var(--text-color)}#youtubeUrl{width:100%;padding:.875rem;margin-bottom:1.5rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}#youtubeUrl:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(255,0,0,.1)}#youtubeForm button[type=submit]{width:100%;padding:1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}#youtubeForm button[type=submit]:hover{background-color:var(--primary-hover)}#youtubeForm button[type=submit]:active{transform:scale(.98)}#youtubeForm button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}#results{background:var(--bg-color);margin:2rem auto;padding:2rem;border-radius:12px;box-shadow:0 4px 6px var(--shadow-color);display:none}#results h2{text-align:center;color:var(--primary-color);margin-bottom:1.5rem}#results p{margin:1rem 0}#results a{color:var(--primary-color);text-decoration:none;word-break:break-all;transition:color .2s ease}#results a:hover{color:var(--primary-hover);text-decoration:underline}#hqThumbnailImg{max-width:100%;border-radius:8px;box-shadow:0 4px 6px var(--shadow-color);display:none;margin-top:1.5rem}footer{text-align:center;margin-top:3rem;padding:1rem;color:#666}footer p{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}footer a{text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:.5rem;transition:color .2s ease}footer a:hover{color:var(--primary-color)}footer img{width:20px;height:20px}#error-message{color:var(--error-color);margin-top:1rem;padding:.75rem;background-color:rgba(244,67,54,.1);border-radius:6px;font-size:.9rem}@media(max-width:600px){.container{padding:1rem}h1{font-size:2rem}#youtubeForm{padding:1.5rem}}