.media-card{background:var(--card-bg);border:1px solid var(--border-color);isolation:isolate;border-radius:14px;flex-direction:column;width:100%;min-width:0;max-width:100%;height:100%;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1),border-color .25s;display:flex;position:relative;overflow:visible;box-shadow:0 4px 18px #00000059}:root[data-theme=light] .media-card,:root[data-mode=light] .media-card{box-shadow:0 4px 16px #0000000d}.media-card:hover{box-shadow:0 14px 34px #000000a6, 0 0 18px -4px var(--accent-subtle,#f7006340);border-color:#ffffff38;transform:translateY(-5px)}:root[data-theme=light] .media-card:hover,:root[data-mode=light] .media-card:hover{border-color:#0003;box-shadow:0 12px 28px #0000001f}.media-card__poster-box{aspect-ratio:2/3;background:#111118;border-top-left-radius:13px;border-top-right-radius:13px;width:100%;position:relative;overflow:hidden}:root[data-theme=light] .media-card__poster-box,:root[data-mode=light] .media-card__poster-box{background:#eaeaf2}.media-card__poster-link{width:100%;height:100%;display:block;position:relative;overflow:hidden}.media-card__img{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .45s cubic-bezier(.16,1,.3,1)}.media-card:hover .media-card__img{transform:scale(1.05)}.media-card__overlay{opacity:0;pointer-events:none;z-index:2;background:linear-gradient(#0000001f 0%,#0003 45%,#08090ed9 100%);transition:opacity .3s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.media-card:hover .media-card__overlay{opacity:1}.media-card__placeholder{color:var(--text-tertiary,#8c8c9e);background:linear-gradient(135deg,#181824,#222234);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}:root[data-theme=light] .media-card__placeholder,:root[data-mode=light] .media-card__placeholder{color:#94a3b8;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.media-card__badge-pill{z-index:4;letter-spacing:.06em;-webkit-backdrop-filter:blur(10px);color:#fff;pointer-events:none;background:#0b0c10c7;border:1px solid #ffffff2e;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #0006}:root[data-theme=light] .media-card__badge-pill,:root[data-mode=light] .media-card__badge-pill{color:#111827;background:#ffffffe6;border-color:#0000001f;box-shadow:0 2px 8px #0000001a}.media-card__play-overlay{pointer-events:none;z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-card__play-btn{background:var(--accent,#f70063);color:#fff;opacity:0;width:46px;height:46px;box-shadow:0 6px 20px #00000080, 0 0 20px var(--accent-subtle,#f7006366);pointer-events:auto;cursor:pointer;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1),background .2s,box-shadow .2s;display:flex;transform:scale(.85)translateY(4px)}.media-card:hover .media-card__play-btn{opacity:1;transform:scale(1)translateY(0)}.media-card__play-btn:hover{background:var(--accent-hover,#ff1a75);box-shadow:0 8px 24px #0009, 0 0 26px var(--accent,#f70063);transform:scale(1.1)translateY(0)}.media-card__info{background:var(--card-bg);border-top:1px solid var(--border-color);border-bottom-right-radius:13px;border-bottom-left-radius:13px;flex-direction:column;flex-grow:1;gap:5px;padding:10px 12px 12px;display:flex}.media-card__title{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;margin:0;font-size:13.5px;font-weight:600;text-decoration:none;transition:color .18s;display:block;overflow:hidden}:root[data-theme=light] .media-card__title,:root[data-mode=light] .media-card__title{color:#15151e}.media-card:hover .media-card__title{color:var(--accent,#f70063)}.media-card__meta{color:var(--text-secondary,#8c8c9e);justify-content:space-between;align-items:center;margin:0;font-size:12px;display:flex}:root[data-theme=light] .media-card__meta,:root[data-mode=light] .media-card__meta{color:#6a6a7e}.media-card__year{color:var(--text-tertiary,#7b7b90);font-size:11.5px;font-weight:500}.media-card__rating{color:var(--text-primary,#fff);align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:inline-flex}:root[data-theme=light] .media-card__rating,:root[data-mode=light] .media-card__rating{color:#15151e}.media-card__star{color:#ffb800;flex-shrink:0}@media (max-width:640px){.media-card{border-radius:12px}.media-card:active{transition:transform .1s;transform:scale(.975)}.media-card__poster-box{border-top-left-radius:11px;border-top-right-radius:11px}.media-card__info{border-bottom-right-radius:11px;border-bottom-left-radius:11px;gap:4px;padding:8px 10px 10px}.media-card__title{font-size:12.5px;line-height:1.25}.media-card__year,.media-card__rating{font-size:11px}.media-card__badge-pill{padding:2px 6px;font-size:10px;top:7px;left:7px}}