.youtube-player{padding:16px;background:#1a1a1a;color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;box-sizing:border-box;font-family:Inter,sans-serif;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.search-bar{display:flex;gap:12px;align-items:center}.search-input{flex:1;padding:12px 16px;background:#2a2a2a;border:none;border-radius:8px;color:#fff;font-size:16px;transition:box-shadow .3s ease}.search-input:focus{outline:none;box-shadow:0 0 0 3px #6366f14d}.search-input::-moz-placeholder{color:#888}.search-input::placeholder{color:#888}.search-button{padding:12px 24px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.search-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.search-button:disabled{background:#444;cursor:not-allowed}.error-container{background:#7f1d1d;padding:12px;border-radius:8px;color:#f5f5f5;text-align:center;font-size:14px}.error-title{font-weight:600;margin-bottom:8px}.error-message{margin:0}.video-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}.video-item{display:flex;gap:16px;padding:12px;background:#2a2a2a;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;animation:fadeIn .5s ease forwards;opacity:0}.video-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000004d}.video-thumbnail{width:120px;height:90px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.video-info{flex:1;display:flex;flex-direction:column;gap:4px}.video-title{font-size:16px;font-weight:600;margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.video-description{font-size:14px;color:#aaa;margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.video-player{text-align:center;border-radius:8px;overflow:visible;box-shadow:0 2px 10px #0003;width:100%;max-width:640px;margin:0 auto}.youtube-iframe{width:100%;height:auto;aspect-ratio:16 / 9;display:block!important;visibility:visible!important;z-index:1!important;border:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#888}.empty-icon{width:48px;height:48px;margin-bottom:16px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.large{width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.code-block{background:#1a1a1a;border:1px solid #555;border-radius:8px;padding:12px;font-family:Fira Code,monospace;margin-top:8px;color:#fff;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.youtube-player{padding:12px}.search-bar{flex-direction:column;gap:8px}.search-button{width:100%}.video-item{flex-direction:column}.video-thumbnail{width:100%;height:auto;aspect-ratio:16 / 9}.video-player{max-width:100%}}