:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#151517;color:#e9e9eb}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1520px;margin:0 auto;padding:0 24px}.top{background:#202023;border-bottom:1px solid #353538}.nav{height:55px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:19px;font-weight:800;letter-spacing:-.5px}.brand span{color:#e9e9eb}.brand .dot{color:#e66c91}.nav-right{display:flex;align-items:center;gap:9px;font-size:10px;color:#aaa;letter-spacing:.4px}.live-dot{height:7px;width:7px;background:#4fc28b;border-radius:50%}.adult{border:1px solid #56565a;padding:4px 6px;margin-left:8px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0 17px}.page-heading h1{font-size:23px;letter-spacing:-.5px;margin:0 0 5px}.page-heading p{margin:0;color:#99999e;font-size:12px}.preview-flag{font-size:10px;color:#d3b86e;letter-spacing:.2px}.filters{background:#202023;border:1px solid #37373b;border-radius:3px;padding:7px 15px 9px;margin-bottom:20px}.filter-row{display:flex;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid #36363a}.row-label{flex:0 0 90px;color:#bdbdc2;font-size:12px;font-weight:700}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid #45454b;background:#303034;color:#cccdd0;padding:7px 13px;border-radius:3px;font-size:12px;line-height:1.1}.chip:hover{background:#3c3c42}.chip.active{background:#dedee0;border-color:#dedee0;color:#19191c;font-weight:700}.secondary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(145px,1fr) auto;gap:11px;align-items:end;border-bottom:0}.secondary label,.small-label{display:block;font-size:11px;color:#b9b9bd}.secondary select,.tag-trigger{display:block;width:100%;margin-top:6px;height:35px;padding:0 9px;border:1px solid #49494e;border-radius:3px;background:#2b2b2f;color:#eee;font-size:12px}.tag-control{position:relative;min-width:0}.tag-trigger{text-align:left;display:flex;align-items:center;justify-content:space-between}.tag-menu{position:absolute;top:100%;left:0;width:max(255px,100%);background:#27272b;border:1px solid #55555b;box-shadow:0 12px 25px #0009;padding:10px;z-index:20;border-radius:3px}.tag-menu[hidden]{display:none}.tag-menu input[type=search]{width:100%;padding:9px;border:1px solid #55555a;background:#1c1c1f;color:#fff;border-radius:3px;font-size:12px}.tag-list{max-height:220px;overflow-y:auto;margin:7px 0}.tag-item{display:flex!important;gap:9px;align-items:center;padding:7px 5px;color:#e2e2e4!important;font-size:12px!important;cursor:pointer}.tag-item:hover{background:#37373b}.tag-item input{accent-color:#d0d0d2}.tag-help{font-size:10px;line-height:1.4;color:#aaa;margin:7px 0 0}.reset-tags{height:35px;white-space:nowrap;padding:0 12px;background:transparent;border:1px solid #55555a;color:#d3d3d6;border-radius:3px;font-size:11px}.filter-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px}.filter-bottom>button{background:none;border:0;color:#b8b8be;font-size:11px;white-space:nowrap;padding:7px 0}.selected-tags{display:flex;gap:6px;flex-wrap:wrap}.selected-tag{background:#414147;border:0;border-radius:2px;color:#eee;font-size:11px;padding:5px 8px}.results-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #38383c;margin-bottom:13px;padding-bottom:11px}.results-head h2{font-size:17px;font-weight:700;margin:0}.results-head>span{font-size:12px;color:#aaa}.live-indicator{color:#48bc83;font-size:10px}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.performer{min-width:0;background:#202023;border:1px solid #303035;border-radius:2px;overflow:hidden}.photo{position:relative;aspect-ratio:4/4.4;background:#f5d900!important;background-image:none!important}.photo img,.photo iframe,.photo video,.photo picture{display:none!important}.online{position:absolute;top:7px;left:7px;background:#202621;color:#91e2ad;font-size:10px;font-weight:700;padding:4px 6px;border-radius:2px}.provider{position:absolute;bottom:7px;left:7px;background:#242427;color:#eee;font-size:10px;padding:4px 6px;border-radius:2px}.info{padding:8px 7px 10px}.name{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta{font-size:10px;color:#a6a6ab;margin-top:4px}.status{font-size:12px;color:#aaa;margin-bottom:10px}.status:empty{display:none}.more{display:block;margin:22px auto;background:#35353a;border:1px solid #555;color:#eee;padding:10px 22px}.more[hidden]{display:none}.about{margin-top:50px;border-top:1px solid #35353a;padding:15px 0 40px;max-width:850px}.about h2{font-size:14px}.about p{font-size:12px;line-height:1.7;color:#aaa}footer{border-top:1px solid #35353a;background:#1b1b1e}.footer{padding-top:18px;padding-bottom:18px;font-size:11px;color:#999;display:flex;justify-content:space-between}
@media(max-width:1250px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.reset-tags{width:max-content}}
@media(max-width:850px){.shell{padding:0 14px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.row-label{flex-basis:75px}.chip{padding:7px 10px}.preview-flag{max-width:130px;text-align:right}}
@media(max-width:530px){.nav-right{font-size:9px}.page-heading{padding:14px 0}.page-heading h1{font-size:19px}.page-heading p{font-size:11px}.filters{padding:5px 10px}.filter-row{display:block}.row-label{display:block;margin-bottom:9px}.chips{gap:5px}.chip{font-size:11px;padding:7px 9px}.secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tag-menu{width:min(280px,90vw)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.footer{display:block}.footer span{display:block;margin-top:6px}}

/* Restore original CougarLiveCams identity without changing filter functionality. */
.brand{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:21px;font-weight:900;letter-spacing:-1.15px;color:#f6f1f6}
.brand .brand-live{color:#f34f92}
.brand .dot{color:#f34f92}
.chip.active{background:#e64c89;border-color:#e64c89;color:#fff;font-weight:750}
.chip:hover:not(.active){border-color:#8d6175;background:#3a3037}
.selected-tag{background:#50303e;color:#ffdce9;border:1px solid #a84b70}
.reset-tags:hover,.filter-bottom>button:hover{color:#f38ab1;border-color:#a84b70}
@media(max-width:530px){.brand{font-size:18px}}

/* V3: restrained, modern product UI — styling only; filters and preview data unchanged. */
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#141519;color:#f0f0f3}
body{background:radial-gradient(ellipse 75% 330px at 50% -140px,rgba(190,73,120,.085),transparent),#141519}
.top{background:#1b1c21;border-bottom:1px solid #303139}
.nav{height:64px}
.brand{font-size:22px;letter-spacing:-1.05px}
.brand .brand-live,.brand .dot{color:#ef6398}
.nav-right{font-weight:650;letter-spacing:.9px;color:#9b9ca6}
.adult{border-radius:5px;border-color:#42434b;color:#bfc0c8}
.page-heading{padding:27px 0 21px}
.page-heading h1{font-size:25px;font-weight:750;letter-spacing:-.75px}
.page-heading p{font-size:12px;color:#a4a4af}
.preview-flag{color:#c7a9b6;font-weight:650;letter-spacing:.55px}
.filters{background:linear-gradient(145deg,#24252b,#202127);border:1px solid #383943;border-radius:10px;padding:9px 18px 11px;box-shadow:0 10px 30px rgba(0,0,0,.13);margin-bottom:26px}
.filter-row{border-bottom-color:#393a43;gap:16px;padding:12px 0}
.row-label{color:#d0d0d7;font-size:11px;font-weight:750;letter-spacing:.25px}
.chips{gap:7px}
.chip{border:1px solid #494a54;background:#303139;color:#d2d2da;border-radius:6px;padding:8px 13px;font-size:12px;font-weight:550;transition:background .15s,border-color .15s,box-shadow .15s}
.chip:hover:not(.active){background:#3a3540;border-color:#a46581;color:#fff}
.chip.active{background:#b93f73;border-color:#d55a8d;color:#fff;font-weight:700;box-shadow:inset 0 1px rgba(255,255,255,.14),0 2px 9px rgba(180,48,104,.15)}
.secondary{gap:12px;padding-top:13px;padding-bottom:11px}
.secondary label,.small-label{font-size:11px;font-weight:650;color:#bfc0ca}
.secondary select,.tag-trigger{background:#2c2d35;border:1px solid #50515b;border-radius:6px;height:38px;padding:0 11px;color:#eaeaf0;transition:border-color .15s,box-shadow .15s}
.secondary select:hover,.tag-trigger:hover{border-color:#a56a84}
.secondary select:focus-visible,.tag-trigger:focus-visible,.chip:focus-visible,.reset-tags:focus-visible{outline:2px solid #ec80ac;outline-offset:2px}
.tag-menu{background:#25262d;border:1px solid #555661;border-radius:9px;box-shadow:0 18px 44px rgba(0,0,0,.45);padding:12px}
.tag-menu input[type=search]{background:#1b1c22;border:1px solid #50515c;border-radius:6px}
.tag-item{border-radius:5px}
.tag-item:hover{background:#37343e}
.tag-item input{accent-color:#d95b91}
.reset-tags{height:38px;border-radius:6px;border-color:#50515b;color:#c9c9d2;font-weight:600}
.filter-bottom>button{font-weight:650}
.selected-tag{background:#49303e;border:1px solid #83516b;border-radius:5px;color:#f5ccdc}
.results-head{border-bottom-color:#35363e;padding-bottom:13px;margin-bottom:15px}
.results-head h2{font-size:18px;font-weight:750;letter-spacing:-.3px}
.grid{gap:13px}
.performer{background:#212228;border:1px solid #353640;border-radius:8px;transition:border-color .16s,transform .16s,box-shadow .16s}
.performer:hover{border-color:#79536a;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.photo{background:#f5d900!important}
.online,.provider{border-radius:4px}
.info{padding:10px 10px 12px}
.name{font-size:12px;font-weight:700}
.meta{font-size:11px;color:#a9a9b4}
.more{border-radius:7px;background:#30313a;border-color:#51525e;font-weight:650}
.more:hover{background:#3b3b46;border-color:#a56a84}
.about{border-top-color:#33343b}
footer{background:#1a1b20;border-top-color:#34353e}
@media(max-width:530px){.nav{height:58px}.brand{font-size:18px}.filters{padding:6px 11px;border-radius:8px}.filter-row{padding:10px 0}.chip{padding:8px 10px}.page-heading h1{font-size:21px}.grid{gap:9px}}

/* Real performer thumbnails replace prototype yellow blocks. */
.photo{background:#2a2b32!important;overflow:hidden}
.photo img{display:block!important;width:100%;height:100%;object-fit:cover;object-position:center;}
.photo .online,.photo .provider{z-index:1}

/* Hover-to-play: iframe stays noninteractive so the affiliate card remains clickable. */
.photo iframe.live-preview{display:block!important;position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;z-index:0;background:#202127}
.photo img{position:relative;z-index:0}
.photo .online,.photo .provider{z-index:2}

/* Explicit media stacking: the live iframe must sit ABOVE the static image. */
.photo{position:relative;background:#2a2b32!important}
.photo img{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.photo iframe.live-preview{display:block!important;position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3;pointer-events:none;background:transparent}
.photo .online,.photo .provider{position:absolute;z-index:4}

/* Keep the still image visible until the embedded player reports it loaded. */
.photo iframe.live-preview{opacity:0;transition:opacity .18s ease;z-index:3}
.photo.preview-active iframe.live-preview{opacity:1}
