body{margin:0;font:13px Arial,Helvetica,sans-serif;color:#333;background:#fff;min-width:1100px}
a{color:#0033cc;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1100px;margin:0 auto;padding:20px;box-sizing:border-box}
.panel{border:1px solid #ddd;background:#f8f8f8;padding:16px;margin-bottom:16px;color:#333}
h1{font-size:20px;margin:0 0 12px}h2{font-size:15px;margin:0 0 10px}
label{display:block;font-weight:bold;margin:10px 0 4px}
input[type=text],input[type=email],input[type=password],input[type=url],textarea,select{width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid #c0c0c0;font:13px Arial,Helvetica,sans-serif}
input[type=file]{width:100%}input[type=color]{width:60px;height:30px;padding:0;border:1px solid #c0c0c0}
textarea{height:90px}
.btn{padding:7px 16px;border:1px solid #c8c8c8;border-radius:3px;background:linear-gradient(#fdfdfd,#e9e9e9);color:#444;font-size:12px;font-weight:bold;cursor:pointer}
.btn.blue{border-color:#0f4f86;background:#1566ab;color:#fff}
.err{color:#b00020;min-height:18px;margin:8px 0}.ok{color:#1b6e2d;min-height:18px;margin:8px 0}
.note{color:#666;font-size:11px;line-height:1.4}
.tabs a{display:inline-block;padding:8px 14px;color:#444;font-weight:bold}
.tabs a.on{border-bottom:3px solid #cc181e;color:#222}
.row{display:flex;gap:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.grid.s{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.th{position:relative;display:block;aspect-ratio:16/9;background-size:cover;background-position:center;overflow:hidden}
.th svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.dur{position:absolute;right:3px;bottom:3px;padding:1px 4px;background:rgba(0,0,0,.8);color:#fff;font-size:11px}
.vc .t{display:block;margin-top:4px;font-weight:bold;font-size:12px;overflow-wrap:anywhere}
.m{font-size:11px;opacity:.75}
.vr{display:flex;gap:8px;margin-bottom:10px}.vr .th{flex:none;width:120px;height:68px;aspect-ratio:auto}.vr .t{margin-top:0}
.tag{position:absolute;left:3px;top:3px;padding:1px 5px;background:rgba(0,0,0,.75);color:#fff;font-size:10px;font-weight:bold;letter-spacing:.5px}
.grid.c{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.chn{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #ddd;background:#f8f8f8}

/* ---- top of every page ---- */
.hd{background:#fff}
.hd-in{max-width:1100px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.hd-top{display:flex;justify-content:space-between;align-items:flex-start;padding-top:8px;padding-bottom:6px}
.hd-top img{display:block;height:44px;width:auto}
.hd-links{font-size:11px;color:#555;padding-top:2px}
.hd-bar{background:linear-gradient(#e6eefa,#c9d9ee);border-top:1px solid #a9c0e0;border-bottom:1px solid #8fa9d0}
.hd-bar .hd-in{display:flex;align-items:flex-end;gap:6px;padding-top:6px}
nav.tabs{display:flex;gap:2px}
nav.tabs a{padding:6px 13px;color:#0033cc;font-weight:bold;border:1px solid #a9c0e0;border-bottom:none;border-radius:4px 4px 0 0;background:linear-gradient(#f6f9fd,#dbe6f5);text-decoration:none}
nav.tabs a.on{background:#fff;border-color:#8fa9d0;color:#222;position:relative;top:1px;padding-bottom:7px}
.hd-search{display:flex;flex:1;max-width:420px;margin:0 0 4px 16px}
.hd-search input{flex:1;min-width:0;box-sizing:border-box;height:26px;padding:3px 6px;border:1px solid #8fa9d0;font-size:13px}
.sbtn{height:26px;padding:0 12px;border:1px solid #8fa9d0;border-left:none;background:linear-gradient(#fdfdfd,#dfe6f0);color:#333;font-size:12px;cursor:pointer}
.upl{margin:0 0 4px auto;padding:4px 14px;border:1px solid #b88a00;border-radius:3px;background:linear-gradient(#ffe27a,#f0b800);color:#3a2a00;font-size:12px;font-weight:bold;text-decoration:none}
/* ---- home page pieces ---- */
.hh{font-size:13px;font-weight:bold;margin:0 0 6px}
.strip{display:flex;gap:10px;flex-wrap:wrap;padding:8px;background:#eef3fa;border:1px solid #c8d6ea;margin-bottom:18px}
.t2{display:block;margin-top:3px;font-size:11px;font-weight:bold;overflow-wrap:anywhere}
.fhead{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 0 4px;padding-bottom:4px;border-bottom:1px solid #c8d6ea}
.fhead h2{margin:0}.ftabs{font-size:11px;color:#555}
.fi{display:flex;gap:10px;padding:8px 0;border-top:1px dotted #bbb}.fi:first-child{border-top:none}
.fi .th{flex:none;width:120px;height:90px;aspect-ratio:auto}
.fi .t{display:block;font-size:13px;font-weight:bold;overflow-wrap:anywhere}
.desc{color:#555;font-size:11px;margin:2px 0;overflow-wrap:anywhere}
.stars{color:#cc181e;font-size:12px;letter-spacing:1px}
.box2{padding:10px;background:#eaf1fb;border:1px solid #b7cae8;margin-bottom:14px;line-height:1.5}
.news{padding:10px;background:#fffbd6;border:1px solid #e0cf6e;margin-bottom:14px}
.news h2{margin:0 0 8px}
.ni{display:flex;gap:8px;margin-bottom:9px;font-size:11px;line-height:1.4}
.ic{flex:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center}
.foot{margin-top:26px;padding:12px 0 18px;background:#e8eef7;border-top:1px solid #c0cfe6;font-size:11px}
.foot-search{display:flex;max-width:420px;margin:0 auto 14px}
.foot-search input{flex:1;min-width:0;box-sizing:border-box;height:26px;padding:3px 6px;border:1px solid #8fa9d0;font-size:13px}
.foot-cols{display:flex;gap:60px;justify-content:center}
.foot-cols div{display:flex;flex-direction:column;gap:3px}.foot-cols b{margin-bottom:2px;color:#222}
.copy{text-align:center;margin-top:14px;color:#555}
.th{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}

.hd-search select{width:auto;box-sizing:border-box;height:26px;padding:0 4px;border:1px solid #8fa9d0;border-left:none;background:#fff;font-size:12px}
/* ---- watch page ---- */
.raterow{display:flex;justify-content:space-between;align-items:center;padding:8px 2px;font-size:13px}
.atabs{display:flex;gap:2px;border-bottom:1px solid #b9c9de}
.atab{padding:6px 16px;border:1px solid #b9c9de;border-bottom:none;border-radius:4px 4px 0 0;background:linear-gradient(#f6f9fd,#dbe6f5);color:#222;font:bold 12px Arial,Helvetica,sans-serif;cursor:pointer}
.atab.on{background:#fff;color:#0033cc}
.sharebox{padding:10px;border:1px solid #b9c9de;border-top:none;background:#f6f9fd;margin-bottom:8px}
.sharebox input{flex:1}
.itabs{display:flex;gap:2px;margin-top:12px;border-bottom:1px solid #8fa9d0}
.itabs button{padding:7px 22px;border:1px solid #a9c0e0;border-bottom:none;border-radius:4px 4px 0 0;background:linear-gradient(#f6f9fd,#dbe6f5);color:#0033cc;font:bold 13px Arial,Helvetica,sans-serif;cursor:pointer}
.itabs button.on{background:#fff;color:#222;position:relative;top:1px;border-color:#8fa9d0}
.ipanel{padding:12px 4px}
table.stats{border-collapse:collapse}table.stats th{text-align:left;padding:4px 24px 4px 0;font-weight:bold;color:#444}table.stats td{padding:4px 0}
.chbox{padding:10px;background:#f6f4ea;border:1px solid #d6d0b4;margin-bottom:10px}
.chdesc{padding:8px 10px;background:#f6f4ea;border:1px solid #d6d0b4;margin:0 0 12px;font-size:11px;line-height:1.4}
details.rel{margin-top:10px}details.rel summary{font-weight:bold;cursor:pointer;margin-bottom:6px}
.relbox{max-height:340px;overflow-y:auto;padding-right:4px}