.youtube{padding:20px;font-family:Arial,sans-serif}.youtube h1{margin-bottom:30px;color:#333}.youtube-posts{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.youtube-post{border:1px solid #ccc;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.youtube-post:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.youtube-post a{text-decoration:none;color:inherit;display:block}.youtube-post img{width:100%;height:200px;object-fit:cover}.youtube-post-content{padding:15px}.youtube-post h2{margin:0 0 10px;font-size:16px;line-height:1.4;color:#333}.youtube-post h3{margin:0;font-size:14px;color:#666;background-color:#f0f0f0;padding:4px 8px;border-radius:4px;display:inline-block}.loading{font-size:18px}.error,.loading{padding:20px;text-align:center}.error{color:red;font-size:16px}@media (max-width:768px){.youtube{padding:15px}.youtube h1{font-size:24px;margin-bottom:20px;text-align:center}.youtube-posts{grid-template-columns:1fr;gap:15px}.youtube-post img{height:180px}.youtube-post-content{padding:12px}.youtube-post h2{font-size:15px;line-height:1.3}.youtube-post h3{font-size:13px;padding:3px 6px}}@media (max-width:480px){.youtube{padding:10px}.youtube h1{font-size:20px;margin-bottom:15px}.youtube-posts{gap:12px}.youtube-post img{height:160px}.youtube-post-content{padding:10px}.youtube-post h2{font-size:14px;margin-bottom:8px}.youtube-post h3{font-size:12px}}@media (max-width:320px){.youtube{padding:8px}.youtube-post img{height:140px}.youtube-post-content{padding:8px}}