:root{--accent:#7c5cff;--accent2:#ff4d6d;--r:14px;--fs:15px;--cols:2;--cardw:175px;--railw:140px;
--bg:#0b0e17;--bg2:#111626;--card:#151b2d;--card2:#1d2742;--text:#e9edf7;--muted:#8d97b0;--line:#26304d;--shadow:0 10px 26px rgba(0,0,0,.45)}
[data-theme=light]{--bg:#f2f4fb;--bg2:#ffffff;--card:#ffffff;--card2:#eceffa;--text:#161a2e;--muted:#5b6684;--line:#dde2f1;--shadow:0 10px 24px rgba(40,50,110,.15)}
*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(124,92,255,.25)}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:var(--fs)/1.55 Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden}
a,a:hover,a:active,a:focus,a:visited{color:inherit;text-decoration:none}
img{max-width:100%}
h1,h2,h3{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 12px 28px}
.empty{padding:30px 10px;text-align:center;color:var(--muted)}

/* announcement + header */
.strip{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;text-align:center;font-size:.82em;font-weight:600;padding:7px 10px}
.hd{position:sticky;top:0;z-index:60;background:var(--bg2);border-bottom:1px solid var(--line)}
.hd-in{max-width:1200px;margin:0 auto;padding:10px 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand{font-size:1.55em;font-weight:900;letter-spacing:-.5px;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.brand img{max-height:38px;display:block;-webkit-text-fill-color:initial}
.search{flex:1 1 260px;display:flex;max-width:560px;margin-left:auto;order:3}
.search input{flex:1;min-width:0;padding:10px 16px;border-radius:999px 0 0 999px;border:1px solid var(--line);border-right:0;background:var(--card);outline:0;-webkit-appearance:none;appearance:none}
.search input:focus{border-color:var(--accent)}
.search button{padding:0 16px;border:0;border-radius:0 999px 999px 0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;cursor:pointer;display:flex;align-items:center}
.tt{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto;order:2}
.search + .tt{margin-left:0}
@media(min-width:760px){.search{order:2;margin-left:auto}.tt{order:3;margin-left:0}}
.tagline{color:var(--muted);font-size:.85em;text-align:center;padding:10px 0 0}
.tgrow{text-align:center;padding:12px 0 2px}
.tg-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:999px;background:linear-gradient(135deg,#2aabee,#229ed9);color:#fff!important;font-weight:700;font-size:.9em;box-shadow:0 6px 16px rgba(34,158,217,.35)}
.chips-nav{display:flex;gap:8px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:none}
.chips-nav::-webkit-scrollbar{display:none}
.chip-link{white-space:nowrap;padding:8px 15px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:.84em;font-weight:600;transition:.15s}
.chip-link:hover,.chip-link:active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-color:transparent}
.chips-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px}
.ad{text-align:center;padding:10px 0;overflow:hidden}

/* section titles */
.sec{margin:26px 0 12px}
.sec h2{font-size:1.2em;font-weight:800;display:flex;align-items:center}
.sec h2::before{content:"";width:5px;height:1.1em;border-radius:3px;margin-right:10px;background:linear-gradient(var(--accent),var(--accent2))}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--muted);font-size:.82em;padding:14px 0 0;overflow-wrap:anywhere}
.crumbs a:hover{color:var(--accent)}

/* movie cards */
.grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:12px}
@media(min-width:700px){.grid{grid-template-columns:repeat(auto-fill,minmax(var(--cardw),1fr));gap:16px}}
.card{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
.card:hover,.card:active{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--accent)}
.ph{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:2/3;background:var(--card2);overflow:hidden}
.ph img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;transition:transform .3s}
.card:hover .ph img{transform:scale(1.04)}
.chip{display:inline-block;padding:4px 11px;border-radius:999px;background:var(--card2);font-size:.78em;font-weight:700;font-style:normal;color:var(--text)}
.ph .chip{position:absolute;top:8px;padding:3px 9px;font-size:.7em;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ph .q{left:8px;background:linear-gradient(135deg,var(--accent),var(--accent2))}
.ph .r{right:8px;background:rgba(0,0,0,.65)}
.ph .rk{left:8px;background:linear-gradient(135deg,var(--accent),var(--accent2))}
.ct{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:9px 10px 2px;font-weight:700;font-size:.9em;line-height:1.35;min-height:2.9em}
.cc{display:block;padding:0 10px 10px;color:var(--muted);font-size:.76em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .ct:last-child{padding-bottom:10px}

/* rails (featured / trending) */
.rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;scrollbar-width:thin}
.rcard{flex:0 0 var(--railw);scroll-snap-align:start;border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--line);transition:.18s}
.rcard:hover,.rcard:active{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow)}
.rcard .ct{font-size:.8em;min-height:2.7em}

/* tiles (categories, link blocks) */
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:700px){.tiles{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}
.tile{display:flex;align-items:center;gap:10px;padding:13px 14px;background:var(--card);border:1px solid var(--line);border-radius:12px;font-weight:700;font-size:.92em;transition:.15s;overflow-wrap:anywhere}
.tile:hover,.tile:active{border-color:var(--accent);background:var(--card2);transform:translateY(-2px)}
.fi{flex:0 0 auto;width:17px;height:13px;border-radius:3px 3px 3px 3px;background:linear-gradient(135deg,var(--accent),var(--accent2));position:relative;margin-top:3px}
.fi::before{content:"";position:absolute;left:0;top:-4px;width:8px;height:5px;border-radius:3px 3px 0 0;background:var(--accent)}
.tl{flex:1;min-width:0}
.badge{flex:0 0 auto;padding:2px 9px;border-radius:999px;background:#ff3b5c;color:#fff;font-size:.68em;font-weight:800}

/* pager */
.pager{display:flex;justify-content:center;align-items:center;gap:10px;margin:26px 0 6px;flex-wrap:wrap}
.pg{padding:10px 18px;border-radius:12px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:.9em}
a.pg:hover,a.pg:active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-color:transparent}
.pg.off{opacity:.4}
.pager select{padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line);font-size:.9em}

