/* site-shared.css — shared site styles (layout, ads, sliders, cards).
 * Moved out of inline <style> blocks so the browser/CDN caches them once
 * instead of re-downloading them inside every page's HTML. */

/* ---- layout v3 L178 ---- */
.sidebar-friends-section{margin-top:10px;padding-top:15px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-friends-title{color:rgba(255,255,255,.6);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:0 15px;margin-bottom:8px;opacity:0;transform:translateX(-10px);transition:.3s .1s}
        /* Section titles between sidebar item groups. Same hide-while-collapsed
           behavior as .sidebar-friends-title so the collapsed sidebar stays clean. */
        .sidebar-section-title{color:rgba(255,255,255,.5);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:14px 15px 6px;margin-top:6px;border-top:1px solid rgba(255,255,255,.05);opacity:0;transform:translateX(-10px);transition:.3s .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .sidebar-section-title:first-child{border-top:none;padding-top:6px;margin-top:0}
        .sidebar-menu:hover .sidebar-section-title{opacity:1;transform:translateX(0)}
        /* Section divider line shown when collapsed (instead of label) so groups
           are still visually separated even with icons only. */
        .sidebar-section-divider{height:1px;background:rgba(255,255,255,.06);margin:10px 14px}
        .sidebar-menu:hover .sidebar-section-divider{display:none}.sidebar-menu:hover .sidebar-friend-text,.sidebar-menu:hover .sidebar-friends-title{opacity:1;transform:translateX(0)}.sidebar-friend-item{display:flex;align-items:center;padding:10px 15px;margin:4px 8px;color:rgba(255,255,255,.85);text-decoration:none;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);transition:.25s;position:relative}.sidebar-friend-item:hover{background:linear-gradient(135deg,rgba(255,0,102,.15) 0,rgba(255,51,102,.1) 100%);border-color:rgba(255,0,102,.3);color:#fff;transform:translateX(2px);box-shadow:0 2px 8px rgba(255,0,102,.2);text-decoration:none}.sidebar-friend-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:rgba(255,255,255,.05);border-radius:6px;transition:.25s}.sidebar-friend-item:hover .sidebar-friend-icon{background:rgba(255,0,102,.2);transform:scale(1.05)}.sidebar-friend-text{margin-left:10px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;transform:translateX(-10px);transition:.3s .1s}

/* ---- layout v3 L188 ---- */
.breadcrumb-modern{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.12);box-shadow:0 6px 20px rgba(0,0,0,0.25);backdrop-filter:blur(6px)}.breadcrumb-modern-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.breadcrumb-modern-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.8)}.breadcrumb-modern-item:not(:first-child)::before{content:">";color:rgba(255,255,255,0.35);font-size:14px;line-height:1}.breadcrumb-modern-link{color:rgba(255,255,255,0.85);text-decoration:none;transition:color 0.2s ease}.breadcrumb-modern-link:hover{color:#fff;text-decoration:none}.breadcrumb-modern-current{color:#fff;font-weight:600;max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.breadcrumb-modern{width:100%;border-radius:14px}.breadcrumb-modern-current{max-width:100%}}

/* ---- layout v3 L189 ---- */
html{overflow-x:clip}
        .ad-safe{max-width:100%;overflow:hidden;box-sizing:border-box;position:relative}
        .ad-safe::before{content:"AD";position:absolute;top:2px;left:4px;z-index:2;
            font-size:9px;font-weight:700;letter-spacing:1px;color:rgba(255,255,255,.35);
            font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
            pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.4)}
        .ad-card-frame .ad-safe::before{content:none}
        .ad-safe-block{width:100%;padding:4px;margin:16px 0}
        .ad-safe-inline{flex-shrink:0;padding:4px;margin:16px 0}
        .ad-safe-inner{max-width:100%;overflow:hidden}
        .ad-safe iframe,.ad-safe img,.ad-safe video,.ad-safe object,.ad-safe embed{max-width:100%!important;height:auto!important;display:block;margin:0 auto}
        .ad-safe script{max-width:100%}
        .ad-slot-center,.ad-zone,.ad-multi-row,.ad-multi-item{max-width:100%;overflow:hidden;box-sizing:border-box}
        .ad-slot-center iframe,.ad-zone iframe,.ad-multi-row iframe,.ad-multi-item iframe,
        .ad-slot-center img,.ad-zone img,.ad-multi-row img,.ad-multi-item img,
        .ad-slot-center object,.ad-zone object,.ad-multi-row object,.ad-multi-item object,
        .ad-slot-center embed,.ad-zone embed,.ad-multi-row embed,.ad-multi-item embed{max-width:100%!important;box-sizing:border-box}
        .studio-ad-wrap{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;margin:12px auto;overflow:hidden}
        .studio-ad-wrap>*{margin-left:auto!important;margin-right:auto!important;max-width:100%}
        .studio-ad-wrap iframe,.studio-ad-wrap img,.studio-ad-wrap video,.studio-ad-wrap object,.studio-ad-wrap embed{display:block!important;max-width:100%!important;height:auto!important;margin:0 auto!important}

