.ytgc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin:1.5em 0}.ytgc-card{background:rgb(128 128 128 / .06);border:1px solid rgb(128 128 128 / .18);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;display:flex;flex-direction:column}.ytgc-card:hover,.ytgc-card:focus-visible{transform:translateY(-3px);box-shadow:0 8px 24px rgb(0 0 0 / .15);border-color:rgb(128 128 128 / .35);outline:none}.ytgc-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:rgb(128 128 128 / .15)}.ytgc-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.25s ease}.ytgc-card:hover .ytgc-thumb img{transform:scale(1.04)}.ytgc-duration{position:absolute;bottom:8px;right:8px;background:rgb(0 0 0 / .8);color:#fff;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:4px;line-height:1.3}.ytgc-info{padding:.75rem .875rem 1rem;display:flex;flex-direction:column;gap:.25rem;flex:1}.ytgc-title{font-size:.95rem;font-weight:600;line-height:1.35;margin:0;color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ytgc-uploader,.ytgc-views{font-size:.8rem;margin:0;color:inherit;opacity:.65;line-height:1.3}.ytgc-views{opacity:.5}.ytgc-error{background:rgb(220 50 50 / .1);border:1px solid rgb(220 50 50 / .3);color:inherit;padding:12px 16px;border-radius:8px;font-size:.9rem;margin:1em 0}.ytgc-modal{display:none;position:fixed;inset:0;z-index:99999}.ytgc-modal--active{display:block}.ytgc-modal-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .85);cursor:pointer}.ytgc-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw, 900px)}.ytgc-modal-video{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 16px 48px rgb(0 0 0 / .4)}.ytgc-modal-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.ytgc-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;line-height:1;cursor:pointer;padding:4px 8px;opacity:.7;transition:opacity 0.2s}.ytgc-modal-close:hover{opacity:1}@media (max-width:600px){.ytgc-grid{grid-template-columns:1fr;gap:1rem}.ytgc-modal-content{width:96vw}.ytgc-modal-close{top:-36px;font-size:1.75rem}}