body{font:15px system-ui;background:#111;color:#eee;margin:0;padding:1rem}
form,#cats{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}
#cn{margin:1.5rem 0;display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8rem;opacity:.7}#cn a{color:inherit}#cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}#cats button{flex:none}
input,select,button{padding:.5rem;background:#222;color:#eee;border:1px solid #444;cursor:pointer}
input{flex:1;cursor:text} .on{background:#c2185b}
#g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem} .empty{grid-column:1/-1;justify-self:center;max-width:26rem;text-align:center;padding:4rem 1rem;font-size:1.1rem;line-height:1.5;color:#c2185b} .empty a{color:#fff;text-decoration:underline;cursor:pointer}
#ld{display:flex;align-items:center;justify-content:center;gap:.7rem;padding:2rem;color:#c2185b} #ld[hidden]{display:none} #ld i{width:26px;height:26px;border:3px solid #fff4;border-top-color:#c2185b;border-radius:50%;animation:sp .8s linear infinite}
.c{display:block;position:relative;color:inherit;text-decoration:none;cursor:pointer;font-size:13px} .c img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#222;display:block} .c.stk{margin:10px 10px 0 0} .c.stk img{border-radius:3px;box-shadow:5px -5px 0 -1px #8a8a8a,10px -10px 0 -2px #4a4a4a}
.c.h{opacity:.3} .ab{position:absolute;top:4px;right:4px;display:flex;gap:2px} .ab button{padding:2px 6px;opacity:.85} .ab button.on{background:#c2185b} .fb{position:absolute;left:4px;top:4px;display:flex;gap:2px} .fb button{padding:2px 6px;opacity:.9} .fb button.on{background:#2e7d32} .fb button[data-fb="-1"].on{background:#c62828} .fb button.st{padding:2px 3px;color:#888} .fb button.st.on{background:#000a;color:#ffc107} body.nodbg .fb,body.nodbg .ab,body.nodbg #dbgp,body.nodbg .c.h{display:none} #dbgb,#dbgt{position:fixed;left:8px;bottom:8px;z-index:99;display:flex;gap:4px} #dbgt{opacity:.45} #dbgt[hidden]{display:none} #dbgt:hover{opacity:1}
#p{display:none;max-width:1100px;margin:auto} #p.theater{max-width:none}
video{width:100%;max-height:85vh;background:#000}
#fl{display:flex;gap:.4rem;flex-wrap:wrap;margin:.5rem 0}
#pw{display:flex;gap:1rem;align-items:flex-start} #pm{flex:1;min-width:0}
#pl{display:none;width:360px;flex:none;max-height:85vh;overflow:auto;background:#111;border-radius:6px} #p.multi #pl{display:block} #p.multi{max-width:1500px}
#pl h4.ch{display:flex;align-items:center;gap:.4rem} #pl h4.ch .nm{flex:1} #pl h4 button{padding:3px 6px;display:inline-flex} #pt[data-n]:after{content:' (' attr(data-n) ' videos)';font-size:.7em;font-weight:400;color:#c2185b;white-space:nowrap} #pl h4{margin:0;padding:.6rem .7rem;position:sticky;top:0;background:#111;font-size:13px;z-index:1}
.pi{display:flex;gap:.6rem;padding:.45rem .6rem;cursor:pointer;font-size:13px;line-height:1.3} .pi:hover{background:#222} .pi.on{background:#c2185b55}
.pi img{width:128px;aspect-ratio:16/9;object-fit:cover;background:#222;flex:none} .pi span{min-width:0;display:flex;flex-direction:column;gap:.25rem}
.rmb{margin-left:auto;align-self:flex-start;padding:2px 6px} .pi b{font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .pi small{color:#999}
#vi{font-size:13px;color:#bbb;margin:.3rem 0} #vi b{color:#fff;font-size:15px}
@media(max-width:900px){#pw{flex-direction:column;align-items:stretch}#pl{width:100%;max-height:50vh;order:1}#pm{display:contents}#pm>:not(#vwrap):not(#vi):not(#fl):not(#rel){order:2}#rel{order:3}}
#w{position:relative;background:#000} #end[hidden]{display:none} #end{position:absolute;inset:0 0 56px;z-index:5;background:#0006;backdrop-filter:blur(3px);overflow:auto;padding:.6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem} #end .eg{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%} #end .c{font-size:12px} #end .ua{display:none} #end button{flex:none} @media(max-width:700px){#end .eg{grid-template-columns:repeat(2,1fr)}} #w:fullscreen{height:100%!important;max-height:none!important} #w:fullscreen video{max-height:100vh;height:100%}
#spin{display:none;position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px;border:4px solid #fff4;border-top-color:#c2185b;border-radius:50%;animation:sp .8s linear infinite;pointer-events:none} #w.busy #spin{display:block}
#big{display:none;position:absolute;top:50%;left:50%;width:96px;height:96px;margin:-48px;border:0;border-radius:50%;background:#c2185bdd;color:#fff;font-size:44px;padding:0;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:2} #w.fresh #big{display:flex} #w.fresh #spin{display:none}
@keyframes sp{to{transform:rotate(360deg)}}
#bar{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 8px;background:linear-gradient(transparent,#000c);transition:opacity .25s}
#w.idle #bar{opacity:0} #w.idle.busy #bar,#w.idle.seeking #bar{opacity:1} #w.idle{cursor:none}
#skk{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#c2185b;pointer-events:none;transition:transform .1s} #sk:hover #skk,#w.seeking #skk{transform:scale(1.4)}
#w.seeking #skf{background:#e91e8c} #w.busy #skk{animation:pulse 1s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 6px #c2185b66}}
#bar button{background:none;border:0;color:#fff;font-size:16px;padding:2px 8px;cursor:pointer}
#row{display:flex;align-items:center;gap:6px;font-size:12px}
#sk{position:relative;height:16px;cursor:pointer;display:flex;align-items:center}
#skb{position:relative;height:4px;width:100%;background:#fff4;transition:height .1s} #sk:hover #skb{height:7px}
#skf,#skl{position:absolute;inset:0 auto 0 0;pointer-events:none} #skl{background:#fff5} #skf{background:#c2185b}
#skp{display:none;position:absolute;bottom:22px;width:160px;aspect-ratio:16/9;object-fit:cover;background:#000;border:1px solid #666;pointer-events:none}
#skt{display:none;position:absolute;bottom:22px;background:#000c;padding:1px 5px;font-size:12px;pointer-events:none}
#src{font-size:11px;color:#666}
.tag{padding:.15rem .5rem;font-size:12px;border-radius:10px} #dl a{color:#c2185b}
body{padding:0} #tb{position:sticky;top:50px;z-index:15;background:#111;padding:.5rem 0 .1rem;margin-bottom:.5rem} #wrap{display:flex;justify-content:center;gap:.75rem;padding:0 .75rem} main{padding:1rem;flex:0 1 1500px;min-width:0} #wrap:has(#p[style*="block"]) main{flex-basis:1132px} #wrap:has(#p.multi[style*="block"]) main,#wrap:has(#p.theater[style*="block"]) main{flex-basis:1500px} .rails{display:none;flex:1 1 160px;min-width:160px;align-items:center;flex-direction:column;gap:.75rem;margin:0;position:sticky;top:62px;height:calc(100vh - 62px);justify-content:center;align-self:flex-start} .ad.r{width:160px;height:600px;flex:none;margin:0} .ad.r.s{height:300px;display:none} @media(min-height:1000px){.ad.r.s{display:flex}}
.gr{grid-column:1/-1;display:flex;justify-content:center;gap:.75rem} .ad.b{width:728px;min-height:90px;margin:.75rem 0} .b2{display:none}
@media(min-width:1100px){.rails{display:flex}.ad.lb,.ad.rect{display:none}}
@media(min-width:1840px){.ad.b2{display:flex}}
header{position:sticky;top:0;z-index:20;background:#0b0b0b;border-bottom:1px solid #2a2a2a;display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;flex-wrap:wrap}
header a,footer a{color:#bbb;text-decoration:none;cursor:pointer} header a:hover,footer a:hover{color:#fff}
#logo{font:800 22px system-ui;color:#fff!important;letter-spacing:-.5px} #logo b{color:#c2185b} #logo{display:inline-flex;align-items:center} #logo img{height:42px;width:auto;display:block} #logo small{font:500 11px system-ui;color:#c2185b;border:1px solid #c2185b;border-radius:3px;padding:0 4px;margin-left:6px;vertical-align:middle}
#tag{color:#777;font-size:13px} #lnk{display:flex;gap:1rem;margin:0 auto;font-size:14px;flex-wrap:wrap;justify-content:center} #lnk a{display:inline-flex;align-items:center;gap:.3rem} nav{display:flex;gap:1rem;font-size:13px}
footer{border-top:1px solid #2a2a2a;margin-top:2rem;padding:1.5rem 1rem 5rem;text-align:center;font-size:12px;color:#777;line-height:1.7} footer nav{justify-content:center;margin-bottom:.6rem;flex-wrap:wrap}
.ad{display:flex;align-items:center;justify-content:center;margin:.75rem auto;background:repeating-linear-gradient(45deg,#181818,#181818 10px,#1d1d1d 10px,#1d1d1d 20px);border:1px dashed #444;color:#666;font-size:11px;text-align:center;overflow:hidden;max-width:100%}
.ad.lb{width:970px;min-height:90px} .ad.rect{width:300px;min-height:250px} .ad.mob{width:320px;min-height:50px}
@media(min-width:701px){header{display:grid;grid-template-columns:1fr auto 1fr} #hl{display:flex;align-items:center;gap:1rem;min-width:0} header nav{justify-self:end}}@media(max-width:1000px){#tag{display:none} header nav{gap:.6rem;flex-wrap:wrap;justify-content:flex-end} #lnk{gap:.7rem;font-size:13px}}
@media(max-width:700px){.ad.b,.ad.lb{width:320px;min-height:100px}.ad.b.fw{width:100%;min-height:250px}.gr:has(.fw) .b2{display:none}#tag,header nav{display:none}header{position:static;justify-content:center}#hl{flex:1 1 100%;text-align:center}#tb{top:0}}
#age{position:fixed;inset:0;z-index:100;background:#070709;display:none;align-items:center;justify-content:center;text-align:center;padding:1rem} #age div{max-width:30rem;line-height:1.6} #age h1{margin:.3rem 0} #age button{padding:.8rem 1.6rem;margin:.3rem;font-size:15px} #age button:first-of-type{background:#c2185b;border-color:#c2185b}
dialog{background:#181818;color:#ddd;border:1px solid #444;max-width:34rem;line-height:1.6} dialog::backdrop{background:#000a}
#desc{font-size:13px;color:#bbb;line-height:1.5;white-space:pre-line;margin:.5rem 0;overflow-wrap:anywhere} #seo{max-width:900px;margin:1rem auto;padding:0 1rem;line-height:1.5} #seo img{max-width:100%}
#qw{position:relative;flex:1;display:flex;min-width:8rem} #qw input{padding-right:2rem} #qx{position:absolute;right:0;top:0;bottom:0;background:none;border:0;color:#bbb;font-size:16px}
.ua{position:absolute;right:4px;top:4px;display:flex;gap:2px} .ua button{padding:2px 7px;font-size:15px;background:#000a;border-color:#0000;color:#fff} .ua button.on{color:#e91e63} .ab{top:34px!important}
#pa{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:.4rem 0} #mfl{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;user-select:none;padding:.4rem .7rem;border:1px solid #444;border-radius:4px;background:#222;font-size:14px} #mfl .ck{display:none} #mfl:has(input:checked){background:#c2185b;border-color:#c2185b;color:#fff} #mfl:has(input:checked) .ck{display:inline-block} #pa button.on{color:#fff} #pls{font-size:13px;color:#e91e8c} #rs{margin-left:auto;display:flex} #pa #rs button{padding:3px 4px;background:none;border-color:#0000;color:#777} #pa #rs button.on{color:#ffc107} .rk{position:absolute;left:4px;top:4px;background:#000a;color:#ffc107;border-radius:4px;padding:2px 6px;font-size:13px;display:flex;align-items:center;gap:3px}
.i{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;pointer-events:none;flex:none} .on .f{fill:currentColor} #pp .i,#big .i{fill:currentColor} #big .i{width:.9em;height:.9em;margin-left:.08em}
#pa button,.pb button{display:inline-flex;align-items:center;gap:.35rem} #pa{margin:.4rem 0 .6rem} #pl{position:relative} #plp h4{display:flex;align-items:center;gap:.4rem} #plp h4 .i{width:16px;height:16px} #plp h4 .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #plp h4 button{padding:3px 6px;display:inline-flex}
#lb h2{margin:.2rem 0 .8rem} .lg{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}
.plr{display:flex;gap:.6rem;align-items:center;padding:.5rem 0;border-bottom:1px solid #2a2a2a} .plr a{flex:1;color:#fff;text-decoration:none;font-size:15px} #lb .empty{padding:2rem 1rem}
#dlgb .plr button{padding:.3rem .6rem} #dlgb input{width:100%;box-sizing:border-box;margin-top:.5rem} #dlgb input[type=checkbox]{width:auto;margin:0 .6rem 0 0} #dlgb label.plr{display:flex;align-items:center;cursor:pointer;padding:.25rem 0}
#w video{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none} @media(pointer:coarse){#big{pointer-events:none}} #tr{position:absolute;top:6px;right:6px;display:flex;gap:6px;z-index:3;transition:opacity .25s} #tr button{background:#0008;border:0;border-radius:50%;color:#fff;padding:9px;font-size:18px;display:inline-flex;cursor:pointer} #tr button[hidden]{display:none} #w.idle #tr{opacity:0} #row button:disabled,#pl h4 button:disabled{opacity:.35;pointer-events:none} #fx{display:none;position:absolute;top:50%;margin-top:-20px;padding:.5rem 1rem;background:#000b;border-radius:20px;font-size:15px;pointer-events:none;z-index:3} #fx.on{display:block}
#rz{display:none}
@media(max-width:700px){
 main{padding:.4rem} #qw{flex:1 1 100%} #wrap{padding:0 .25rem} #g,.lg{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem} .c{font-size:12px;min-width:0;overflow:hidden} #lq{box-sizing:border-box} body{overflow-x:hidden} .ua button{padding:4px 9px;font-size:17px}
 #f select,#f label{flex:1 1 auto} #vol{display:none} #bar button{padding:6px 7px;font-size:18px} #row{gap:2px} #tm{white-space:nowrap;font-size:11px;min-width:0;overflow:hidden} #mu{order:1} #fs2{order:2} #th2{display:none} header{gap:.6rem;padding:.5rem} #logo img{height:36px}
 #vwrap{position:sticky;top:0;z-index:12;background:#000;margin:0 -.4rem} #w{height:var(--vh,56vw);max-height:80vh} #w video{height:100%;max-height:none;object-fit:contain}
 #rz{display:block;height:18px;background:#111;touch-action:none;position:relative;cursor:ns-resize} #rz:after{content:"";position:absolute;left:50%;top:7px;width:44px;height:4px;margin-left:-22px;border-radius:2px;background:#666}
 #pw{gap:.5rem} #pt{font-size:16px;margin:.4rem 0}}