/* ---- layout v3 L211 ---- */
.trending-searches-bar{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border-bottom:1px solid rgba(255,255,255,.15);padding:12px 0 14px;box-shadow:0 1px 0 rgba(0,0,0,.15)}.trending-searches-title{font-size:14px;font-weight:600;color:rgba(255,255,255,.92);margin:0 0 10px;display:flex;align-items:center;gap:6px}.trending-flag{font-size:1.1em}.trending-searches-list{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0;padding:0;list-style:none}.trending-searches-list li a{color:rgba(255,255,255,.9);text-decoration:none;font-size:14px;transition:color .2s,opacity .2s}.trending-searches-list li a:hover{color:#ff4757;text-decoration:none}.trending-searches-list li a strong{font-weight:700;color:#fff}.trending-searches-list li a b{font-weight:600;color:rgba(255,255,255,.92)}@media(max-width:768px){.trending-searches-bar{padding:10px 0 12px}.trending-searches-title{font-size:13px;margin-bottom:8px}.trending-searches-list{gap:8px 12px}.trending-searches-list li a{font-size:13px}}

/* ---- layout v3 L224 ---- */
.ad-slot-mobile{display:none}.ad-slot-web{display:block}@media (max-width:767px){.ad-slot-mobile{display:block}.ad-slot-web{display:none}}

/* ---- layout v3 L449 ---- */
.nav-live-compact{position:relative;padding:8px 12px !important;display:inline-flex;align-items:center;justify-content:center}
                        .nav-live-dot{position:absolute;top:6px;right:4px;width:8px;height:8px;border-radius:50%;background:#ff4757;box-shadow:0 0 0 0 rgba(255,71,87,.7);animation:nav-live-pulse 1.6s infinite}
                        @keyframes nav-live-pulse{0%{box-shadow:0 0 0 0 rgba(255,71,87,.7)}70%{box-shadow:0 0 0 6px rgba(255,71,87,0)}100%{box-shadow:0 0 0 0 rgba(255,71,87,0)}}

/* ---- layout v3 L662 ---- */
.announcement-banner p,.announcement-text p{margin:0;display:inline;}
        /* Belt and braces on top of style.css: the strip must never widen the
           document, and its height is fixed so it can't shift content when
           it loads or is dismissed (CLS). */
        .announcement-banner{overflow:hidden;max-width:100%;height:40px;box-sizing:border-box;padding-right:44px}
        .announcement-banner[hidden]{display:none}
        .announcement-close{position:absolute;top:0;right:0;height:100%;width:40px;border:0;background:rgba(0,0,0,.25);color:#fff;font-size:20px;line-height:1;cursor:pointer}
        .announcement-close:hover{background:rgba(0,0,0,.4)}
        @media (prefers-reduced-motion: reduce){.announcement-scroll{animation:none !important;transform:none !important}}

/* ---- ad-card-slot.blade.php ---- */
.ad-card-slot{position:relative;display:block;border-radius:10px;overflow:hidden;background:#202020;border:1px solid #2b2b2b;transition:transform .18s ease,border-color .18s ease}
        .ad-card-slot:hover{border-color:rgba(255,71,87,.45)}
        .ad-card-slot .ad-card-badge{position:absolute;top:6px;left:6px;z-index:3;background:rgba(255,71,87,.85);color:#fff;font-size:9px;font-weight:800;letter-spacing:1.5px;padding:2px 6px;border-radius:3px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;pointer-events:none}
        .ad-card-slot .ad-card-frame{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
        .ad-card-slot .ad-card-frame > *{max-width:100%;max-height:100%}
        .ad-card-slot .ad-card-frame iframe,
        .ad-card-slot .ad-card-frame img{display:block;width:100%;height:100%;border:0;object-fit:cover}
        .ad-card-slot .ad-card-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;text-decoration:none;color:#9aa;background:repeating-linear-gradient(135deg,rgba(255,71,87,.05) 0 12px,rgba(255,71,87,0) 12px 24px),linear-gradient(180deg,rgba(255,71,87,.06),rgba(255,71,87,.02));border:1px dashed rgba(255,71,87,.3);border-radius:10px;padding:14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
        .ad-card-slot .ad-card-placeholder i{font-size:26px;color:rgba(255,71,87,.45)}
        .ad-card-slot .ad-card-placeholder .t1{font-size:13px;font-weight:700;color:#cbd}
        .ad-card-slot .ad-card-placeholder .t2{font-size:10px;color:#778;text-transform:uppercase;letter-spacing:1px}

        .ad-card-slot--house{border-color:rgba(255,144,0,.35)}
        .ad-card-slot--house:hover{border-color:rgba(255,144,0,.6)}
        .ad-card-slot .ad-card-badge--house{background:rgba(255,144,0,.9)}

        .ad-card-slot--video{height:230px;margin-bottom:20px}
        .ad-card-slot--category{height:180px;margin-bottom:20px}
        .ad-card-slot--gallery{height:380px;margin-bottom:30px}
        .ad-card-slot--series{height:280px;margin-bottom:20px}
        .ad-card-slot--manga{height:100%}
        .ad-card-slot--gif{aspect-ratio:1;height:auto}
        .ad-card-slot--episode{height:90px;margin-bottom:14px}
        .ad-card-slot--chapter{height:70px;margin-bottom:14px}
        .ad-card-slot--board{height:100px;margin-bottom:16px}
        .ad-card-slot--pill{height:44px;border-radius:12px;margin-bottom:10px}
        .ad-card-slot--pill .ad-card-badge{top:3px;left:3px;font-size:8px;padding:1px 5px}
        .ad-card-slot--pill .ad-card-placeholder{padding:8px}
        .ad-card-slot--pill .ad-card-placeholder .t1{font-size:11px}
        .ad-card-slot--pill .ad-card-placeholder .t2{display:none}

        @media (max-width:992px){
            .ad-card-slot--gallery{margin-bottom:25px}
        }
        @media (max-width:768px){
            .ad-card-slot--video{height:180px;margin-bottom:14px}
            .ad-card-slot--category{height:140px;margin-bottom:14px}
            .ad-card-slot--gallery{height:320px;margin-bottom:20px}
            .ad-card-slot--series{height:220px;margin-bottom:14px}
            .ad-card-slot--episode{height:76px;margin-bottom:10px}
            .ad-card-slot--chapter{height:60px;margin-bottom:10px}
            .ad-card-slot--board{height:88px;margin-bottom:12px}
            .ad-card-slot--pill{height:40px;margin-bottom:8px}
        }
        @media (max-width:576px){
            .ad-card-slot--gallery{margin-bottom:15px}
        }

/* ---- ad-center-banner.blade.php ---- */
.ad-grid-fullrow{grid-column:1/-1}

/* ---- home ---- */
.hsec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:0 15px}
.hsec-title{position:relative;margin:0;padding-left:14px;font-size:24px;font-weight:800;line-height:1.2;color:#fff;letter-spacing:-.01em}
.hsec-title::before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:4px;border-radius:4px;background:linear-gradient(#ff4757,#ff8a65)}
.hsec-title a{color:inherit;text-decoration:none}
.hsec-title a:hover{color:#ff4757}
.hsec-title i{color:#ff4757;font-size:.8em;margin-right:4px}
.hsec-more{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;color:#ddd;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:background .2s,border-color .2s,color .2s}
.hsec-more:hover{background:rgba(255,71,87,.15);border-color:rgba(255,71,87,.45);color:#fff}
.hsec-more i{font-size:11px}
.latest-episodes-slider-section,.latest-chapters-slider-section{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0))!important;border-bottom:1px solid rgba(255,255,255,.06);padding:28px 0!important}
.home-sort .videos-title.hsec-title{font-size:26px;text-align:left}
.home-sort .sort-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.home-sort .sort-btn{border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#ddd;transition:background .2s,border-color .2s,color .2s}
.home-sort .sort-btn:hover{background:rgba(255,71,87,.15);border-color:rgba(255,71,87,.45);color:#fff}
.home-sort .sort-btn.active{background:#ff4757;border-color:#ff4757;color:#fff;box-shadow:0 4px 14px rgba(255,71,87,.35)}
.home-sort .mobile-sort-btn{border-radius:999px}
@media (max-width:768px){.hsec-title,.home-sort .videos-title.hsec-title{font-size:19px}.hsec-head{margin-bottom:12px}.latest-episodes-slider-section,.latest-chapters-slider-section{padding:20px 0!important}}
.latest-episodes-slider-section{background:linear-gradient(135deg,rgba(26,26,26,.95),rgba(40,40,40,.95));padding:40px 0;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.latest-episodes-header{margin-bottom:25px;padding:0 15px}.latest-episodes-title{font-size:28px;font-weight:700;color:#fff;display:flex;align-items:center;gap:12px;margin:0}.latest-episodes-title i{color:#ff4757;font-size:24px}.episodes-slider-wrapper{position:relative;padding:0 50px}.episodes-slider-container{overflow:hidden;position:relative}.episodes-slider-track{display:flex;gap:12px;transition:transform .5s;will-change:transform}.episodes-slider-item{flex:0 0 auto;width:160px;min-width:160px}.episodes-slider-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.8);border:none;color:#fff;width:45px;height:45px;border-radius:50%;font-size:18px;cursor:pointer;transition:.3s;z-index:10;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.episodes-slider-nav:hover{background:#ff4757;transform:translateY(-50%) scale(1.1)}.episodes-slider-nav:active{transform:translateY(-50%) scale(.95)}.episodes-slider-prev{left:0}.episodes-slider-next{right:0}.episodes-slider-nav:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}@media (max-width:768px){.latest-episodes-slider-section{padding:30px 0}.latest-episodes-title{font-size:22px}.episodes-slider-wrapper{padding:0 40px}.episodes-slider-item{width:150px;min-width:150px}.episodes-slider-nav{width:40px;height:40px;font-size:16px}}@media (max-width:480px){.episodes-slider-wrapper{padding:0 35px}.episodes-slider-item{width:130px;min-width:130px}}
.episode-card-mini .episode-image-mini,.episode-card-mini .episode-thumbnail-mini{pointer-events:auto}.episode-card-mini .episode-thumbnail-mini:hover .episode-image-mini{transform:none!important;opacity:1!important}.episode-card-mini .episode-preview-img{display:none!important}
.episode-image-mini,.episode-overlay-mini{top:0;left:0;height:100%;position:absolute}.episode-card-mini{background:0 0;border-radius:8px;overflow:hidden;width:100%;display:flex;flex-direction:column}.episode-link-mini{display:block;text-decoration:none;color:inherit}.episode-thumbnail-mini{position:relative;width:100%;padding-top:75%;overflow:hidden;background:rgba(0,0,0,.3);border-radius:6px}.episode-image-mini{width:100%;object-fit:cover}.episode-duration-badge-mini{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.85);color:#fff;padding:3px 6px;border-radius:4px;font-size:11px;font-weight:600;z-index:5}.episode-overlay-mini{width:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;z-index:3;border-radius:6px}.episode-card-mini:hover .episode-overlay-mini{opacity:1}.episode-overlay-content-mini{color:#fff;font-size:32px}.episode-overlay-content-mini i{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .5))}.episode-info-section-mini{padding:6px 2px 0;text-align:center}.episode-title-link-mini{text-decoration:none;color:inherit;display:block}.episode-card-title-mini{font-size:12px;font-weight:500;color:#fff;margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-title-link-mini:hover .episode-card-title-mini{color:#ff4757}
.latest-chapters-slider-section{background:linear-gradient(135deg,rgba(26,26,26,.95),rgba(40,40,40,.95));padding:40px 0;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.latest-chapters-header{margin-bottom:25px;padding:0 15px}.latest-chapters-title{font-size:28px;font-weight:700;color:#fff;display:flex;align-items:center;gap:12px;margin:0}.latest-chapters-title i{color:#ff4757;font-size:24px}.chapters-slider-wrapper{position:relative;padding:0 50px}.chapters-slider-container{overflow:hidden;position:relative}.chapters-slider-track{display:flex;gap:12px;transition:transform .5s;will-change:transform}.chapters-slider-item{flex:0 0 auto;width:160px;min-width:160px}.chapters-slider-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.8);border:none;color:#fff;width:45px;height:45px;border-radius:50%;font-size:18px;cursor:pointer;transition:.3s;z-index:10;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.chapters-slider-nav:hover{background:#ff4757;transform:translateY(-50%) scale(1.1)}.chapters-slider-nav:active{transform:translateY(-50%) scale(.95)}.chapters-slider-prev{left:0}.chapters-slider-next{right:0}.chapters-slider-nav:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.chapter-image-mini,.chapter-overlay-mini{top:0;left:0;height:100%;position:absolute}.chapter-card-mini{background:0 0;border-radius:8px;overflow:hidden;width:100%;display:flex;flex-direction:column}.chapter-link-mini{display:block;text-decoration:none;color:inherit}.chapter-thumbnail-mini{position:relative;width:100%;padding-top:75%;overflow:hidden;background:rgba(0,0,0,.3);border-radius:6px}.chapter-image-mini{width:100%;object-fit:cover}.chapter-new-badge-mini{position:absolute;top:6px;left:6px;background:#ff4757;color:#fff;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;z-index:5;text-transform:uppercase;letter-spacing:.5px}.chapter-overlay-mini{width:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;z-index:3;border-radius:6px}.chapter-card-mini:hover .chapter-overlay-mini{opacity:1}.chapter-overlay-content-mini{color:#fff;font-size:32px}.chapter-overlay-content-mini i{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.chapter-info-section-mini{padding:6px 2px 0;text-align:center}.chapter-title-link-mini{text-decoration:none;color:inherit;display:block}.chapter-card-title-mini{font-size:12px;font-weight:600;color:#fff;margin:0 0 4px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-manga-title-mini{font-size:11px;font-weight:400;color:#999;margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-title-link-mini:hover .chapter-card-title-mini{color:#ff4757}.chapter-title-link-mini:hover .chapter-manga-title-mini{color:#ccc}@media (max-width:768px){.latest-chapters-slider-section{padding:30px 0}.latest-chapters-title{font-size:22px}.chapters-slider-wrapper{padding:0 40px}.chapters-slider-item{width:150px;min-width:150px}.chapters-slider-nav{width:40px;height:40px;font-size:16px}}@media (max-width:480px){.chapters-slider-wrapper{padding:0 35px}.chapters-slider-item{width:130px;min-width:130px}}

/* ---- manga lang filter ---- */
.manga-lang-filter{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.mlf-label{flex:0 0 auto;color:#999;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px}
.mlf-label i{color:#ff4757;font-size:16px}
.mlf-scroll{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.mlf-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#ddd;font-size:14px;line-height:1;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s,color .2s,transform .2s}
.mlf-chip:hover{background:rgba(255,71,87,.14);border-color:rgba(255,71,87,.45);color:#fff;transform:translateY(-1px)}
.mlf-chip:focus-visible{outline:2px solid #ff4757;outline-offset:2px}
.mlf-chip.is-active{background:#ff4757;border-color:#ff4757;color:#fff;box-shadow:0 4px 14px rgba(255,71,87,.35)}
.mlf-flag{font-size:17px;line-height:1}
.mlf-count{font-size:11px;font-weight:700;padding:3px 7px;border-radius:999px;background:rgba(0,0,0,.35);color:#bbb}
.mlf-chip.is-active .mlf-count{background:rgba(255,255,255,.25);color:#fff}
.mlf-chip.is-empty{opacity:.4;cursor:default}
.mlf-chip.is-empty:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#ddd;transform:none}
@media (max-width:768px){.manga-lang-filter{flex-direction:column;align-items:stretch;gap:8px}.mlf-scroll{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-top:2px;padding-bottom:12px;margin:0;padding-right:24px;mask-image:linear-gradient(90deg,#000 85%,transparent)}.mlf-scroll::-webkit-scrollbar{display:none}.mlf-chip{scroll-snap-align:start;padding:8px 12px 8px 10px}}

/* ---- manga-card.blade.php ---- */
.mcard{position:relative;display:flex;flex-direction:column;height:100%;background:#17171b;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.mcard:hover{transform:translateY(-4px);border-color:rgba(255,71,87,.45);box-shadow:0 14px 32px rgba(0,0,0,.55)}
.mcard-cover{position:relative;display:block;aspect-ratio:5/7;overflow:hidden;background:#0e0e11}
.mcard-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}
.mcard:hover .mcard-cover img{transform:scale(1.05)}
.mcard-cover::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);pointer-events:none}
.mcard-badges{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;gap:6px;z-index:2;pointer-events:none}
.mcard-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;line-height:1;color:#fff;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
.mcard-pill.is-new{background:#ff4757;letter-spacing:.04em}
.mcard-cover-foot{position:absolute;left:10px;right:10px;bottom:9px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#eee;font-size:12px;font-weight:600;pointer-events:none}
.mcard-cover-foot span{display:inline-flex;align-items:center;gap:5px;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.mcard-cover-foot i{color:#ff4757}
.mcard-read{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;opacity:0;background:rgba(0,0,0,.35);transition:opacity .25s}
.mcard:hover .mcard-read,.mcard-cover:focus-visible .mcard-read{opacity:1}
.mcard-read span{background:#ff4757;color:#fff;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;box-shadow:0 6px 18px rgba(255,71,87,.45)}
.mcard-body{display:flex;flex-direction:column;gap:8px;padding:11px 12px 12px;flex:1}
.mcard-title-link{text-decoration:none;color:inherit}
.mcard-title{margin:0;font-size:14px;font-weight:700;line-height:1.35;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.mcard-title-link:hover .mcard-title{color:#ff4757}
.mcard-latest{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px;color:#bbb;text-decoration:none;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.mcard-latest:hover{border-color:rgba(255,71,87,.4);color:#fff}
.mcard-latest b{color:#ff4757;font-weight:700;flex:0 0 auto}
.mcard-latest em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mcard-latest time{margin-left:auto;flex:0 0 auto;color:#888;font-size:11px}
.mcard-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:#999}
.mcard-meta span,.mcard-meta a{display:inline-flex;align-items:center;gap:4px}
.mcard-meta i{color:#ff4757;font-size:11px}
.mcard-lang{color:#ccc;text-decoration:none}
.mcard-lang:hover{color:#ff4757}
.mcard-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.mcard-tag{font-size:11px;line-height:1;padding:5px 8px;border-radius:999px;color:#ff6b7a;background:rgba(255,71,87,.1);border:1px solid rgba(255,71,87,.18);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcard-tag:hover{background:rgba(255,71,87,.25);color:#fff}
.mcard-tag-more{font-size:11px;padding:5px 6px;color:#777}
@media (max-width:576px){.mcard-body{padding:9px 9px 10px;gap:6px}.mcard-title{font-size:13px}.mcard-latest time,.mcard-tag:nth-child(n+3){display:none}}

/* ---- series-card.blade.php ---- */
.scard{position:relative;display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;background:#17171b;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.scard:hover{transform:translateY(-4px);border-color:rgba(255,71,87,.45);box-shadow:0 14px 32px rgba(0,0,0,.55);color:inherit}
.scard:focus-visible{outline:2px solid #ff4757;outline-offset:2px}
.scard-poster{position:relative;aspect-ratio:2/3;overflow:hidden;background:#0e0e11}
.scard-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}
.scard:hover .scard-poster img{transform:scale(1.05)}
.scard-poster::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);pointer-events:none}
.scard-badges{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;gap:6px;z-index:2}
.scard-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;line-height:1;color:#fff;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
.scard-pill i{color:#ff4757}
.scard-pill.is-new{background:#ff4757;letter-spacing:.04em}
.scard-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;opacity:0;background:rgba(0,0,0,.3);transition:opacity .25s}
.scard:hover .scard-play,.scard:focus-visible .scard-play{opacity:1}
.scard-play span{width:54px;height:54px;border-radius:50%;background:#ff4757;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 6px 18px rgba(255,71,87,.45)}
.scard-poster-foot{position:absolute;left:10px;right:10px;bottom:9px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#eee;font-size:12px;font-weight:600}
.scard-poster-foot span{display:inline-flex;align-items:center;gap:5px;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.scard-poster-foot i{color:#ff4757}
.scard-body{display:flex;flex-direction:column;gap:6px;padding:11px 12px 12px;flex:1}
.scard-title{margin:0;font-size:14px;font-weight:700;line-height:1.35;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.scard:hover .scard-title{color:#ff4757}
.scard-desc{margin:0;font-size:12px;line-height:1.5;color:#999;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.scard-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:4px;font-size:12px;color:#999}
.scard-meta span{display:inline-flex;align-items:center;gap:4px}
.scard-meta i{color:#ff4757;font-size:11px}
@media (max-width:576px){.videos-grid:has(> .scard){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 10px}.scard-body{padding:9px 9px 10px}.scard-title{font-size:13px}.scard-desc{-webkit-line-clamp:2}}

/* ---- video card (.vcard) — components/v3/video-card ---- */
.video-card.vcard{background:#17171b;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column;height:100%}
.video-card.vcard:hover{transform:translateY(-4px);border-color:rgba(255,71,87,.45);box-shadow:0 14px 32px rgba(0,0,0,.55)}
.vcard .video-thumbnail{height:auto;aspect-ratio:16/9;border-radius:0}
.vcard .video-thumbnail::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);pointer-events:none}
.vcard .video-duration{z-index:2;left:auto;right:8px;bottom:8px;border-radius:6px;padding:3px 7px;font-size:11.5px;background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}
.vcard .video-quality{border-radius:6px}
.vcard-new{position:absolute;top:8px;left:8px;z-index:3;padding:4px 8px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.04em;line-height:1;color:#fff;background:#ff4757;box-shadow:0 3px 10px rgba(255,71,87,.45)}
.vcard .video-info{padding:11px 12px 12px;display:flex;flex-direction:column;gap:7px;flex:1}
.vcard .video-title{margin:0;font-size:14px;line-height:1.35;min-height:2.7em}
.vcard .video-title a:hover{color:#ff4757}
.vcard .video-meta{gap:10px;color:#999}
.vcard .video-meta i{color:#ff4757;font-size:11px;margin-right:2px}
.vcard .video-meta .views-count{margin-left:auto}
.vcard .video-category{margin-top:auto;display:flex;flex-wrap:wrap;gap:5px}
.vcard .video-category a,.vcard .video-category span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;line-height:1;padding:5px 9px;border-radius:999px;color:#ff6b7a;background:rgba(255,71,87,.1);border:1px solid rgba(255,71,87,.18)}
.vcard .video-category a:hover{background:rgba(255,71,87,.25);color:#fff}

/* ---- gallery card (.gcard) — components/v3/gallery-card ---- */
.gallery-card.gcard{height:auto!important;margin-bottom:20px!important;background:#17171b;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column}
.gallery-card.gcard:hover{transform:translateY(-4px);border-color:rgba(255,71,87,.45);box-shadow:0 14px 32px rgba(0,0,0,.55)}
.gcard .gallery-thumbnail{position:relative;height:auto!important;aspect-ratio:7/5;overflow:hidden;background:#0e0e11}
.gcard .gallery-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}
.gcard:hover .gallery-thumbnail img{transform:scale(1.05)}
.gcard .gallery-badge,.gcard .gallery-type-badge{position:absolute;top:auto;height:auto;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;line-height:1;color:#fff;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
.gcard .gallery-badge{right:8px;bottom:8px}
.gcard .gallery-badge i{color:#ff4757}
.gcard .gallery-type-badge{left:8px;bottom:8px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gcard-new{position:absolute;top:8px;left:8px;z-index:3;padding:4px 8px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.04em;line-height:1;color:#fff;background:#ff4757;box-shadow:0 3px 10px rgba(255,71,87,.45)}
.gcard .gallery-info-section{padding:11px 12px 12px;display:flex;flex-direction:column;gap:7px;flex:1}
.gcard .gallery-title-link{text-decoration:none;color:inherit}
.gcard .gallery-card-title{margin:0;font-size:14px;font-weight:700;line-height:1.35;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.gcard .gallery-title-link:hover .gallery-card-title{color:#ff4757}
.gcard .gallery-stats-row{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#999}
.gcard .gallery-stat i{color:#ff4757;font-size:11px}
.gcard .gallery-tags-container{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.gcard .gallery-tag-item{font-size:11px;line-height:1;padding:5px 8px;border-radius:999px;color:#ff6b7a;background:rgba(255,71,87,.1);border:1px solid rgba(255,71,87,.18);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gcard .gallery-tag-item:hover{background:rgba(255,71,87,.25);color:#fff}
.gcard-tag-more{font-size:11px;padding:5px 6px;color:#777}

/* ---- phones: two cards per row in every card list ---- */
@media (max-width:576px){
.videos-grid:has(> .video-card){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:0 8px!important}
.row>[class*="col-"]:has(> .gallery-card),.row>[class*="col-"]:has(> .mcard){flex:0 0 50%;max-width:50%;padding-left:5px;padding-right:5px}
.vcard .video-info,.gcard .gallery-info-section{padding:8px 8px 10px;gap:5px}
.vcard .video-title,.gcard .gallery-card-title{font-size:12.5px}
.vcard .video-meta{font-size:11px;gap:6px}
.vcard .video-meta .rating,.vcard .video-category a+a,.gcard .gallery-tag-item:nth-child(n+3),.gcard-tag-more{display:none}
.vcard .video-duration,.vcard .video-quality{font-size:10px;padding:2px 5px}
.hsec-more{padding:6px 11px;font-size:12px}
}