*{margin:0;padding:0;box-sizing:border-box}
:root{
  --pk:#e91e8c;--pk2:#c2185b;--pk3:#ff4569;
  --serif:Georgia,"Palatino Linotype",Palatino,serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --bg:#08000d;--bg2:#0f0015;--bg3:#160020;--bg4:#1e0028;
  --glass:rgba(255,255,255,0.03);--border:rgba(233,30,140,0.12);--border2:rgba(233,30,140,0.28);
  --text:#f0e6ee;--text2:#b08caa;--text3:#5a3060;
}
body{background:var(--bg);font-family:var(--sans);color:var(--text);overflow-x:hidden;min-height:100vh}

/* grain overlay */
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:0.4;pointer-events:none;z-index:0}
body>*{position:relative;z-index:1}

/* ── TICKER ── */
.ticker-wrap{background:rgba(233,30,140,0.07);border-bottom:1px solid var(--border2);height:26px;overflow:hidden;display:flex;align-items:center}
.ticker-label{background:linear-gradient(135deg,var(--pk2),var(--pk));color:#fff;font-size:9px;font-weight:600;padding:0 12px;height:100%;display:flex;align-items:center;letter-spacing:2px;flex-shrink:0;text-transform:uppercase;font-family:var(--sans)}
.ticker-track{display:flex;align-items:center;white-space:nowrap;animation:tick 32s linear infinite}
.ticker-item{font-size:11px;color:var(--text3);padding:0 28px;letter-spacing:0.3px;font-family:var(--serif);font-style:italic}
.ticker-item span{color:var(--pk2)}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── NAVBAR ── */
.navbar{position:sticky!important;top:0;z-index:200;background:rgba(8,0,13,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border2);height:56px;min-height:56px;display:flex!important;flex-direction:row!important;align-items:center!important;padding:0 20px;gap:16px}
.navbar::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--pk),transparent);opacity:0.5}

/* Logo */
.logo{display:flex;flex-direction:row;align-items:center;gap:9px;cursor:pointer;flex-shrink:0;text-decoration:none;color:inherit}
.logo-rose{width:28px;height:28px;flex-shrink:0;overflow:visible}
.logo-rose .op{animation:rOuter 22s linear infinite;transform-box:fill-box;transform-origin:14px 14px}
.logo-rose .bloom{animation:rPulse 3s ease-in-out infinite}
@keyframes rOuter{to{transform:rotate(360deg)}}
@keyframes rPulse{0%,100%{filter:drop-shadow(0 0 4px rgba(233,30,140,0.6))}50%{filter:drop-shadow(0 0 10px rgba(233,30,140,1)) drop-shadow(0 0 20px rgba(229,57,53,0.5))}}
.logo-text{display:flex;flex-direction:column;gap:1px;line-height:1;align-items:flex-start}
.logo-s{font-family:var(--serif);font-size:20px;font-weight:700;font-style:italic;color:#fff;letter-spacing:0.5px;white-space:nowrap}
.logo-x{font-family:var(--serif);font-size:10px;color:var(--pk);letter-spacing:5px;padding-left:1px}

/* Logo letter drop anim */
.logo-letter{display:inline-block;opacity:0;transform:translateY(-16px)}
.logo-letter.anim{animation:lDrop 0.35s forwards}
@keyframes lDrop{to{opacity:1;transform:translateY(0)}}

/* Search */
.search-bar{flex:1!important;max-width:460px;display:flex!important;flex-direction:row!important;height:36px;position:relative;align-items:stretch!important}
.search-bar input{flex:1;background:rgba(255,255,255,0.04);border:1px solid var(--border2);border-right:none;color:var(--text);font-size:12px;font-style:italic;padding:0 14px;height:100%;outline:none;border-radius:18px 0 0 18px;font-family:var(--serif);letter-spacing:0.3px;transition:border-color 0.2s,background 0.2s,box-shadow 0.2s}
.search-bar input::placeholder{color:var(--text3)}
.search-bar input:focus{border-color:var(--pk2);background:rgba(255,255,255,0.06);box-shadow:inset 0 0 0 1px rgba(194,24,91,0.15),-4px 0 16px rgba(233,30,140,0.1)}
.search-btn{background:linear-gradient(135deg,var(--pk2),var(--pk));border:none;color:#fff;width:42px;height:100%;cursor:pointer;border-radius:0 18px 18px 0;transition:opacity 0.15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.search-btn:hover{opacity:0.88;box-shadow:0 0 14px rgba(233,30,140,0.55)}
.search-btn svg{display:block}

.nav-links{display:flex;flex-direction:row;gap:2px;margin-left:auto;align-items:center}
.nav-links a{color:var(--text3);font-size:10px;font-weight:500;padding:5px 10px;border-radius:3px;text-decoration:none;transition:all 0.15s;text-transform:uppercase;letter-spacing:1.5px;font-family:var(--sans)}
.nav-links a:hover{color:var(--text);background:rgba(233,30,140,0.08)}
.nav-links a.active{color:var(--pk)}

/* ── HERO ── */
.hero{position:relative;height:260px;overflow:hidden;display:block;min-height:260px}
#particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}
.scanline{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(233,30,140,0.2),transparent);animation:scanDown 5s linear infinite;z-index:2;pointer-events:none}
@keyframes scanDown{0%{top:-2px}100%{top:262px}}
.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 80%,rgba(194,24,91,0.16) 0%,transparent 65%)}
.hero-content{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  z-index:3;text-align:center;
  width:100%;pointer-events:none;
}
.hero-title{font-family:var(--serif);font-size:56px;font-weight:700;font-style:italic;letter-spacing:-1px;color:#fff;line-height:1}
.hero-title .pk{color:var(--pk);text-shadow:0 0 30px rgba(233,30,140,0.9),0 0 60px rgba(233,30,140,0.4);animation:hPulse 2.8s ease-in-out infinite}
@keyframes hPulse{0%,100%{text-shadow:0 0 24px rgba(233,30,140,0.9),0 0 50px rgba(233,30,140,0.4)}50%{text-shadow:0 0 44px rgba(233,30,140,1),0 0 90px rgba(233,30,140,0.6),0 0 130px rgba(233,30,140,0.2)}}
.hero-sub{font-size:10px;color:var(--text3);margin-top:8px;letter-spacing:5px;text-transform:uppercase;font-family:var(--sans)}
.hero-stats{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:32px;justify-content:center!important;margin-top:18px}
.hstat-n{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--pk);text-shadow:0 0 10px rgba(233,30,140,0.5);display:block}
.hstat-l{font-size:9px;color:var(--text3);letter-spacing:2px;text-transform:uppercase;margin-top:1px;text-align:center;font-family:var(--sans)}

