/* Motchill test theme — khung chung. Số đo theo /root/motchill-test-artifacts/ref/SPEC.md (motchille.film, không quảng cáo). */
:root{
  --mc-bg:#000;--mc-fg:#fff;
  --mc-accent:#ff7e08;--mc-orange-400:#ff8904;--mc-orange-500:#ff6900;--mc-yellow-500:#edb200;--mc-yellow-400:#fac800;
  --mc-green:#00dc5a;--mc-gray-900:#101828;--mc-gray-800:#1e2939;--mc-gray-700:#364153;--mc-gray-500:#6a7282;
  --mc-gray-400:#99a1af;--mc-gray-300:#d1d5dc;--mc-gray-200:#e5e7eb;--mc-muted:#a1a1a1;--mc-suggest:#171717;
  --mc-line:rgba(255,255,255,.1);--mc-line-2:rgba(255,255,255,.15);--mc-input:rgba(255,255,255,.045);
  --mc-r:4px;--mc-r-md:6px;--mc-r-lg:10px;--mc-r-xl:14px;
  --mc-ease:cubic-bezier(.4,0,.2,1);
  --mc-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mc-header-h:56px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body.mc-body{margin:0;background:var(--mc-bg);color:var(--mc-fg);font-family:var(--mc-font);font-size:16px;line-height:24px;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4,p,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}
.mc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.mc-ico{width:24px;height:24px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mc-ico-16{width:16px;height:16px}.mc-ico-20{width:20px;height:20px}
.line-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.line-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* container: trang chủ px-2, trang khác px-4; ≥1400 max 1400 */
.mc-container{width:100%;margin:0 auto;padding-left:16px;padding-right:16px}
.mc-container--home{padding-left:8px;padding-right:8px}
@media (min-width:640px){.mc-container.mc-container--home{max-width:none}}
@media (min-width:1400px){.mc-container.mc-container--home{max-width:1400px}}
@media (min-width:1400px){.mc-container{max-width:1400px}}

/* ===== Header (fixed 56px; mobile→desktop ở 1280) ===== */
.mc-header{position:fixed;top:0;left:0;right:0;z-index:50;background:#000}
.mc-header__bar{height:var(--mc-header-h);padding:0 8px;display:flex;align-items:center;justify-content:space-between}
.mc-header__m{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px}
.mc-header__d{display:none}
.mc-logo{display:flex;align-items:center;flex:none;position:relative;width:100px;height:80px}
.mc-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mc-logo__text{font-weight:700;font-size:22px;color:var(--mc-accent)}
.mc-main{flex:1 0 auto;padding-top:44px}
@media (min-width:1280px){
  .mc-header__m{display:none}
  .mc-header__d{display:flex;width:100%;align-items:center;justify-content:space-between;gap:32px}
  .mc-header__left{display:flex;align-items:center;gap:32px}
  .mc-header__right{display:flex;align-items:center;gap:16px}
  .mc-logo{width:140px;height:100px}
  .mc-main{padding-top:56px}
}
.mc-nav{display:flex;align-items:center;gap:20px;font-size:14px;line-height:20px;font-weight:500}
.mc-nav a,.mc-nav__btn{white-space:nowrap;transition:color .15s var(--mc-ease)}
.mc-nav a:hover,.mc-nav__btn:hover,.mc-dd:hover>.mc-nav__btn{color:var(--mc-accent)}
.mc-nav__btn{display:flex;align-items:center;gap:4px;font-weight:500}
.mc-dd{position:relative}
.mc-dd__panel{position:absolute;left:0;top:100%;z-index:50;width:540px;max-height:300px;overflow-y:auto;background:#000;border:1px solid var(--mc-line);border-radius:var(--mc-r);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);padding:16px;display:flex;flex-wrap:wrap;gap:16px;visibility:hidden;opacity:0;pointer-events:none;transition:all .2s ease-in-out}
.mc-dd:hover .mc-dd__panel,.mc-dd:focus-within .mc-dd__panel{visibility:visible;opacity:1;pointer-events:auto}
.mc-dd__panel a{width:25%;font-size:14px;line-height:20px;color:#fff}
.mc-dd__panel a:hover{color:var(--mc-accent)}
.mc-dd__panel--topic{width:560px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px}
.mc-dd__panel--topic a{width:auto;white-space:nowrap}
.mc-login{display:flex;align-items:center;gap:8px;font-size:16px;line-height:24px;font-weight:400;white-space:nowrap}
.mc-login:hover{color:var(--mc-accent)}

/* search */
.mc-search{position:relative;flex:1;min-width:0}
.mc-search__input{width:100%;height:32px;border-radius:9999px;background:var(--mc-input);border:1px solid var(--mc-line);padding:4px 16px 4px 40px;font-size:16px;line-height:24px;color:#fff;outline:none}
.mc-search__input::placeholder{color:var(--mc-gray-400)}
.mc-search__input:focus{border-color:var(--mc-line-2)}
.mc-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--mc-gray-400);pointer-events:none}
@media (min-width:1280px){.mc-search{flex:none;width:268px}.mc-search__input{font-size:14px;line-height:20px}}
.mc-suggest{display:none;position:fixed;left:8px;right:8px;top:56px;z-index:60;max-height:70vh;overflow-y:auto;background:var(--mc-suggest);border:1px solid var(--mc-line);border-radius:var(--mc-r-lg);box-shadow:0 20px 25px -5px rgba(0,0,0,.5)}
.mc-suggest.is-open{display:block}
@media (min-width:1280px){.mc-suggest{position:absolute;left:auto;right:0;top:calc(100% + 8px);width:420px}}
.mc-suggest__item{display:flex;gap:12px;padding:8px 12px;align-items:center}
.mc-suggest__item:hover,.mc-suggest__item.is-active{background:rgba(255,255,255,.06)}
.mc-suggest__thumb{width:40px;height:56px;border-radius:var(--mc-r);object-fit:cover;background:var(--mc-gray-800);flex:none}
.mc-suggest__name{font-size:14px;line-height:20px;font-weight:500}
.mc-suggest__sub{font-size:12px;line-height:16px;color:var(--mc-gray-400);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mc-suggest__badge{background:rgba(237,178,0,.2);color:#ffdf20;border-radius:var(--mc-r);padding:0 4px;font-size:10px;font-weight:600}
.mc-suggest__all{display:block;padding:10px 12px;border-top:1px solid var(--mc-line);font-size:14px;color:var(--mc-accent)}
.mc-suggest__empty{padding:15px 12px;font-size:14px;line-height:24px;color:var(--mc-gray-400)}

/* menu mobile */
.mc-burger{color:#fff;flex:none}
.mc-mmenu__overlay{display:none;position:fixed;inset:56px 0 0 0;z-index:40;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.mc-mmenu{display:none;position:fixed;top:56px;left:0;right:0;z-index:50;background:#000;border-top:1px solid var(--mc-line);padding:16px;max-height:calc(100vh - 56px);overflow-y:auto}
.mc-mmenu.is-open,.mc-mmenu.is-open+.mc-mmenu__overlay{display:block}
.mc-mmenu a,.mc-mmenu__btn{display:flex;width:100%;align-items:center;justify-content:space-between;padding:8px 0;font-size:16px;line-height:24px;font-weight:500}
.mc-mmenu a:hover,.mc-mmenu__btn:hover{color:var(--mc-accent)}
.mc-mmenu__sub{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;padding:4px 0 8px 12px}
.mc-mmenu__sub a{font-size:14px;line-height:20px;font-weight:400;color:var(--mc-gray-300);padding:6px 0}
.mc-mmenu__group.is-open .mc-mmenu__sub{display:grid}
.mc-mmenu__group.is-open .mc-mmenu__btn svg{transform:rotate(180deg)}
.mc-mmenu__overlay.is-open{display:block}
.mc-mmenu__btn svg{transition:transform .2s}
@media (min-width:1280px){.mc-mmenu,.mc-mmenu__overlay{display:none!important}}
.mc-search__input{-webkit-appearance:none;appearance:none}

/* ===== Section title ===== */
.mc-h2-line{display:inline-block;font-size:16px;line-height:24px;font-weight:700;color:#fff;border-bottom:2px solid var(--mc-orange-400)}
@media (min-width:640px){.mc-h2-line{font-size:18px;line-height:28px}}
.mc-h2-line--lg{font-size:24px;line-height:32px}
.mc-h2-orange{font-size:20px;line-height:28px;font-weight:700;text-transform:uppercase;letter-spacing:.025em;color:var(--mc-orange-400)}
@media (min-width:640px){.mc-h2-orange{font-size:24px;line-height:32px}}

/* ===== Card A (đề cử, "có thể bạn cũng thích") ===== */
.mc-card-a{position:relative;flex:none;width:160px}
@media (min-width:640px){.mc-card-a{width:180px}}
.mc-card-a__poster{position:relative;display:block;aspect-ratio:2/3;width:100%;border-radius:var(--mc-r-md);overflow:hidden;background:var(--mc-gray-800);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.mc-card-a__poster img{width:100%;height:100%;object-fit:cover}
.mc-card-a__name{margin-top:4px;font-size:14px;line-height:20px;font-weight:500}
.mc-card-a__origin{font-size:14px;line-height:20px;color:var(--mc-gray-400)}

/* ===== Card B (lưới) ===== */
.mc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:640px){.mc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:768px){.mc-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.mc-grid--home{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:768px){.mc-grid--home{grid-template-columns:repeat(5,minmax(0,1fr))}}
.mc-card-b{position:relative;overflow:hidden;border-radius:var(--mc-r-lg);margin-top:8px;transition:transform .3s var(--mc-ease),box-shadow .3s var(--mc-ease)}
.mc-card-b__poster{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border-radius:var(--mc-r-lg);background:var(--mc-gray-800)}
.mc-card-b__poster img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--mc-ease)}
.mc-card-b__link{display:block;position:relative}
.mc-card-b__meta{margin-top:8px}
.mc-card-b__name{margin:0;font-size:14px;line-height:20px;font-weight:500;color:#fff}
.mc-card-b__origin{margin:0;font-size:14px;line-height:20px;color:var(--mc-gray-400)}
@media (hover:hover) and (min-width:640px){
  .mc-card-b:hover{transform:scale(1.03);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
  .mc-card-b:hover .mc-card-b__poster img{transform:scale(1.05)}
}

/* badge + overlay play dùng chung */
.mc-badge{position:absolute;z-index:20;border-radius:var(--mc-r);font-size:10px;line-height:15px;padding:2px 6px;color:#fff;background:rgba(0,0,0,.7);white-space:nowrap;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis}
.mc-badge--tl{top:0;left:4px;font-weight:500}.mc-badge--tr{top:0;right:4px}.mc-badge--bl{bottom:4px;left:4px}
/* card B: badge trên của mẫu là span inline trong line-box 24px -> cao 16px, lệch 6px */
.mc-card-b .mc-badge--tl,.mc-card-b .mc-badge--tr{top:6px;line-height:12px}
.mc-card-a .mc-badge{padding:2px 4px}
.mc-card-a .mc-badge--tl{top:4px;font-weight:600}.mc-card-a .mc-badge--tr{top:4px}
.mc-badge--fhd{background:var(--mc-yellow-500);color:#000;font-weight:700}
.mc-badge--q{background:var(--mc-orange-400);color:#000;font-weight:600}
.mc-play{display:none;position:absolute;inset:0;z-index:30;align-items:center;justify-content:center;opacity:0;transition:opacity .3s var(--mc-ease)}
.mc-play span{display:flex;padding:8px;border-radius:9999px;background:var(--mc-yellow-500);color:#fff}
.mc-play span:hover{background:var(--mc-yellow-400)}
@media (hover:hover) and (min-width:640px){.mc-play{display:flex}.mc-hover:hover .mc-play{opacity:1}}

/* ===== Breadcrumb ===== */
.mc-bc{display:flex;flex-wrap:wrap;align-items:center;column-gap:4px;border-top:1px solid var(--mc-gray-800);border-bottom:1px solid var(--mc-gray-800);padding:8px 0;margin:16px 0;font-size:14px;line-height:20px;color:var(--mc-gray-400)}
@media (min-width:768px){.mc-bc{column-gap:12px}}
.mc-bc li{display:flex;align-items:center;min-width:0}
.mc-bc li+li::before{content:"/";margin:0 8px}
.mc-bc a:hover{color:var(--mc-accent)}
.mc-bc li:last-child{color:var(--mc-gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ===== Pagination ===== */
.mc-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:40px 0 0}
.mc-pager a,.mc-pager span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;background:var(--mc-gray-800);color:#fff;font-size:16px;line-height:24px;font-weight:500;transition:background .15s var(--mc-ease)}
.mc-pager .is-disabled,.mc-pager .is-dots{font-weight:400}
.mc-pager a:hover{background:rgba(255,126,8,.8)}
.mc-pager .is-active{background:var(--mc-accent);color:#000}
.mc-pager .is-disabled{background:rgba(54,65,83,.5);color:var(--mc-gray-400);font-size:16px;font-weight:400;cursor:not-allowed}
.mc-pager .is-dots{background:transparent}

/* ===== Buttons ===== */
.mc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:8px 16px;border-radius:var(--mc-r);font-size:14px;line-height:20px;font-weight:500;white-space:nowrap;transition:background .15s var(--mc-ease),opacity .15s}
.mc-btn--primary{background:var(--mc-accent);color:#fff}.mc-btn--primary:hover{opacity:.9}
.mc-btn--ghost{background:var(--mc-input);border:1px solid var(--mc-line-2);border-radius:8px}.mc-btn--ghost:hover{background:rgba(255,255,255,.08)}
.mc-btn--gray{background:var(--mc-gray-800);color:var(--mc-gray-200)}.mc-btn--gray:hover{background:var(--mc-gray-700)}
.mc-btn--orange{background:var(--mc-orange-500);color:#fff;font-weight:600}.mc-btn--orange:hover{opacity:.9}
.mc-notice{border:1px dashed var(--mc-orange-400);border-radius:var(--mc-r);padding:8px 12px;font-size:14px;line-height:20px;margin:12px 0}
.mc-empty{border:1px dashed var(--mc-line);border-radius:var(--mc-r-xl);padding:32px 16px;text-align:center;font-size:14px;color:var(--mc-gray-400)}
.mc-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;background:var(--mc-gray-800);color:#fff;padding:10px 16px;border-radius:var(--mc-r-lg);font-size:14px;box-shadow:0 10px 15px rgba(0,0,0,.4);opacity:0;transition:opacity .2s;pointer-events:none;max-width:calc(100% - 32px)}
.mc-toast.is-show{opacity:1}

/* ===== Footer ===== */
.mc-footer{width:100%;background:#000;border-top:1px solid var(--mc-line);padding:24px 0;margin-top:auto}
.mc-footer__in{display:grid;gap:32px;padding-left:8px;padding-right:8px}
@media (min-width:640px){.mc-container.mc-footer__in{max-width:none}}
@media (min-width:1400px){.mc-container.mc-footer__in{max-width:1400px}}
@media (min-width:768px){.mc-footer__in{grid-template-columns:repeat(3,minmax(0,1fr));padding-left:0;padding-right:0}.mc-footer__about{grid-column:span 2}}
.mc-footer p,.mc-footer li a{font-size:14px;line-height:20px;color:var(--mc-muted)}
.mc-footer__about p+p{margin-top:12px}
.mc-footer__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mc-footer h3{margin-bottom:12px;font-size:14px;line-height:20px;font-weight:600}
.mc-footer li+li{margin-top:8px}
.mc-footer a:hover{color:#fff}

/* ===== Sidebar box (trang chủ + danh sách) ===== */
/* sidebar */
.mc-box{border-radius:var(--mc-r-lg);padding:16px;background:color-mix(in oklab,var(--mc-gray-900) 50%,transparent)}
.mc-box__t{margin-bottom:16px;font-size:18px;line-height:28px;font-weight:700}
.mc-box__t--hot{color:var(--mc-orange-400);border-bottom:1px dashed var(--mc-gray-700);padding-bottom:4px;text-transform:uppercase}
.mc-box__t--bar{display:flex;align-items:center}
.mc-box__t--bar::before{content:"";width:4px;height:20px;margin-right:8px;border-radius:9999px;background:var(--mc-accent)}
.mc-rank>*+*{margin-top:8px}
.mc-rank a{display:flex;align-items:center;border-radius:4px;padding:8px 12px;transition:background .15s}
.mc-rank a:hover,.mc-rank a.is-top{background:var(--mc-gray-800)}
.mc-rank__n{display:flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:9999px;font-size:12px;line-height:16px;font-weight:700;color:#fff;background:var(--mc-gray-700)}
.mc-rank__n--1{background:#ff7e08}.mc-rank__n--2{background:var(--mc-orange-400)}.mc-rank__n--3{background:var(--mc-yellow-400)}
.mc-rank__b{margin-left:12px;min-width:0}
.mc-rank__name{font-size:14px;line-height:20px;font-weight:600;color:#fff}
.mc-rank__v,.mc-rated__o,.mc-rated__s{font-size:12px;line-height:16px;color:var(--mc-gray-400)}
.mc-rated>*+*{margin-top:16px}
.mc-rated a{display:flex}
.mc-rated__img{position:relative;flex:none;width:64px;height:96px}
.mc-rated__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--mc-r-md);transition:filter .15s}
.mc-rated a:hover .mc-rated__img img{filter:brightness(75%)}
.mc-rated__b{margin-left:12px;flex:1;min-width:0}
.mc-rated__b h3{font-size:14px;line-height:20px;font-weight:500;transition:color .15s}
.mc-rated a:hover h3{color:var(--mc-accent)}
.mc-rated__o{margin-top:4px}
.mc-rated__row{display:flex;align-items:center;margin-top:4px;font-size:12px;line-height:16px}
.mc-rated__row svg{width:12px;height:12px;flex:none}
.mc-rated__row span{margin-left:4px}
.mc-star{fill:var(--mc-yellow-400);stroke:var(--mc-yellow-400)}

/* ===== Danh sách / thể loại / tìm kiếm (số đo motchille.film/danh-sach/phim-bo) ===== */
.mc-cat{padding-bottom:32px}
.mc-cat__h1{margin-bottom:8px;font-size:24px;line-height:32px;font-weight:700}
@media (min-width:768px){.mc-cat__h1{font-size:30px;line-height:36px}}
.mc-cat__desc{margin-bottom:24px;color:var(--mc-gray-400)}
.mc-cat__row{display:flex;flex-direction:column;gap:24px}
.mc-cat__main{width:100%;min-width:0}
.mc-cat__side{display:none}
@media (min-width:1024px){
  .mc-cat__row{flex-direction:row}
  .mc-cat__main{width:75%}
  .mc-cat__side{display:block;width:25%}
}
.mc-cat__empty{margin-top:8px}
.mc-filter{margin-bottom:8px;padding:8px;border-radius:var(--mc-r-lg);background:color-mix(in oklab,var(--mc-gray-900) 60%,transparent)}
.mc-filter__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:1024px){.mc-filter__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.mc-filter select{width:100%;height:38px;padding:8px;border:0;border-radius:var(--mc-r);background:var(--mc-gray-800);color:#fff;font-size:16px;outline:none;cursor:pointer}
.mc-filter select:focus{box-shadow:0 0 0 2px rgba(255,126,8,.4)}
.mc-filter__btns{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.mc-filter__reset,.mc-filter__go{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:8px 16px;border-radius:var(--mc-r);font-size:14px;line-height:20px;white-space:nowrap;transition:background .15s var(--mc-ease),opacity .15s}
.mc-filter__reset{background:var(--mc-gray-800);color:var(--mc-gray-200);font-weight:500}
.mc-filter__reset:hover{background:var(--mc-gray-700)}
.mc-filter__go{background:var(--mc-orange-500);color:#fff;font-weight:600}
.mc-filter__go:hover{opacity:.9}

/* ===== Đăng nhập / đăng ký (popup như motchille.film: overlay đen 70%, hộp 560px #0b0f14) ===== */
.au-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}
.au-modal[hidden]{display:none}
.au-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7)}
.au-dialog{position:relative;width:92vw;max-width:560px;max-height:85vh;overflow-y:auto}
.au-card{position:relative;border-radius:16px;background:#0b0f14;color:#fff;border:1px solid var(--mc-line);box-shadow:0 0 0 1px rgba(255,126,8,.2),0 30px 120px rgba(0,0,0,.85);padding:28px 32px 24px}
.au-close{position:absolute;right:16px;top:16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;color:rgba(255,255,255,.6);transition:background .15s,color .15s}
.au-close:hover{background:rgba(255,255,255,.1);color:#fff}
.au-head{margin-bottom:20px;text-align:center}
.au-title{font-size:24px;line-height:32px;font-weight:600;letter-spacing:.025em}
.au-sub{margin-top:4px;font-size:14px;line-height:20px;color:rgba(255,255,255,.45)}
.au-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:24px;padding:4px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--mc-line)}
.au-tab{height:36px;border-radius:9px;font-size:14px;line-height:20px;font-weight:500;color:rgba(255,255,255,.6);transition:background .15s,color .15s}
.au-tab.is-active{background:var(--mc-accent);color:#000}
.au-form{display:flex;flex-direction:column;gap:16px;margin-top:20px}
.au-form[hidden]{display:none}
.au-input{height:48px;width:100%;border-radius:14px;padding:0 16px;background:rgba(255,255,255,.05);border:1px solid var(--mc-line);color:#fff;outline:none;transition:border-color .15s,box-shadow .15s}
.au-input::placeholder{color:rgba(255,255,255,.35)}
.au-input:focus{border-color:rgba(255,126,8,.7);box-shadow:0 0 0 4px rgba(255,126,8,.15)}
.au-check{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;color:rgba(255,255,255,.6);cursor:pointer}
.au-check input{width:16px;height:16px;accent-color:var(--mc-accent)}
.au-btn{height:48px;border-radius:14px;background:var(--mc-accent);color:#000;font-weight:600;transition:background .15s,opacity .15s}
.au-btn:hover{background:rgba(255,126,8,.9)}
.au-btn:disabled{opacity:.5;pointer-events:none}
.au-err{border-radius:10px;border:1px solid rgba(251,44,54,.3);background:rgba(251,44,54,.1);padding:8px 12px;text-align:center;font-size:12px;line-height:16px;color:#ff6467}
.au-err[hidden]{display:none}
.au-foot{margin-top:24px;text-align:center;font-size:12px;line-height:16px;color:rgba(255,255,255,.4)}
.au-page{max-width:560px;margin:0 auto}

/* menu tài khoản */
.mc-user__name{max-width:140px;overflow:hidden;text-overflow:ellipsis}
.mc-dd__panel.mc-user__panel{left:auto;right:0;width:200px;flex-direction:column;gap:12px}
.mc-user__panel a,.mc-user__panel button{width:auto;font-size:14px;line-height:20px;text-align:left;color:#fff}
.mc-user__panel a:hover,.mc-user__panel button:hover{color:var(--mc-accent)}
.mc-mmenu form{margin:0}

/* lịch sử xem */
.hs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}
@media (min-width:768px){.hs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.hs-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1280px){.hs-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.hs-card__img{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--mc-r-md);overflow:hidden;background:var(--mc-gray-800)}
.hs-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.hs-card__img:hover img{transform:scale(1.05)}
.hs-card__bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.25)}
.hs-card__bar span{display:block;height:100%;background:var(--mc-accent)}
.hs-card__time{position:absolute;right:6px;bottom:10px;padding:1px 6px;border-radius:4px;background:rgba(0,0,0,.75);font-size:12px;line-height:16px}
.hs-card__meta{margin-top:8px}
.hs-card__name{font-size:14px;line-height:20px;font-weight:500}
.hs-card__name:hover{color:var(--mc-accent)}
.hs-card__sub{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;line-height:16px;color:var(--mc-gray-400)}
.hs-card__del{flex:none;color:var(--mc-gray-500)}
.hs-card__del:hover{color:#ff6467}
.hs-empty{text-align:center;color:var(--mc-gray-400)}
.hs-empty a{color:var(--mc-accent)}

/* hàng "Tiếp tục xem" trang chủ — dùng lại .mc-rail/.mc-card-a, thêm thanh tiến độ + caption */
.mc-cont{margin-bottom:24px}
.mc-cont__wrap{position:relative}
.mc-cont__card{position:relative}
.mc-cont__bar{position:absolute;left:0;right:0;bottom:0;z-index:20;height:3px;background:rgba(255,255,255,.22)}
.mc-cont__bar>span{display:block;height:100%;background:#FF7E08}
.mc-cont__cap{margin-top:2px;font-size:12px;line-height:16px;color:var(--mc-gray-400)}
@media (min-width:640px){.mc-cont__cap{font-size:13px}}
.mc-cont__nav{display:none}
@media (hover:hover) and (min-width:1024px){
  .mc-cont__nav{position:absolute;top:28%;z-index:30;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:9999px;background:rgba(0,0,0,.72);color:#fff;cursor:pointer;transition:background .15s var(--mc-ease),opacity .15s}
  .mc-cont__nav:hover{background:var(--mc-accent)}
  .mc-cont__nav[disabled]{opacity:.35;cursor:default}
  .mc-cont__nav[disabled]:hover{background:rgba(0,0,0,.72)}
  .mc-cont__nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .mc-cont__nav--prev{left:-6px}
  .mc-cont__nav--next{right:-6px}
}