*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,190,0,.35)}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Tahoma,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:var(--fs,13px);color:#222;background:var(--page,#fff);overflow-x:hidden}
a,a:hover,a:active,a:focus,a:visited{text-decoration:none}
a{color:var(--link,#e00000);font-weight:bold}
img{max-width:100%}
.topbar{background:var(--bar);color:#fff;text-align:center;font-weight:bold;padding:5px;font-size:12px}
.logo{text-align:center;padding:8px 6px 4px;background:#fff}
.logo a{font-family:Georgia,serif;font-size:34px;color:#111;font-weight:900;letter-spacing:-1px}
.logo img{max-height:60px}
.tag{font-size:10px;color:#a52a2a}
.strip{background:var(--strip);color:#333;text-align:center;font-weight:bold;font-size:12px;padding:6px;border-bottom:1px solid #eee;overflow-wrap:anywhere}
.tg{text-align:center;padding:6px;background:transparent}
.tg a{display:inline-block;background:var(--tg);color:#fff;border:1px solid var(--tg);padding:5px 16px;border-radius:4px;font-size:12px}
.tg a.nofill{background:transparent;color:var(--tg)}
.toplink{display:block;background:var(--tlbg);border-bottom:1px dotted #bbb;text-align:center;padding:8px 4px;font-size:12px;overflow-wrap:anywhere}
.ad{text-align:center;padding:4px;background:#fff;overflow:hidden}
.searchbar{background:#eee;text-align:center;padding:9px}
.searchbar input{width:210px;max-width:60%;padding:4px;border:1px solid #999}
.searchbar button,.btn{background:#d9822b;color:#fff;border:0;padding:5px 10px;cursor:pointer;font-size:12px}
.bar{background:var(--bar);color:#fff;text-align:center;font-weight:bold;padding:7px 6px;font-size:13px;overflow-wrap:anywhere}
.gap{height:10px}

/* list rows: the whole row is one link */
.row{display:flex;align-items:center;padding:8px;border-bottom:1px solid #ddd;background:#fafafa;cursor:pointer}
.row .thumb{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:var(--twm);height:var(--thm);margin-right:8px}
.row .thumb img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border:1px solid #777;border-radius:3px;box-shadow:0 0 3px #0006}
.info{display:block;min-width:0}
.t{display:block;color:var(--link);font-weight:bold;font-size:1em;line-height:1.45;overflow-wrap:anywhere}
.tc{color:var(--tail)}
.m{display:block;color:var(--meta);font-weight:bold;font-size:.92em;margin-top:2px}
.m b{color:var(--link)}
@media(min-width:700px){.row .thumb{width:var(--tw);height:var(--th)}.t{font-size:1.08em}}

.cat{display:block;padding:var(--catpadm) 8px;font-size:var(--catfsm);border-bottom:1px solid #e3e3e3;cursor:pointer;overflow-wrap:anywhere}
.cat.r0{background:#eeeeef}.cat.r1{background:#fafafa}
.ico{display:inline-block;width:14px;height:17px;background:linear-gradient(#f3de9a,#d9b24c);border:1px solid #b9952f;border-radius:1px;margin-right:8px;vertical-align:-3px}
@media(min-width:700px){.cat{font-size:var(--catfs);padding:var(--catpad) 10px}.ico{width:13px;height:16px;margin-right:8px;vertical-align:-3px}}
.badge{display:inline-block;background:#e00000;color:#fff;font-size:10px;padding:1px 7px;border-radius:9px;margin-left:3px;vertical-align:1px}

/* hover / touch highlight everywhere */
.row:hover,.row:active,.cat:hover,.cat:active,.dl:hover,.dl:active,.toplink:hover,.toplink:active,.auto:hover,.auto:active{background:var(--hover)!important}
.feat a:hover img,.feat a:active img{outline:3px solid var(--bar)}

.pager{background:#ffe4f1;text-align:center;padding:9px;border-bottom:1px solid #f3b6d4}
.pager select{padding:2px}

/* featured: photos only */
.feat{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px;background:#fafafa}
.feat a{display:flex;align-items:center;justify-content:center;width:calc((100% - 6px*(var(--fcols) - 1))/var(--fcols));aspect-ratio:29/40}
.feat img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border:1px solid #888;border-radius:3px}
@media(min-width:700px){.feat a{width:var(--fw);height:var(--fh);aspect-ratio:auto}}

/* movie + download page */
.poster{text-align:center;padding:10px;background:#fff;border:1px solid #f1d6e4}
.poster img{display:block;margin:4px auto;width:var(--pw);max-width:72%;height:auto;border:5px solid #000;box-shadow:0 0 12px #000}
.ir{padding:5px;overflow-wrap:anywhere}
.ir.r0{background:#efeff1}.ir.r1{background:#fafafa}
.v-desc{color:#8a2be2;font-weight:normal}.v-name{color:#e00000;font-weight:normal}.v-genre{color:#2e9e48;font-weight:normal}
.v-date{color:#17a589;font-weight:normal}.v-star{color:#c2185b;font-weight:normal}.v-dir{color:#2e9e48;font-weight:normal}.v-rate{color:#c77a00;font-weight:normal}.v-lang{color:#555;font-weight:normal}
.dl{display:block;background:#f3f3f3;border-bottom:1px solid #ccc;padding:8px 6px;cursor:pointer}
.dl.one{border:1px solid #ccc}
.dic{display:inline-block;flex:none;width:15px;height:15px;margin-right:6px;vertical-align:-2px}
.dt{color:var(--link);overflow-wrap:anywhere}
.sz{display:block;color:#222;font-weight:bold;margin-top:2px}
.shots{text-align:center;background:#000;padding:4px}
.shots img{display:block;margin:0 auto 4px;max-width:460px;width:100%}

/* auto-made link list */
.autos{margin:14px 0 4px}
.auto{display:block;background:#fafafa;border-bottom:1px solid #e3e3e3;padding:6px;cursor:pointer;overflow-wrap:anywhere}
.bul{display:inline-block;flex:none;width:10px;height:10px;border:2px solid #111;border-radius:50%;background:#111;box-shadow:inset 0 0 0 2px #fff;margin-right:6px;vertical-align:-1px}

.footlinks{background:#ffe4f1;border:1px solid #f3b6d4;padding:8px 10px;margin:12px 0 0}
.footlinks a{margin-right:12px}
.seo{background:var(--seo);color:#cfd6ea;text-align:center;padding:16px 10px;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.foot{background:var(--foot);color:#fff;text-align:center;padding:9px;font-style:italic;font-weight:bold}
.empty,.box{padding:14px;overflow-wrap:anywhere}
.err{color:#c00}.w{width:100%;max-width:420px;padding:5px}

/* iPhone / Safari: same look as Android */
input[type=text],input:not([type]),button,.btn{-webkit-appearance:none;appearance:none;border-radius:0}
input,button,select,textarea{font-family:inherit}
@media(max-width:700px){input,textarea,select{font-size:16px}}