/* ── CATEGORY ROW ── */
.cat-section{padding:14px 20px 4px}
.cat-label{font-size:9px;color:var(--text3);letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;font-family:var(--sans)}
.cat-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.cat-row::-webkit-scrollbar{display:none}
.cat-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;padding:10px 14px;background:var(--glass);border:1px solid var(--border);border-radius:8px;transition:all 0.2s;min-width:62px}
.cat-item:hover,.cat-item.active{border-color:var(--border2);background:rgba(233,30,140,0.08);transform:translateY(-2px);box-shadow:0 4px 20px rgba(233,30,140,0.15)}
.cat-icon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px}
.cat-name{font-size:9px;color:var(--text3);letter-spacing:0.5px;text-transform:uppercase;text-align:center;font-family:var(--sans)}
.cat-item:hover .cat-name,.cat-item.active .cat-name{color:var(--pk)}

/* ── SECTION HEADER ── */
.section-header{display:flex;align-items:center;gap:10px;padding:14px 20px 8px;flex-wrap:wrap}
.section-title{font-family:var(--serif);font-size:18px;font-weight:700;font-style:italic;color:var(--text);letter-spacing:0.5px}
.section-title .pk{color:var(--pk)}
.orient-tabs,.filter-tabs{display:flex;gap:4px}
.tab-btn{background:rgba(255,255,255,0.03);border:1px solid var(--border);color:var(--text3);font-size:10px;font-weight:500;padding:5px 12px;border-radius:16px;cursor:pointer;transition:all 0.15s;font-family:var(--sans);text-transform:uppercase;letter-spacing:1px}
.tab-btn:hover{color:var(--text);border-color:var(--border2);background:rgba(233,30,140,0.07)}
.tab-btn.active{background:var(--pk2);border-color:var(--pk2);color:#fff;box-shadow:0 0 10px rgba(194,24,91,0.45)}
.filter-tabs{margin-left:auto}

/* ── VIDEO GRID ── */
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;padding:6px 20px 28px}
.card-wrap{perspective:900px}

/* Glass card */
.video-card{position:relative;background:rgba(22,0,32,0.7);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transform-style:preserve-3d;transition:transform 0.15s ease,box-shadow 0.2s,border-color 0.2s;will-change:transform;text-decoration:none;display:block;color:inherit;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.video-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.025) 0%,transparent 50%);pointer-events:none;z-index:1;border-radius:8px}
.video-card:hover{border-color:rgba(233,30,140,0.5);box-shadow:0 0 0 1px rgba(233,30,140,0.2),0 12px 40px rgba(233,30,140,0.18),0 0 70px rgba(233,30,140,0.06),inset 0 0 24px rgba(233,30,140,0.03)}

