*{margin:0}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#121212;color:#fff;font-family:Roboto,sans-serif}.app-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:10px}.search-box{width:100%;max-width:100%;background:#1f1f1f;padding:15px;border-radius:10px;box-shadow:0 4px 10px #00000080;margin-bottom:20px}.search-label{font-size:1rem;margin-bottom:8px;color:#e0e0e0;display:block}.input-container{display:flex;gap:8px}.search-input{flex:1;padding:10px;font-size:.9rem;border:none;border-radius:5px;outline:none}.search-input:focus{box-shadow:0 0 5px #1db95480}.search-button{background:#1db954;border:none;padding:10px 16px;border-radius:5px;cursor:pointer;font-size:.9rem;color:#fff;transition:background .3s ease}.search-button:hover{background:#17a34a}.error-message{color:#ff4c4c;margin-top:10px;font-size:.8rem}.video-container{width:100%;max-width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px #00000080}@media (min-width: 576px){.app-container{padding:15px}.search-box{max-width:540px;padding:18px}.search-label{font-size:1.1rem}.search-input,.search-button{padding:12px;font-size:1rem}.video-container{max-width:540px}}@media (min-width: 768px){.app-container{padding:20px}.search-box{max-width:600px;padding:20px}.search-label{font-size:1.2rem}.search-input,.search-button{padding:14px;font-size:1.1rem}.video-container{max-width:600px}}@media (min-width: 992px){.app-container{padding:30px}.search-box{max-width:700px;padding:25px}.search-label{font-size:1.3rem}.search-input,.search-button{padding:16px;font-size:1.2rem}.video-container{max-width:700px}}@media (min-width: 1200px){.app-container{padding:40px}.search-box{max-width:800px;padding:30px}.search-label{font-size:1.4rem}.search-input,.search-button{padding:18px;font-size:1.3rem}.video-container{max-width:800px}}