*{box-sizing:border-box}body{margin:0;background:transparent;color:#f7f7f8;font-family:Inter,system-ui,sans-serif}a{color:inherit}.top{height:66px;position:sticky;top:0;z-index:20;background:transparentf5;backdrop-filter:blur(15px);border-bottom:1px solid #242428;display:flex;align-items:center;gap:18px;padding:10px 20px}.logo{text-decoration:none;font-size:22px;font-weight:900}.logo b{display:inline-grid;place-items:center;background:#2563EB;border-radius:10px;width:36px;height:36px;margin-right:8px}.search{display:flex;flex:1;max-width:680px;margin:auto}.search input{flex:1;background:#151519;border:1px solid #303036;color:#fff;padding:11px 14px;border-radius:12px 0 0 12px}.search button,.red,.btn{background:#2563EB;color:#fff;border:0;padding:11px 16px;border-radius:0 12px 12px 0;font-weight:800;text-decoration:none}.top nav{display:flex;gap:14px}.top nav a{text-decoration:none;font-size:14px}.top nav .red{border-radius:10px}.shell{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1400px;margin:auto}.shell aside{padding:25px 14px;position:sticky;top:85px;height:calc(100vh - 85px)}.shell aside a{display:block;padding:12px;border-radius:10px;text-decoration:none;color:#ccc}.shell aside a:hover{background:#1b1b20;color:#fff}.shell aside hr{border:0;border-top:1px solid #27272c;margin:16px 10px}.shell main{padding:25px 22px 80px}.hero{padding:42px;border:1px solid #29292e;border-radius:22px;background:radial-gradient(circle at 85% 25%,#2563EB3f,transparent 34%),#151519}.hero h1{font-size:clamp(40px,5vw,68px);line-height:.98;margin:8px 0}.muted{color:#999}.head{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px}.chips{display:flex;gap:8px;overflow:auto}.chips a{background:#18181c;border:1px solid #29292e;padding:8px 13px;border-radius:999px;color:#ccc;text-decoration:none;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:17px}.card{background:#151519;border:1px solid #28282d;border-radius:15px;overflow:hidden}.thumb{display:block;aspect-ratio:16/9;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.body{padding:12px}.body h3{font-size:15px;margin:0 0 7px}.body h3 a{text-decoration:none}.meta{font-size:12px;color:#888}.shorts{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.shorts .thumb{aspect-ratio:9/14}.player{aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden}.player iframe{width:100%;height:100%;border:0}.form{max-width:680px;padding:24px;border:1px solid #29292e;border-radius:16px;background:#151519}.form label{display:block;margin:14px 0 6px}.form input,.form textarea,.form select{width:100%;padding:12px;background:#0e0e11;border:1px solid #333;color:#fff;border-radius:10px}.form button,.button{margin-top:18px;background:#2563EB;color:#fff;border:0;border-radius:10px;padding:12px 18px;font-weight:800}.mobile{display:none}footer{text-align:center;color:#666;padding:35px 15px;border-top:1px solid #202024}@media(max-width:1050px){.grid{grid-template-columns:repeat(3,1fr)}.shorts{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){.top{flex-wrap:wrap;height:auto;padding:10px 12px}.search{order:3;flex-basis:100%;max-width:none}.top nav a:first-child{display:none}.shell{display:block}.shell aside{display:none}.shell main{padding:15px 12px 85px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.shorts{grid-template-columns:repeat(2,1fr)}.hero{padding:27px 20px}.hero h1{font-size:42px}.mobile{position:fixed;display:flex;justify-content:space-around;align-items:center;bottom:0;left:0;right:0;z-index:50;background:#0c0c0ef7;border-top:1px solid #29292e;padding:8px 5px calc(8px + env(safe-area-inset-bottom))}.mobile a{color:#aaa;text-decoration:none;text-align:center;font-size:18px}.mobile small{display:block;font-size:10px}.mobile .plus{background:#2563EB;color:#fff;padding:6px 13px;border-radius:12px;margin-top:-16px}}@media(max-width:480px){.grid{grid-template-columns:1fr}}

/* DoliPlay 2.4.3 — Shorts Feed Player */
.shorts-page{width:100%}.shorts-head{position:sticky;top:0;z-index:5;background:transparentf5;backdrop-filter:blur(12px);padding:12px 0}.shorts-head h1{margin:0}.shorts-feed{height:calc(100vh - 150px);min-height:620px;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;gap:18px;padding:8px 10px 40px;scrollbar-width:thin}.short-feed-item{position:relative;width:min(100%,520px);height:calc(100vh - 180px);min-height:560px;max-height:900px;scroll-snap-align:center;scroll-snap-stop:always;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 10px 40px rgba(0,0,0,.35);flex:0 0 auto}.short-player-wrap,.short-player{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.short-player{display:block}.short-overlay{position:absolute;inset:0;pointer-events:none;display:flex;align-items:flex-end;justify-content:space-between;padding:22px;background:linear-gradient(transparent 45%,rgba(0,0,0,.72));}.short-info{max-width:78%;text-shadow:0 2px 8px #000}.short-info h2{margin:0 0 8px;font-size:18px;line-height:1.3}.short-meta{font-size:13px;color:#eee}.short-actions{display:flex;flex-direction:column;gap:10px;pointer-events:auto}.short-action{width:44px;height:44px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;font-size:18px}.short-feed-item.is-active{outline:1px solid rgba(255,255,255,.08)}
@media(max-width:800px){.shorts-head{padding:8px 0}.shorts-head p{display:none}.shorts-feed{height:calc(100dvh - 125px);min-height:0;padding:0 0 20px;gap:0;scroll-snap-type:y mandatory}.short-feed-item{width:100%;height:calc(100dvh - 125px);min-height:0;max-height:none;border-radius:0}.short-overlay{padding:18px 14px 26px}.short-info h2{font-size:16px}.short-action{width:42px;height:42px}}

/* DoliPlay 2.5.24 — Home Layout Real Theme Fix
   Active theme: classic
   Maps the actual Home template classes to the active theme CSS.
   Normal videos remain first; Shorts remain in a separate horizontal shelf below.
*/
.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:17px}
.video-card{background:#151519;border:1px solid #28282d;border-radius:15px;overflow:hidden}
.video-card .thumb{display:block;aspect-ratio:16/9;overflow:hidden}
.video-card .thumb img{width:100%;height:100%;object-fit:cover}
.video-card .body{padding:12px}
.video-card .body h3{font-size:15px;margin:0 0 7px}
.video-card .body h3 a{text-decoration:none}
.video-card .meta{font-size:12px;color:#888}

.shorts-shelf{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 12px;margin-top:17px;scrollbar-width:thin;scroll-snap-type:x proximity}
.short-card{background:#151519;border:1px solid #28282d;border-radius:15px;overflow:hidden;min-width:0;flex:0 0 clamp(150px,18vw,220px);scroll-snap-align:start}
.short-card .thumb{display:block;aspect-ratio:9/14;overflow:hidden}
.short-card .thumb img{width:100%;height:100%;object-fit:cover}
.short-card .body{padding:10px}
.short-card .body h3{font-size:14px;line-height:1.25;margin:0 0 6px}
.short-card .body h3 a{text-decoration:none}
.short-card .meta{font-size:12px;color:#888}

@media(max-width:1050px){
  .video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .short-card{flex-basis:clamp(145px,22vw,200px)}
}
@media(max-width:800px){
  .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .shorts-shelf{gap:10px}
  .short-card{flex-basis:calc((100vw - 42px)/2);max-width:210px}
}
@media(max-width:480px){
  .video-grid{grid-template-columns:1fr}
  .short-card{flex-basis:150px}
}

/* DoliPlay 2.5.48 — Modern YouTube-like experience, original DoliPlay design */
:root{--dp-bg:transparent;--dp-panel:#11161b;--dp-panel2:#171d23;--dp-line:#252e36;--dp-text:#f4f7f9;--dp-muted:#9aa6b1;--dp-red:#2563EB;--dp-max:1500px}
html{background:var(--dp-bg);scroll-behavior:smooth}body{background:var(--dp-bg);color:var(--dp-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{max-width:var(--dp-max);grid-template-columns:232px minmax(0,1fr);margin:0 auto}.shell aside{padding:22px 12px;top:76px;height:calc(100vh - 76px);border-right:1px solid rgba(255,255,255,.04)}.shell aside a{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#c8d0d7;font-weight:650;border-radius:12px}.shell aside a:hover{background:#171d23;color:#fff}.shell aside a:first-child{background:#1b2229;color:#fff}.shell aside hr{border-top-color:#252e36}.shell main{padding:24px 30px 90px;min-width:0}
.dp-premium-top{height:76px;background:rgba(7,10,13,.94);border-bottom:1px solid var(--dp-line)}.dp-premium-search input{background:#11171d;border-color:#2a343d;border-radius:24px}.dp-premium-search input:focus{border-color:#566875}.dp-premium-item{border-radius:12px}.dp-premium-item:hover{background:#171d23}.dp-premium-item.is-active{color:#ff3034}
.hero{position:relative;overflow:hidden;min-height:230px;padding:40px;border:1px solid var(--dp-line);border-radius:22px;background:linear-gradient(115deg,#151b21 0%,#10151a 55%,#1a1011 100%);box-shadow:0 18px 50px rgba(0,0,0,.22)}.hero:after{content:"";position:absolute;width:300px;height:300px;right:-80px;top:-110px;background:radial-gradient(circle,rgba(233,15,17,.25),transparent 65%);pointer-events:none}.hero small,.hero h1,.hero p{position:relative;z-index:1}.hero h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2px;margin:10px 0 12px}.hero p{max-width:650px;font-size:17px}.catbar{display:flex;gap:9px;overflow:auto;padding:20px 2px 4px;scrollbar-width:none}.catbar::-webkit-scrollbar{display:none}.catbar a{display:inline-flex;align-items:center;gap:6px;background:#171d23;border:1px solid #27313a;color:#d8e0e6;padding:9px 15px;border-radius:999px;white-space:nowrap;text-decoration:none}.catbar a.active,.catbar a:hover{background:#f1f4f6;color:#101317;border-color:#f1f4f6}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:34px 0 15px}.section-title h2{font-size:22px;margin:0;letter-spacing:-.4px}.section-title a{color:#ff5558;text-decoration:none;font-weight:700}.video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.video-card{background:transparent;border:0;border-radius:0;overflow:visible}.video-card .thumb{border-radius:14px;background:#161c21;box-shadow:0 1px 0 rgba(255,255,255,.04);transition:transform .18s ease,box-shadow .18s ease}.video-card:hover .thumb{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.28)}.video-card .body{padding:12px 2px}.video-card .body h3{font-size:15px;line-height:1.35}.video-card .meta{color:#8e9aa5}.shorts-shelf{gap:18px}.shorts-shelf .short-card{flex-basis:clamp(155px,16vw,205px);background:transparent;border:0}.short-card .thumb{border-radius:14px;box-shadow:0 8px 25px rgba(0,0,0,.24)}.short-card .body{padding:9px 2px}.short-card .body h3{font-size:14px}
.dp-watch{max-width:1240px;margin:auto}.dp-watch-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.dp-watch-player{background:#000;border-radius:16px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 16px 45px rgba(0,0,0,.35)}.dp-watch-player iframe{width:100%;height:100%;border:0}.dp-watch-title{font-size:clamp(24px,3vw,34px);line-height:1.15;margin:20px 0 10px;letter-spacing:-.7px}.dp-watch-channel{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--dp-line)}.dp-watch-channel-name{font-weight:800}.dp-watch-actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.dp-watch-actions .dp-engagement{display:flex;gap:8px;flex-wrap:wrap}.dp-watch-actions button{background:#1a2128!important;border:1px solid #2b363f!important;color:#eef2f5!important;border-radius:999px!important;padding:10px 15px!important}.dp-watch-description{margin-top:18px;padding:16px 18px;background:#151b21;border:1px solid var(--dp-line);border-radius:14px;color:#d5dce2;line-height:1.6}.dp-watch-comments{margin-top:22px}.dp-watch-side{display:flex;flex-direction:column;gap:12px}.dp-related{display:grid;grid-template-columns:145px 1fr;gap:10px;padding:7px;border-radius:12px}.dp-related:hover{background:#151b21}.dp-related .thumb{border-radius:9px}.dp-related h4{margin:2px 0 6px;font-size:14px;line-height:1.3}.dp-related .meta{font-size:12px}
footer{border-top:1px solid var(--dp-line);color:#77838e;padding:28px 20px 40px;background:#080a0d}.mobile{display:none}
@media(max-width:1150px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dp-watch-grid{grid-template-columns:1fr}.dp-watch-side{display:none}}
@media(max-width:900px){.shell{grid-template-columns:78px minmax(0,1fr)}.shell aside{padding:14px 8px}.shell aside a{justify-content:center;font-size:0;padding:13px}.shell aside a:before{font-size:20px}.shell aside a:nth-child(1):before{content:"⌂"}.shell aside a:nth-child(2):before{content:"▶"}.shell aside a:nth-child(3):before{content:"🔥"}.shell aside a:nth-child(5):before{content:"♪"}.shell aside a:nth-child(6):before{content:"🎮"}.shell aside a:nth-child(7):before{content:"🎙"}.shell aside a:nth-child(8):before{content:"🏆"}.shell aside hr{margin:10px 4px}.shell main{padding:20px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.dp-premium-top{position:sticky}.shell{display:block}.shell aside{display:none}.shell main{padding:14px 12px 90px}.hero{min-height:190px;padding:27px 22px;border-radius:17px}.hero h1{font-size:38px}.catbar{margin-right:-12px;padding-right:12px}.video-grid{grid-template-columns:1fr;gap:24px}.video-card .thumb{border-radius:12px}.mobile{position:fixed;display:flex;left:0;right:0;bottom:0;z-index:90;height:66px;background:rgba(10,13,16,.97);border-top:1px solid #29323a;align-items:center;justify-content:space-around}.mobile a{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:#cbd3d9;font-size:20px}.mobile small{font-size:10px}.mobile .plus{font-size:28px;color:#fff;background:var(--dp-red);width:44px;height:44px;border-radius:14px;justify-content:center}.dp-premium-search{max-width:none}.dp-watch-player{border-radius:10px}.dp-watch-title{font-size:24px}}


/* DoliPlay Clean White 1.0.0
   VISUAL LAYER ONLY — preserves existing PHP views and functionality.
*/
:root{
  --dp-bg:#fff;
  --dp-surface:#fff;
  --dp-text:#0f0f0f;
  --dp-secondary:#606060;
  --dp-border:#e5e5e5;
  --dp-hover:#f2f2f2;
  --dp-red:#2563EB;
}
html,body{
  background:#fff !important;
  color:#0f0f0f !important;
  font-family:Arial,Helvetica,sans-serif !important;
}
body *{color-scheme:light}
a{color:#0f0f0f}
.top,.dp-premium-top{
  background:#fff !important;
  color:#0f0f0f !important;
  border-bottom:1px solid #e5e5e5 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.dp-premium-brand,.dp-premium-item,.dp-premium-login a{
  color:#0f0f0f !important;
}
.dp-premium-item:hover{background:#f2f2f2 !important;color:#0f0f0f !important}
.dp-premium-item.is-active{color:#0f0f0f !important}
.dp-premium-item.is-active:after{background:#2563EB !important}
.search input,.dp-premium-search input{
  background:#fff !important;
  color:#0f0f0f !important;
  border:1px solid #c6c6c6 !important;
  box-shadow:none !important;
}
.search input::placeholder,.dp-premium-search input::placeholder{color:#606060 !important}
.search button,.red,.btn,.dp-premium-login .dp-red{
  background:#2563EB !important;color:#fff !important;
}
.shell{background:#fff !important}
.shell aside{
  background:#fff !important;
  border-right:0 !important;
}
.shell aside a{
  color:#0f0f0f !important;
}
.shell aside a:hover{
  background:#f2f2f2 !important;
  color:#0f0f0f !important;
}
.shell aside hr{border-top-color:#e5e5e5 !important}
.shell main{background:#fff !important}
.hero{
  background:#fff !important;
  color:#0f0f0f !important;
  border:0 !important;
  box-shadow:none !important;
}
.hero h1,.hero *{color:#0f0f0f !important}
.muted,.meta,.short-meta{color:#606060 !important}
.chips a{
  background:#f2f2f2 !important;
  color:#0f0f0f !important;
  border:0 !important;
}
.chips a:hover{background:#e5e5e5 !important}
.card{
  background:#fff !important;
  color:#0f0f0f !important;
  border:0 !important;
  border-radius:8px !important;
  box-shadow:none !important;
}
.body,.body *{color:#0f0f0f !important}
.body .meta{color:#606060 !important}
.form{
  background:#fff !important;
  color:#0f0f0f !important;
  border:1px solid #e5e5e5 !important;
  box-shadow:none !important;
}
.form input,.form textarea,.form select{
  background:#fff !important;
  color:#0f0f0f !important;
  border:1px solid #c6c6c6 !important;
}
.form input::placeholder,.form textarea::placeholder{color:#606060 !important}
.form button,.button{background:#2563EB !important;color:#fff !important}
footer{
  background:#fff !important;
  color:#606060 !important;
  border-top:1px solid #e5e5e5 !important;
}
.dp-premium-account-menu{
  background:#fff !important;
  border:1px solid #e5e5e5 !important;
  box-shadow:0 8px 24px rgba(0,0,0,.12) !important;
}
.dp-premium-account-menu a{
  color:#0f0f0f !important;
}
.dp-premium-account-menu a:hover{
  background:#f2f2f2 !important;
  color:#0f0f0f !important;
}
.dp-premium-mobile-toggle{color:#0f0f0f !important}
.dp-premium-badge{border-color:#fff !important}
.dp-account-page-header .dp-account-divider{background:#e5e5e5 !important}
.mobile{
  background:#fff !important;
  border-top:1px solid #e5e5e5 !important;
}
.mobile a{color:#0f0f0f !important}
.mobile .plus{background:#2563EB !important;color:#fff !important}
.shorts-head{
  background:#fff !important;
  color:#0f0f0f !important;
  border-bottom:1px solid #e5e5e5 !important;
  backdrop-filter:none !important;
}
.shorts-head *{color:#0f0f0f !important}
.short-feed-item{box-shadow:0 4px 18px rgba(0,0,0,.14) !important}


/* ============================================================
   DoliPlay YouTube White 1.0.0
   FRONTEND VISUAL MAP ONLY
   White page/surfaces + black text + neutral gray UI + red accent.
   Video/iframe media is never covered by theme backgrounds.
   ============================================================ */
:root{
  --ytw-page:#ffffff;
  --ytw-surface:#ffffff;
  --ytw-text:#0f0f0f;
  --ytw-muted:#606060;
  --ytw-soft:#f2f2f2;
  --ytw-soft-hover:#e5e5e5;
  --ytw-border:#e5e5e5;
  --ytw-input-border:#c6c6c6;
  --ytw-red:#2563EB;
}
html,body,
.shell,.shell main,.shell aside,
.shorts-page,.shorts-feed,
.account-page,.dp-watch{
  background:var(--ytw-page)!important;
  color:var(--ytw-text)!important;
}
body,body p,body span,body strong,body b,body h1,body h2,body h3,body h4,body h5,body h6,
.section-title,.section-title h2,.head,.head h1,.head h2{
  color:var(--ytw-text);
}

/* Header */
.top,.dp-premium-top{
  background:#fff!important;
  border-color:var(--ytw-border)!important;
  color:var(--ytw-text)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.dp-premium-brand,.dp-premium-item,.dp-premium-label,.dp-premium-mobile-toggle,
.dp-premium-login a,.dp-premium-account-button{color:var(--ytw-text)!important}
.dp-premium-item:hover,.dp-premium-account-menu a:hover{background:var(--ytw-soft)!important;color:var(--ytw-text)!important}
.dp-premium-item.is-active{color:var(--ytw-text)!important}
.dp-premium-item.is-active:after{background:var(--ytw-red)!important}
.dp-premium-search input,.search input{
  background:#fff!important;color:var(--ytw-text)!important;border-color:var(--ytw-input-border)!important;
}
.dp-premium-search input::placeholder,.search input::placeholder{color:var(--ytw-muted)!important}
.dp-premium-account-menu{background:#fff!important;border-color:var(--ytw-border)!important}
.dp-premium-account-menu a{color:var(--ytw-text)!important}
.dp-premium-avatar{background:#fff!important;border-color:var(--ytw-border)!important}

/* Sidebar / navigation */
.shell aside{background:#fff!important;border-color:var(--ytw-border)!important}
.shell aside a{color:var(--ytw-text)!important}
.shell aside a:hover,.shell aside a:first-child{background:var(--ytw-soft)!important;color:var(--ytw-text)!important}
.shell aside hr{border-color:var(--ytw-border)!important}
.catbar a,.chips a{
  background:var(--ytw-soft)!important;color:var(--ytw-text)!important;border-color:transparent!important;
}
.catbar a:hover,.chips a:hover{background:var(--ytw-soft-hover)!important;color:var(--ytw-text)!important}
.catbar a.active{background:var(--ytw-text)!important;color:#fff!important}

/* Home / hero */
.hero{
  background:#fff!important;color:var(--ytw-text)!important;border-color:var(--ytw-border)!important;
  box-shadow:none!important;
}
.hero:after{display:none!important}
.hero h1,.hero h2,.hero h3,.hero p,.hero small{color:var(--ytw-text)!important}
.muted,.meta,.video-card .meta,.short-card .meta{color:var(--ytw-muted)!important}

/* Video cards / short cards */
.card,.video-card,.short-card,.content-item{
  background:#fff!important;color:var(--ytw-text)!important;border-color:transparent!important;box-shadow:none!important;
}
.card *, .video-card .body *, .short-card .body *, .content-item *{color:var(--ytw-text)}
.video-card .meta,.short-card .meta,.card .meta{color:var(--ytw-muted)!important}
.video-card .thumb,.short-card .thumb{box-shadow:none!important}
.video-card:hover .thumb{box-shadow:none!important}

/* Watch page */
.dp-watch,.dp-watch-grid,.dp-watch-main,.dp-watch-side{background:#fff!important;color:var(--ytw-text)!important}
.dp-watch-title,.dp-watch-channel,.dp-watch-channel-name,.dp-related,.dp-related h4{color:var(--ytw-text)!important}
.dp-watch-channel{background:#fff!important;border-color:var(--ytw-border)!important}
.dp-watch-description,.dp-related,.dp-watch-comments{
  background:#fff!important;color:var(--ytw-text)!important;border-color:var(--ytw-border)!important;
}
.dp-watch-description *,.dp-related *,.dp-watch-comments *{color:var(--ytw-text)}
.dp-related .meta{color:var(--ytw-muted)!important}
.dp-related:hover{background:var(--ytw-soft)!important}
.dp-watch-actions,.dp-engagement{background:#fff!important}
.dp-watch-actions button,.dp-engagement button{
  background:var(--ytw-soft)!important;color:var(--ytw-text)!important;border-color:transparent!important;
}
.dp-watch-actions button:hover,.dp-engagement button:hover{background:var(--ytw-soft-hover)!important}
/* Media itself is untouched. Only the area behind it is white. */
.dp-watch-player{background:#fff!important;box-shadow:none!important}
.dp-watch-player iframe,.player iframe{position:relative;z-index:1;background:transparent!important}

/* Shorts: white surrounding UI, no white/black solid layer over video */
.shorts-page,.shorts-feed,.shorts-head{background:#fff!important;color:var(--ytw-text)!important}
.shorts-head{border-color:var(--ytw-border)!important;backdrop-filter:none!important}
.shorts-head h1,.shorts-head p{color:var(--ytw-text)!important}
.short-feed-item,.short-stage,.short-player-wrap{background:#fff!important;box-shadow:none!important}
.short-player{background:transparent!important;position:absolute;z-index:1}
.short-player iframe{position:relative;z-index:1;background:transparent!important}
.short-overlay{
  z-index:2!important;
  background:linear-gradient(transparent 45%,rgba(0,0,0,.72))!important;
  pointer-events:none;
}
/* Text over moving video stays readable; page text remains black. */
.short-overlay .short-info,.short-overlay .short-info h2,.short-overlay .short-meta{color:#fff!important}
.short-actions{background:transparent!important}
.short-action{
  background:rgba(255,255,255,.92)!important;color:#0f0f0f!important;
  border-color:rgba(0,0,0,.12)!important;
}
.short-nav-button{background:var(--ytw-soft)!important;color:var(--ytw-text)!important;border-color:var(--ytw-border)!important}
.short-comments-panel{background:#fff!important;color:var(--ytw-text)!important;border-color:var(--ytw-border)!important}
.short-comments-panel *{color:var(--ytw-text)}
.short-comments-panel input,.short-comments-panel textarea{
  background:#fff!important;color:var(--ytw-text)!important;border-color:var(--ytw-input-border)!important;
}

/* Account / My Content */
.account-page,.account-card,.account-head,.content-item,
.dp-account-page,.dp-account-card{
  background:#fff!important;color:var(--ytw-text)!important;border-color:var(--ytw-border)!important;
}
.account-page *, .account-card *, .account-head *, .content-item *{color:var(--ytw-text)}
.account-actions .button{background:var(--ytw-soft)!important;color:var(--ytw-text)!important}

/* Forms */
.form,form{color:var(--ytw-text)}
.form{background:#fff!important;border-color:var(--ytw-border)!important}
.form label,label{color:var(--ytw-text)}
.form input,.form textarea,.form select,
input,textarea,select{
  background:#fff;color:var(--ytw-text);border-color:var(--ytw-input-border);
}
input::placeholder,textarea::placeholder{color:var(--ytw-muted)}
button,.button,.btn{color:var(--ytw-text)}
.form button,.button.red,.btn.red,.red{background:var(--ytw-red)!important;color:#fff!important}

/* Standard comments */
.dp-comments,.dp-comment-list,.dp-comment-form{background:#fff!important;color:var(--ytw-text)!important}
.dp-comments *, .dp-comment-list *, .dp-comment-form *{color:var(--ytw-text)}
.dp-comment-form input,.dp-comment-form textarea{
  background:#fff!important;color:var(--ytw-text)!important;border-color:var(--ytw-input-border)!important;
}

/* Footer / mobile */
footer{background:#fff!important;color:var(--ytw-muted)!important;border-color:var(--ytw-border)!important}
.mobile{background:#fff!important;border-color:var(--ytw-border)!important}
.mobile a{color:var(--ytw-text)!important}
.mobile .plus{background:var(--ytw-red)!important;color:#fff!important}


/* DoliPlay YouTube White 1.1.2 — Shorts Safe Install: CSS-only */
.shorts-page,.shorts-feed,.shorts-head{background:#fff!important;color:#0f0f0f!important}
.shorts-head{border-bottom:1px solid #e5e5e5!important;box-shadow:none!important;backdrop-filter:none!important}
.shorts-head h1{color:#0f0f0f!important}.shorts-head .muted,.shorts-head p{color:#606060!important}
.short-feed-item,.short-stage{background:#fff!important}.short-player-wrap{background:#000!important}
.short-player,.short-player iframe{background:transparent!important}
.short-overlay{background:linear-gradient(to bottom,transparent 55%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.68) 100%)!important}
.short-info{background:transparent!important}.short-info h2,.short-meta{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.45)!important}
.short-action,.short-engagement button,.short-nav-button{background:#f2f2f2!important;color:#0f0f0f!important;border-color:transparent!important;border-radius:999px!important;box-shadow:none!important}
.short-action:hover,.short-engagement button:hover,.short-nav-button:hover{background:#e5e5e5!important;color:#0f0f0f!important}
.short-comments-panel{background:#fff!important;color:#0f0f0f!important;border-color:#e5e5e5!important}
.short-comments-panel input,.short-comments-panel textarea{background:#fff!important;color:#0f0f0f!important;border-color:#c6c6c6!important}


/* ============================================================
   DoliPlay YouTube Clean Light 1.2.0
   Clean visual layer only. Keeps PHP/templates/features intact.
   ============================================================ */
:root{
 --dp-bg:#fff;--dp-panel:#fff;--dp-panel2:#fff;--dp-line:#e5e5e5;
 --dp-text:#0f0f0f;--dp-muted:#606060;--dp-red:#2563EB;--dp-max:1500px;
 --yt-bg:#fff;--yt-text:#0f0f0f;--yt-muted:#606060;--yt-chip:#f2f2f2;
 --yt-chip-hover:#e5e5e5;--yt-border:#e5e5e5;--yt-input:#c6c6c6;
}
html,body{background:#fff!important;color:#0f0f0f!important;color-scheme:light}
body{font-family:Roboto,Arial,sans-serif!important}
body a{color:#0f0f0f}
/* top app bar */
.top,.dp-premium-top{height:64px!important;background:#fff!important;color:#0f0f0f!important;border-bottom:1px solid #e5e5e5!important;box-shadow:none!important;backdrop-filter:none!important}
.dp-premium-brand,.dp-premium-item,.dp-premium-label,.dp-premium-mobile-toggle,.dp-premium-account-button,.dp-premium-login a{color:#0f0f0f!important}
.dp-premium-item:hover{background:#f2f2f2!important;color:#0f0f0f!important}
.dp-premium-item.is-active{color:#0f0f0f!important}
.dp-premium-item.is-active:after{background:#2563EB!important}
.dp-premium-search input,.search input{background:#fff!important;color:#0f0f0f!important;border:1px solid #c6c6c6!important;border-radius:20px 0 0 20px!important;box-shadow:none!important}
.dp-premium-search input:focus,.search input:focus{border-color:#1c62b9!important;outline:0}
.search button,.dp-premium-search button{background:#f8f8f8!important;color:#0f0f0f!important;border:1px solid #c6c6c6!important;border-left:0!important;border-radius:0 20px 20px 0!important}
.dp-premium-account-menu{background:#fff!important;color:#0f0f0f!important;border:1px solid #e5e5e5!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important}
.dp-premium-account-menu a{color:#0f0f0f!important}.dp-premium-account-menu a:hover{background:#f2f2f2!important}
/* sidebar */
.shell{background:#fff!important;grid-template-columns:224px minmax(0,1fr)!important}
.shell aside{background:#fff!important;border-right:0!important;top:64px!important;height:calc(100vh - 64px)!important;padding:12px!important}
.shell aside a{color:#0f0f0f!important;border-radius:10px!important;font-weight:500!important;padding:10px 12px!important}
.shell aside a:hover,.shell aside a:first-child{background:#f2f2f2!important;color:#0f0f0f!important}
.shell aside hr{border-top:1px solid #e5e5e5!important}
.shell main{background:#fff!important;color:#0f0f0f!important;padding:20px 24px 90px!important}
/* category chips */
.catbar,.chips{gap:10px!important}.catbar a,.chips a{background:#f2f2f2!important;color:#0f0f0f!important;border:0!important;border-radius:8px!important;padding:8px 12px!important;font-weight:600!important}
.catbar a:hover,.chips a:hover{background:#e5e5e5!important}.catbar a.active{background:#0f0f0f!important;color:#fff!important}
/* clean hero */
.hero{min-height:auto!important;background:#fff!important;color:#0f0f0f!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:22px 0 10px!important}
.hero:after{display:none!important}.hero h1,.hero h2,.hero h3,.hero p,.hero small{color:#0f0f0f!important}.hero h1{font-size:clamp(32px,4vw,52px)!important;letter-spacing:-1.5px!important}.muted,.meta{color:#606060!important}
/* video grid: YouTube-like cards without boxes */
.video-grid,.grid{gap:28px 16px!important}.video-card,.card,.short-card{background:#fff!important;color:#0f0f0f!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.video-card:hover,.short-card:hover,.card:hover{background:#fff!important;transform:none!important;box-shadow:none!important}
.video-card .thumb,.card .thumb{border-radius:12px!important;background:#f2f2f2!important;overflow:hidden!important}.short-card .thumb{border-radius:12px!important;background:#f2f2f2!important}
.video-card .body,.card .body{padding:10px 2px 0!important;background:#fff!important}.short-card .body{padding:9px 2px 0!important;background:#fff!important}
.video-card .body h3,.card .body h3,.short-card .body h3{color:#0f0f0f!important;font-weight:600!important}.video-card .body h3 a,.card .body h3 a,.short-card .body h3 a{color:#0f0f0f!important}.video-card .meta,.card .meta,.short-card .meta{color:#606060!important}
.section-title,.section-title h2,.head,.head h1,.head h2{color:#0f0f0f!important}
/* watch */
.dp-watch,.dp-watch-grid,.dp-watch-main,.dp-watch-side{background:#fff!important;color:#0f0f0f!important}.dp-watch-player,.player{background:#000!important;box-shadow:none!important;border-radius:12px!important}.dp-watch-title,.dp-watch-channel-name{color:#0f0f0f!important}.dp-watch-channel,.dp-watch-description,.dp-related,.dp-watch-comments{background:#fff!important;color:#0f0f0f!important;border-color:#e5e5e5!important}.dp-watch-description *,.dp-related *,.dp-watch-comments *{color:#0f0f0f}.dp-related:hover{background:#f2f2f2!important}.dp-related .meta{color:#606060!important}.dp-watch-actions button,.dp-engagement button{background:#f2f2f2!important;color:#0f0f0f!important;border:0!important;border-radius:18px!important}.dp-watch-actions button:hover,.dp-engagement button:hover{background:#e5e5e5!important}
/* forms/account/content */
.form,.account-card,.account-head,.content-item,.dp-account-card,.panel{background:#fff!important;color:#0f0f0f!important;border-color:#e5e5e5!important;box-shadow:none!important}.form label,label{color:#0f0f0f}.form input,.form textarea,.form select,input,textarea,select{background:#fff!important;color:#0f0f0f!important;border-color:#c6c6c6!important}.form input::placeholder,.form textarea::placeholder,input::placeholder,textarea::placeholder{color:#606060!important}.form button,.button.red,.btn.red,.red{background:#2563EB!important;color:#fff!important}.account-actions .button{background:#f2f2f2!important;color:#0f0f0f!important}
/* Shorts: preserve black media stage + white overlay text */
.shorts-page,.shorts-feed,.shorts-head{background:#fff!important;color:#0f0f0f!important}.shorts-head{border-bottom:1px solid #e5e5e5!important;backdrop-filter:none!important}.shorts-head h1{color:#0f0f0f!important}.shorts-head p,.shorts-head .muted{color:#606060!important}.short-feed-item{background:#000!important;box-shadow:none!important}.short-stage,.short-player-wrap{background:#000!important}.short-player,.short-player iframe{background:#000!important}.short-overlay{background:linear-gradient(transparent 48%,rgba(0,0,0,.7))!important}.short-overlay .short-info,.short-overlay .short-info h2,.short-overlay .short-meta{color:#fff!important}.short-action,.short-engagement button{background:rgba(255,255,255,.92)!important;color:#0f0f0f!important;border:0!important;border-radius:50%!important}.short-nav-button{background:#f2f2f2!important;color:#0f0f0f!important;border:0!important}.short-comments-panel{background:#fff!important;color:#0f0f0f!important;border-color:#e5e5e5!important}.short-comments-panel *{color:#0f0f0f}.short-comments-panel input,.short-comments-panel textarea{background:#fff!important;color:#0f0f0f!important;border-color:#c6c6c6!important}
/* footer/mobile */
footer{background:#fff!important;color:#606060!important;border-top:1px solid #e5e5e5!important}.mobile{background:#fff!important;border-top:1px solid #e5e5e5!important}.mobile a{color:#0f0f0f!important}.mobile .plus{background:#2563EB!important;color:#fff!important}
@media(max-width:650px){.top,.dp-premium-top{height:auto!important}.shell main{padding:14px 12px 90px!important}.video-grid{gap:22px!important}.video-card .thumb{border-radius:10px!important}}

/* ============================================================
   DoliPlay Modern Video 2026 v1.0.0
   Theme-only visual layer. No database/config changes.
   ============================================================ */
:root{--dp26-red:#2563EB;--dp26-ink:#0f0f0f;--dp26-muted:#606060;--dp26-chip:#f4f4f5;--dp26-line:#ececef;--dp26-soft:#DBEAFE}
body{background:#fff!important;color:var(--dp26-ink)!important}
.dp-premium-top{position:sticky!important;top:0!important;z-index:100!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--dp26-line)!important;box-shadow:0 1px 10px rgba(0,0,0,.035)!important}
.dp-premium-brand img{max-height:38px!important}
.dp-premium-search input{background:#f7f7f8!important;border-color:#ededf0!important;border-radius:999px!important;padding-left:20px!important}
.shell{grid-template-columns:230px minmax(0,1fr)!important;max-width:1720px!important;margin:0 auto!important}
.shell aside{padding:18px 14px!important;border-right:1px solid #f1f1f3!important;background:#fff!important}
.shell aside a{padding:11px 14px!important;border-radius:10px!important;font-size:14px!important}
.shell aside a:hover{background:#f6f6f7!important}
.shell main{max-width:1500px!important;width:100%!important;margin:0 auto!important;padding:18px 28px 100px!important}
.hero{position:relative!important;overflow:hidden!important;min-height:300px!important;border-radius:18px!important;padding:48px 46px!important;margin:0 0 18px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:radial-gradient(circle at 78% 35%,rgba(255,21,49,.42),transparent 25%),radial-gradient(circle at 65% 70%,rgba(101,44,255,.28),transparent 28%),linear-gradient(115deg,#05060b 0%,#101321 58%,#1c0b15 100%)!important;box-shadow:0 14px 36px rgba(16,17,26,.12)!important}
.hero:before{content:"▶";position:absolute;right:7%;top:50%;transform:translateY(-50%);font-size:150px;line-height:1;color:rgba(255,21,49,.9);filter:drop-shadow(0 18px 35px rgba(255,21,49,.25));z-index:0}
.hero>*{position:relative;z-index:1;max-width:650px}
.hero small{color:#2563EB!important;font-size:13px!important;letter-spacing:2.5px!important}
.hero h1{color:#fff!important;font-size:clamp(38px,5vw,66px)!important;line-height:1.02!important;letter-spacing:-2.6px!important;margin:10px 0!important}
.hero p,.hero .muted{color:#d9d9df!important;font-size:17px!important;max-width:580px!important}
.catbar,.chips{display:flex!important;gap:9px!important;overflow-x:auto!important;scrollbar-width:none!important;padding:0 0 8px!important;margin:8px 0 22px!important}.catbar::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}
.catbar a,.chips a{white-space:nowrap!important;border-radius:999px!important;background:#f5f5f6!important;padding:9px 16px!important;font-size:13px!important}.catbar a.active,.chips a.active{background:#111!important;color:#fff!important}
.section-title{margin:28px 0 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.section-title h2{font-size:22px!important;letter-spacing:-.5px!important}.section-title a{color:var(--dp26-red)!important;font-size:13px!important;font-weight:700!important}
.video-grid,.grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px 14px!important}
.video-card .thumb,.card .thumb{border-radius:13px!important;aspect-ratio:16/9!important;box-shadow:0 1px 0 rgba(0,0,0,.03)!important}.video-card .thumb img,.card .thumb img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .22s ease!important}.video-card:hover .thumb img,.card:hover .thumb img{transform:scale(1.018)!important}
.video-card .body h3,.card .body h3{font-size:14px!important;line-height:1.3!important;margin-bottom:6px!important}.video-card .meta,.card .meta{font-size:12px!important;line-height:1.35!important}
.shorts-shelf{gap:12px!important;background:#fff!important;border-radius:18px!important;padding:18px!important;margin:0 -8px 8px!important;overflow-x:auto!important;scrollbar-width:none!important}.shorts-shelf::-webkit-scrollbar{display:none}.short-card{min-width:180px!important;max-width:220px!important}.short-card .thumb{border-radius:14px!important;overflow:hidden!important}.short-card .body h3{font-size:13px!important}
.category-grid,.categories-grid{gap:12px!important}.category-card{border-radius:14px!important;overflow:hidden!important;border:1px solid var(--dp26-line)!important;background:#fff!important;box-shadow:0 4px 18px rgba(0,0,0,.04)!important}
footer{border-top:1px solid var(--dp26-line)!important}
@media(max-width:1180px){.video-grid,.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.shell{grid-template-columns:190px minmax(0,1fr)!important}.hero{min-height:270px!important}}
@media(max-width:900px){.shell{display:block!important}.shell aside{display:none!important}.shell main{padding:14px 16px 92px!important}.video-grid,.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero{min-height:240px!important;padding:34px 28px!important;border-radius:16px!important}.hero:before{font-size:105px!important;right:3%!important}.hero h1{font-size:42px!important}}
@media(max-width:560px){.dp-premium-search{display:none!important}.shell main{padding:10px 10px 84px!important}.hero{min-height:205px!important;padding:28px 22px!important;border-radius:14px!important}.hero:before{font-size:78px!important;opacity:.7}.hero h1{font-size:34px!important;letter-spacing:-1.5px!important}.hero p{font-size:14px!important;max-width:75%!important}.video-grid,.grid{grid-template-columns:1fr 1fr!important;gap:22px 9px!important}.video-card .body h3,.card .body h3{font-size:12px!important}.video-card .meta,.card .meta{font-size:10px!important}.short-card{min-width:142px!important}.section-title h2{font-size:19px!important}}

/* DoliPlay YouTube Clean 2026 — approved reference visual layer */
:root{--dpc-red:#2563EB;--dpc-text:#111;--dpc-muted:#6b6b6b;--dpc-chip:#f5f5f5;--dpc-line:#eee}
html,body{background:#fff!important;color:var(--dpc-text)!important;font-family:Arial,Helvetica,sans-serif!important}.shell{max-width:1536px!important;grid-template-columns:164px minmax(0,1fr)!important}.shell main{padding:12px 20px 90px!important;min-width:0}.shell aside{top:66px!important;height:auto!important;min-height:calc(100vh - 66px);padding:12px 14px!important;background:#fff!important;border-right:1px solid #f0f0f0!important}.shell aside a{font-size:13px!important;padding:10px 11px!important;border-radius:9px!important;color:#111!important}.shell aside a:first-child{background:#DBEAFE!important;color:var(--dpc-red)!important}.shell aside a:hover{background:#f6f6f6!important}.shell aside hr{border:0!important;border-top:1px solid #eee!important;margin:10px 5px!important}
.dp-premium-top{height:58px!important;min-height:58px!important;padding:6px 20px!important;background:#fff!important;border-bottom:0!important;box-shadow:none!important;gap:18px!important}.dp-premium-brand img{height:32px!important;max-width:160px!important}.dp-premium-brand-fallback{font-size:22px!important;color:#111!important}.dp-premium-brand-fallback b{color:#111!important}.dp-premium-brand-fallback span{color:var(--dpc-red)!important}.dp-premium-search{max-width:500px!important}.dp-premium-search input{height:38px!important;border:0!important;background:#f5f5f5!important;color:#111!important;border-radius:22px!important;padding:0 18px!important}.dp-premium-nav{height:46px!important;gap:4px!important}.dp-premium-item{height:46px!important;min-width:46px!important;color:#111!important}.dp-premium-label{display:none!important}.dp-premium-icon{width:21px!important;height:21px!important}.dp-premium-avatar{width:30px!important;height:30px!important}.dp-premium-item.is-active:after{display:none!important}
.dp-hero-2026{position:relative;min-height:255px;border-radius:13px;overflow:hidden;background:#050912 url('assets/hero-reference.jpg') center/cover no-repeat;margin:0 0 10px;color:#fff!important}.dp-hero-2026:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,12,.96) 0%,rgba(2,5,12,.78) 31%,rgba(2,5,12,.08) 63%,rgba(2,5,12,.05) 100%)}.dp-hero-copy{position:relative;z-index:2;padding:45px 50px;max-width:520px}.dp-hero-logo{display:flex;align-items:center;gap:12px;font-size:42px;font-weight:900;line-height:1;color:#fff!important}.dp-hero-logo strong{color:#fff!important}.dp-hero-logo strong span{color:var(--dpc-red)!important}.dp-play-mark{display:grid;place-items:center;width:50px;height:44px;border-radius:15px;background:var(--dpc-red);font-size:22px;color:#fff!important}.dp-hero-2026 h1{font-size:24px!important;margin:14px 0 4px!important;color:#fff!important;letter-spacing:-.4px}.dp-hero-2026 p{font-size:15px;margin:0 0 18px;color:#fff!important}.dp-watch-now{display:inline-flex;align-items:center;background:var(--dpc-red);color:#fff!important;text-decoration:none;padding:11px 18px;border-radius:999px;font-weight:800;font-size:14px}.dp-hero-arrow{position:absolute;z-index:3;right:18px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:rgba(25,25,25,.75);color:#fff;font-size:30px;cursor:pointer}.dp-hero-arrow.dp-left{right:68px}.dp-hero-arrow.dp-right{right:18px}
.catbar{padding:8px 0 6px!important;gap:8px!important}.catbar a{height:38px;background:#f5f5f5!important;border:0!important;color:#111!important;padding:0 16px!important;border-radius:999px!important;font-weight:700;font-size:13px}.catbar a img{width:18px!important;height:18px!important}.catbar a.active{background:#111!important;color:#fff!important}.catbar .dp-cat-more{width:38px;padding:0!important;justify-content:center;font-size:22px;background:#fff!important;box-shadow:0 2px 12px rgba(0,0,0,.1)}
.dp-home-section{margin-top:12px}.section-title{margin:16px 0 10px!important}.section-title h2{font-size:21px!important;color:#111!important}.section-title a{font-size:13px!important;color:var(--dpc-red)!important;font-weight:800!important}.video-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.video-card .thumb{border-radius:7px!important;box-shadow:none!important;aspect-ratio:16/9!important}.video-card .body{padding:7px 4px!important}.video-card .body h3{font-size:12px!important;line-height:1.25!important;margin:0 0 5px!important;color:#111!important}.video-card .meta{font-size:11px!important;line-height:1.35!important;color:#6b6b6b!important}.video-card:hover .thumb{transform:none!important;box-shadow:none!important}
.dp-shorts-zone{background:#fff!important;padding:12px 10px 16px;border-radius:13px;margin-top:18px}.dp-shorts-bolt{color:var(--dpc-red)!important}.shorts-shelf{display:flex!important;gap:9px!important;overflow-x:auto!important;scrollbar-width:none}.shorts-shelf::-webkit-scrollbar{display:none}.shorts-shelf .short-card{flex:0 0 130px!important}.short-card .thumb{position:relative;border-radius:7px!important;aspect-ratio:9/16!important;box-shadow:none!important}.short-card .body{padding:5px 2px!important}.short-card .body h3{font-size:11px!important}.dp-short-views{position:absolute;left:8px;bottom:8px;color:#fff!important;font-size:11px;font-weight:800;text-shadow:0 1px 4px #000}.dp-explore{margin-top:20px}.dp-category-grid{display:grid;grid-template-columns:repeat(8,minmax(95px,1fr));gap:9px;overflow-x:auto}.dp-category-grid a{min-width:95px;background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;text-decoration:none;color:#111!important;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.04)}.dp-category-grid img,.dp-cat-placeholder{display:block;width:100%;height:70px;object-fit:cover;background:#f5f5f5}.dp-cat-placeholder{display:grid;place-items:center;color:var(--dpc-red)!important;font-size:24px}.dp-category-grid b{display:block;padding:8px 5px;font-size:11px}.mobile{background:#fff!important;border-top:1px solid #eee!important}.mobile a{color:#111!important}.mobile .plus{background:var(--dpc-red)!important;color:#fff!important}
@media(max-width:1050px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dp-category-grid{grid-template-columns:repeat(6,minmax(95px,1fr))}}
@media(max-width:800px){.dp-premium-top{height:58px!important;min-height:58px!important;flex-wrap:nowrap!important}.dp-premium-search{display:none!important}.dp-premium-nav{width:auto!important;margin-left:auto!important;order:0!important}.shell{display:block!important}.shell aside{display:none!important}.shell main{padding:10px 10px 82px!important}.dp-hero-2026{min-height:188px;border-radius:10px}.dp-hero-copy{padding:30px 20px;max-width:78%}.dp-hero-logo{font-size:29px}.dp-play-mark{width:38px;height:34px;border-radius:11px;font-size:16px}.dp-hero-2026 h1{font-size:18px!important;margin-top:10px!important}.dp-hero-2026 p{font-size:12px!important}.dp-watch-now{font-size:12px;padding:9px 14px}.dp-hero-arrow{width:34px;height:34px;font-size:24px;right:10px}.dp-hero-arrow.dp-left{right:50px}.catbar{margin-right:-10px!important;padding-right:10px!important}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.shorts-shelf .short-card{flex-basis:105px!important}.dp-category-grid{grid-template-columns:repeat(4,minmax(95px,1fr))}.mobile{display:flex!important}}
@media(max-width:520px){.dp-premium-brand img{height:28px!important;max-width:130px!important}.dp-premium-brand-fallback{font-size:19px!important}.dp-premium-login a:first-child{display:none}.dp-hero-2026{min-height:185px;background-position:center}.dp-hero-copy{padding:24px 15px;max-width:82%}.dp-hero-logo{font-size:25px}.dp-hero-2026 h1{font-size:17px!important}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.video-card .body h3{font-size:11px!important}.dp-category-grid{grid-template-columns:repeat(3,minmax(95px,1fr))}}

/* DoliPlay 2.5.198 — semantic danger remains red; brand identity is blue. */
.button.red,.btn.red,.danger,.btn-danger,.button-danger,[data-action="delete"],[data-action="remove"]{
  background:#DC2626!important;
  color:#fff!important;
}

/* DoliPlay 2.5.199 — Pages links in desktop footer only. */
.dp-footer-pages{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 22px;
  margin:0 0 12px;
}
.dp-footer-pages a{
  color:#0f0f0f;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
}
.dp-footer-pages a:hover{
  color:#2563EB;
  text-decoration:underline;
}
.dp-footer-copy{display:block}
@media(max-width:800px){
  .dp-footer-pages{display:none!important}
}

/* DoliPlay 2.5.200 — mobile header Chat + mobile Shop navigation. */
.dp-mobile-chat{display:none;position:relative;color:#fff;text-decoration:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;flex:0 0 42px}
.dp-mobile-chat svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dp-mobile-chat-badge{position:absolute;right:0;top:0;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#2563EB;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}
@media(max-width:800px){
  .dp-premium-login .dp-red{display:none!important}
  .dp-mobile-chat{display:inline-flex}
}

/* DoliPlay 2.5.201 — mobile header is white; Chat icon must be black. */
@media(max-width:800px){
  .dp-mobile-chat{color:#000000!important}
  .dp-mobile-chat svg{stroke:#000000!important}
}

/* DoliPlay 2.5.202 — pin mobile Chat to the far-right edge of the white header. */
@media(max-width:800px){
  .dp-premium-top{position:sticky}
  .dp-mobile-chat{
    display:inline-flex!important;
    position:absolute!important;
    right:10px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    color:#000000!important;
    z-index:110!important;
  }
  .dp-mobile-chat svg{stroke:#000000!important}
  .dp-premium-top{padding-right:62px!important}
}

/* DoliPlay 2.5.204 — mobile Search immediately left of Chat. */
.dp-mobile-search-toggle{display:none;border:0;background:transparent;padding:0;cursor:pointer}
.dp-mobile-search-toggle svg{width:24px;height:24px;fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:800px){
.dp-mobile-search-toggle{display:inline-flex!important;position:absolute!important;right:56px!important;top:50%!important;transform:translateY(-50%)!important;width:42px;height:42px;align-items:center;justify-content:center;z-index:110!important}
.dp-premium-top{padding-right:108px!important}.dp-premium-search{display:none!important}
body.dp-mobile-search-open .dp-premium-top{padding-bottom:58px!important}
body.dp-mobile-search-open .dp-premium-search{display:flex!important;position:absolute!important;left:10px!important;right:10px!important;top:62px!important;max-width:none!important;width:auto!important;margin:0!important;z-index:109!important}
body.dp-mobile-search-open .dp-premium-search input{background:#fff!important;color:#000!important;border:1px solid #d1d5db!important;border-radius:999px!important;padding:0 16px!important}
}
/* DoliPlay 2.5.205 — unified white mobile header + five-item bottom navigation. */
.dp-mobile-actions{display:none}
@media(max-width:800px){
  .dp-premium-top{height:64px!important;min-height:64px!important;flex-wrap:nowrap!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;padding:7px 12px!important;padding-right:164px!important;gap:8px!important;box-shadow:none!important}
  .dp-premium-brand{max-width:180px!important;color:#111!important}
  .dp-premium-brand img{height:36px!important;max-width:170px!important}
  .dp-premium-brand-fallback b,.dp-premium-brand-fallback span{color:#111!important}
  .dp-premium-nav,.dp-premium-login{display:none!important}
  .dp-mobile-chat,.dp-mobile-search-toggle{position:static!important;transform:none!important;margin:0!important}
  .dp-mobile-actions{display:flex!important;position:absolute;right:10px;top:50%;transform:translateY(-50%);align-items:center;gap:4px;z-index:120}
  .dp-mobile-action{position:relative;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#111!important;text-decoration:none;padding:0;cursor:pointer;border-radius:50%}
  .dp-mobile-action svg{width:28px;height:28px;fill:none;stroke:#111!important;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .dp-mobile-count{position:absolute;right:1px;top:0;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#2563EB;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}
  .dp-premium-search{display:none!important}
  body.dp-mobile-search-open .dp-premium-top{padding-bottom:64px!important}
  body.dp-mobile-search-open .dp-premium-search{display:flex!important;position:absolute!important;left:10px!important;right:10px!important;top:64px!important;width:auto!important;max-width:none!important;margin:0!important;z-index:119!important}
  body.dp-mobile-search-open .dp-premium-search input{height:44px!important;background:#fff!important;color:#111!important;border:1px solid #d1d5db!important;border-radius:999px!important;padding:0 18px!important;box-shadow:none!important}

  .dp-mobile-bottom-nav{position:fixed!important;left:0;right:0;bottom:0;height:72px;background:#fff!important;border-top:1px solid #e5e7eb;display:grid!important;grid-template-columns:repeat(5,1fr);align-items:center;z-index:200;padding:4px max(4px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}
  .dp-mobile-bottom-item{height:62px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#111!important;text-decoration:none;font-size:11px}
  .dp-mobile-bottom-item svg{width:27px;height:27px;fill:none;stroke:#111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .dp-mobile-bottom-item small{font-size:11px;line-height:1;color:#111}
  .dp-mobile-upload{width:50px;height:50px;justify-self:center;align-self:center;border-radius:50%;background:#f3f4f6!important;color:#111!important;display:flex!important;align-items:center;justify-content:center;text-decoration:none}
  .dp-mobile-upload span{font-size:38px;font-weight:300;line-height:1;margin-top:-3px}
  .dp-mobile-you img{width:29px;height:29px;border-radius:50%;object-fit:cover;border:1px solid #d1d5db;background:#fff}
  footer{padding-bottom:82px!important}
}

/* DoliPlay 2.5.206 — exact 350x50 mobile reference proportions. */
@media(max-width:800px){
  .dp-premium-top{
    box-sizing:border-box!important;height:50px!important;min-height:50px!important;max-height:50px!important;
    display:flex!important;align-items:center!important;flex-wrap:nowrap!important;overflow:visible!important;
    background:#fff!important;border:0!important;border-bottom:1px solid #f3f4f6!important;
    padding:0 14px!important;padding-right:128px!important;gap:0!important
  }
  .dp-premium-mobile-toggle{display:none!important}
  .dp-premium-brand{position:static!important;display:flex!important;align-items:center!important;width:auto!important;max-width:92px!important;height:50px!important;margin:0!important;overflow:hidden!important}
  .dp-premium-brand img{display:block!important;width:auto!important;height:23px!important;max-width:88px!important;object-fit:contain!important}
  .dp-premium-brand-fallback{font-size:14px!important;white-space:nowrap!important}
  .dp-premium-nav,.dp-premium-login,.dp-premium-account-wrap{display:none!important}
  .dp-mobile-actions{
    display:grid!important;grid-template-columns:32px 32px 32px!important;column-gap:10px!important;
    position:absolute!important;right:12px!important;top:0!important;height:50px!important;
    transform:none!important;align-items:center!important;z-index:220!important
  }
  .dp-mobile-action{
    box-sizing:border-box!important;position:relative!important;width:32px!important;height:50px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;
    padding:0!important;border:0!important;background:transparent!important;color:#111!important;border-radius:0!important
  }
  .dp-mobile-action svg{width:24px!important;height:24px!important;fill:none!important;stroke:#111!important;stroke-width:2!important}
  .dp-mobile-count{right:-1px!important;top:8px!important;min-width:8px!important;width:8px!important;height:8px!important;padding:0!important;font-size:0!important;background:#2563EB!important;border:1px solid #fff!important}
  .dp-premium-search{display:none!important}
  body.dp-mobile-search-open .dp-premium-top{height:100px!important;max-height:100px!important;padding-bottom:50px!important}
  body.dp-mobile-search-open .dp-premium-search{
    display:flex!important;position:absolute!important;left:10px!important;right:10px!important;top:52px!important;
    width:auto!important;max-width:none!important;margin:0!important;z-index:219!important
  }
  body.dp-mobile-search-open .dp-premium-search input{height:40px!important;background:#fff!important;color:#111!important;border:1px solid #d1d5db!important;border-radius:999px!important;padding:0 16px!important}

  .dp-mobile-bottom-nav{
    box-sizing:border-box!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    width:100%!important;height:58px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;
    align-items:center!important;background:#fff!important;border:0!important;border-top:1px solid #f3f4f6!important;
    padding:2px 8px calc(2px + env(safe-area-inset-bottom))!important;z-index:300!important
  }
  .dp-mobile-bottom-item{
    box-sizing:border-box!important;height:54px!important;min-width:0!important;display:flex!important;
    flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;
    color:#111!important;text-decoration:none!important;margin:0!important;padding:0!important
  }
  .dp-mobile-bottom-item svg{width:21px!important;height:21px!important;fill:none!important;stroke:#111!important;stroke-width:1.8!important}
  .dp-mobile-bottom-item small{display:block!important;font-size:8px!important;line-height:10px!important;font-weight:400!important;color:#111!important}
  .dp-mobile-upload{box-sizing:border-box!important;width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;justify-self:center!important;align-self:center!important;background:#f5f5f5!important;color:#111!important;border-radius:50%!important;text-decoration:none!important;margin:0!important}
  .dp-mobile-upload span{font-size:30px!important;font-weight:300!important;line-height:38px!important;margin:-2px 0 0!important}
  .dp-shorts-mark{position:relative!important;width:22px!important;height:22px!important;display:block!important;background:#2563EB!important;border-radius:5px!important}
  .dp-shorts-mark:before,.dp-shorts-mark:after{content:""!important;position:absolute!important;left:-3px!important;width:8px!important;height:8px!important;background:#2563EB!important;border-radius:4px!important}
  .dp-shorts-mark:before{top:1px!important;transform:rotate(-28deg)!important}.dp-shorts-mark:after{bottom:1px!important;transform:rotate(28deg)!important}
  .dp-shorts-mark b{position:absolute!important;left:8px!important;top:6px!important;width:0!important;height:0!important;border-top:5px solid transparent!important;border-bottom:5px solid transparent!important;border-left:7px solid #fff!important;z-index:2!important}
  .dp-mobile-shorts small{color:#2563EB!important}.dp-mobile-shorts:after{content:""!important;width:4px!important;height:4px!important;border-radius:50%!important;background:#2563EB!important;margin-top:0!important}
  .dp-you-outline{width:22px!important;height:22px!important;border:1.5px solid #111!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .dp-you-outline svg{width:18px!important;height:18px!important}
  footer{padding-bottom:66px!important}
}

/* DoliPlay 2.5.207 — authoritative mobile header single-row repair.
   Do not add independent positioning to Chat/Bell/Search below this layer. */
@media (max-width:800px){
  .dp-premium-top{
    box-sizing:border-box!important;
    position:sticky!important;
    top:0!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #f1f1f1!important;
    padding:0 12px!important;
    gap:0!important;
    z-index:200!important;
  }

  .dp-premium-mobile-toggle,
  .dp-premium-nav,
  .dp-premium-login,
  .dp-premium-account-wrap{
    display:none!important;
  }

  .dp-premium-brand{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    order:1!important;
    flex:0 1 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:auto!important;
    height:52px!important;
    max-width:150px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    text-decoration:none!important;
    z-index:1!important;
  }
  .dp-premium-brand img{
    display:block!important;
    width:auto!important;
    height:30px!important;
    max-width:145px!important;
    object-fit:contain!important;
    margin:0!important;
  }
  .dp-premium-brand-fallback{
    display:block!important;
    font-size:18px!important;
    line-height:1!important;
    white-space:nowrap!important;
    color:#111!important;
  }

  .dp-mobile-actions{
    box-sizing:border-box!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    order:2!important;
    flex:0 0 auto!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    width:auto!important;
    height:52px!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    overflow:visible!important;
    z-index:2!important;
  }

  .dp-mobile-actions .dp-mobile-action,
  .dp-mobile-actions .dp-mobile-chat-top,
  .dp-mobile-actions .dp-mobile-bell,
  .dp-mobile-actions .dp-mobile-search-toggle{
    box-sizing:border-box!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    float:none!important;
    flex:0 0 34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#111!important;
    line-height:1!important;
    text-decoration:none!important;
    vertical-align:middle!important;
  }

  .dp-mobile-actions .dp-mobile-action svg{
    display:block!important;
    flex:0 0 24px!important;
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    margin:0!important;
    fill:none!important;
    stroke:#111!important;
    stroke-width:2!important;
    overflow:visible!important;
  }

  .dp-mobile-actions .dp-mobile-count{
    position:absolute!important;
    top:7px!important;
    right:0!important;
    width:8px!important;
    min-width:8px!important;
    height:8px!important;
    padding:0!important;
    border:1px solid #fff!important;
    border-radius:50%!important;
    background:#2563EB!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
  }

  /* Search field opens below the fixed one-row header; the icon itself never moves. */
  .dp-premium-search{
    display:none!important;
  }
  body.dp-mobile-search-open .dp-premium-top{
    height:102px!important;
    min-height:102px!important;
    max-height:102px!important;
    align-items:flex-start!important;
  }
  body.dp-mobile-search-open .dp-premium-brand,
  body.dp-mobile-search-open .dp-mobile-actions{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
  }
  body.dp-mobile-search-open .dp-premium-search{
    box-sizing:border-box!important;
    display:flex!important;
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    top:56px!important;
    width:auto!important;
    height:40px!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    z-index:201!important;
  }
  body.dp-mobile-search-open .dp-premium-search input{
    box-sizing:border-box!important;
    width:100%!important;
    height:40px!important;
    background:#fff!important;
    color:#111!important;
    border:1px solid #d1d5db!important;
    border-radius:999px!important;
    padding:0 16px!important;
    box-shadow:none!important;
  }
}

/* DoliPlay 2.5.208 — custom Mobile Footer icons only. */
@media(max-width:800px){
 .dp-footer-custom-icon{display:block!important;width:22px!important;height:22px!important;object-fit:contain!important;margin:0!important}
 .dp-footer-upload-icon{width:26px!important;height:26px!important}
 .dp-footer-user-avatar{display:block!important;width:22px!important;height:22px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid #d1d5db!important}
}

/* DoliPlay 2.5.209 — remove only extra Shorts navigation circles on mobile. */
@media(max-width:800px){
 .shorts-nav,.short-nav,.shorts-navigation,.short-navigation,.shorts-arrows,.short-arrows,
 .shorts-prev,.shorts-next,.short-prev,.short-next,.shorts-up,.shorts-down,.short-up,.short-down,
 .dp-shorts-nav,.dp-short-nav,.dp-shorts-prev,.dp-shorts-next,.dp-short-prev,.dp-short-next,
 .dp-shorts-up,.dp-shorts-down,[data-short-nav],[data-shorts-nav],
 [data-action="prev-short"],[data-action="next-short"],[data-action="short-prev"],[data-action="short-next"]{
  display:none!important;visibility:hidden!important;pointer-events:none!important
 }
}

/* DoliPlay 2.5.210 — exact Shorts ↗ / mute button removal. */
@media(max-width:800px){
 .shorts-page button[aria-label="Mute"],
 .shorts-page button[aria-label="Unmute"],
 .shorts-page button[title="Mute"],
 .shorts-page button[title="Unmute"],
 .shorts-page button[aria-label="Open video"],
 .shorts-page button[aria-label="Open source"],
 .shorts-feed button[aria-label="Mute"],
 .shorts-feed button[aria-label="Unmute"],
 .shorts-feed button[title="Mute"],
 .shorts-feed button[title="Unmute"],
 .shorts-feed button[aria-label="Open video"],
 .shorts-feed button[aria-label="Open source"]{
   display:none!important;
 }
}



/* DoliPlay 2.5.212 — responsive Shorts engagement labels: icon → counter → name. */
.dp-short-engagement-control{
  overflow:visible!important;
}
.dp-short-engagement-label{
  display:block!important;
  position:static!important;
  width:max-content!important;
  max-width:none!important;
  min-width:0!important;
  margin:4px auto 0!important;
  padding:0!important;
  color:#fff!important;
  font-size:clamp(9px,0.72vw,12px)!important;
  line-height:1.05!important;
  font-weight:600!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-shadow:0 1px 2px rgba(0,0,0,.8)!important;
  pointer-events:none!important;
}
@media(max-width:800px){
  .dp-short-engagement-control{
    min-width:48px!important;
  }
  .dp-short-engagement-label{
    font-size:clamp(8px,2.35vw,10px)!important;
    margin-top:3px!important;
    transform:none!important;
  }
}
@media(max-width:380px){
  .dp-short-engagement-label{
    font-size:8px!important;
    letter-spacing:-.15px!important;
  }
}

/* DoliPlay 2.5.213 — every Shorts action must show its correct name. */
.dp-short-native-label-hidden{display:none!important}
.dp-short-engagement-control{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  height:auto!important;
}
.dp-short-engagement-control>.dp-short-engagement-label{
  display:block!important;
  flex:0 0 auto!important;
  position:static!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  margin:3px auto 0!important;
  padding:0 2px!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:13px!important;
  font-weight:600!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  transform:none!important;
  pointer-events:none!important;
  text-shadow:0 1px 2px rgba(0,0,0,.85)!important;
}
@media(max-width:800px){
 .dp-short-engagement-control>.dp-short-engagement-label{
   font-size:9px!important;
   line-height:11px!important;
   padding:0 1px!important;
 }
}
@media(max-width:360px){
 .dp-short-engagement-control>.dp-short-engagement-label{
   font-size:8px!important;
   letter-spacing:-.2px!important;
 }
}

/* DoliPlay 2.5.215 — only Share and Playlist keep visible names. */
.dp-short-engagement-control[data-dp-short-named="Like"]>.dp-short-engagement-label,
.dp-short-engagement-control[data-dp-short-named="Dislike"]>.dp-short-engagement-label,
.dp-short-engagement-control[data-dp-short-named="Comments"]>.dp-short-engagement-label{
 display:none!important;
}

/* DoliPlay 2.5.216 — signed-in user's real avatar in Mobile Footer You. */
@media(max-width:800px){
 .dp-mobile-you .dp-footer-user-avatar{
   display:block!important;
   width:24px!important;
   height:24px!important;
   min-width:24px!important;
   min-height:24px!important;
   max-width:24px!important;
   max-height:24px!important;
   border-radius:50%!important;
   object-fit:cover!important;
   object-position:center!important;
   border:1px solid #d1d5db!important;
   margin:0 auto!important;
   padding:0!important;
   background:#fff!important;
 }
}

/* DoliPlay 2.5.236 — Homepage Shorts Larger Cards only.
   Preserve player, Shorts page, database, themes and all other sections. */
@media (min-width: 1100px) {
  .dp-shorts-zone .shorts-shelf .short-card {
    flex: 0 0 clamp(260px, 21vw, 310px) !important;
    min-width: 260px !important; max-width: 310px !important;
  }
}
@media (min-width: 701px) and (max-width: 1099px) {
  .dp-shorts-zone .shorts-shelf .short-card {
    flex: 0 0 clamp(210px, 27vw, 280px) !important;
    min-width: 210px !important; max-width: 280px !important;
  }
}
@media (max-width: 700px) {
  .dp-shorts-zone .shorts-shelf .short-card {
    flex: 0 0 clamp(150px, 43vw, 210px) !important;
    min-width: 150px !important; max-width: 210px !important;
  }
}
.dp-shorts-zone .shorts-shelf { gap: 16px !important; }
.dp-shorts-zone .shorts-shelf .short-card .thumb {
  display: block !important; width: 100% !important; aspect-ratio: 9 / 16 !important;
  overflow: hidden !important; border-radius: 10px !important;
}
.dp-shorts-zone .shorts-shelf .short-card .thumb img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important;
}
.dp-shorts-zone .shorts-shelf .short-card .body { padding: 9px 2px !important; }
.dp-shorts-zone .shorts-shelf .short-card .body h3 {
  font-size: 15px !important; line-height: 1.35 !important;
}
@media (max-width: 700px) {
  .dp-shorts-zone .shorts-shelf .short-card .body h3 { font-size: 13px !important; }
}

/* 1.0.8 — White backgrounds for Home Shorts preview only.
   No changes to titles, images, cards, links, player or other sections. */
body .ed-page .ed-shorts-zone.dp-shorts-zone {
  background:#ffffff!important;
  background-image:none!important;
  box-shadow:none!important;
}
body .ed-page .ed-shorts-zone.dp-shorts-zone .shorts-shelf.ed-shorts-shelf {
  background:#ffffff!important;
  background-image:none!important;
  box-shadow:none!important;
}