html { background: #121418; }
body.jmt-javrate-body { background: #121418; color: #fff; }
.body-root { min-height: 65vh; }
.jmt-text-logo a { align-items: center; color: #fff; display: flex; font-size: 1.55rem; font-weight: 900; height: 100%; line-height: 1; text-decoration: none; white-space: nowrap; }
.jmt-text-logo .font-serif { display: inline-flex; align-items: baseline; gap: .15rem; }
.log-text-zinc-50 { color: #f7f7f7; font-family: serif; font-size: 1.75rem; }
.logo-text-primary { color: #ffae00; font-family: Bungee, system-ui, sans-serif; letter-spacing: .02em; }
.headerbar .btn { border-radius: .35rem; }
.headerbar .mobile-menu button { background: transparent; border: 0; text-decoration: none; }
.filteroverlay { background: rgba(18,20,24,.98); bottom: 0; color: #fff; display: none; left: 0; overflow-y: auto; position: fixed; right: 0; top: 0; z-index: 10000; }
.filteroverlay.show { display: block; }
.top-swiper { padding: .35rem .5rem 0; }
.top-swiper .swiper-slide { border-radius: .35rem; overflow: hidden; width: 58vw; }
.top-swiper img { aspect-ratio: 16 / 9; background: #000; display: block; height: 100%; object-fit: cover; width: 100%; }
.body-container { padding-bottom: 2rem; }
.movie-grid-new-jmt,
.movie-grid-subtitle-jmt,
.movie-grid-uncensored-jmt,
.movie-grid-censored-jmt,
.movie-grid-chinese-jmt,
.movie-grid-related-jmt {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.mgn-item { min-width: 0; }
.mgn-box { background: #000; border-radius: .35rem; overflow: hidden; position: relative; }
.mgn-picture { aspect-ratio: 16 / 9; background: #000; overflow: hidden; }
.mgn-cover { display: block; height: 100%; object-fit: cover; transition: transform .25s ease; width: 100%; }
.mgn-item:hover .mgn-cover { transform: scale(1.04); }
.mgn-overlay { background: linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,0)); bottom: 0; left: 0; padding: .55rem; position: absolute; right: 0; }
.mgn-actress { display: flex; flex-wrap: wrap; gap: .35rem; min-height: 1.2rem; }
.mgn-actress a { color: rgba(255,255,255,.85); font-size: .78rem; max-width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mgn-badges { display: flex; gap: .35rem; margin-top: .35rem; }
.mgn-badge { border-radius: .25rem; color: #fff; font-size: .72rem; line-height: 1; padding: .22rem .36rem; }
.mgn-badge-year { background: rgba(255,174,0,.88); color: #1a1a1a; }
.mgn-badge-type { background: rgba(220,53,69,.9); }
.mgn-title { margin-top: .45rem; min-height: 2.6rem; }
.mgn-title a { color: rgba(255,255,255,.9); text-decoration: none; }
.mgn-title h3 { display: -webkit-box; font-size: .95rem; font-weight: 500; line-height: 1.35; margin: 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mgn-title strong { margin-right: .25rem; }
.mgn-info { align-items: center; display: flex; justify-content: space-between; margin-top: .45rem; min-height: 1.2rem; }
.rating-container { align-items: center; display: flex; gap: 1px; height: 19px; line-height: 1; }
.score-icon { align-items: center; color: #ffd700; display: inline-flex; font-size: 1rem; height: 19px; justify-content: center; width: 14px; }
.score-label { color: #ffd700; font-size: .78rem; margin-left: .15rem; }
.mgn-date { align-items: center; color: rgba(255,255,255,.5); display: inline-flex; font-size: .78rem; gap: .2rem; margin: 0; white-space: nowrap; }
.mgn-icon-calendar { font-size: 1rem; height: 1rem; width: 1rem; }
.title-line h2 { font-size: 1.45rem; line-height: 1.2; margin: 0; }
.list-header-box { padding: 1rem .5rem 0; }
.list-header-box h1 { font-size: 1.8rem; }
.jmt-empty { color: rgba(255,255,255,.65); grid-column: 1 / -1; padding: 2rem; text-align: center; }
.jmt-pagination { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin: 2rem 0; }
.jmt-pagination a,
.jmt-pagination span { background: #31353d; border-radius: .35rem; color: #fff; min-width: 2.25rem; padding: .45rem .75rem; text-align: center; text-decoration: none; }
.jmt-pagination .current { background: #ffae00; color: #111; font-weight: 800; }
.menu-box-item { border-radius: .35rem; min-height: 4.6rem; overflow: hidden; text-align: center; }
.menu-box-item a { align-items: center; color: #fff; display: flex; flex-direction: column; height: 100%; justify-content: center; padding: .5rem .15rem; text-decoration: none; }
.menu-box-item img { height: 1.55rem; margin-bottom: .25rem; width: 1.55rem; }
.menu-box-item h2 { font-size: .78rem; line-height: 1.1; margin: 0; }
.player-box { background: #000; border-radius: .35rem; }
.jmt-no-player { align-items: center; background-position: center; background-size: cover; color: #fff; display: flex; justify-content: center; }
.right-side-movies { display: grid; gap: 1rem; grid-template-columns: 1fr; }
.right-side-movies .mgn-title h3 { font-size: .86rem; }
.footer { margin-top: 3rem; }
.foot-links { display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
.desktop-search-overlay.show,
.mobile-search-overlay.show { display: block; opacity: 1; transform: translateY(0); }
@media (min-width: 481px) {
    .movie-grid-new-jmt,
    .movie-grid-subtitle-jmt,
    .movie-grid-uncensored-jmt,
    .movie-grid-censored-jmt,
    .movie-grid-chinese-jmt,
    .movie-grid-related-jmt { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 769px) {
    .top-swiper .swiper-slide { width: 34vw; }
    .movie-grid-new-jmt,
    .movie-grid-subtitle-jmt,
    .movie-grid-uncensored-jmt,
    .movie-grid-censored-jmt,
    .movie-grid-chinese-jmt,
    .movie-grid-related-jmt { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1201px) {
    .top-swiper .swiper-slide { width: 25vw; }
    .movie-grid-new-jmt,
    .movie-grid-subtitle-jmt,
    .movie-grid-uncensored-jmt,
    .movie-grid-censored-jmt,
    .movie-grid-chinese-jmt,
    .movie-grid-related-jmt { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1536px) {
    .top-swiper .swiper-slide { width: 21vw; }
    .movie-grid-new-jmt,
    .movie-grid-subtitle-jmt,
    .movie-grid-uncensored-jmt,
    .movie-grid-censored-jmt,
    .movie-grid-chinese-jmt,
    .movie-grid-related-jmt { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (min-width: 1919px) {
    .top-swiper .swiper-slide { width: 17.5vw; }
    .movie-grid-new-jmt,
    .movie-grid-subtitle-jmt,
    .movie-grid-uncensored-jmt,
    .movie-grid-censored-jmt,
    .movie-grid-chinese-jmt,
    .movie-grid-related-jmt { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
    .search-page { margin-top: 0; }
    .search-box { width: 100%; }
    .title-line h2 { font-size: 1.2rem; }
    .mgn-title h3 { font-size: .88rem; }
    .top-swiper { padding-left: .25rem; padding-right: .25rem; }
}