/* movie page */
.mv{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:16px}
@media(min-width:820px){.mv{grid-template-columns:300px minmax(0,1fr);gap:30px}.mv-poster{position:sticky;top:84px;align-self:start}}
.mv-poster{max-width:300px;width:100%;margin:0 auto}
.mv-poster img{display:block;width:100%;height:auto;border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--shadow)}
.mv h1{font-size:1.55em;font-weight:900;line-height:1.25;margin-bottom:12px;overflow-wrap:anywhere}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.chip.hl{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}
.chip.star{background:rgba(255,184,0,.16);color:#ffb800}
.desc{margin:0 0 6px;color:var(--muted);overflow-wrap:anywhere}
.kvs{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:4px 16px;margin:4px 0 16px}
.kv{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.kv:last-child{border-bottom:0}
.kv .k{flex:0 0 112px;color:var(--muted);font-size:.88em}
.kv .v{flex:1;min-width:0;font-weight:600}
.kv .v a{color:var(--accent)}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 22px;border-radius:12px;border:0;font-weight:800;color:#fff!important;background:linear-gradient(135deg,var(--accent),var(--accent2));cursor:pointer;box-shadow:0 8px 20px rgba(124,92,255,.3);transition:.15s}
.btn:hover,.btn:active{filter:brightness(1.1);transform:translateY(-2px)}
.btn.big{padding:15px 30px;font-size:1.05em}
.btn.alt{background:var(--card2);color:var(--text)!important;border:1px solid var(--line);box-shadow:none}
.btn.tgb{background:linear-gradient(135deg,#2aabee,#229ed9);box-shadow:0 8px 20px rgba(34,158,217,.3)}
.dic{width:18px;height:18px;flex:0 0 auto}
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:.88em}
.sb{padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-weight:700;font-size:.85em;cursor:pointer}
.sb.wa:hover{background:#25d366;color:#fff;border-color:transparent}
.sb.tgm:hover{background:#229ed9;color:#fff;border-color:transparent}
.sb.cp:hover{background:var(--accent);color:#fff;border-color:transparent}
.vid{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000;border:1px solid var(--line)}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.autos{margin:22px 0 6px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.auto{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);font-size:.88em;font-weight:600;overflow-wrap:anywhere;transition:.15s}
.auto:last-child{border-bottom:0}
.auto:hover,.auto:active{background:var(--card2);color:var(--accent)}
.bul{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2))}

/* download page */
.dl-head{display:flex;gap:16px;align-items:center;margin:16px 0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px}
.dh-img{flex:0 0 96px}
.dh-img img{display:block;width:96px;height:auto;border-radius:10px;border:1px solid var(--line)}
.dh-txt{min-width:0}.dh-txt h1{font-size:1.2em;font-weight:800;line-height:1.3;margin-bottom:10px;overflow-wrap:anywhere}.dh-txt .chips{margin:0}
.note{margin:0 0 12px;color:var(--muted);font-size:.9em}
.dl-list{display:grid;gap:10px}
.dlbtn{display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:12px;background:var(--card);border:1px solid var(--line);border-left:5px solid var(--accent);font-weight:700;transition:.15s}
.dlbtn .lb{flex:1;min-width:0;overflow-wrap:anywhere}
.dlbtn .sz{flex:0 0 auto;background:var(--card2);padding:4px 12px;border-radius:999px;font-size:.78em;color:var(--muted)}
.dlbtn .dic{color:var(--accent)}
.dlbtn.q-fhd{border-left-color:#ffb020}.dlbtn.q-hd{border-left-color:#2ecc71}.dlbtn.q-sd{border-left-color:#3aa0ff}
.dlbtn:hover,.dlbtn:active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow)}
.dlbtn:hover .dic,.dlbtn:active .dic{color:#fff}
.dlbtn:hover .sz,.dlbtn:active .sz{background:rgba(255,255,255,.22);color:#fff}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.gal img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line);cursor:zoom-in}
.zoomer{display:none;position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.88);align-items:center;justify-content:center;padding:14px;cursor:zoom-out}
.zoomer img{max-width:100%;max-height:100%;border-radius:10px}

/* panels, forms */
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;overflow-wrap:anywhere}
.rform label{display:block;margin:12px 0 5px;font-weight:700;font-size:.9em}
.rform input,.rform textarea{width:100%;max-width:520px;padding:11px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);outline:0;font-size:16px}
.rform input:focus,.rform textarea:focus{border-color:var(--accent)}
.rform .btn{margin-top:14px}
.err{color:#ff5470}

/* footer */
.ft{background:var(--bg2);border-top:1px solid var(--line);margin-top:20px;padding:8px 12px 18px}
.footlinks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:14px 0 4px}
.footlinks a{padding:7px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:.84em;font-weight:600}
.footlinks a:hover,.footlinks a:active{border-color:var(--accent);color:var(--accent)}
.seo{max-width:1000px;margin:14px auto;text-align:center;color:var(--muted);font-size:.82em;line-height:1.7;overflow-wrap:anywhere}
.copy{text-align:center;color:var(--muted);font-size:.8em;padding-top:6px}
.totop{display:none;position:fixed;right:16px;bottom:18px;z-index:70;width:46px;height:46px;border-radius:50%;border:0;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;cursor:pointer;box-shadow:var(--shadow)}

/* iPhone / Safari: same look as Android */
input,button,textarea{-webkit-appearance:none;appearance:none}
@media(max-width:700px){input,textarea,select{font-size:16px}}