/* Thumb */
.thumb-wrap{position:relative;overflow:hidden;aspect-ratio:16/9;background:#0a000f}
.thumb-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform 0.4s ease}
.video-card:hover .thumb-bg{transform:scale(1.05)}
.thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}
.video-card:hover .thumb-img{transform:scale(1.05)}
.thumb-shimmer{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(233,30,140,0.07) 50%,transparent 60%);background-size:200% 100%;opacity:0;transition:opacity 0.2s}
.video-card:hover .thumb-shimmer{opacity:1;animation:shimmer 1.6s infinite}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.duration-badge{position:absolute;bottom:5px;right:5px;background:rgba(0,0,0,0.85);color:#fff;font-size:10px;font-weight:500;padding:2px 5px;border-radius:3px;z-index:5;letter-spacing:0.3px;font-family:var(--sans)}
.source-pill{position:absolute;top:5px;left:5px;background:var(--pk2);color:#fff;font-size:8px;font-weight:700;padding:2px 6px;border-radius:3px;z-index:5;letter-spacing:0.5px;box-shadow:0 0 8px rgba(194,24,91,0.7);font-family:var(--sans)}
.hd-pill{position:absolute;top:5px;right:5px;background:rgba(0,0,0,0.7);border:1px solid rgba(255,255,255,0.12);color:#888;font-size:8px;font-weight:700;padding:2px 4px;border-radius:3px;z-index:5;font-family:var(--sans)}
.play-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:6;opacity:0;transition:opacity 0.2s}
.play-icon svg{width:42px;height:42px;filter:drop-shadow(0 0 14px rgba(233,30,140,0.9))}
.video-card:hover .play-icon{opacity:1}

/* Stats panel on hover */
.stats-panel{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(8,0,13,0.97) 0%,rgba(8,0,13,0.8) 70%,transparent 100%);padding:14px 8px 7px;transform:translateY(100%);transition:transform 0.25s ease;z-index:7;display:flex;gap:10px;align-items:center;justify-content:center}
.video-card:hover .stats-panel{transform:translateY(0)}
.stat-item{display:flex;flex-direction:column;align-items:center;gap:1px}
.stat-val{font-size:11px;font-weight:600;color:#fff;font-family:var(--sans)}
.stat-lbl{font-size:8px;color:var(--text3);letter-spacing:0.5px;text-transform:uppercase;font-family:var(--sans)}
.stat-div{width:1px;height:20px;background:rgba(255,255,255,0.08)}
.stars{color:var(--pk);font-size:9px;letter-spacing:1px}

/* Card info */
.card-info{padding:9px 11px 10px;position:relative;z-index:2}
.card-title{font-family:var(--serif);font-size:13px;color:var(--text2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px;transition:color 0.15s;font-style:italic}
.video-card:hover .card-title{color:var(--text)}
.card-meta{display:flex;justify-content:space-between;align-items:center}
.card-author{font-size:10px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%;transition:color 0.15s;font-family:var(--sans)}
.video-card:hover .card-author{color:var(--pk2)}
.card-views{font-size:9px;color:var(--text3);white-space:nowrap;font-family:var(--sans)}

/* ── AD BANNERS ── */
.ad-banner{background:var(--bg3);border:1px dashed var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:11px;letter-spacing:1px;text-transform:uppercase;font-family:var(--sans)}
.ad-banner.leaderboard{height:90px;width:100%;max-width:728px;margin:12px auto}
.ad-outstream{background:var(--bg3);border:1px dashed var(--border);border-radius:4px;min-height:60px;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:11px;letter-spacing:1px;grid-column:1/-1;margin:4px 0;font-family:var(--sans)}

/* ── PAGINATION ── */
.pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin:24px 20px 40px;flex-wrap:wrap}
.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;background:var(--bg3);border:1px solid var(--border);border-radius:5px;font-size:12px;font-weight:500;color:var(--text2);transition:all 0.2s;font-family:var(--sans);text-decoration:none}
.pagination a:hover{border-color:var(--pk);color:var(--pk);background:rgba(233,30,140,0.07)}
.pagination .current{background:var(--pk2);border-color:var(--pk2);color:#fff}

/* ── FOOTER ── */
.site-footer{border-top:1px solid var(--border);padding:28px 20px;text-align:center;margin-top:8px;position:relative}
.site-footer::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--pk),transparent)}
.footer-logo{font-family:var(--serif);font-size:26px;font-weight:700;font-style:italic;color:#fff;margin-bottom:4px}
.footer-logo .px{color:var(--pk)}
.footer-tagline{font-size:9px;letter-spacing:4px;color:var(--text3);text-transform:uppercase;margin-bottom:18px;font-family:var(--sans)}
.footer-links{display:flex;gap:6px 18px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
.footer-links a{color:var(--text3);font-size:11px;text-decoration:none;transition:color 0.15s;text-transform:uppercase;letter-spacing:1px;font-family:var(--sans)}
.footer-links a:hover{color:var(--pk)}
.footer-copy{color:var(--text3);font-size:10px;letter-spacing:0.5px;font-family:var(--sans)}

/* ── SKELETON ── */
@keyframes shimmerSkel{0%{background-position:-400px 0}100%{background-position:400px 0}}
.skeleton{background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:800px 100%;animation:shimmerSkel 1.6s infinite;border-radius:4px}
.skeleton-thumb{padding-bottom:56.25%}
.skeleton-line{height:12px;margin-bottom:6px}

/* ── CARD ANIMS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.video-card{animation:fadeUp 0.5s ease both}
.card-wrap:nth-child(1) .video-card{animation-delay:0.04s}
.card-wrap:nth-child(2) .video-card{animation-delay:0.08s}
.card-wrap:nth-child(3) .video-card{animation-delay:0.12s}
.card-wrap:nth-child(4) .video-card{animation-delay:0.16s}
.card-wrap:nth-child(5) .video-card{animation-delay:0.20s}
.card-wrap:nth-child(6) .video-card{animation-delay:0.24s}
.card-wrap:nth-child(7) .video-card{animation-delay:0.28s}
.card-wrap:nth-child(8) .video-card{animation-delay:0.32s}

/* ── LEGAL ── */
.legal-page{max-width:860px;margin:40px auto;padding:0 20px;color:var(--text2);line-height:1.8;font-family:var(--sans)}
.legal-page h1{font-family:var(--serif);font-size:32px;font-style:italic;color:var(--text);margin-bottom:8px}
.legal-page h2{color:var(--text);font-size:18px;margin:28px 0 8px}
.legal-page p{margin-bottom:12px}
.legal-page ul{padding-left:24px;margin-bottom:12px}
.legal-page ul li{margin-bottom:6px}

/* ── VIDEO PAGE ── */
.site-main{padding:0 20px;max-width:1600px;margin:0 auto}
.video-page-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;padding:20px 0 40px}
.player-wrapper{position:relative;padding-bottom:56.25%;background:#000;border-radius:8px;overflow:hidden;margin-bottom:16px;border:1px solid var(--border)}
.player-wrapper iframe,.player-wrapper video{position:absolute;inset:0;width:100%;height:100%;border:none}
.video-page-title{font-family:var(--serif);font-size:22px;font-weight:600;font-style:italic;color:var(--text);margin-bottom:12px;line-height:1.3}
.video-actions{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.action-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border);border-radius:5px;color:var(--text2);font-size:12px;font-weight:500;transition:all 0.2s;font-family:var(--sans);text-decoration:none}
.action-btn:hover{border-color:var(--pk);color:var(--pk);background:rgba(233,30,140,0.07)}
.video-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.tag{padding:4px 10px;background:var(--bg3);border:1px solid var(--border);border-radius:16px;font-size:11px;color:var(--text3);transition:all 0.2s;text-decoration:none;font-family:var(--sans)}
.tag:hover{border-color:var(--pk2);color:var(--pk)}
.related-list{display:flex;flex-direction:column;gap:10px}
.related-card{display:flex;gap:10px;border-radius:6px;overflow:hidden;transition:background 0.2s;padding:6px;text-decoration:none;color:inherit}
.related-card:hover{background:var(--bg3)}
.related-thumb{width:120px;height:68px;border-radius:4px;overflow:hidden;flex-shrink:0;background:var(--bg4)}
.related-thumb img{width:100%;height:100%;object-fit:cover}
.related-info{flex:1;min-width:0}
.related-title{font-family:var(--serif);font-size:12px;font-style:italic;color:var(--text2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.2s}
.related-card:hover .related-title{color:var(--pk)}
.related-meta{font-size:10px;color:var(--text3);margin-top:4px;font-family:var(--sans)}

/* ── SEARCH ── */
.search-results-header{padding:20px 0 16px;border-bottom:1px solid var(--border);margin-bottom:24px}
.search-results-header h1{font-family:var(--serif);font-size:24px;font-style:italic;color:var(--text)}
.search-results-header h1 span{color:var(--pk)}

/* ── 404 ── */
.error-page{text-align:center;padding:80px 20px}
.error-page h1{font-family:var(--serif);font-size:80px;color:var(--pk);font-style:italic}
.error-page p{color:var(--text2);margin-top:12px;font-family:var(--sans)}

/* ── RESPONSIVE ── */
@media(max-width:1200px){.video-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.video-page-layout{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(3,1fr);gap:10px}}
@media(max-width:600px){
  .hero{height:200px}
  .hero-title{font-size:38px}
  .hero-stats{gap:20px}
  .hstat-n{font-size:16px}
  .cat-section{padding:10px 10px 2px}
  .section-header{padding:10px 10px 6px}
  .video-grid{grid-template-columns:1fr;gap:0;padding:4px 10px 20px}
  .card-wrap{border-bottom:1px solid var(--border)}
  .video-card{border-radius:0;border:none;background:transparent;animation:none}
  .video-card:hover{transform:none;box-shadow:none}
  .card-info{padding:6px 4px 10px}
  .card-title{font-size:13px;color:var(--pk)}
  .navbar{height:52px;padding:0 10px;gap:10px}
  .navbar::after{display:none}
  .logo-s{font-size:17px}
  .logo-x{font-size:9px;letter-spacing:4px}
  .logo-rose{width:24px;height:24px}
  .search-bar{max-width:none}
  .search-bar input{font-size:12px;border-radius:16px 0 0 16px}
  .search-btn{width:38px;border-radius:0 16px 16px 0}
  .nav-links{display:none}
  .ticker-wrap{display:none}
  .site-main{padding:0 10px}
  .pagination{margin:16px 10px 28px}
}
@media(max-width:400px){
  .hero-title{font-size:30px}
  .logo-s{font-size:15px}
}

/* old compat selectors */
.video-info,.video-title,.video-duration,.video-hd,.video-categories,.video-rating{display:none}
.under-thumb{padding:9px 11px 10px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:0 8px}
.left-info{grid-column:1;grid-row:1;overflow:hidden}
.right-info{grid-column:2;grid-row:1;text-align:right}
.vid-title{grid-column:1/-1;grid-row:2;font-family:var(--serif);font-style:italic;font-size:13px;color:var(--text2);margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;transition:color 0.2s}
.video-card:hover .vid-title{color:var(--pk)}
.uploader-name,.video-views{font-size:10px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--sans)}
.source-pill-card{position:absolute;top:5px;left:5px;background:var(--pk2);color:#fff;font-size:8px;font-weight:700;padding:2px 6px;border-radius:3px;z-index:5;letter-spacing:0.5px}
.duration-overlay{position:absolute;bottom:5px;right:5px;z-index:5}
.duration-time{background:rgba(0,0,0,0.85);color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:3px;display:block;font-family:var(--sans)}

/* AGE GATE */
#age-gate{display:none;position:fixed;inset:0;background:#000;z-index:9999;align-items:center;justify-content:center;padding:20px}
.agegate-inner{max-width:480px;width:100%;text-align:center}
.agegate-logo{font-family:var(--serif);font-size:44px;font-weight:700;font-style:italic;color:#fff;margin-bottom:4px}
.agegate-logo span{color:var(--pk)}
.agegate-tagline{font-size:10px;letter-spacing:5px;color:var(--text3);text-transform:uppercase;margin-bottom:36px;font-family:var(--sans)}
.agegate-warning{background:rgba(194,24,91,0.1);border:1px solid rgba(194,24,91,0.3);color:#ff7096;padding:12px 16px;font-size:12px;margin-bottom:20px;line-height:1.6;border-radius:6px;font-family:var(--sans)}
.agegate-text{color:var(--text3);font-size:12px;line-height:1.7;margin-bottom:28px;font-family:var(--sans)}
.agegate-btns{display:flex;flex-direction:column;gap:10px}
.btn-enter{background:linear-gradient(135deg,var(--pk2),var(--pk));color:#fff;font-weight:700;font-size:14px;padding:14px 24px;border-radius:8px;letter-spacing:1px;transition:opacity 0.15s;box-shadow:0 4px 20px rgba(233,30,140,0.4);cursor:pointer;border:none;font-family:var(--sans)}
.btn-enter:hover{opacity:0.9}
.btn-leave{color:var(--text3);font-size:12px;padding:8px;transition:color 0.15s;cursor:pointer;border:none;background:none;font-family:var(--sans)}
.btn-leave:hover{color:var(--text2)}