/* DIRECTORY — vars: bg fg ac soft line mut fh fb fm */
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 var(--fb,"DM Sans",system-ui)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.hd{background:var(--ac);color:#fff;padding-bottom:62px}.hd .in{max-width:1200px;margin:auto;padding:18px 5vw;display:flex;align-items:center;gap:24px}
.lg{font:800 20px var(--fh);letter-spacing:1px}.lg span{opacity:.75;margin-left:6px}.hd nav{display:flex;gap:18px;font-weight:600;font-size:13px;margin-left:auto}
.sb{max-width:900px;margin:-44px auto 0;background:var(--bg);border-radius:14px;box-shadow:0 8px 30px #0002;padding:12px;display:flex;gap:10px;position:relative}
.sb input{flex:1;min-width:0;border:2px solid var(--soft);border-radius:10px;padding:13px 16px;font:500 16px var(--fb);background:var(--bg);color:var(--fg)}.sb button{background:var(--ac);color:#fff;border:0;border-radius:10px;padding:0 24px;font:700 15px var(--fb);cursor:pointer}
.wrap{max-width:1200px;margin:auto;padding:26px 5vw;display:grid;grid-template-columns:230px 1fr;gap:28px}.wrap1{max-width:1200px;margin:auto;padding:10px 5vw 30px}
.f h4{margin:16px 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--mut)}.f label{display:flex;gap:8px;align-items:center;padding:3px 0;cursor:pointer}.f .off{opacity:.45}.hint{font-size:11px;color:var(--mut)}
.fc{display:flex;justify-content:space-between;padding:3px 0}.fc small{color:var(--mut)}
.res-h h1{font:800 22px var(--fh);margin:0 0 6px}.res-h small{font:500 14px var(--fb);color:var(--mut)}
.r{display:grid;grid-template-columns:168px 1fr 76px;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--soft)}.r b{font-size:15px;line-height:1.3}
.kv{color:var(--mut);font-size:12px}.kv a{text-decoration:underline}.len{font:700 15px var(--fm,"DM Mono");text-align:right;color:var(--ac)}i.hdq{background:var(--ac);color:#fff;border-radius:3px;padding:0 4px;font-size:10px;font-style:normal}
.th{position:relative;display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--soft)}.th img{width:100%;height:100%;object-fit:cover}
.dur{position:absolute;right:5px;bottom:5px;background:#000c;color:#fff;font:600 11px/1 system-ui;padding:3px 5px;border-radius:3px;font-style:normal}
.adslot{margin:14px 0;overflow:hidden}
.az h2,.wrap1 h2{font:800 18px var(--fh)}.az .cols{columns:4 180px;column-gap:24px}.az .cols a{display:block;padding:3px 0;break-inside:avoid}.az small{color:var(--mut)}
.vw{max-width:1200px;margin:auto;padding:26px 5vw;display:grid;grid-template-columns:1fr 330px;gap:28px}.player{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.player iframe{width:100%;height:100%;border:0}
.vt{font:800 23px/1.25 var(--fh);margin:16px 0 4px}.spec{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.spec div{background:var(--soft);border-radius:10px;padding:10px}.spec small{display:block;color:var(--mut);font-size:11px;text-transform:uppercase}
.res.sm .r{grid-template-columns:110px 1fr}.res.sm .len{display:none}.res.sm b{font-size:13px}.desc{color:var(--mut)}
.pager{display:flex;gap:6px;margin:20px 0}.pager a,.pager b{padding:7px 13px;border-radius:8px;background:var(--soft);font-weight:700}.pager b{background:var(--ac);color:#fff}
.taglist{columns:4 180px}.taglist a{display:block;padding:3px 0}.taglist small{color:var(--mut)}.wrap>h1{grid-column:1/-1}
.intro{color:var(--mut);line-height:1.7;margin-top:20px;max-width:900px}.ft{background:var(--soft);margin-top:30px}.ft .in{max-width:1200px;margin:auto;padding:20px 5vw}.flinks{display:flex;gap:16px;flex-wrap:wrap;font-weight:600}.fnote{font-size:12px;color:var(--mut)}
@media(max-width:820px){.wrap,.vw{grid-template-columns:1fr}.f{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;background:var(--soft);border-radius:12px;padding:6px 12px 12px}.f .fc,.f h4:nth-of-type(4){display:none}
.r{grid-template-columns:112px 1fr}.len{display:none}.spec{grid-template-columns:1fr 1fr}.hd nav{display:none}}