/*
Theme Name: Amatu
Description: Dark video-site theme (18+). Requires the Tube Core plugin.
Version: 0.4.0
Text Domain: amatu
*/
:root{--bg:#03050b;--bg2:#10131b;--line:#232832;--fg:#eceef3;--mut:#8c92a0;--acc:#e5334b;--side:250px;--rail:64px;--top:56px}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:radial-gradient(1300px 380px at 55% -120px,#1c3a5a66,transparent),var(--bg);color:var(--fg);font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}img{max-width:100%}
.ic{width:22px;height:22px;flex:none}
.mut{color:var(--mut)}.hp{position:absolute;left:-9999px}.err{color:#ff7a8a}
.btn{display:inline-block;background:var(--acc);color:#fff;border:0;padding:8px 16px;border-radius:99px;cursor:pointer;font:inherit}
.btn.ghost{background:transparent;border:1px solid #3a4050}.btn.more{display:block;margin:24px auto}
.ibtn{background:none;border:0;color:var(--fg);cursor:pointer;padding:8px;display:grid;place-items:center;list-style:none}
.ibtn::-webkit-details-marker{display:none}

/* top bar: only search + profile on the right; wordmark and menu live in the left rail */
.top{position:fixed;top:0;right:0;left:var(--rail);height:var(--top);display:flex;align-items:center;justify-content:flex-end;padding-left:18px!important;gap:6px;padding:0 14px;z-index:30;background:linear-gradient(#03050bcc,transparent)}
.logo{font-weight:600;font-size:28px;letter-spacing:-1.5px;color:#fff;text-transform:lowercase;display:block;line-height:var(--top);margin-right:auto;padding-left:4px}
.logo b{color:var(--acc);font-weight:600}
.usermenu{position:relative}.usermenu div{position:absolute;right:0;top:44px;background:#12151de6;backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:12px;padding:10px 14px;min-width:150px;display:grid;gap:8px}
.usermenu a{color:var(--acc)}

/* left rail: small icons by default, expands over the page on click */
.side{position:fixed;top:0;padding-top:8px;bottom:0;left:0;width:var(--rail);background:#03050bf0;z-index:40;display:flex;flex-direction:column;overflow:hidden;transition:width .18s ease}
.side>a,.side>button.railbtn{display:flex;align-items:center;gap:20px;height:52px;padding:0 21px;color:#d8dbe3;white-space:nowrap;background:none;border:0;cursor:pointer;font:inherit;width:100%}
.side>a span{opacity:0;transition:opacity .12s}
.side>a.on .ic,.side>a:hover .ic{color:#fff}.side>a.on{background:#ffffff12}.side>a:hover{background:#ffffff0d}
.sidefoot{margin-top:0;padding:14px 20px;font-size:12px;color:var(--mut);letter-spacing:.08em;text-transform:uppercase;white-space:normal;opacity:0;pointer-events:none;transition:opacity .12s}
.sidefoot a{margin-right:8px;display:inline-block;line-height:1.9}.sidefoot p{margin:10px 0 0;text-transform:none}
.nav-open .side{width:var(--side);background:#0b0e16ee;backdrop-filter:blur(18px)}
.nav-open .side>a span,.nav-open .sidefoot{opacity:1;pointer-events:auto}
.scrim{display:none;position:fixed;inset:0;background:#0006;z-index:35}
.nav-open .scrim{display:block}
.mbtn{display:none}
@media(max-width:700px){
  :root{--rail:0px}
  .side{width:var(--side);transform:translateX(-100%);transition:transform .2s;background:#0b0e16f5}
  .nav-open .side{transform:none}.side>a span,.sidefoot{opacity:1;pointer-events:auto}
  .mbtn{display:grid;order:-1}
}

.main{padding:calc(var(--top) + 8px) 18px 40px;margin-left:var(--rail)}
.h1{font-size:20px;margin:8px 0 12px}.h2{font-size:18px;margin:28px 0 8px}

/* strips */
.strip{display:flex;gap:14px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none}.strip::-webkit-scrollbar{display:none}
.strip.wrap{flex-wrap:wrap;overflow:visible}
.people{gap:12px;overflow:visible;flex-wrap:nowrap;overflow-x:auto;padding-top:8px}
.people a{position:relative;display:grid;justify-items:center;gap:7px;width:92px;flex:none;color:#aab0bd;font-size:13px}
.people em{font-style:normal;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ava{display:block;width:84px;height:84px;border-radius:50%;background:#222 center/cover;border:2px solid #ffffff26}
.ava.s{width:32px;height:32px}.ava.big{width:68px;height:68px}
.pills a{text-transform:capitalize;display:flex;align-items:center;gap:8px;flex:none;padding:7px 16px;border-radius:99px;background:#ffffff10;border:1px solid #ffffff14;white-space:nowrap}
.pills.big a{font-size:15px;padding:4px 16px 4px 5px;background:#ffffff0d}.pills.big img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.pills.small{gap:8px}.pills.small a{font-size:13px;padding:4px 12px;color:#c6cad4}
.pills a:hover{border-color:var(--acc)}

/* grid + cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px 14px;margin-top:12px}
.empty{grid-column:1/-1}
.card .thumb{display:block;position:relative;aspect-ratio:16/9;border-radius:12px;background:#1b1f29 center/cover no-repeat}
.tw{position:relative}
.plus{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:0;background:#000a;color:#fff;font-size:20px;line-height:1;cursor:pointer;backdrop-filter:blur(4px)}
.plus.on{background:var(--acc)}.plus.on{font-size:0}.plus.on::after{content:"✓";font-size:16px}
.thumb{overflow:hidden}
/* preview layer: transparent and invisible until its first frame is ready, then it fades in over the poster (no black flash) */
.pv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:transparent center/cover no-repeat;opacity:0;transition:opacity .22s ease}
.pv.on{opacity:1}
.dur{z-index:2;position:absolute;right:8px;top:6px;font-size:13px;font-weight:600;text-shadow:0 1px 3px #000,0 0 6px #000}
.card .row{display:flex;gap:10px;margin-top:10px}
.av{width:36px;height:36px;border-radius:50%;background:#222 center/cover;flex:none}
.txt{min-width:0;flex:1}.name{display:block;font-size:14px;color:#cfd3dc}
.ttl{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#f1f2f6}
.meta{display:flex;gap:18px;align-items:center;margin:6px 0 0;font-size:14px;color:#9aa0ad}
.meta .lk{display:inline-flex;align-items:center;gap:6px}.meta .ic{width:16px;height:16px}
.acts{display:flex;opacity:0;transition:opacity .15s}.card:hover .acts{opacity:1}
@media(hover:none){.acts{opacity:1}}
.act{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--fg);cursor:pointer;padding:6px;border-radius:8px;font:inherit}
.act:hover{background:#ffffff14}.act.on{color:var(--acc)}.act.on .ic{fill:currentColor}
.acts .act{padding:2px}.acts .ic{width:18px;height:18px}

/* watch page: no top bar, only a menu button + logo over the left edge */
.is-watch .main{padding-top:14px}
.player{aspect-ratio:16/9;width:100%;background:#000;border-radius:14px;overflow:hidden}
.player iframe,.player video{width:100%;height:100%;border:0;display:block}
.wbar{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin-top:14px;flex-wrap:wrap}
.wtitle{font-size:20px;font-weight:400;margin:0;letter-spacing:0}
.wacts{display:flex;justify-content:flex-end;gap:22px;padding:6px 8px 0}
.wmodel{display:flex;align-items:center;gap:22px;margin:26px 0 18px}.mi{display:grid;gap:4px;justify-items:start}.mname{font-size:20px;font-weight:500}.mfol{color:#9aa0ad;font-size:15px}
.ava.huge{width:104px;height:104px}
.follow{margin-top:8px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:#111;font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center}
.follow.on{background:var(--acc);color:#fff;font-size:0}.follow.on::after{content:"✓";font-size:20px}
.wside{display:grid;gap:12px;align-content:start}.adph{aspect-ratio:300/250;border:1px dashed #3a4050;border-radius:12px;display:grid;place-items:center;color:var(--mut)}
.profile{display:flex;gap:16px;align-items:center;margin:8px 0 16px}.profile .ava.big{width:96px;height:96px}

/* forms, modal, legal */
.form{display:grid;gap:12px;max-width:440px}.form label{display:grid;gap:4px;color:var(--mut);font-size:14px}
.form input,.form textarea,.form select,.report select,.report textarea{background:var(--bg2);border:1px solid #2f3544;color:var(--fg);border-radius:10px;padding:10px 12px;font:inherit;width:100%}
.form .chk{display:flex;gap:8px;align-items:flex-start}.form .chk input{width:auto;margin-top:4px}
.form.wide{max-width:640px}
.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:50;padding:16px}.modal[hidden]{display:none}
.modal .box{position:relative;background:#12151d;border:1px solid var(--line);border-radius:16px;padding:24px;width:100%;max-width:440px;max-height:90vh;overflow:auto}
.modal h2{margin:0 0 12px}.x{position:absolute;right:10px;top:6px;background:none;border:0;color:var(--mut);font-size:28px;cursor:pointer}
.legal{max-width:820px;color:#cfd3dc}.legal h2{font-size:18px;margin-top:24px}.legal a{color:#6db3ff}
.report{display:grid;gap:10px}

/* search panel */
.spanel{position:fixed;inset:0;z-index:60;background:#0008;display:grid;justify-items:center;align-content:start}
.spanel[hidden]{display:none}
.sbox{width:min(740px,100vw);max-height:min(86vh,760px);background:#17191ef5;border-radius:0 0 18px 18px;overflow:auto;box-shadow:0 20px 60px #000a}
.shead{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid #ffffff14}
.shead input{flex:1;background:none;border:0;color:#fff;font:inherit;font-size:18px;outline:0;min-width:0}
.stabs{display:flex;justify-content:flex-end;gap:26px;padding:14px 22px 6px;color:#c9ccd6}
.stabs button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:2px 0;border-bottom:2px solid transparent}
.stabs button.on{color:#fff;border-color:var(--acc)}
.sres a{display:flex;align-items:center;gap:16px;padding:10px 22px}.sres a:hover{background:#ffffff0d}
.sres .sa{width:46px;height:46px;border-radius:50%;background:#2a2d35 center/cover;display:grid;place-items:center;font-size:18px;color:#cfd3dc;flex:none}
.sres .st{flex:1;min-width:0}.sres .st b{display:block;font-weight:500;font-size:16px}.sres .st span{display:block;color:#a9adb8;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sres .sn{text-align:right;color:#c1c5d0;font-size:15px;flex:none;line-height:1.3}.sres .sn small{display:block;color:#9aa0ad;font-size:14px}
.sempty{padding:22px;color:var(--mut)}

/* login popup + auth pages: glass panel, underline fields */
.modal .box.auth{max-width:420px;padding:34px 40px 26px;background:#1b1d22f0;backdrop-filter:blur(20px);border-radius:22px;border:0}
.field{position:relative;margin:0 0 26px}
.field input{width:100%;background:none;border:0;border-bottom:1px solid #ffffff30;color:#fff;font:inherit;font-size:16px;padding:22px 34px 8px 0;outline:0}
.field input:focus{border-color:#fff}
.field label{position:absolute;left:0;top:26px;color:#9ea3ae;font-size:16px;pointer-events:none;transition:.12s}
.field input:focus+label,.field input:not(:placeholder-shown)+label{top:2px;font-size:13px;color:#fff}
.field .eye{position:absolute;right:0;bottom:8px;background:none;border:0;color:#fff;cursor:pointer;padding:2px}
.pill{display:block;width:100%;background:transparent;border:1px solid #ffffff2e;color:#b9bdc8;border-radius:99px;padding:15px;font:inherit;font-size:16px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.pill:hover{color:#fff;border-color:#ffffff66}
.authlinks{display:flex;justify-content:center;gap:12px;margin-top:20px;color:#a3a8b3;font-size:14px;align-items:baseline}
.authlinks a,.authlinks button{color:#fff;font-size:16px;background:none;border:0;cursor:pointer;font-family:inherit}
.authpage{min-height:calc(100vh - 140px);display:grid;place-items:center}
.authpage form{width:min(420px,100%)}
.authpage h1{font-size:20px;font-weight:500;text-align:center;margin:0 0 30px}
.authpage .tiny{display:flex;gap:8px;align-items:flex-start;color:#9ea3ae;font-size:13px;margin:-6px 0 22px}
.authpage .tiny input{margin-top:3px}

.wmeta{display:flex;gap:10px;margin:6px 0 0;color:#9aa0ad;font-size:15px;flex-wrap:wrap}.wmeta span+span::before{content:"·";margin-right:10px}
.wmeta b{font-weight:400}
.legal:has(.authpage){max-width:none;color:inherit}

/* demo ad + Turnstile */
.adbox{position:relative;aspect-ratio:300/250;border-radius:14px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:24px;overflow:hidden;background:linear-gradient(135deg,#3a1030,#14233f 60%,#0b0e16);border:1px solid #ffffff1f}
.adbox b{font-size:24px;line-height:1.2}.adbox span:not(.adtag){color:#c5c9d4;font-size:15px}
.adbox i{font-style:normal;align-self:flex-start;margin-top:10px;background:var(--acc);padding:8px 16px;border-radius:99px;font-size:14px}
.adtag{position:absolute;top:10px;right:12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80}
.adslot{border-radius:14px;overflow:hidden}
.ts{margin:0 0 6px;min-height:0}
.tsnote{display:flex;align-items:center;justify-content:center;gap:7px;margin:4px 0 18px;color:#8fd5a6;font-size:13px}.tsnote .ic{width:16px;height:16px}

.side .livecam{display:flex;align-items:center;gap:20px;height:52px;padding:0 21px;color:#ffb3bf;white-space:nowrap}
.side .livecam span{opacity:0;transition:opacity .12s}.side .livecam em{font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff40;border-radius:4px;padding:0 4px;color:#ffffffa0;opacity:0}
.nav-open .side .livecam span,.nav-open .side .livecam em{opacity:1}
.side .livecam:hover{background:#ffffff0d}
@media(max-width:700px){.side .livecam span,.side .livecam em{opacity:1}}
.sidefoot{display:none}.nav-open .sidefoot{display:block}
@media(max-width:700px){.sidefoot{display:block}}

/* rail arrow: invisible until the rail is hovered (always shown on touch) */
.side>button.railbtn{opacity:.75;transition:opacity .15s,transform .18s;justify-content:flex-start}
.side:hover>button.railbtn,.nav-open .side>button.railbtn{opacity:1}
.nav-open .side>button.railbtn .ic{transform:rotate(180deg)}
@media(hover:none){.side>button.railbtn{opacity:1}}
.sidefoot{margin-top:auto}
@media(max-width:700px){.side>button.railbtn{display:none}.side{top:0}}

@media(max-width:700px){.top{padding-left:6px!important}.logo{margin-left:6px}}

.wmeta{gap:9px;font-size:15px;letter-spacing:0;color:#a2a7b4;align-items:center}.wmeta span+span::before{content:"·";margin-right:9px;color:#6f7482}

/* watch page grid: player | ad, then title block | icons on the same row */
.watch{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"player" "bar" "rest" "ad";gap:0 20px}
.wplayer{grid-area:player}.winfo{grid-area:info}.wacts{grid-area:acts}.wrest{grid-area:rest}.wad{grid-area:ad;margin-top:18px}
@media(min-width:1000px){.watch{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"player ad" "bar ." "rest ."}.wad{margin-top:0}}
.wacts{display:flex;align-items:center;justify-content:space-between;gap:0;padding:8px 4px 0;align-self:start}
.wacts .act{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}
.wacts .ic{width:26px;height:26px;stroke-width:1.6}
.wacts .act:hover{background:#ffffff12}
@media(max-width:999px){.wacts{justify-content:flex-start;gap:14px;padding:8px 0 0}}

.wcrumb{display:inline-flex;align-items:center;gap:7px;text-transform:uppercase;font-weight:500;letter-spacing:0}
.wcrumb a{color:#4a9bf5}.wcrumb a:hover{color:#7bb8ff}.wcrumb .ic{width:16px;height:16px;display:block}.wcrumb i{font-style:normal;color:#6f7482}


/* ---- Typography and spacing polish ---- */
:root{--font:Inter,"SF Pro Text",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mut:#8b92a1}
body{font-family:var(--font);font-size:15px;line-height:1.5;letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit}
.ic{stroke-width:1.7}
.top .ibtn{width:42px;height:42px;padding:0}.top .ic{width:23px;height:23px}
.top{gap:4px}
.side>a:not(.logo),.side>button.railbtn,.side .livecam{height:50px;gap:22px;font-size:15px;font-weight:500;letter-spacing:0}
.side .ic{width:22px;height:22px}
.sidefoot{font-size:12px;font-weight:500;letter-spacing:.08em}
/* cards */
.grid{gap:26px 16px}
.card .row{margin-top:11px}
.ttl{font-size:15px;font-weight:500;line-height:1.3;color:#f3f4f8}
.meta{gap:14px;margin-top:5px;font-size:13px;font-weight:400;color:#8f95a3;font-variant-numeric:tabular-nums}
.meta .ic{width:15px;height:15px}.meta .lk{gap:5px}
.dur{font-size:13px;font-weight:600;letter-spacing:0}
.plus{width:28px;height:28px;font-size:20px;font-weight:400}
/* strips */
.people a{font-size:13px;font-weight:500;gap:8px}
.pills a{font-weight:500;letter-spacing:0}
.pills.small a{font-size:13px;padding:5px 13px}
.pills.big a{font-size:15px}
.h1{font-size:20px;font-weight:600;letter-spacing:-.02em}
/* watch page */
.wtitle{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.01em}
.wmeta{font-size:14px;font-weight:400;gap:8px;margin-top:7px;font-variant-numeric:tabular-nums}
.wmeta span+span::before{margin-right:8px}
.wcrumb{font-size:13px;font-weight:600;letter-spacing:.08em}
.wacts .act{width:42px;height:42px}.wacts .ic{width:24px;height:24px}
.mname{font-size:18px;font-weight:600;letter-spacing:-.01em}.mfol{font-size:14px}
.follow{width:40px;height:40px;font-size:24px;font-weight:400}
/* panels and forms */
.sres .st b{font-weight:500;font-size:16px}.sres .st span{font-size:14px}.sres .sn{font-size:14px;font-variant-numeric:tabular-nums}
.stabs{font-size:14px;font-weight:500}
.pill{font-size:15px;font-weight:500;letter-spacing:.14em}
.field input,.field label{font-size:16px}
.winfo{padding-top:16px}.wtitle{margin-top:0}
.wrest{padding-bottom:6px}
.wmodel{margin:22px 0 14px}

/* model page */
.mhead{display:flex;gap:34px;align-items:center;padding:18px 0 8px}
.ava.mav{width:168px;height:168px;flex:none;border-width:3px;background-color:#1b1f29}
.minfo{min-width:0;display:grid;gap:8px;justify-items:start}
.mtitle{margin:0;font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.mstats{display:flex;gap:18px;margin:0;color:#9aa0ad;font-size:15px}.mstats b{color:#e6e8ee;font-weight:600;font-variant-numeric:tabular-nums}
.mbio{margin:2px 0 0;max-width:640px;color:#b5bac6;font-size:15px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mbio.open{display:block;-webkit-line-clamp:unset}
.mmore{background:none;border:0;color:#7bb8ff;cursor:pointer;padding:0;font-weight:500}
.followpill{margin-top:6px;display:inline-flex;align-items:center;height:42px;padding:0 22px 0 16px;border-radius:99px;border:0;background:#fff;color:#0a0c12;font-weight:600;font-size:15px;cursor:pointer}
.followpill span{display:inline-flex;align-items:center;gap:8px}.followpill .ic{width:18px;height:18px;stroke-width:2.2}
.followpill .f-on{display:none}.followpill.on{background:#ffffff1f;color:#fff}.followpill.on .f-off{display:none}.followpill.on .f-on{display:inline-flex}
@media(max-width:700px){.mhead{flex-direction:column;text-align:center;gap:16px}.minfo{justify-items:center}.ava.mav{width:128px;height:128px}.mtitle{font-size:24px}}


.is-watch .main{padding-top:14px}
.mcats{padding:14px 0 4px}.mcats a.on{border-color:var(--acc);color:#fff}
.ava.netav{display:grid;place-items:center;font-size:64px;font-weight:600;color:#cfd3dc;background-color:#1b1f29;background-size:cover;background-position:center}
.pills.small a.on{border-color:var(--acc);color:#fff}
@media(max-width:700px){.ava.netav{font-size:48px}}
.pills.big a.on{border-color:var(--acc);background:#e5334b1f}

/* static pages (Contact, Copyright, 2257, Terms, Privacy) */
.legal{max-width:760px;margin:0 auto;padding:6px 0 30px;color:#c9cdd8;font-size:16px;line-height:1.7}
.legal .lead{font-size:16px;color:#e3e6ee;line-height:1.6;margin:4px 0 22px}
.legal h2{font-size:18px;font-weight:600;color:#fff;margin:32px 0 10px;letter-spacing:-.01em}
.legal ol,.legal ul{padding-left:22px;margin:10px 0}.legal li{margin:6px 0}
.legal a{color:#6db3ff}.legal a:hover{color:#9ccaff}
.cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:8px 0 6px}
.ccard{display:grid;align-content:start;gap:4px;padding:16px 18px;border-radius:14px;background:#ffffff0b;border:1px solid #ffffff14;color:inherit!important;transition:border-color .15s,background .15s}
a.ccard:hover{border-color:#ffffff40;background:#ffffff12}.ccard b{font-size:16px;font-weight:600;color:#fff}.ccard span{font-size:14px;color:#a4a9b6;line-height:1.5}
.ccard.static{max-width:360px}
.cbtn{display:inline-block;background:var(--acc);color:#fff!important;padding:10px 20px;border-radius:99px;font-weight:500}
body.page .h1{max-width:760px;margin-left:auto;margin-right:auto}

/* report popup */
.modal .box.rep{max-width:380px;padding:10px 12px 14px;background:#1c1e23f2;backdrop-filter:blur(20px);border-radius:22px;border:0}
.rrow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:0 14px;height:54px;background:none;border:0;border-radius:12px;color:#f1f2f6;font-size:16px;text-align:left;cursor:pointer}
.rrow:hover{background:#ffffff0d}.rrow .ic{width:22px;height:22px;opacity:0;flex:none}.rrow.on .ic{opacity:1}
a.rrow .ic{opacity:1;color:#e6e8ee}
.rep .pill{margin:12px 2px 2px;width:calc(100% - 4px);text-transform:none;letter-spacing:0;font-size:16px;color:#f1f2f6;padding:15px}
.rep .pill:disabled{opacity:.45;cursor:default}
.repdone{margin:26px 20px;text-align:center;font-size:16px}
.rep .x{top:2px;right:8px}

/* ---- smaller model strip ---- */
.people{gap:10px;padding-top:6px}
.people a{width:72px;gap:6px;font-size:12px;font-weight:500}
.people em{max-width:72px}
.people .ava{width:62px;height:62px;border-width:1.5px}

/* ---- video page action icons: one soft pill, round buttons ---- */
.wacts{justify-content:flex-end;gap:2px;padding:0;margin-top:14px;align-self:start;justify-self:end;background:#ffffff0a;border:1px solid #ffffff14;border-radius:99px;padding:4px}
.wacts .act{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%;color:#d4d8e1;transition:background .15s,color .15s}
.wacts .act:hover{background:#ffffff17;color:#fff}
.wacts .act.on{color:var(--acc)}.wacts .act.on .ic{fill:currentColor}
.wacts .ic{width:21px;height:21px;stroke-width:1.7}
@media(max-width:999px){.wacts{justify-self:start;margin-top:12px}}

/* ---- phones: no menu icon in the header; floating two-line button bottom right ---- */
.fab{display:none}.livetop{display:none}
@media(max-width:700px){
  .mbtn{display:none}
  .fab{display:grid;place-items:center;position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(18px,env(safe-area-inset-bottom,0px));z-index:48;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff22;background:#12151dbf;backdrop-filter:blur(10px);color:#fff;opacity:.72;cursor:pointer;padding:0}
  .fab:active{opacity:1}.fab .ic{width:24px;height:24px}
  .livetop{display:grid}
  .side .livecam{display:none}
  .top{padding-left:6px!important}
  .people .ava{width:56px;height:56px}.people a{width:66px}.people em{max-width:66px}
}

/* phones: posters run edge to edge */
@media(max-width:700px){
  .main{padding-left:0;padding-right:0}
  .main>.strip,.main>.mhead,.main>.h1,.main>.legal,.main>.authpage,.main>.sp,.main>.mcats{padding-left:18px;padding-right:18px}
  .main>.legal,.main>.sp{margin-left:0;margin-right:0}
  .grid{margin-left:0;margin-right:0;grid-template-columns:minmax(0,1fr);gap:20px 0}
  .card{min-width:0}
  .card .thumb{border-radius:0}
  .card .row{padding:0 18px}
  .more{margin-left:auto;margin-right:auto}
  .watch{padding:0}.wplayer .player{border-radius:0}
  .watch .winfo,.watch .wrest,.watch .wad{padding-left:18px;padding-right:18px}
  .wacts{margin-left:18px}
  .wmeta .wcrumb{flex-basis:100%}.wmeta .wcrumb+span::before{display:none}
}

/* phones: header icons share one size, stroke and rhythm (live cams · search · profile) */
@media(max-width:700px){
  .top{gap:0;padding-right:8px!important;padding-left:14px!important}
  .top .ibtn{width:46px;height:46px}
  .top .ic{width:25px;height:25px;stroke-width:1.7}
  .logo{font-size:28px;margin-left:0;padding-left:0}
  .people .ava{width:60px;height:60px}.people a{width:68px;font-size:12px}.people em{max-width:68px}
  .fab{width:54px;height:54px;opacity:.78}.fab .ic{width:26px;height:26px;stroke-width:2}
}

/* ---- tighter strips (models, networks, categories) ---- */
.strip{gap:8px;padding:2px 0 6px}
.people{gap:2px;padding-top:4px}
.people a{width:68px;gap:5px}.people em{max-width:68px}
.people .ava{width:60px;height:60px}
.pills.big{gap:8px}.pills.small{gap:6px}
.pills.big a{padding:3px 14px 3px 4px}.pills.small a{padding:4px 11px}
@media(max-width:700px){
  .main>.strip,.main>.mcats{padding-left:10px;padding-right:10px}
  .people{gap:0}
  .people a{width:64px}.people em{max-width:64px}
  .people .ava{width:56px;height:56px}
  .pills.big,.pills.small{gap:6px}
}
.people em{max-width:62px}
@media(max-width:700px){.people em{max-width:58px}}

/* ---- watch page: compact model row, loose action buttons ---- */
.wmodel{gap:12px;margin:16px 0 10px;align-items:center}
.wmodel .ava.huge{width:56px;height:56px;border-width:2px}
.mi{grid-template-columns:auto auto;column-gap:14px;row-gap:1px;align-items:center;justify-items:start}
.mname{grid-column:1;font-size:16px;font-weight:600;margin:0}
.mfol{grid-column:1;font-size:13px}
.follow{grid-column:2;grid-row:1/3;margin:0;width:34px;height:34px;font-size:20px}
.follow.on::after{font-size:16px}
.wacts{background:none;border:0;border-radius:0;padding:0;margin-top:12px;gap:4px;justify-content:flex-end}
.wacts .act{width:42px;height:42px;background:none;color:#c9cdd8}
.wacts .act:hover{background:#ffffff12;color:#fff}
.wacts .act.on{color:var(--acc)}
.wacts .ic{width:23px;height:23px}
@media(max-width:999px){.wacts{justify-content:flex-start;gap:2px;margin-left:12px}}

/* ---- entity header (model / network / category): same scale as the home page ---- */
.mhead{gap:18px;padding:12px 0 6px}
.ava.mav{width:96px;height:96px;border-width:2px;font-size:40px}
.mtitle{font-size:24px;letter-spacing:-.02em}
.mstats{font-size:14px;gap:14px}
.mbio{font-size:14px;max-width:560px}
.followpill{height:36px;padding:0 18px 0 13px;font-size:14px;margin-top:4px}
.followpill .ic{width:16px;height:16px}
@media(max-width:700px){.ava.mav{width:84px;height:84px;font-size:32px}.mtitle{font-size:20px}.mhead{gap:10px;padding:8px 0 4px}}

/* video grid: 4 columns on desktop, 3 on tablets, 1 on phones (phone rule above) */
.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.grid{grid-template-columns:minmax(0,1fr)}}
.mhead{padding-bottom:20px}.mhead+.strip{margin-top:4px}
@media(max-width:700px){.mhead{padding-bottom:16px}}

/* watch page: model row a few px larger */
.wmodel .ava.huge{width:64px;height:64px}
.wmodel{gap:14px}
.mname{font-size:16px}.mfol{font-size:14px}
.follow{width:36px;height:36px;font-size:24px}

/* ---- strips run to the right edge of the page and scroll sideways ---- */
.main>.strip{margin-right:-18px;padding-right:18px;cursor:grab;overscroll-behavior-x:contain}
.main>.strip.dragging{cursor:grabbing;user-select:none}
.main>.strip.dragging a{pointer-events:none}
@media(max-width:700px){.main>.strip{margin-right:0}}

/* ---- pills: soft glow on hover, no red outline ---- */
.pills a{transition:background .18s,box-shadow .18s,color .18s}
.pills a:hover{border-color:#ffffff14;background:#ffffff1c;color:#fff;box-shadow:0 0 16px #ffffff1f}
.pills a.on,.pills.big a.on,.pills.small a.on{border-color:#ffffff22;background:#ffffff24;color:#fff;box-shadow:0 0 14px #ffffff18}
.mcats a.on,.pills.small a.on{border-color:#ffffff22}

/* ---- left menu: its own panel, a touch lighter than the page ---- */
.side{background:#0a0f19;border-right:1px solid #ffffff0d;box-shadow:6px 0 26px #0006}
.nav-open .side{background:#0d1420f2;backdrop-filter:blur(18px)}
.side>a.on{background:#ffffff14}
@media(max-width:700px){
  .side{background:#0d1420;border-right:0;height:100vh;height:100dvh;bottom:auto;overflow-y:auto;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
}

/* "Show more": dark glass pill, same family as the other site buttons */
.btn.more,.more{display:flex;align-items:center;gap:10px;margin:28px auto 8px;padding:0 26px;height:46px;border-radius:99px;background:#ffffff0c;border:1px solid #ffffff1f;color:#d4d8e1;font-weight:500;font-size:15px;letter-spacing:0;cursor:pointer;transition:background .18s,box-shadow .18s,color .18s}
.btn.more::after,.more::after{content:"";width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.btn.more:hover,.more:hover{background:#ffffff17;color:#fff;box-shadow:0 0 18px #ffffff1a}
.btn.more[hidden],.more[hidden]{display:none}

.is-watch .main{padding-top:calc(var(--top) + 8px)}
.is-watch .main>.strip:last-of-type{margin-bottom:8px}

/* watch page: breadcrumb above the player, equal space above and below the iframe */
.winfo{padding-top:12px}
.wacts{margin-top:4px}
.wmeta .wcrumb{display:none}
.winfo{padding-top:14px}.wtitle{line-height:1.3}

/* watch page: title block left, icons right, both under the iframe and ending where it ends */
.wbar{grid-area:bar;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.wbar .winfo{flex:1;min-width:0;grid-area:auto}
.wbar .wacts{grid-area:auto;flex:none;margin:8px 0 0;justify-self:auto;gap:0;padding:0}
.wbar .wacts .act{width:38px;height:38px}
.wbar .wacts .ic{width:22px;height:22px}
@media(max-width:999px){.wbar{flex-wrap:wrap}.wbar .winfo{flex-basis:100%}.wbar .wacts{margin:4px 14px 0 auto;justify-content:flex-end}}
@media(max-width:700px){.wbar .winfo{padding-left:18px;padding-right:18px}}

/* poster meta uses the same order and style as the video page: views · likes · age */
.meta{display:flex;align-items:center;gap:7px;margin:5px 0 0;font-size:13px;color:#9aa0ad;letter-spacing:0;font-variant-numeric:tabular-nums;flex-wrap:wrap}
.meta span+span::before{content:"·";margin-right:7px;color:#6f7482}
.meta b{font-weight:400}
@media(max-width:999px){
  .wbar .wacts{margin:2px 0 0 12px;justify-content:flex-start;gap:0}
  .wbar .wacts .act{width:36px;height:36px}
  .wbar .wacts .ic{width:21px;height:21px}
}

/* demo ad: a quiet placeholder */
.adbox{display:grid;place-content:center;justify-items:center;gap:4px;padding:0;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;aspect-ratio:300/250;color:#aab0bd;text-align:center;transition:background .18s,border-color .18s}
.adbox span{font-size:15px;font-weight:500;color:#cfd3dc}.adbox small{font-size:13px;color:#7d8493}
.adbox:hover{background:#ffffff0f;border-color:#ffffff24}
.adbox b,.adbox i,.adbox .adtag{display:none}

/* watch page: site top scrolls with the page, video zone sits apart; the page opens scrolled to the iframe */
.is-watch .watch{margin-top:22px}
.is-watch .main>.strip:last-of-type{margin-bottom:0}


/* contact / removal forms: same glass-dark look as the report popup */
.cform{max-width:460px;margin:8px auto 30px;padding:14px 16px 18px;background:#1c1e23d9;backdrop-filter:blur(20px);border-radius:22px}
.clabel{margin:6px 14px 4px;font-size:13px;color:#9ea3ae}
.cpick{margin-bottom:18px}
.cform .field{margin:0 14px 22px}
.field textarea{width:100%;background:none;border:0;border-bottom:1px solid #ffffff30;color:#fff;font:inherit;font-size:16px;line-height:1.5;padding:26px 0 8px;outline:0;resize:none;overflow:hidden;min-height:56px}
.field textarea:focus{border-color:#fff}
.field textarea+label{position:absolute;left:0;top:26px;color:#9ea3ae;font-size:16px;pointer-events:none;transition:.12s}
.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{top:2px;font-size:13px;color:#fff}
.cchk{display:flex;gap:10px;align-items:flex-start;margin:0 14px 22px;font-size:14px;line-height:1.5;color:#b9bdc8}
.cchk input{margin-top:3px;accent-color:#e5334b}
.cform .pill{margin:6px 2px 0;width:calc(100% - 4px);text-transform:none;letter-spacing:0;font-size:16px;color:#f1f2f6;padding:15px}
.repdone{max-width:460px;margin:20px auto;text-align:center;color:#e3e6ee}
.legal:has(.cform) .cform,.legal:has(.cform) .cnote{margin-left:0}
.legal:has(.cform) .lead{font-size:16px}
.cform.nopick .cpick{outline:1px solid #e5334b88;border-radius:14px}
.nf{text-align:center;padding-top:60px}.cnote{margin-top:10px;max-width:460px;margin-left:auto;margin-right:auto;font-size:14px}
.cform .tsnote{margin:0 0 14px}.cform .ts{margin:0 14px 6px}
.cchk input{-webkit-appearance:none;appearance:none;flex:none;width:20px;height:20px;margin-top:1px;border-radius:6px;border:1px solid #ffffff3d;background:#ffffff0d;cursor:pointer;display:grid;place-content:center;accent-color:initial}
.cchk input::after{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.cchk input:checked{background:#ffffff26;border-color:#ffffff80}.cchk input:checked::after{opacity:1}
/* one continuous background on short pages, footer pinned to the bottom */
html{background:radial-gradient(1300px 380px at 55% -120px,#1c3a5a66,transparent) no-repeat,var(--bg);min-height:100%}
body{background:none;min-height:100vh;display:flex;flex-direction:column}
body>.main{flex:1 0 auto}
.foot{margin-left:var(--rail)}
@media(max-width:760px){.foot{margin-left:0}}
/* Forgot / Sign Up: two separate links at opposite ends, not one phrase */
.authlinks{justify-content:space-between;gap:16px;margin-top:22px;padding:0 2px}
.authlinks a,.authlinks button{font-size:15px;color:#a3a8b3;font-weight:500}
.authlinks a:last-child,.authlinks button:last-child{color:#fff}
.authlinks a:hover,.authlinks button:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
/* login popup: Forgot under the password, Sign up on its own line */
.auth .forgot{display:block;text-align:right;margin:-12px 0 18px;font-size:14px;color:#a3a8b3}
.auth .forgot:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.auth .newhere{margin:20px 0 2px;text-align:center;font-size:15px;color:#a3a8b3}
.auth .newhere a{color:#fff;font-weight:600;margin-left:4px}.auth .newhere a:hover{text-decoration:underline;text-underline-offset:3px}
/* sign-up / forgot pages: same footer line and dark checkbox as the login popup */
.authpage .newhere{margin:22px 0 0;text-align:center;font-size:15px;color:#a3a8b3}
.authpage .newhere a,.authpage .newhere button{background:none;border:0;padding:0;margin-left:4px;font:inherit;font-weight:600;color:#fff;cursor:pointer}
.authpage .newhere a:hover,.authpage .newhere button:hover{text-decoration:underline;text-underline-offset:3px}
.authpage .tiny{margin:-6px 0 22px;line-height:1.5}
.authpage .tiny input{-webkit-appearance:none;appearance:none;flex:none;width:20px;height:20px;margin:0;border-radius:6px;border:1px solid #ffffff3d;background:#ffffff0d;cursor:pointer;display:grid;place-content:center}
.authpage .tiny input::after{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.authpage .tiny input:checked{background:#ffffff26;border-color:#ffffff80}.authpage .tiny input:checked::after{opacity:1}
.authpage .tiny a{color:#fff;text-decoration:underline;text-underline-offset:2px}
/* scrolled video page: pills passing under the fixed top bar are covered */
.is-watch .top{background:linear-gradient(#03050b 62%,#03050b00)}

/* clean wordmark: one weight, tight, only the xx in the accent colour */
.logo{font-weight:600;font-size:24px;letter-spacing:-.045em}
.logo b{font-weight:600;color:var(--acc)}
@media(max-width:700px){.logo{font-size:24px}}
/* 1.2.76 age gate: our own first window for the AgeVerif checker (markup partials/agegate.php, script js/agegate.js). The page is blurred and closed from the first paint (html.avg); the card is always the white card, whatever the site theme */
html.avg,html.avg body{overflow:hidden}
html.avg body>*:not(#avgate){filter:blur(14px);pointer-events:none;user-select:none}
.avg-gate{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:16px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));background:rgba(10,10,14,.55);font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color-scheme:light}
.avg-gate[hidden]{display:none}
.avg-card{width:100%;max-width:400px;margin:auto;background:#fff;color:#111;text-align:center;border-radius:6px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.avg-hd{background:#141418;padding:15px;display:flex;justify-content:center;align-items:center;color:#fff}
.avg-hd .logo{color:#fff;opacity:1;justify-self:auto}
.avg-bd{padding:20px 20px 16px}
.avg-card h2{margin:0 0 12px;font-size:1.25rem;line-height:1.3;color:#111}
.avg-card h2 em{font-style:normal;color:#d1343f}
.avg-card p{margin:0 0 14px;color:#555;font-size:.82rem;line-height:1.5}
.avg-card p a{color:#1a3fd0;text-decoration:underline}
.avg-note{color:#555;font-size:.82rem;line-height:1.5;margin:0 0 14px}
.avg-note b{color:#111;font-weight:600}
.avg-btn{display:flex;align-items:stretch;width:100%;padding:0;border:0;background:#000;color:#fff;border-radius:3px;overflow:hidden;text-align:center;cursor:pointer;font:inherit}
.avg-btn[hidden]{display:none}
.avg-bt{flex:1;padding:13px 8px}
.avg-bt b{display:block;font-size:1.15rem;letter-spacing:0}
.avg-bt span{font-size:.8rem}
.avg-ch{flex:none;width:46px;background:#2a2a2e;display:grid;place-items:center;font-size:1.4rem}
.avg-btn:hover{background:#1c1c20}
.avg-btn:hover .avg-ch{background:#3a3a40}
.avg-btn:focus-visible,.avg-card a:focus-visible{outline:3px solid #1a3fd0;outline-offset:2px}
.avg-btn:disabled{opacity:.6;cursor:progress}
.avg-card p.avg-err{margin:12px 0 0;color:#b3202c;font-weight:600}
.avg-leave{display:block;margin:12px 0 4px;color:#777;font-size:.78rem;text-decoration:underline}
.avg-pw{margin-top:8px;font-size:.66rem;color:#888}
.avg-pw b{color:#2250b8;font-size:.78rem}
.avg-hd .logo{display:block;margin:0;padding:0;line-height:1.2;font-size:24px;color:#fff}
.avg-card h2{font-family:inherit}

/* ---- new top: logo · search · theme · profile, menu row, banner, trending searches, Continue Watching, sort ---- */
.navrow{display:flex;gap:2px;margin:0 -18px 6px;padding:0 14px;overflow-x:auto;scrollbar-width:none;background:#0b0f18;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff12}
.navrow::-webkit-scrollbar{display:none}
.navrow a{flex:none;display:grid;justify-items:center;gap:3px;padding:8px 16px 6px;font-size:13px;font-weight:500;color:#9aa0ad;border-bottom:2px solid transparent;transition:color .15s,background .15s}
.navrow a .ic{width:20px;height:20px}
.navrow a:hover{color:#fff;background:#ffffff0a}.navrow a.on{color:#fff;border-bottom-color:#fff}
@media(max-width:700px){.navrow{margin:0;padding:0;justify-content:space-around}.navrow a{flex:1;padding:9px 2px 7px}}

.adwrap{margin:14px 0 8px;text-align:center}
.adlabel{margin:0 0 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7d8493}
.adwrap .adslot{display:flex;justify-content:center;overflow:hidden}
.ad320{display:grid;place-items:center;width:min(100%,728px);height:90px;margin:0 auto;border-radius:12px;background:#ffffff0a;border:1px solid #ffffff12;color:#7d8493;font-size:16px;letter-spacing:.08em;transition:background .18s}
.ad320:hover{background:#ffffff12}
@media(max-width:700px){.adwrap{padding:0 18px}.ad320{width:100%}}

.tchips{align-items:center;gap:18px;padding:8px 0 10px;white-space:nowrap}
.tchips a{flex:none;font-size:14px;color:#aeb3bf;font-weight:500;transition:color .15s}
.tchips a:hover{color:#fff}
.tchips .tl{display:inline-flex;align-items:center;gap:8px}.tchips .tl .ic{width:17px;height:17px}
.tchips .tl2{color:#7d8493}
@media(max-width:700px){.main>.tchips{padding-left:18px;padding-right:18px}}

.sechead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 10px}
.sechead h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.02em}
.clearbtn{background:none;border:0;color:#9aa0ad;font:inherit;font-size:14px;cursor:pointer}.clearbtn:hover{color:#fff}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:700px){.main>.sechead{padding-left:18px;padding-right:18px}}

.cw[hidden]{display:none}
.cwx{position:absolute;left:8px;top:8px;z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:#000a;color:#fff;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 2px}
.cwx:hover{background:#000d}
@media(max-width:700px){
  .cw{margin-bottom:6px}
  .cwgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 6px!important;padding:0 6px}
  .cwgrid .card .thumb{border-radius:10px}.cwgrid .card .row{padding:0 4px}
}

/* Stars / Networks / Categories pages */
.tabs2{display:flex;gap:8px;margin:2px 0 12px;flex-wrap:wrap}
.tabs2 a,.az a{padding:7px 16px;border-radius:99px;background:#ffffff10;border:1px solid #ffffff14;color:#c6cad4;font-size:14px;font-weight:500}
.tabs2 a.on,.az a.on{background:#ffffff26;color:#fff}.tabs2 a:hover,.az a:hover{color:#fff}
.az{display:flex;gap:6px;overflow-x:auto;padding:0 0 12px;scrollbar-width:none}.az::-webkit-scrollbar{display:none}
.az a{flex:none;padding:5px 11px;font-size:13px}
.cards2{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:6px 0 20px}
.c2{display:grid;justify-items:center;align-content:start;gap:6px;padding:18px 10px 14px;border-radius:16px;background:#ffffff08;border:1px solid #ffffff10;text-align:center;transition:background .18s,border-color .18s}
.c2:hover{background:#ffffff10;border-color:#ffffff24}
.c2 b{font-weight:600;font-size:15px;line-height:1.2}.c2 small{color:#8c92a0;font-size:13px}
.stars .c2 .ava{width:96px;height:96px;display:grid;place-items:center;font-size:32px;font-weight:600;color:#cfd3dc;background-size:cover;background-position:center;background-color:#1b1f29;border-radius:50%}
.nets .nlogo{width:100%;height:60px;display:grid;place-items:center;font-size:32px;font-weight:600;color:#cfd3dc}
.nets .nlogo img{max-width:80%;max-height:56px;object-fit:contain}
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:6px 0 20px}
.catgrid a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;border-radius:12px;background:#ffffff0a;border:1px solid #ffffff10;font-weight:500;text-transform:capitalize}
.catgrid a:hover{background:#ffffff14}.catgrid small{color:#8c92a0}
.pager{display:flex;justify-content:center;align-items:center;gap:18px;margin:6px 0 28px;color:#8c92a0;font-size:14px}.pager a{color:#fff;font-weight:500}
@media(max-width:700px){.main>.tabs2,.main>.az,.main>.cards2,.main>.catgrid,.main>.pager{padding-left:18px;padding-right:18px}.cards2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cw .sechead{padding-left:18px;padding-right:18px}}
.main>.tchips{margin-right:-18px;padding-right:18px}


.top,.is-watch .top{background:#03050b}

/* sort: just an icon and the word, the native picker opens on tap */
.sortbtn{position:relative;display:inline-flex;align-items:center;gap:5px;color:#aeb3bf;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;padding:4px 2px}
.sortbtn svg{width:16px;height:16px}
.sortbtn:hover{color:#fff}
.sortbtn select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}

/* Stars / Networks list page */
.lhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:8px 0 10px}
.lhead .h1{margin:0;font-size:18px;line-height:26px;font-weight:600}
.lcount{margin:1px 0 0;color:#8c92a0;font-size:13px}
.lhead .sortbtn{margin-top:2px}
.lsearch{display:block;width:100%;max-width:340px;box-sizing:border-box;height:36px;background:transparent;border:1px solid #ffffff26;border-radius:10px;color:#fff;font:inherit;font-size:14px;padding:0 12px;margin:0 0 8px;outline:0}
.lsearch:focus{border-color:#ffffff66}.lsearch::placeholder{color:#8c92a0}
.lpage .az{display:flex;gap:1px;overflow-x:auto;padding:0 0 10px;scrollbar-width:none}.lpage .az::-webkit-scrollbar{display:none}
.lpage .az a{flex:none;min-width:26px;text-align:center;padding:5px 8px 4px;border-radius:0;background:none;border:0;border-bottom:2px solid transparent;color:#9aa0ad;font-size:13px;font-weight:600}
.lpage .az a:hover{color:#fff}.lpage .az a.on{background:none;color:#fff;border-bottom-color:#fff}
.cards3{display:grid;grid-template-columns:repeat(auto-fill,96px);gap:16px 14px;justify-content:start;margin:4px 0 6px}
.c3{display:grid;justify-items:center;align-content:start;gap:5px;text-align:center;min-width:0}
.av3{width:72px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-size:20px;font-weight:600;color:#ffffffb8;background-size:cover;background-position:center;border:2px solid #ffffff1f;transition:border-color .15s}
.c3:hover .av3{border-color:#ffffffcc}
.av3.net img{max-width:72%;max-height:60%;object-fit:contain}
.c3 b{font-size:13px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}
.c3 small{display:flex;gap:8px;color:#8c92a0;font-size:12px}.c3 small span{display:inline-flex;align-items:center;gap:3px}.c3 small svg{width:11px;height:11px}
.lmore{display:grid;justify-items:center;gap:6px;margin:12px 0 20px}
.lmore .btn.more{height:38px;padding:0 20px;font-size:14px;letter-spacing:0;word-spacing:0;gap:8px;margin:0}
.lshow{margin:0;color:#8c92a0;font-size:12px}
@media(max-width:700px){
  .lpage{padding:0 16px}
  .lsearch{max-width:none}
  .cards3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 6px;justify-content:stretch}
  .av3{width:100%;max-width:72px;font-size:18px}
  .c3 b{font-size:13px}.c3 small{gap:7px;font-size:11px}
}
.btn.more,.more{letter-spacing:0;word-spacing:0}

/* one style for every outlined pill button (sign in, sign up, submit) */
.pill,.cform .pill,.rep .pill,.auth .pill{text-transform:none;letter-spacing:0;font-size:15px;font-weight:500;padding:13px 15px}

/* spacing rhythm shared by every page: 4 / 8 / 12 / 16 / 24 / 32 */
:root{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px}
.h1{margin:var(--s4) 0 var(--s3)}
.adwrap{margin:var(--s4) 0 var(--s3)}
.tchips{margin:var(--s2) 0 var(--s3);padding:var(--s1) 0}
.sechead{margin:var(--s5) 0 var(--s3)}
.lhead{margin:var(--s4) 0 var(--s3)}
.lsearch{margin:0 0 var(--s2)}
.lpage .az{padding:0 0 var(--s3)}
.cards3,.cards2,.catgrid{margin:var(--s2) 0 var(--s4)}
.lmore{margin:var(--s5) 0 var(--s6)}
.btn.more,.more{margin:var(--s5) auto var(--s6)}
.lmore .btn.more{margin:0}
@media(max-width:700px){.lpage{padding:0 18px}}
.main>.navrow+*{margin-top:var(--s6)}

/* desktop rail: the arrow sits on the top bar's line; every rail row is the same 50px, and the first one (Home) is centred on the icon + label block of the menu row (Trending, Stars...) */
@media(min-width:701px){
  .side{padding-top:0}
  .side>button.railbtn{height:var(--top);margin-bottom:12px}
}

@media(max-width:700px){.main>.lhead{padding-left:18px;padding-right:18px}}

/* list cards: one-line names so every row has the same height; the footer of the list always sits 32px below the last row */
.c3 b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
.cards3{margin:var(--s2) 0 0}
.lmore{margin:var(--s6) 0 var(--s6);gap:10px}

/* numbered paging (home): Prev · 1 / 187 · Next; sits 32px under the list like the Show more button */
.pgwrap{display:grid;justify-items:center;gap:10px;margin:var(--s6) 0 var(--s6)}
.pager2{display:flex;align-items:center;justify-content:center;gap:16px}
.pgb{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 18px;border-radius:99px;background:#ffffff14;color:#fff;font-size:14px;font-weight:500;transition:background .15s}
.pgb:hover{background:#ffffff22}
.pgb .ic{width:14px;height:14px}
.pgb.off{opacity:.4;background:#ffffff08;cursor:default;pointer-events:none}
.pgi{color:#9aa0ad;font-size:14px;min-width:64px;text-align:center}
.pgshow{margin:0;color:#8c92a0;font-size:12px}

/* video page: banner on top like the home page, then the path Home > network > model > category > video right above the player */
.wcrumbrow{display:flex;align-items:center;gap:4px;min-width:0;margin:var(--s2) 0 var(--s2);font-size:14px;line-height:22px;color:#9aa0ad}
.wcrumbrow a{flex:0 1 auto;min-width:0;max-width:26%;overflow:hidden;text-overflow:ellipsis;color:#c6cad4;white-space:nowrap;text-transform:capitalize;transition:color .15s}
.wcrumbrow a:hover{color:#fff}
.wcrumbrow .home{flex:none;display:inline-flex;max-width:none}.wcrumbrow .home .ic{width:18px;height:18px}
.wcrumbrow .sep{flex:none;width:14px;height:14px;color:#6f7482}
.wcrumbrow .cur{flex:1 1 0;min-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}
.is-watch .watch{margin-top:0}
.is-watch .adwrap{margin-bottom:0}
/* side ad next to the player: same look as the other banners (label above, 300 x 250 demo box) */
.wad .adwrap{margin:0}
.adbox.ad300{display:grid;place-items:center;width:100%;aspect-ratio:300/250;border-radius:12px;background:#ffffff0a;border:1px solid #ffffff12;color:#7d8493;transition:background .18s}
.adbox.ad300 span{font-size:16px;font-weight:400;letter-spacing:.05em;color:#7d8493}
.adbox.ad300:hover{background:#ffffff12}
@media(max-width:700px){.wcrumbrow{padding:0 18px}.wad .adwrap{padding:0}}

/* categories and tags under the video: plain text links, three show, "+N" expands the rest */
.tpills{display:flex;flex-wrap:wrap;gap:4px 18px;margin:var(--s3) 0 0;font-size:14px;line-height:22px}
.tpills a,.tmore{display:inline;padding:0;height:auto;border:0;border-radius:0;background:none;color:#aeb3bf;font:inherit;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .15s}
.tpills a:hover,.tmore:hover{color:#fff;background:none}
.tpills.cats a{text-transform:capitalize}
.tpills.tags a{color:#8c92a0}.tpills.tags a:hover{color:#fff}
.tmore{color:#6f7482}

/* video page: stats with icons (views, likes, date added, duration) and the description */
.wmeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:var(--s2) 0 0;color:#9aa0ad;font-size:14px}
.wmeta span{display:inline-flex;align-items:center;gap:6px}
.wmeta span+span::before{content:none}
.wmeta .ic{width:16px;height:16px;opacity:.85}
.vdesc{margin:var(--s3) 0 0;max-width:760px}
.vtxt{margin:0;color:#b5bac6;font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vtxt.open{display:block;-webkit-line-clamp:unset}
.vdesc .mmore{margin-top:var(--s1);font-size:13px}

/* video page, below the player: title, stats, actions between two lines, description, then Model / Category / Tag rows */
.wbar{display:block;margin-top:var(--s4)}
.wbar .winfo{padding-top:0}
.wtitle{margin:0;font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.02em}
.wbar .wmeta{margin:var(--s2) 0 0}
.vline{height:1px;background:var(--line);margin:var(--s4) 0}
.vacts{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2)}
.vb{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;min-width:36px;padding:0;border-radius:99px;background:none;border:1px solid #ffffff26;color:#d4d8e1;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.vb .ic{width:17px;height:17px;stroke-width:1.7}
.vb:hover{background:#ffffff12;border-color:#ffffff40;color:#fff}
.vb.on{color:var(--acc);border-color:#e5334b66}.vb.on .ic{fill:currentColor}
.vlike{padding:0 14px}
.vrow{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--s3);align-items:center;padding:var(--s2) 0}
.vl{color:#8c92a0;font-size:14px}
.vv .tpills{margin:0}
.vrow .wmodel{margin:0;padding:0}
.vrow .wmodel .ava.huge{width:48px;height:48px;border-width:2px}
.wrest .vdesc{margin:0 0 var(--s3)}
@media(max-width:700px){.vrow{grid-template-columns:80px minmax(0,1fr)}}

/* model row: plain text like the category and tag rows, with a small text Follow */
.vmodel{display:flex;align-items:center;flex-wrap:wrap;gap:4px 18px;font-size:14px;line-height:22px}
.vmodel .mname{color:#fff;font-weight:500}
.vmodel .mname:hover{text-decoration:underline;text-underline-offset:3px}
.vmodel .mfol{color:#8c92a0}
.vfollow{background:none;border:0;padding:0;font:inherit;font-weight:500;color:#aeb3bf;cursor:pointer;transition:color .15s}
.vfollow::before{content:"+ Follow"}
.vfollow.on::before{content:"Following"}
.vfollow:hover{color:#fff}.vfollow.on{color:#6f7482}

/* comments under the video */
.wmeta .wcm{cursor:pointer}.wmeta .wcm:hover{color:#fff}.cmts{margin:var(--s6) 0 0}@media(min-width:1000px){.cmts{max-width:calc(100% - 360px)}}
.cmts .sechead{margin:0 0 var(--s3)}
.cmn{margin-left:6px;color:#8c92a0;font-weight:500;font-size:15px}
.cmform{margin:0 0 var(--s4)}
.cmform textarea{display:block;width:100%;box-sizing:border-box;min-height:44px;max-height:240px;resize:none;background:transparent;border:1px solid #ffffff26;border-radius:12px;padding:11px 14px;color:#fff;font:inherit;font-size:14px;line-height:1.5;outline:0;overflow:auto}
.cmform textarea:focus{border-color:#ffffff66}.cmform textarea::placeholder{color:#8c92a0}
.cmfoot{display:grid;gap:var(--s2);margin-top:var(--s2)}
.cmfoot input[type=text],.cmfoot input[type=email]{width:100%;box-sizing:border-box;height:38px;background:transparent;border:1px solid #ffffff26;border-radius:10px;padding:0 12px;color:#fff;font:inherit;font-size:14px;outline:0}
.cmfoot input:focus{border-color:#ffffff66}.cmfoot input::placeholder{color:#8c92a0}
.cmfoot .hp{position:absolute;left:-9999px}
.cmrow{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.cmmsg{font-size:13px;color:#9aa0ad}.cmmsg.err{color:#ff7a8a}
.cmpost{height:36px;padding:0 20px;border:0;border-radius:99px;background:#fff;color:#111;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.cmpost:disabled{opacity:.5;cursor:default}
.cmnote{margin:0 0 var(--s4);color:#9aa0ad;font-size:14px}.cmnote a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.cm{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--s3);padding:var(--s3) 0}
.cmav{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:600;color:#ffffffc0}
.cmh{display:flex;align-items:baseline;gap:var(--s2);font-size:14px}.cmh b{font-weight:600}
.cmh time{color:#7d8493;font-size:13px}
.cmt{margin-top:2px;font-size:14px;line-height:1.55;color:#d4d8e1;overflow-wrap:anywhere}
.cmt p{margin:0}.cmt p+p,.cmt blockquote+p,.cmt p+blockquote{margin-top:var(--s2)}
.cmt blockquote{margin:0;padding:2px 0 2px var(--s3);border-left:2px solid #ffffff2e;color:#9aa0ad;font-size:13px}
.cma{display:flex;align-items:center;gap:var(--s4);margin-top:var(--s2);font-size:13px}
.cma button{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:0;color:#8c92a0;font:inherit;cursor:pointer;transition:color .15s}
.cma button:hover{color:#fff}.cma .ic{width:14px;height:14px}
.cma .cml.on{color:var(--acc)}.cma .cml.on .ic{fill:currentColor}
.cmempty{margin:var(--s3) 0}
.cmmore{margin:var(--s4) 0 0!important}
@media(max-width:700px){.cmts{padding:0 18px}.cmform textarea,.cmfoot input[type=text],.cmfoot input[type=email]{font-size:16px}}

#more.btn.more{height:38px;padding:0 20px;font-size:14px;gap:8px;margin:var(--s5) auto var(--s6)}

html[data-theme="light"] .lpage .az a,html[data-theme="light"] .lpage .az a.on{background:none;border:0;border-bottom:2px solid transparent}

@media(max-width:700px){html[data-theme="light"] body .fab{border:1px solid #0000002e;background:#fff;color:#0f0f0f;opacity:1;box-shadow:0 2px 10px #00000026}}

/* empty and logged-out states of Following / Saved / Liked / Check Later */
.empty-state{display:grid;justify-items:center;text-align:center;gap:var(--s2);padding:var(--s6) 18px;margin:var(--s4) auto;max-width:420px}
.empty-state .es-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#ffffff0c;border:1px solid #ffffff14;color:#c6cad4;margin-bottom:var(--s2)}
.empty-state .es-ic .ic{width:24px;height:24px}
.empty-state h2{margin:0;font-size:18px;line-height:26px;font-weight:600}
.empty-state p{margin:0;color:#8c92a0;font-size:14px;line-height:22px}
.empty-state .es-btns{display:flex;gap:var(--s2);justify-content:center;margin-top:var(--s3)}
.empty-state .btn{height:38px;padding:0 20px;font-size:14px;display:inline-flex;align-items:center}
.plus.rm.on{background:#000a;font-size:20px}.plus.rm.on::after{content:none}

/* My account: centred like the sign in / sign up pages */
.usermenu a:not(:last-child){color:#d8dbe3}
.authpage.acct{min-height:0;place-items:start center;padding:var(--s4) 18px var(--s6)}
.acwrap{width:min(420px,100%)}.acwrap form{width:100%}
.acuser{margin:-18px 0 var(--s5);text-align:center;color:#8c92a0;font-size:14px}
.achint{margin:0 0 var(--s4);color:#8c92a0;font-size:13px;line-height:20px}
.acmsg:empty{display:none}.acmsg{margin:0 0 var(--s3);font-size:13px;text-align:center;color:#8c92a0}.acmsg.err{color:#ff6b7a}.acmsg.ok{color:#5fd38d}
.acdanger{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid #ffffff14;text-align:center}
.acdanger .ach{margin:0 0 var(--s2);font-size:16px;line-height:24px;font-weight:600}.acdanger p{margin:0 0 var(--s4);font-size:14px;line-height:22px}
.acdanger .btn{height:40px;padding:0 20px;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
#acDel{text-align:left}#acDel .acmsg{text-align:center}#acDel .btn{margin-top:var(--s2)}
.btn.danger{background:#e5334b;color:#fff;border-color:#e5334b}.btn.ghost.danger{background:transparent;color:#ff6b7a;border:1px solid #ff6b7a55}

/* light mode: sign in / sign up / forgot password need firm contrast */
html[data-theme="light"] body .pill{background:#0f0f0f;border-color:#0f0f0f;color:#fff}
html[data-theme="light"] body .pill:hover{background:#2a2d33;border-color:#2a2d33;color:#fff}
html[data-theme="light"] body .pill:disabled{opacity:.6}
html[data-theme="light"] body .field input{border-bottom:1px solid #00000047;color:#0f0f0f}
html[data-theme="light"] body .field input:focus{border-bottom-color:#0f0f0f}
html[data-theme="light"] body .field label{color:#3b3e44}
html[data-theme="light"] body .field input:focus+label,html[data-theme="light"] body .field input:not(:placeholder-shown)+label{color:#0f0f0f}
html[data-theme="light"] body .authpage h1,html[data-theme="light"] body .mbox h1,html[data-theme="light"] body .mbox h2{color:#0f0f0f}
html[data-theme="light"] body .authpage .tiny,html[data-theme="light"] body .authpage .newhere,html[data-theme="light"] body .forgot{color:#3b3e44}
html[data-theme="light"] body .authpage .newhere a,html[data-theme="light"] body .authpage .newhere button,html[data-theme="light"] body .newhere button{color:#0f0f0f;font-weight:600}
html[data-theme="light"] body .authpage .tiny input{border:1px solid #00000066}
html[data-theme="light"] body .field .eye{color:#3b3e44}

html[data-theme="light"] body .modal .box.auth{background:#fff}
html[data-theme="light"] body .box.auth .newhere,html[data-theme="light"] body .box.auth .forgot,html[data-theme="light"] body .box.auth .tiny{color:#3b3e44}
html[data-theme="light"] body .box.auth .newhere button,html[data-theme="light"] body .box.auth .newhere a{color:#0f0f0f;font-weight:600}

html[data-theme="light"] body .tsnote{color:#1d6b3a;font-weight:500}
html[data-theme="light"] body .tsw{background:#fafafa;border:1px solid #00000026;color:#0f0f0f}html[data-theme="light"] body .tsw small{color:#565961}

.pagelogin .forgot{display:block;text-align:right;margin:-12px 0 18px;font-size:14px;color:#a3a8b3}
.pagelogin .err{text-align:center;margin:0 0 var(--s3)}.pagelogin .newhere{text-align:center;margin:var(--s3) 0 0;color:#9ea3ae;font-size:14px}.pagelogin .newhere a{color:#fff;font-weight:600}
html[data-theme="light"] body .pagelogin .forgot,html[data-theme="light"] body .pagelogin .newhere{color:#3b3e44}html[data-theme="light"] body .pagelogin .newhere a{color:#0f0f0f}

.pagelogin .pl-head{display:grid;justify-items:center;text-align:center;gap:var(--s2);margin:0 0 var(--s5)}
.pagelogin .pl-head .es-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#ffffff0c;border:1px solid #ffffff14;color:#c6cad4;margin-bottom:var(--s2)}.pagelogin .pl-head .es-ic .ic{width:24px;height:24px}
.pagelogin .pl-head h2{margin:0;font-size:18px;line-height:26px;font-weight:600}.pagelogin .pl-head p{margin:0;color:#8c92a0;font-size:14px;line-height:22px}

/* Active states under the video: like fills only the heart (red), favorite fills the star (neutral), watch later inverts the button */
.vb b{font-variant-numeric:tabular-nums}.vb .ic{flex:none}
.vb.vlike.on{color:#d4d8e1;border-color:#ffffff26}.vb.vlike.on .ic{color:#e5334b;fill:#e5334b;stroke:#e5334b;animation:likepop .3s ease}
@keyframes likepop{0%{transform:scale(.8)}55%{transform:scale(1.22)}100%{transform:scale(1)}}
.vb[data-act="saved"].on{color:#fff;background:#ffffff1a;border-color:#ffffff66}
.vb[data-act="later"].on{color:#0b0b0b;background:#fff;border-color:#fff}.vb[data-act="later"].on .ic{fill:none}
html[data-theme="light"] body .vb.vlike.on{color:#2c2f35;border-color:#00000016}html[data-theme="light"] body .vb.vlike.on .ic{color:#e5334b;fill:#e5334b;stroke:#e5334b}
html[data-theme="light"] body .vb[data-act="saved"].on{color:#0f0f0f;background:#0000000d;border-color:#00000047}
html[data-theme="light"] body .vb[data-act="later"].on{color:#fff;background:#0f0f0f;border-color:#0f0f0f}
/* profile menu with icons */
.usermenu div a,.usermenu div span{display:flex;align-items:center;gap:10px}.usermenu .ic{width:17px;height:17px;flex:none}

html[data-theme="light"] body .btn.ghost.danger{color:#c4182f;border-color:#c4182f66}
html[data-theme="light"] body .acmsg.err{color:#c4182f}html[data-theme="light"] body .acmsg.ok{color:#1d6b3a}

.pill.done{color:#5fd38d;border-color:#5fd38d66}
html[data-theme="light"] body .pill.done{background:#1d6b3a;border-color:#1d6b3a;color:#fff}

/* thin line between the footer links and the copyright, as wide as the links above it */
.sidefoot p{display:block;width:calc(100% - 15px);margin-top:12px;padding-top:12px;border-top:1px solid #ffffff24}
html[data-theme="light"] body .sidefoot p{border-top-color:#0000001f}

/* light mode contrast fixes from the audit */
html[data-theme="light"] body .cform .pill{color:#fff}
html[data-theme="light"] body .sidefoot,html[data-theme="light"] body .sidefoot a{color:#4a4d54}

.plus.on{background:#d62a45}
.usermenu div a:last-child{color:#ff6b7a}.btn.danger:not(.ghost){background:#cc2640;border-color:#cc2640;color:#fff}
html[data-theme="light"] body [class] .pill{color:#fff}
html[data-theme="light"] body .usermenu div a:last-child{color:#c4182f}
html[data-theme="light"] body .btn.danger:not(.ghost){background:#c4182f;border-color:#c4182f;color:#fff}

/* primary buttons: filled in both themes (white in dark, black in light) */
html:not([data-theme="light"]) body .pill,html:not([data-theme="light"]) body [class] .pill{background:#fff;border-color:#fff;color:#0b0b0b}
html:not([data-theme="light"]) body .pill:hover,html:not([data-theme="light"]) body [class] .pill:hover{background:#e3e6ec;border-color:#e3e6ec;color:#0b0b0b}
html:not([data-theme="light"]) body .pill.done,html:not([data-theme="light"]) body [class] .pill.done{background:#1f7a45;border-color:#1f7a45;color:#fff}
/* light surfaces: rail and menu row sit above the page, same as in dark; the rail keeps one colour open or closed */
html[data-theme="light"] body .side,html[data-theme="light"] body .nav-open .side{background:#f7f8fa;border-right:1px solid #00000014}
@media(max-width:700px){html[data-theme="light"] body .side,html[data-theme="light"] body .nav-open .side{background:#f7f8fa}}
html[data-theme="light"] body .navrow{background:#f7f8fa;border-top:1px solid #0000000d;border-bottom:1px solid #00000014}

.pill.done,.pill.done:disabled{opacity:1}

/* dark: one flat page colour, so the top bar and the page behind it are the same black */
html:not([data-theme="light"]),html:not([data-theme="light"]) body{background:var(--bg)}

/* light: same flat page colour and the same solid top bar on every page, no glow, shadow or blur */
html[data-theme="light"]:root,html[data-theme="light"]:root body{background:var(--bg)}
html[data-theme="light"] body .top,html[data-theme="light"] body.is-watch .top,html[data-theme="light"] body.watch-mode .top,html[data-theme="light"] body .is-watch .top{background:#eeeff2;box-shadow:none;backdrop-filter:none}

#sq::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}

/* random button, "new" markers */
.side>a{position:relative}.nbadge{position:absolute;left:34px;top:8px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:#d62a45;color:#fff;font:600 10px/16px system-ui,sans-serif;text-align:center;font-style:normal;box-sizing:border-box}
.newb{position:absolute;left:8px;top:8px;padding:2px 8px;border-radius:99px;background:#fff;color:#0b0b0b;font-size:11px;font-weight:600;line-height:16px;letter-spacing:.02em}
.lcount .newn{color:#fff;font-weight:600}
html[data-theme="light"] body .newb{background:#0f0f0f;color:#fff}html[data-theme="light"] body .lcount .newn{color:#0f0f0f}

/* 404 */
.nf404{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:var(--s2);padding:var(--s6) 18px var(--s5);max-width:520px;margin:0 auto}
.nf-code{margin:0;font-size:72px;line-height:1;font-weight:600;letter-spacing:-.02em;color:#ffffff1f}
.nf404 h1{margin:var(--s2) 0 0;font-size:22px;line-height:30px;font-weight:600}
.nf-text{margin:0 0 var(--s3);color:#8c92a0;font-size:14px;line-height:22px}
.nf-search{display:flex;gap:var(--s2);width:100%;align-items:center}
.nf-search input{flex:1;min-width:0;height:46px;box-sizing:border-box;background:transparent;border:1px solid #ffffff26;border-radius:99px;padding:0 18px;color:#fff;font:inherit;font-size:16px;outline:0}
.nf-search input:focus{border-color:#ffffff66}.nf-search input::placeholder{color:#8c92a0}
.nf-search .pill.pillw{width:auto;flex:none;padding:0 24px;height:46px;margin:0}
.nf-home{margin:var(--s3) 0 0;font-size:14px}.nf-home a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.nf-head{margin-top:var(--s4)}
html[data-theme="light"] body .nf-code{color:#00000020}html[data-theme="light"] body .nf-search input{border-color:#0000002e;color:#0f0f0f}html[data-theme="light"] body .nf-search input:focus{border-color:#00000066}
/* keyboard: one clear focus ring, skip link, hidden off-canvas menu, reduced motion */
:focus-visible{outline:2px solid #fff;outline-offset:2px}
html[data-theme="light"] body :focus-visible{outline-color:#0f0f0f}
.field input:focus-visible,.lsearch:focus-visible,.nf-search input:focus-visible,.cmform textarea:focus-visible{outline:0}
html[data-theme="light"] body .field input:focus-visible,html[data-theme="light"] body .field textarea:focus-visible,html[data-theme="light"] body .lsearch:focus-visible,html[data-theme="light"] body .nf-search input:focus-visible,html[data-theme="light"] body .cmform textarea:focus-visible{outline:0}
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:#fff;color:#0b0b0b;padding:10px 16px;border-radius:99px;font-size:14px;font-weight:600;text-decoration:none;transition:top .12s}
.skip:focus{top:10px}
.main:focus{outline:0}
@media(max-width:700px){.side{visibility:hidden;transition:transform .2s,visibility 0s .2s}.nav-open .side{visibility:visible;transition:transform .2s}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* search box in Stars / Networks: own clear button (the browser's one is missing or invisible) */
.lsw{position:relative;max-width:340px;margin:0 0 var(--s2)}.lsw .lsearch{margin:0;max-width:none;padding-right:38px}
.lsearch::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.lclr{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#ffffff1f;color:#d4d8e1;cursor:pointer}
.lclr[hidden]{display:none}.lclr:hover{background:#ffffff33;color:#fff}.lclr .ic{width:13px;height:13px}
html[data-theme="light"] body .lclr{background:#0000001a;color:#2c2f35}html[data-theme="light"] body .lclr:hover{background:#0000002e;color:#0f0f0f}
@media(max-width:700px){.lsw{max-width:none}}

@media(max-width:700px){.lsearch{font-size:16px;height:40px}}   /* 16px stops the phone from zooming in on focus */

/* video breadcrumb: full names, home icon fixed, the rest scrolls sideways */
.wcrumbrow{gap:6px}
.wcrumbrow .wcscroll{background:none;border:0;border-radius:0;padding:0;flex:1 1 0;min-width:0;display:flex;align-items:center;gap:4px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.wcrumbrow .wcscroll::-webkit-scrollbar{display:none}
.wcrumbrow .wcscroll.wc-more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
.wcrumbrow .wcscroll a{flex:none;max-width:none;overflow:visible;text-overflow:clip}
.wcrumbrow .wcscroll .cur{flex:none;min-width:0;overflow:visible;text-overflow:clip}

html[data-theme="light"] body .wcrumbrow .wcscroll{background:none;border:0;border-radius:0}

/* card meta with icons, like the video page */
.card .meta{gap:12px}.card .meta span{display:inline-flex;align-items:center;gap:5px}.card .meta span+span::before{content:none}
.card .meta .ic{width:14px;height:14px;opacity:.85;flex:none}

/* phones: the trending chips must not push the page wider than the screen */
@media(max-width:700px){.main>.tchips{margin-right:0}}
body{overflow-x:clip}

/* "ago" is dropped on the small Continue Watching posters on phones, where the line would wrap */
@media(max-width:700px){.cwgrid .card .meta .ago{display:none}}

/* top bar: smaller icons, tighter spacing; the random icon (point-symmetric arrows) makes a full turn when pressed */
.top{gap:0}
.top .ibtn{width:36px;height:36px}.top .ibtn .ic{width:20px;height:20px}
@media(max-width:700px){.top .ibtn{width:38px;height:38px}.top .ibtn .ic{width:21px;height:21px}}
#rndBtn .ic{transition:transform .6s cubic-bezier(.45,.05,.25,1)}
#rndBtn.spin .ic{transform:rotate(360deg)}
@media(prefers-reduced-motion:reduce){#rndBtn .ic{transition-duration:.6s!important}}   /* a short turn the visitor starts themselves: keep it even with reduced motion on */

/* delete account: one short line and a plain link */
.acdanger{margin-top:var(--s5);padding-top:var(--s4)}
.acdanger .acdel-line{margin:0 0 var(--s1);font-size:13px;line-height:20px}
.acdel-link{color:#ff6b7a;font-size:inherit;text-decoration:underline;text-underline-offset:3px}.acdel-link:hover{color:#ff8e9a}
html[data-theme="light"] body .acdel-link{color:#c4182f}html[data-theme="light"] body .acdel-link:hover{color:#9d1024}

.legalonly[hidden]{display:none}.lnote{margin:0 14px 14px;font-size:13px;line-height:20px;color:#8c92a0}

/* report windows: air between the reasons, the Cloudflare check and the button */
.rep .ts{margin:0}.rep .ts:not(:empty),.rep .tsw{margin:14px 2px 0}
.rep .tsnote{margin:14px 0 0}.rep .ts:not(:empty)+.tsnote,.rep .tsw+.tsnote{margin-top:8px}

/* links inside the text of pages and under the contact form must look like links */
.legal a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.cnote a{color:#6db3ff;font-weight:400;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.cnote a:hover{color:#9ccaff}
html[data-theme="light"] body .cnote a{color:#1a5fd0}html[data-theme="light"] body .cnote a:hover{color:#164fb0}

/* every link inside running text: same size and weight as the text around it, blue and underlined so it reads as clickable */
body .legal a,body .cnote a,body .authpage .tiny a{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;color:#6db3ff;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body .legal a:hover,body .cnote a:hover,body .authpage .tiny a:hover{color:#9ccaff}
html[data-theme="light"] body .legal a,html[data-theme="light"] body .cnote a,html[data-theme="light"] body .authpage .tiny a{color:#1a5fd0}
html[data-theme="light"] body .legal a:hover,html[data-theme="light"] body .cnote a:hover,html[data-theme="light"] body .authpage .tiny a:hover{color:#164fb0}

/* page titles and the first paragraph of text pages: one look (Terms and Privacy start without the "lead" class) */
.legal>p:first-child{font-size:16px;color:#e3e6ee;line-height:1.6;margin:4px 0 22px}
html[data-theme="light"] body .legal>p:first-child{color:#1f2128}
.authpage h1{font-weight:600}

.acwarn{margin:0 0 var(--s4);text-align:center;font-size:13px;line-height:20px}

/* delete confirmation: quiet. One red outline button, a plain Cancel, a neutral warning */
.acwarn{color:#8c92a0}
#acDel .acbtns{display:flex;gap:var(--s2);justify-content:center;align-items:center}
#acDel .btn{height:36px;padding:0 16px;font-size:13px}
#acDel .btn.danger{background:transparent;color:#ff6b7a;border:1px solid #ff6b7a66}#acDel .btn.danger:hover{background:#ff6b7a1a}
#acDel .btn.ghost{background:none;border:0;color:#8c92a0}#acDel .btn.ghost:hover{color:#fff}
html[data-theme="light"] body .acwarn{color:#565961}
html[data-theme="light"] body #acDel .btn.danger{background:transparent;color:#c4182f;border:1px solid #c4182f66}html[data-theme="light"] body #acDel .btn.danger:hover{background:#c4182f14}
html[data-theme="light"] body #acDel .btn.ghost{background:none;border:0;color:#565961}html[data-theme="light"] body #acDel .btn.ghost:hover{color:#0f0f0f}


/* footer: a line separates it from the page; Legal / Support on the left, the third-party note and copyright on the right (desktop) */
.fad{margin:0 0 0 var(--rail)}@media(max-width:760px){.fad{margin-left:0}}
/* page numbers / Show more sit close to the banner under them */
.main:has(+ .fad){padding-bottom:0}.main:has(+ .fad) .pgwrap{margin-bottom:12px}.main:has(+ .fad) #more.btn.more,.main:has(+ .fad) .lmore{margin-bottom:12px}
.foot{margin-top:var(--s5);padding:0;color:#8c92a0;font-size:13px;line-height:20px;border-top:1px solid #ffffff14}
.foot .fwrap{padding:26px 18px 34px}
.foot .fcols{display:flex;gap:56px;margin-bottom:var(--s4)}
.foot nav{display:flex;flex-direction:column;min-width:0}
.foot .fh{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8c92a0}
.foot nav a{padding:7px 0;font-size:14px;color:#c6cad4;white-space:nowrap}.foot a:hover{color:#fff}
.foot p{margin:0}.foot .fnote{margin-bottom:4px}
@media(min-width:900px){.foot .fwrap{display:flex;justify-content:space-between;align-items:flex-start;padding-left:18px;padding-right:24px}.foot .fcols{margin-bottom:0}.foot .fmeta{text-align:right;padding-top:26px}}
html[data-theme="light"] body .foot{border-top-color:#00000018}
html[data-theme="light"] body .foot,html[data-theme="light"] body .foot .fh,html[data-theme="light"] body .foot .fnote,html[data-theme="light"] body .foot .fcopy{color:#565961}
html[data-theme="light"] body .foot nav a{color:#2c2f35}html[data-theme="light"] body .foot nav a:hover{color:#0f0f0f}

@media(max-width:700px){.foot .fwrap{padding-bottom:84px}}   /* the floating menu button must not cover the last line */

/* every banner: the same space above and below (24px) */
:root{--adgap:24px}
.adwrap{margin:var(--adgap) 0}
.is-watch .adwrap{margin-bottom:var(--adgap)}
.wad .adwrap{margin:0}
@media(max-width:999px){.wad{margin:var(--adgap) 0 0}}
@media(max-width:999px){.is-watch .cmts{margin-top:var(--adgap)}}
.main>.navrow+.adwrap{margin-top:calc(var(--adgap) - 0px)}
.fad .adwrap{margin:var(--adgap) 0}
.main:has(+ .fad){padding-bottom:0}.main:has(+ .fad) .pgwrap,.main:has(+ .fad) #more.btn.more,.main:has(+ .fad) .lmore{margin-bottom:0}
.fad+.foot{margin-top:0}

/* logo: desktop = name in thin capitals (Italiana, wide tracking); phones = first letter in a thin ring (Jost). One colour. */
.logo{display:flex;align-items:center;height:var(--top);color:#fff;line-height:1;text-transform:none}
.logo .lw{font-family:Italiana,"Times New Roman",serif;font-size:26px;font-weight:400;letter-spacing:.27em;margin-right:-.27em;white-space:nowrap}
.logo .lmk{display:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:700px){.logo .lw{display:none}.logo .lmk{display:grid;place-items:center;width:30px;height:30px;border:1.4px solid currentColor;border-radius:50%;opacity:1}.logo .lmc{font:400 19px/1 Jost,Arial,sans-serif;padding-top:1px}}
.avg-hd .logo{display:inline-flex;height:auto}
.avg-hd .logo .lw{display:block;font-size:28px}.avg-hd .logo .lmk{display:none}

/* model / network toolbar: video count left, Category + Sort right (same row as on category pages) */
.mtool{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 10px}
.mtool .lcount{margin:0}
.mctl{display:flex;align-items:center;gap:16px}
.catwrap{position:relative;display:inline-flex;align-items:center}
.catwrap.hot .sortbtn{color:#fff;background:#ffffff14;border-radius:99px;padding:4px 30px 4px 10px}
.catwrap .cx{position:absolute;right:5px;z-index:2;width:22px;height:22px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer;color:#fff}
.catwrap .cx[hidden]{display:none}
@media(max-width:700px){.mtool{padding:0 18px}.mctl{gap:10px}}

html[data-theme="light"] body .catwrap.hot .sortbtn{color:#111;background:#0000000f}
html[data-theme="light"] body .catwrap .cx{color:#111}

/* duration badge on posters: always a dark pill so it reads on bright and dark thumbnails, in both themes */
.dur{background:rgba(0,0,0,.72);color:#fff;padding:2px 6px;border-radius:5px;text-shadow:none;line-height:1.3}
html[data-theme="light"] body .dur{background:rgba(0,0,0,.72);color:#fff;text-shadow:none}
/* round avatars without a photo: the letter sits in the middle */
.ava{display:grid;place-items:center;font-weight:600;color:#cfd3dc;font-size:26px;line-height:1;overflow:hidden}
.ava.mav{font-size:72px}.ava.s{font-size:14px}.ava.big{font-size:30px}.ava.huge{font-size:44px}
.people .ava{font-size:24px}
@media(max-width:700px){.ava.mav{font-size:54px}.people .ava{font-size:22px}}

/* initials on the stars cards sit on a dark gradient in both themes: plain white, bold */
.av3{color:#fff;font-weight:700;text-shadow:0 1px 2px #0006}
html[data-theme="light"] body .av3{color:#fff}
.mfol b{font-weight:inherit}

/* ==== light theme (generated) ==== */
html[data-theme="light"]{--bg:#eeeff2;--bg2:#e1e2e4;--line:#cecfd2;--fg:#1a1c21;--mut:#696c74}
html[data-theme="light"] body{background:radial-gradient(1300px 380px at 55% -120px,#6aa0e038,transparent),var(--bg)}
html[data-theme="light"] .btn{color:#0f0f0f}
html[data-theme="light"] .btn.ghost{border:1px solid #b1b5be}
html[data-theme="light"] .top{background:linear-gradient(#f4f6facc,transparent)}
html[data-theme="light"] .logo{color:#0f0f0f}
html[data-theme="light"] .usermenu div{background:#f4f6fae6}
html[data-theme="light"] .side{background:#f4f6faf0}
html[data-theme="light"] .side>a,html[data-theme="light"] .side>button.railbtn{color:#292c32}
html[data-theme="light"] .side>a.on .ic,html[data-theme="light"] .side>a:hover .ic{color:#0f0f0f}
html[data-theme="light"] .side>a.on{background:#0000000a}
html[data-theme="light"] .side>a:hover{background:#00000008}
html[data-theme="light"] .nav-open .side{background:#f4f6faee}
@media(max-width:700px){html[data-theme="light"] .side{background:#f4f6faf5}}
html[data-theme="light"] .people a{color:#4e5159}
html[data-theme="light"] .ava{background:#d7d7d7 center/cover;border:2px solid #00000016}
html[data-theme="light"] .pills a{background:#00000009;border:1px solid #0000000c}
html[data-theme="light"] .pills.big a{background:#00000008}
html[data-theme="light"] .pills.small a{color:#383b41}
html[data-theme="light"] .card .thumb{background:#d5d6d9 center/cover no-repeat}
html[data-theme="light"] .plus{color:#0f0f0f}
html[data-theme="light"] .dur{text-shadow:0 1px 3px #f6f6f6,0 0 6px #f6f6f6}
html[data-theme="light"] .av{background:#d7d7d7 center/cover}
html[data-theme="light"] .name{color:#303339}
html[data-theme="light"] .ttl{color:#17181d}
html[data-theme="light"] .meta{color:#5d6068}
html[data-theme="light"] .act:hover{background:#0000000c}
html[data-theme="light"] .player{background:#f6f6f6}
html[data-theme="light"] .mfol{color:#5d6068}
html[data-theme="light"] .follow{background:#0f0f0f;color:#e7e7e7}
html[data-theme="light"] .follow.on{color:#0f0f0f}
html[data-theme="light"] .adph{border:1px dashed #b1b5be}
html[data-theme="light"] .form input,html[data-theme="light"] .form textarea,html[data-theme="light"] .form select,html[data-theme="light"] .report select,html[data-theme="light"] .report textarea{border:1px solid #bfc1c5}
html[data-theme="light"] .modal .box{background:#dfe0e3}
html[data-theme="light"] .legal{color:#303339}
html[data-theme="light"] .legal a{color:#1a5fd0}
html[data-theme="light"] .sbox{background:#f4f6faf5}
html[data-theme="light"] .shead{border-bottom:1px solid #0000000c}
html[data-theme="light"] .shead input{color:#0f0f0f}
html[data-theme="light"] .stabs{color:#36383f}
html[data-theme="light"] .stabs button.on{color:#0f0f0f}
html[data-theme="light"] .sres a:hover{background:#00000008}
html[data-theme="light"] .sres .sa{background:#cacacd center/cover;color:#303339}
html[data-theme="light"] .sres .st span{color:#52545b}
html[data-theme="light"] .sres .sn{color:#3c3e46}
html[data-theme="light"] .sres .sn small{color:#5d6068}
html[data-theme="light"] .modal .box.auth{background:#f4f6faf0}
html[data-theme="light"] .field input{border-bottom:1px solid #0000001c;color:#0f0f0f}
html[data-theme="light"] .field input:focus{border-color:#0f0f0f}
html[data-theme="light"] .field label{color:#5b5e65}
html[data-theme="light"] .field input:focus+label,html[data-theme="light"] .field input:not(:placeholder-shown)+label{color:#0f0f0f}
html[data-theme="light"] .field .eye{color:#0f0f0f}
html[data-theme="light"] .pill{border:1px solid #0000001b;color:#43464d}
html[data-theme="light"] .pill:hover{color:#0f0f0f;border-color:#0000003d}
html[data-theme="light"] .authlinks{color:#575a60}
html[data-theme="light"] .authlinks a,html[data-theme="light"] .authlinks button{color:#0f0f0f}
html[data-theme="light"] .authpage .tiny{color:#5b5e65}
html[data-theme="light"] .wmeta{color:#5d6068}
html[data-theme="light"] .adbox{background:linear-gradient(135deg,#dbcfd8,#cacfd7 60%,#e5e6e9);border:1px solid #00000012}
html[data-theme="light"] .adbox span:not(.adtag){color:#383b42}
html[data-theme="light"] .adtag{color:#0000004c}
html[data-theme="light"] .side .livecam{color:#4d161f}
html[data-theme="light"] .side .livecam em{border:1px solid #00000026;color:#00000060}
html[data-theme="light"] .side .livecam:hover{background:#00000008}
html[data-theme="light"] .wmeta{color:#565961}
html[data-theme="light"] .wmeta span+span::before{color:#84878e}
html[data-theme="light"] .wacts .act:hover{background:#0000000a}
html[data-theme="light"] .wcrumb a{color:#1a5fd0}
html[data-theme="light"] .wcrumb a:hover{color:#164fb0}
html[data-theme="light"] .wcrumb i{color:#84878e}
html[data-theme="light"]{--mut:#686c75}
html[data-theme="light"] .ttl{color:#14161b}
html[data-theme="light"] .meta{color:#666971}
html[data-theme="light"] .ava.mav{background-color:#d5d6d9}
html[data-theme="light"] .mstats{color:#5d6068}
html[data-theme="light"] .mstats b{color:#1f2126}
html[data-theme="light"] .mbio{color:#454850}
html[data-theme="light"] .mmore{color:#164fb0}
html[data-theme="light"] .followpill{background:#0f0f0f;color:#e8e9eb}
html[data-theme="light"] .followpill.on{background:#00000012;color:#0f0f0f}
html[data-theme="light"] .mcats a.on{color:#0f0f0f}
html[data-theme="light"] .ava.netav{color:#303339;background-color:#d5d6d9}
html[data-theme="light"] .pills.small a.on{color:#0f0f0f}
html[data-theme="light"] .legal{color:#34373e}
html[data-theme="light"] .legal .lead{color:#1f2128}
html[data-theme="light"] .legal h2{color:#0f0f0f}
html[data-theme="light"] .legal a{color:#1a5fd0}
html[data-theme="light"] .legal a:hover{color:#164fb0}
html[data-theme="light"] .ccard{background:#00000008;border:1px solid #0000000c}
html[data-theme="light"] a.ccard:hover{border-color:#00000026;background:#0000000a}
html[data-theme="light"] .ccard b{color:#0f0f0f}
html[data-theme="light"] .ccard span{color:#54575f}
html[data-theme="light"] .cbtn{color:#0f0f0f!important}
html[data-theme="light"] .modal .box.rep{background:#f4f6faf2}
html[data-theme="light"] .rrow{color:#17181d}
html[data-theme="light"] .rrow:hover{background:#00000008}
html[data-theme="light"] a.rrow .ic{color:#1f2126}
html[data-theme="light"] .rep .pill{color:#17181d}
html[data-theme="light"] .wacts{background:#00000008;border:1px solid #0000000c}
html[data-theme="light"] .wacts .act{color:#2c2f35}
html[data-theme="light"] .wacts .act:hover{background:#0000000d;color:#0f0f0f}
@media(max-width:700px){html[data-theme="light"] .fab{border:1px solid #00000014;background:#f4f6fabf;color:#0f0f0f}}
html[data-theme="light"] .wacts .act{color:#34373e}
html[data-theme="light"] .wacts .act:hover{background:#0000000a;color:#0f0f0f}
html[data-theme="light"] .pills a:hover{border-color:#0000000c;background:#00000010;color:#0f0f0f;box-shadow:0 0 16px #00000012}
html[data-theme="light"] .pills a.on,html[data-theme="light"] .pills.big a.on,html[data-theme="light"] .pills.small a.on{border-color:#00000014;background:#00000015;color:#0f0f0f;box-shadow:0 0 14px #0000000e}
html[data-theme="light"] .mcats a.on,html[data-theme="light"] .pills.small a.on{border-color:#00000014}
html[data-theme="light"] .side{background:#e4e5e9;border-right:1px solid #00000008}
html[data-theme="light"] .nav-open .side{background:#f4f6faf2}
html[data-theme="light"] .side>a.on{background:#0000000c}
@media(max-width:700px){html[data-theme="light"] .side{background:#dfe1e5}}
html[data-theme="light"] .btn.more,html[data-theme="light"] .more{background:#00000008;border:1px solid #00000012;color:#2c2f35}
html[data-theme="light"] .btn.more:hover,html[data-theme="light"] .more:hover{background:#0000000d;color:#0f0f0f;box-shadow:0 0 18px #0000000f}
html[data-theme="light"] .meta{color:#5d6068}
html[data-theme="light"] .meta span+span::before{color:#84878e}
html[data-theme="light"] .adbox{background:#00000008;border:1px solid #0000000c;color:#4e5159}
html[data-theme="light"] .adbox span{color:#303339}
html[data-theme="light"] .adbox small{color:#757981}
html[data-theme="light"] .adbox:hover{background:#00000009;border-color:#00000015}
html[data-theme="light"] .cform{background:#f4f6fad9}
html[data-theme="light"] .clabel{color:#5b5e65}
html[data-theme="light"] .field textarea{border-bottom:1px solid #0000001c;color:#0f0f0f}
html[data-theme="light"] .field textarea:focus{border-color:#0f0f0f}
html[data-theme="light"] .field textarea+label{color:#5b5e65}
html[data-theme="light"] .field textarea:focus+label,html[data-theme="light"] .field textarea:not(:placeholder-shown)+label{color:#0f0f0f}
html[data-theme="light"] .cchk{color:#43464d}
html[data-theme="light"] .cform .pill{color:#17181d}
html[data-theme="light"] .repdone{color:#1f2128}
html[data-theme="light"] .cchk input{border:1px solid #00000024;background:#00000008}
html[data-theme="light"] .cchk input::after{border-left:2px solid #0f0f0f;border-bottom:2px solid #0f0f0f}
html[data-theme="light"] .cchk input:checked{background:#00000016;border-color:#0000004c}
html[data-theme="light"]{background:radial-gradient(1300px 380px at 55% -120px,#6aa0e038,transparent) no-repeat,var(--bg)}
html[data-theme="light"] .authlinks a,html[data-theme="light"] .authlinks button{color:#575a60}
html[data-theme="light"] .authlinks a:last-child,html[data-theme="light"] .authlinks button:last-child{color:#0f0f0f}
html[data-theme="light"] .authlinks a:hover,html[data-theme="light"] .authlinks button:hover{color:#0f0f0f}
html[data-theme="light"] .auth .forgot{color:#575a60}
html[data-theme="light"] .auth .forgot:hover{color:#0f0f0f}
html[data-theme="light"] .auth .newhere{color:#575a60}
html[data-theme="light"] .auth .newhere a{color:#0f0f0f}
html[data-theme="light"] .authpage .newhere{color:#575a60}
html[data-theme="light"] .authpage .newhere a,html[data-theme="light"] .authpage .newhere button{color:#0f0f0f}
html[data-theme="light"] .authpage .tiny input{border:1px solid #00000024;background:#00000008}
html[data-theme="light"] .authpage .tiny input::after{border-left:2px solid #0f0f0f;border-bottom:2px solid #0f0f0f}
html[data-theme="light"] .authpage .tiny input:checked{background:#00000016;border-color:#0000004c}
html[data-theme="light"] .authpage .tiny a{color:#0f0f0f}
html[data-theme="light"] .is-watch .top{background:linear-gradient(#eeeff2 62%,#03050b00)}
html[data-theme="light"] .navrow{background:#e4e5e9;border-top:1px solid #00000008;border-bottom:1px solid #0000000a}
html[data-theme="light"] .navrow a{color:#5d6068}
html[data-theme="light"] .navrow a:hover{color:#0f0f0f;background:#00000008}
html[data-theme="light"] .navrow a.on{color:#0f0f0f;border-bottom-color:#0f0f0f}
html[data-theme="light"] .adlabel{color:#757981}
html[data-theme="light"] .ad320{background:#00000008;border:1px solid #0000000a;color:#757981}
html[data-theme="light"] .ad320:hover{background:#0000000a}
html[data-theme="light"] .tchips a{color:#4c4f56}
html[data-theme="light"] .tchips a:hover{color:#0f0f0f}
html[data-theme="light"] .tchips .tl2{color:#757981}
html[data-theme="light"] .clearbtn{color:#5d6068}
html[data-theme="light"] .clearbtn:hover{color:#0f0f0f}
html[data-theme="light"] .cwx{color:#0f0f0f}
html[data-theme="light"] .tabs2 a,html[data-theme="light"] .az a{background:#00000009;border:1px solid #0000000c;color:#383b41}
html[data-theme="light"] .tabs2 a.on,html[data-theme="light"] .az a.on{background:#00000016;color:#0f0f0f}
html[data-theme="light"] .tabs2 a:hover,html[data-theme="light"] .az a:hover{color:#0f0f0f}
html[data-theme="light"] .c2{background:#00000008;border:1px solid #00000009}
html[data-theme="light"] .c2:hover{background:#00000009;border-color:#00000015}
html[data-theme="light"] .c2 small{color:#696c74}
html[data-theme="light"] .stars .c2 .ava{color:#303339;background-color:#d5d6d9}
html[data-theme="light"] .nets .nlogo{color:#303339}
html[data-theme="light"] .catgrid a{background:#00000008;border:1px solid #00000009}
html[data-theme="light"] .catgrid a:hover{background:#0000000c}
html[data-theme="light"] .catgrid small{color:#696c74}
html[data-theme="light"] .pager{color:#696c74}
html[data-theme="light"] .pager a{color:#0f0f0f}
html[data-theme="light"] .top,html[data-theme="light"] .is-watch .top{background:#eeeff2}
html[data-theme="light"] .sortbtn{color:#4c4f56}
html[data-theme="light"] .sortbtn:hover{color:#0f0f0f}
html[data-theme="light"] .lcount{color:#696c74}
html[data-theme="light"] .lsearch{border:1px solid #00000016;color:#0f0f0f}
html[data-theme="light"] .lsearch:focus{border-color:#0000003d}
html[data-theme="light"] .lsearch::placeholder{color:#696c74}
html[data-theme="light"] .lpage .az a{color:#5d6068}
html[data-theme="light"] .lpage .az a:hover{color:#0f0f0f}
html[data-theme="light"] .lpage .az a.on{color:#0f0f0f;border-bottom-color:#0f0f0f}
html[data-theme="light"] .av3{color:#0000006e;border:2px solid #00000012}
html[data-theme="light"] .c3:hover .av3{border-color:#0000007a}
html[data-theme="light"] .c3 small{color:#696c74}
html[data-theme="light"] .lshow{color:#696c74}
html[data-theme="light"] .pgb{background:#0000000c;color:#0f0f0f}
html[data-theme="light"] .pgb:hover{background:#00000014}
html[data-theme="light"] .pgb.off{background:#00000008}
html[data-theme="light"] .pgi{color:#5d6068}
html[data-theme="light"] .pgshow{color:#696c74}
html[data-theme="light"] .wcrumbrow{color:#5d6068}
html[data-theme="light"] .wcrumbrow a{color:#383b41}
html[data-theme="light"] .wcrumbrow a:hover{color:#0f0f0f}
html[data-theme="light"] .wcrumbrow .sep{color:#84878e}
html[data-theme="light"] .wcrumbrow .cur{color:#0f0f0f}
html[data-theme="light"] .adbox.ad300{background:#00000008;border:1px solid #0000000a;color:#757981}
html[data-theme="light"] .adbox.ad300 span{color:#757981}
html[data-theme="light"] .adbox.ad300:hover{background:#0000000a}
html[data-theme="light"] .tpills a,html[data-theme="light"] .tmore{color:#4c4f56}
html[data-theme="light"] .tpills a:hover,html[data-theme="light"] .tmore:hover{color:#0f0f0f}
html[data-theme="light"] .tpills.tags a{color:#696c74}
html[data-theme="light"] .tpills.tags a:hover{color:#0f0f0f}
html[data-theme="light"] .tmore{color:#84878e}
html[data-theme="light"] .wmeta{color:#5d6068}
html[data-theme="light"] .vtxt{color:#454850}
html[data-theme="light"] .vb{border:1px solid #00000016;color:#2c2f35}
html[data-theme="light"] .vb:hover{background:#0000000a;border-color:#00000026;color:#0f0f0f}
html[data-theme="light"] .vl{color:#696c74}
html[data-theme="light"] .vmodel .mname{color:#0f0f0f}
html[data-theme="light"] .vmodel .mfol{color:#696c74}
html[data-theme="light"] .vfollow{color:#4c4f56}
html[data-theme="light"] .vfollow:hover{color:#0f0f0f}
html[data-theme="light"] .vfollow.on{color:#84878e}
html[data-theme="light"] .wmeta .wcm:hover{color:#0f0f0f}
html[data-theme="light"] .cmn{color:#696c74}
html[data-theme="light"] .cmform textarea{border:1px solid #00000016;color:#0f0f0f}
html[data-theme="light"] .cmform textarea:focus{border-color:#0000003d}
html[data-theme="light"] .cmform textarea::placeholder{color:#696c74}
html[data-theme="light"] .cmfoot input[type=text],html[data-theme="light"] .cmfoot input[type=email]{border:1px solid #00000016;color:#0f0f0f}
html[data-theme="light"] .cmfoot input:focus{border-color:#0000003d}
html[data-theme="light"] .cmfoot input::placeholder{color:#696c74}
html[data-theme="light"] .cmmsg{color:#5d6068}
html[data-theme="light"] .cmpost{background:#0f0f0f;color:#e7e7e7}
html[data-theme="light"] .cmnote{color:#5d6068}
html[data-theme="light"] .cmnote a{color:#0f0f0f}
html[data-theme="light"] .cmav{color:#00000073}
html[data-theme="light"] .cmh time{color:#757981}
html[data-theme="light"] .cmt{color:#2c2f35}
html[data-theme="light"] .cmt blockquote{border-left:2px solid #0000001b;color:#5d6068}
html[data-theme="light"] .cma button{color:#696c74}
html[data-theme="light"] .cma button:hover{color:#0f0f0f}
@media(max-width:700px){html[data-theme="light"] html[data-theme="light"] body .fab{background:#0f0f0f;color:#e8e8e8}}
html[data-theme="light"] .empty-state .es-ic{background:#00000008;border:1px solid #0000000c;color:#383b41}
html[data-theme="light"] .empty-state p{color:#696c74}
html[data-theme="light"] .usermenu a:not(:last-child){color:#292c32}
html[data-theme="light"] .acuser{color:#696c74}
html[data-theme="light"] .achint{color:#696c74}
html[data-theme="light"] .acmsg{color:#696c74}
html[data-theme="light"] .acdanger{border-top:1px solid #0000000c}
html[data-theme="light"] .btn.danger{color:#0f0f0f}
html[data-theme="light"] .btn.ghost.danger{border:1px solid #00000033}
html[data-theme="light"] html[data-theme="light"] body .pill{background:#e8e8e8;border-color:#e8e8e8;color:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body .pill:hover{background:#cbcccd;border-color:#cbcccd;color:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body .field input{color:#e8e8e8}
html[data-theme="light"] html[data-theme="light"] body .field input:focus{border-bottom-color:#e8e8e8}
html[data-theme="light"] html[data-theme="light"] body .field label{color:#bbbcbe}
html[data-theme="light"] html[data-theme="light"] body .field input:focus+label,html[data-theme="light"] html[data-theme="light"] body .field input:not(:placeholder-shown)+label{color:#e8e8e8}
html[data-theme="light"] html[data-theme="light"] body .authpage h1,html[data-theme="light"] html[data-theme="light"] body .mbox h1,html[data-theme="light"] html[data-theme="light"] body .mbox h2{color:#e8e8e8}
html[data-theme="light"] html[data-theme="light"] body .authpage .tiny,html[data-theme="light"] html[data-theme="light"] body .authpage .newhere,html[data-theme="light"] html[data-theme="light"] body .forgot{color:#bbbcbe}
html[data-theme="light"] html[data-theme="light"] body .authpage .newhere a,html[data-theme="light"] html[data-theme="light"] body .authpage .newhere button,html[data-theme="light"] html[data-theme="light"] body .newhere button{color:#e8e8e8}
html[data-theme="light"] html[data-theme="light"] body .field .eye{color:#bbbcbe}
html[data-theme="light"] html[data-theme="light"] body .modal .box.auth{background:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body .box.auth .newhere,html[data-theme="light"] html[data-theme="light"] body .box.auth .forgot,html[data-theme="light"] html[data-theme="light"] body .box.auth .tiny{color:#bbbcbe}
html[data-theme="light"] html[data-theme="light"] body .box.auth .newhere button,html[data-theme="light"] html[data-theme="light"] body .box.auth .newhere a{color:#e8e8e8}
html[data-theme="light"] html[data-theme="light"] body .tsw{background:#141414;color:#e8e8e8}
html[data-theme="light"] html[data-theme="light"] body .tsw small{color:#a0a2a6}
html[data-theme="light"] .pagelogin .forgot{color:#575a60}
html[data-theme="light"] .pagelogin .newhere{color:#5b5e65}
html[data-theme="light"] .pagelogin .newhere a{color:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body .pagelogin .forgot,html[data-theme="light"] html[data-theme="light"] body .pagelogin .newhere{color:#bbbcbe}
html[data-theme="light"] html[data-theme="light"] body .pagelogin .newhere a{color:#e8e8e8}
html[data-theme="light"] .pagelogin .pl-head .es-ic{background:#00000008;border:1px solid #0000000c;color:#383b41}
html[data-theme="light"] .pagelogin .pl-head p{color:#696c74}
html[data-theme="light"] .vb.vlike.on{color:#2c2f35;border-color:#00000016}
html[data-theme="light"] .vb[data-act="saved"].on{color:#0f0f0f;background:#0000000f;border-color:#0000003d}
html[data-theme="light"] .vb[data-act="later"].on{color:#ececec;background:#0f0f0f;border-color:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body .vb.vlike.on{color:#c9cacb}
html[data-theme="light"] html[data-theme="light"] body .vb[data-act="saved"].on{color:#e8e8e8}
html[data-theme="light"] html[data-theme="light"] body .vb[data-act="later"].on{color:#0f0f0f;background:#e8e8e8;border-color:#e8e8e8}
html[data-theme="light"] html[data-theme="light"] body .pill.done{color:#0f0f0f}
html[data-theme="light"] .sidefoot p{border-top:1px solid #00000015}
html[data-theme="light"] html[data-theme="light"] body .cform .pill{color:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body .sidefoot,html[data-theme="light"] html[data-theme="light"] body .sidefoot a{color:#acadb1}
html[data-theme="light"] .btn.danger:not(.ghost){color:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body [class] .pill{color:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body .btn.danger:not(.ghost){color:#0f0f0f}
html[data-theme="light"] html:not([data-theme="light"]) body .pill,html[data-theme="light"] html:not([data-theme="light"]) body [class] .pill{background:#0f0f0f;border-color:#0f0f0f;color:#ececec}
html[data-theme="light"] html:not([data-theme="light"]) body .pill:hover,html[data-theme="light"] html:not([data-theme="light"]) body [class] .pill:hover{background:#212328;border-color:#212328;color:#ececec}
html[data-theme="light"] html:not([data-theme="light"]) body .pill.done,html[data-theme="light"] html:not([data-theme="light"]) body [class] .pill.done{color:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body .side,html[data-theme="light"] html[data-theme="light"] body .nav-open .side{background:#121418}
@media(max-width:700px){html[data-theme="light"] html[data-theme="light"] body .side,html[data-theme="light"] html[data-theme="light"] body .nav-open .side{background:#121418}}
html[data-theme="light"] html[data-theme="light"] body .navrow{background:#121418}
html[data-theme="light"] html[data-theme="light"] body .top,html[data-theme="light"] html[data-theme="light"] body.is-watch .top,html[data-theme="light"] html[data-theme="light"] body.watch-mode .top,html[data-theme="light"] html[data-theme="light"] body .is-watch .top{background:#1b1c1f}
html[data-theme="light"] .nbadge{color:#0f0f0f}
html[data-theme="light"] .newb{background:#0f0f0f;color:#ececec}
html[data-theme="light"] .lcount .newn{color:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body .newb{background:#e8e8e8;color:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body .lcount .newn{color:#e8e8e8}
html[data-theme="light"] .nf-code{color:#00000012}
html[data-theme="light"] .nf-text{color:#696c74}
html[data-theme="light"] .nf-search input{border:1px solid #00000016;color:#0f0f0f}
html[data-theme="light"] .nf-search input:focus{border-color:#0000003d}
html[data-theme="light"] .nf-search input::placeholder{color:#696c74}
html[data-theme="light"] html[data-theme="light"] body .nf-search input{color:#e8e8e8}
html[data-theme="light"] :focus-visible{outline:2px solid #0f0f0f}
html[data-theme="light"] html[data-theme="light"] body :focus-visible{outline-color:#e8e8e8}
html[data-theme="light"] .skip{background:#0f0f0f;color:#ececec}
html[data-theme="light"] .lclr{background:#00000012;color:#2c2f35}
html[data-theme="light"] .lclr:hover{background:#0000001e;color:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body .lclr{color:#c9cacb}
html[data-theme="light"] html[data-theme="light"] body .lclr:hover{color:#e8e8e8}
html[data-theme="light"] .wcrumbrow .wcscroll.wc-more{-webkit-mask-image:linear-gradient(90deg,#f6f6f6 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#f6f6f6 calc(100% - 32px),transparent)}
html[data-theme="light"] .lnote{color:#696c74}
html[data-theme="light"] .cnote a{color:#1a5fd0}
html[data-theme="light"] .cnote a:hover{color:#164fb0}
html[data-theme="light"] body .legal a,html[data-theme="light"] body .cnote a,html[data-theme="light"] body .authpage .tiny a{color:#1a5fd0}
html[data-theme="light"] body .legal a:hover,html[data-theme="light"] body .cnote a:hover,html[data-theme="light"] body .authpage .tiny a:hover{color:#164fb0}
html[data-theme="light"] .legal>p:first-child{color:#1f2128}
html[data-theme="light"] html[data-theme="light"] body .legal>p:first-child{color:#d5d5d7}
html[data-theme="light"] .acwarn{color:#696c74}
html[data-theme="light"] #acDel .btn.danger{border:1px solid #0000003d}
html[data-theme="light"] #acDel .btn.danger:hover{background:#0000000f}
html[data-theme="light"] #acDel .btn.ghost{color:#696c74}
html[data-theme="light"] #acDel .btn.ghost:hover{color:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body .acwarn{color:#a0a2a6}
html[data-theme="light"] html[data-theme="light"] body #acDel .btn.ghost{color:#a0a2a6}
html[data-theme="light"] html[data-theme="light"] body #acDel .btn.ghost:hover{color:#e8e8e8}
html[data-theme="light"] .foot{color:#696c74;border-top:1px solid #0000000c}
html[data-theme="light"] .foot .fh{color:#696c74}
html[data-theme="light"] .foot nav a{color:#383b41}
html[data-theme="light"] .foot a:hover{color:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body .foot,html[data-theme="light"] html[data-theme="light"] body .foot .fh,html[data-theme="light"] html[data-theme="light"] body .foot .fnote,html[data-theme="light"] html[data-theme="light"] body .foot .fcopy{color:#a0a2a6}
html[data-theme="light"] html[data-theme="light"] body .foot nav a{color:#c9cacb}
html[data-theme="light"] html[data-theme="light"] body .foot nav a:hover{color:#e8e8e8}
html[data-theme="light"] .logo{color:#0f0f0f}
html[data-theme="light"] .catwrap.hot .sortbtn{color:#0f0f0f;background:#0000000c}
html[data-theme="light"] .catwrap .cx{color:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body .catwrap.hot .sortbtn{color:#e7e7e7}
html[data-theme="light"] html[data-theme="light"] body .catwrap .cx{color:#e7e7e7}
html[data-theme="light"] .dur{color:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body .dur{color:#0f0f0f}
html[data-theme="light"] .ava{color:#303339}
html[data-theme="light"] .av3{color:#0f0f0f}
html[data-theme="light"] html[data-theme="light"] body .av3{color:#0f0f0f}
/* things that sit on posters keep light text */
html[data-theme="light"] .player,html[data-theme="light"] .wplayer .player{background:#000}
html[data-theme="light"] .side{box-shadow:none;border-right:1px solid var(--line)}
html[data-theme="light"] .dur,html[data-theme="light"] .plus,html[data-theme="light"] .cwx,html[data-theme="light"] .follow.on{color:#fff}
/* ==== end light theme ==== */