/* Ece Liyanın Dünyası — kids-first visual layer
   Presentation-only layer: does not change data, routing or PHP behaviour. */
:root{
  --kids-pink:#ff67b7;
  --kids-purple:#7657f5;
  --kids-blue:#35bdf5;
  --kids-yellow:#ffd84d;
  --kids-mint:#43d8b6;
  --kids-red:#ff3f63;
  --kids-ink:#1e2340;
  --kids-soft:#68718c;
  --kids-bg:#f8fbff;
  --kids-card:rgba(255,255,255,.94);
  --kids-border:rgba(118,87,245,.12);
  --kids-shadow:0 16px 42px rgba(54,59,105,.10);
  --kids-radius:24px;
}

html{scroll-behavior:smooth}
body.site-kids,
body.ece-theme,
body.site-kids.ece-theme{
  background:
    radial-gradient(circle at 5% -8%, rgba(255,103,183,.16), transparent 25%),
    radial-gradient(circle at 96% 1%, rgba(53,189,245,.18), transparent 26%),
    linear-gradient(180deg,#fbfdff 0%,#f8fbff 48%,#fffdf8 100%);
  color:var(--kids-ink);
  min-height:100vh;
}

body.site-kids::before{
  content:"";
  position:fixed;
  inset:auto -80px -120px auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,216,77,.22),transparent 68%);
  pointer-events:none;
  z-index:0;
}

body.site-kids .container{position:relative;z-index:1}
body.site-kids main{padding-top:12px}
body.site-kids .navbar{
  background:linear-gradient(110deg,#6b5af8 0%,#8b66f8 37%,#ef64ae 74%,#ff6d85 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.26);
  box-shadow:0 10px 28px rgba(84,71,163,.20)!important;
}
body.site-kids .navbar::after{
  content:"✨  🌈  ⭐";
  position:absolute;
  right:14px;
  bottom:-9px;
  font-size:.75rem;
  opacity:.7;
  pointer-events:none;
  letter-spacing:.25rem;
}
body.site-kids .navbar .container{max-width:1280px}
body.site-kids .navbar-brand{font-weight:900!important;letter-spacing:-.2px;text-shadow:0 1px 0 rgba(0,0,0,.08)}
body.site-kids .navbar-brand img{
  border:3px solid rgba(255,255,255,.88);
  box-shadow:0 6px 16px rgba(53,34,102,.20);
}
body.site-kids .brand-youtube-badge{
  background:#fff!important;
  color:#ff3d63!important;
  box-shadow:0 5px 14px rgba(50,40,100,.12);
}
body.site-kids .header-search-wrap{width:min(500px,42vw)}
body.site-kids .header-search-input{
  background:rgba(255,255,255,.96)!important;
  border:2px solid rgba(255,255,255,.8)!important;
  color:var(--kids-ink)!important;
  box-shadow:0 6px 18px rgba(56,38,119,.10);
}
body.site-kids .header-search-input::placeholder{color:#7e86a2!important}
body.site-kids .header-search-btn{
  background:#ff4f72!important;
  box-shadow:0 6px 18px rgba(255,79,114,.23);
}
body.site-kids .btn-theme-toggle{
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.4)!important;
  box-shadow:0 4px 12px rgba(50,40,100,.12);
}
body.site-kids .desktop-nav-wrap .nav-link{
  border-radius:999px;
  color:#fff!important;
  font-weight:850;
}
body.site-kids .desktop-nav-wrap .nav-link.active{
  background:#fff!important;
  color:#6e5ae8!important;
  box-shadow:0 7px 16px rgba(45,35,109,.16)!important;
}
body.site-kids .desktop-nav-wrap .nav-link:hover{background:rgba(255,255,255,.20)!important}
body.site-kids .social-sidebar{
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(118,87,245,.10);
  box-shadow:0 12px 28px rgba(57,51,105,.14)!important;
  backdrop-filter:blur(12px);
}
body.site-kids .social-sidebar a{box-shadow:0 5px 10px rgba(0,0,0,.08);border-radius:12px}
body.site-kids .social-sidebar a:hover{transform:translateX(4px) scale(1.05)}

.kids-home-hero{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  margin-bottom:28px;
  padding:28px;
  background:
    radial-gradient(circle at 82% 20%, rgba(255,255,255,.46), transparent 20%),
    linear-gradient(125deg,#ffe8f5 0%,#eef0ff 47%,#ddf8ff 100%);
  border:2px solid rgba(255,255,255,.92);
  box-shadow:0 20px 50px rgba(102,76,190,.12);
}
.kids-home-hero::before,.kids-home-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.kids-home-hero::before{width:130px;height:130px;right:-22px;top:-30px;background:rgba(255,216,77,.55)}
.kids-home-hero::after{width:110px;height:110px;left:-42px;bottom:-48px;background:rgba(67,216,182,.34)}
.kids-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px;align-items:center;position:relative;z-index:1}
.kids-hero-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.76);border:1px solid rgba(118,87,245,.10);font-size:.78rem;font-weight:900;color:#6756dd;box-shadow:0 6px 14px rgba(56,49,111,.06)}
.kids-hero-title{font-size:clamp(2rem,4vw,3.5rem);line-height:1.02;font-weight:950;letter-spacing:-1.6px;margin:14px 0 12px;color:#232747}
.kids-hero-title span{background:linear-gradient(90deg,#6a58ec,#ef63ae,#25b7ef);-webkit-background-clip:text;background-clip:text;color:transparent}
.kids-hero-copy{max-width:700px;color:#67708b;font-size:1rem;line-height:1.65;margin-bottom:16px}
.kids-hero-pills{display:flex;flex-wrap:wrap;gap:8px}
.kids-hero-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.72);font-weight:800;color:#4f5773;border:1px solid rgba(118,87,245,.09)}
.kids-hero-card{position:relative;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-radius:28px;padding:18px;box-shadow:0 14px 28px rgba(69,59,135,.08)}
.kids-hero-card .big-emoji{font-size:4.7rem;line-height:1;display:block;text-align:center;filter:drop-shadow(0 10px 10px rgba(60,50,120,.10));animation:kids-bob 4s ease-in-out infinite}
.kids-hero-card .hero-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}
.kids-hero-stat{padding:10px 7px;border-radius:16px;text-align:center;background:#fff;border:1px solid rgba(118,87,245,.08)}
.kids-hero-stat strong{display:block;font-size:1.05rem;color:#5f50dd;font-weight:950}.kids-hero-stat span{display:block;font-size:.68rem;color:#7a8297;font-weight:800;margin-top:2px}
@keyframes kids-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}

.kids-section{margin-bottom:34px}
.kids-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.kids-section-title{margin:0;font-size:1.35rem;font-weight:950;color:#252a49;display:flex;align-items:center;gap:8px}
.kids-section-sub{margin:4px 0 0;color:#79819a;font-size:.82rem;font-weight:650}
.kids-section-title .bubble{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:11px;font-size:.95rem;background:linear-gradient(135deg,#fff,#f0eaff);box-shadow:0 6px 12px rgba(95,74,190,.08)}
.kids-see-all{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid rgba(118,87,245,.10);color:#6253dc;text-decoration:none;font-weight:850;font-size:.78rem;white-space:nowrap;box-shadow:0 6px 14px rgba(63,55,117,.05)}
.kids-see-all:hover{color:#4b3bc8;background:#f7f3ff}

/* Existing card system, restyled without changing its markup/data. */
body.site-kids .card.clickable-card{
  border:2px solid rgba(118,87,245,.10)!important;
  border-radius:22px!important;
  background:var(--kids-card)!important;
  box-shadow:var(--kids-shadow)!important;
  overflow:hidden;
}
body.site-kids .card.clickable-card:hover{transform:translateY(-7px) rotate(.15deg);box-shadow:0 22px 44px rgba(89,73,166,.15)!important}
body.site-kids .card-img-container{background:linear-gradient(135deg,#eef0ff,#e9faff);overflow:hidden}
body.site-kids .card-img-container img{transition:transform .45s ease,filter .45s ease}
body.site-kids .card.clickable-card:hover .card-img-container img{transform:scale(1.045);filter:saturate(1.06)}
body.site-kids .card-body{background:linear-gradient(180deg,#fff,#fcfbff)}
body.site-kids .card-title,body.site-kids .card h2,body.site-kids .card h3,body.site-kids .card h6{color:#252a49!important}
body.site-kids .text-secondary,body.site-kids .text-muted{color:#707891!important}
body.site-kids .badge.bg-danger{background:linear-gradient(90deg,#ff4f72,#ef63ae)!important;border:none!important;box-shadow:0 5px 12px rgba(239,99,174,.15)}
body.site-kids .btn-danger{background:linear-gradient(90deg,#ff4f72,#ef63ae)!important;border:0!important;box-shadow:0 8px 16px rgba(239,99,174,.17)}
body.site-kids .btn-outline-danger{border:2px solid rgba(255,79,114,.36)!important;color:#f04469!important;background:rgba(255,255,255,.65)!important}
body.site-kids .page-link{border-radius:999px!important;border:1px solid rgba(118,87,245,.10)!important;background:#fff!important;color:#6253dc!important}
body.site-kids .page-item.active .page-link{background:linear-gradient(90deg,#6b5af8,#ef64ae)!important;color:#fff!important;border-color:transparent!important}

/* Homepage cards get a light social badge/rank treatment. */
.kids-home-feed{counter-reset:kidsRank}
.kids-home-feed > div{counter-increment:kidsRank}
.kids-home-feed > div > .clickable-card{position:relative}
.kids-home-feed > div > .clickable-card::before{
  content:"#" counter(kidsRank);
  position:absolute;left:11px;top:11px;z-index:4;min-width:36px;height:28px;padding:0 9px;border-radius:999px;
  display:grid;place-items:center;background:rgba(35,39,71,.82);color:#fff;font-size:.72rem;font-weight:950;backdrop-filter:blur(6px)
}
.kids-home-feed > div:first-child > .clickable-card::before{background:linear-gradient(90deg,#ffb928,#ff4f72);content:"🥇 #1"}
.kids-home-feed > div:nth-child(2) > .clickable-card::before{background:linear-gradient(90deg,#7f8df8,#7657f5);content:"🥈 #2"}
.kids-home-feed > div:nth-child(3) > .clickable-card::before{background:linear-gradient(90deg,#32c6e9,#43d8b6);content:"🥉 #3"}

.kids-short-card .card-img-container{background:#131522}
.kids-short-card .card-body{padding:13px}
.kids-short-card .short-play-badge{position:absolute;right:10px;top:10px;z-index:5;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#ff3f63;box-shadow:0 8px 16px rgba(0,0,0,.16)}

body.site-kids .custom-card,
body.site-kids .side-card,
body.site-kids .article{
  border-radius:24px!important;
  border:2px solid rgba(118,87,245,.09)!important;
  box-shadow:var(--kids-shadow)!important;
  background:rgba(255,255,255,.95)!important;
}
body.site-kids .video-player,
body.site-kids .player-wrapper{border-radius:26px!important;overflow:hidden;box-shadow:0 18px 50px rgba(38,34,73,.16)!important}
body.site-kids .video-container-16x9,.site-kids .shorts-container{background:#161727!important}
body.site-kids .compact-video-actions{border-left:0!important}
body.site-kids .compact-video-actions .stat-chip{background:linear-gradient(135deg,#fff,#f7f5ff)!important;border:1px solid rgba(118,87,245,.10)!important;border-radius:999px!important}
body.site-kids .manual-video-article{border-left:0!important;background:linear-gradient(135deg,#fff7fb,#f7f5ff)!important}
body.site-kids .footer-yt{
  background:
    radial-gradient(circle at 10% 10%,rgba(255,103,183,.20),transparent 22%),
    radial-gradient(circle at 90% 20%,rgba(53,189,245,.17),transparent 23%),
    linear-gradient(180deg,#292745 0%,#1e1f33 100%)!important;
  border-top:0!important;
}
body.site-kids .footer-yt a:hover{color:#ffd84d!important}
body.site-kids .mobile-bottom-nav{background:rgba(36,31,67,.96)!important;backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.10)!important}
body.site-kids .mobile-bottom-nav a.active{background:linear-gradient(135deg,#7657f5,#ef64ae)!important;border-radius:14px;margin:4px}

.kids-reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.kids-reveal.is-visible{opacity:1;transform:none}
.kids-ripple{position:absolute;pointer-events:none;border-radius:50%;transform:scale(0);animation:kids-ripple .5s ease-out forwards;background:rgba(255,255,255,.55);width:22px;height:22px;margin-left:-11px;margin-top:-11px;z-index:8}
@keyframes kids-ripple{to{transform:scale(8);opacity:0}}

/* Search dropdown */
body.site-kids .live-search-dropdown{background:rgba(255,255,255,.98)!important;border:1px solid rgba(118,87,245,.12)!important;border-radius:18px!important;box-shadow:0 20px 42px rgba(47,43,94,.16)!important}
body.site-kids .live-search-item{color:#252a49!important}
body.site-kids .live-search-item:hover{background:#f6f2ff!important;color:#6a58ec!important}
body.site-kids .live-search-item img{border:2px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.08)}

/* Better article/detail reading experience */
body.site-kids .article-body,body.site-kids .full-description{color:#4f5871;line-height:1.82}
body.site-kids .article-cover{border:3px solid #fff;box-shadow:0 14px 30px rgba(54,50,93,.10)}
body.site-kids .hover-bg:hover{background:#f7f3ff!important}

/* Error pages share the same palette. */
body.site-kids .not-found{border:0!important;background:linear-gradient(135deg,#fff,#fff4fb,#eef7ff)!important;box-shadow:0 22px 55px rgba(75,66,134,.14)!important}

@media (max-width: 991.98px){
  .kids-hero-grid{grid-template-columns:1fr}
  .kids-hero-card{max-width:520px}
  body.site-kids .header-search-wrap{width:100%}
}
@media (max-width: 767.98px){
  body.site-kids{padding-bottom:72px}
  body.site-kids .navbar::after{display:none}
  .kids-home-hero{padding:20px;border-radius:24px;margin-bottom:20px}
  .kids-hero-title{font-size:2rem;letter-spacing:-1px}
  .kids-hero-copy{font-size:.9rem}
  .kids-hero-card{padding:14px;border-radius:22px}
  .kids-hero-card .big-emoji{font-size:3.6rem}
  .kids-section{margin-bottom:26px}
  .kids-section-head{align-items:flex-start;margin-bottom:11px}
  .kids-section-title{font-size:1.08rem}
  .kids-section-sub{font-size:.75rem}
  .kids-see-all{font-size:.71rem;padding:7px 9px}
  .kids-home-feed{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
  .kids-home-feed > div{padding:0!important;width:auto!important}
  .kids-home-feed > div > .clickable-card::before{left:7px;top:7px;min-width:31px;height:24px;font-size:.63rem;padding:0 6px}
  .kids-home-feed .card-body{padding:10px!important}
  .kids-home-feed .card-title{font-size:.83rem!important}
  body.site-kids .card-img-container.short-ratio{padding-top:165%}
  body.site-kids .footer-yt{padding-bottom:88px!important}
}
@media (max-width: 430px){
  .kids-home-feed{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kids-hero-pills{gap:6px}
  .kids-hero-pill{font-size:.7rem;padding:7px 9px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .kids-hero-card .big-emoji,.kids-reveal{animation:none!important;transition:none!important}
  body.site-kids .card.clickable-card:hover .card-img-container img{transform:none}
}

/* Featured homepage grids */
.kids-home-feed{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kids-home-feed > div{min-width:0}
.kids-home-feed .card{height:100%}
.kids-short-feed .card-img-container.short-ratio{padding-top:158%}
.kids-video-feed .card-img-container{padding-top:56.25%}
.kids-article-feed .card-img-container{padding-top:58%}

@media (max-width: 1199.98px){
  .kids-home-feed{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 767.98px){
  .kids-home-feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kids-video-feed{grid-template-columns:1fr}
  .kids-video-feed .card-img-container{padding-top:56.25%}
  .kids-article-feed{grid-template-columns:1fr}
  .kids-short-feed .card-img-container.short-ratio{padding-top:160%}
}

/* Preserve the existing light/dark toggle with an intentionally calmer kids-night palette. */
[data-bs-theme="dark"] body.site-kids,
[data-bs-theme="dark"] body.ece-theme{
  background:
    radial-gradient(circle at 6% 0%,rgba(255,103,183,.13),transparent 23%),
    radial-gradient(circle at 94% 2%,rgba(53,189,245,.13),transparent 24%),
    linear-gradient(180deg,#16172a 0%,#171829 55%,#1d1c27 100%);
  color:#f3f4ff;
}
[data-bs-theme="dark"] body.site-kids .kids-home-hero{background:linear-gradient(125deg,#30223f 0%,#262844 48%,#19343d 100%);border-color:rgba(255,255,255,.08)}
[data-bs-theme="dark"] body.site-kids .kids-hero-title,
[data-bs-theme="dark"] body.site-kids .kids-section-title{color:#f6f4ff}
[data-bs-theme="dark"] body.site-kids .kids-hero-copy,
[data-bs-theme="dark"] body.site-kids .kids-section-sub{color:#b9bfd7}
[data-bs-theme="dark"] body.site-kids .kids-hero-pill,
[data-bs-theme="dark"] body.site-kids .kids-hero-card,
[data-bs-theme="dark"] body.site-kids .kids-see-all{background:rgba(37,39,66,.80);color:#e9eaff;border-color:rgba(255,255,255,.08)}
[data-bs-theme="dark"] body.site-kids .kids-hero-stat{background:#202239;border-color:rgba(255,255,255,.06)}
[data-bs-theme="dark"] body.site-kids .kids-hero-stat span{color:#9ea6c1}
[data-bs-theme="dark"] body.site-kids .card.clickable-card,
[data-bs-theme="dark"] body.site-kids .custom-card,
[data-bs-theme="dark"] body.site-kids .side-card,
[data-bs-theme="dark"] body.site-kids .article{background:#202239!important;border-color:rgba(255,255,255,.07)!important}
[data-bs-theme="dark"] body.site-kids .card-body{background:linear-gradient(180deg,#202239,#1e2035)}
[data-bs-theme="dark"] body.site-kids .card-title,
[data-bs-theme="dark"] body.site-kids .card h2,
[data-bs-theme="dark"] body.site-kids .card h3,
[data-bs-theme="dark"] body.site-kids .card h6{color:#f3f2ff!important}
[data-bs-theme="dark"] body.site-kids .text-secondary,
[data-bs-theme="dark"] body.site-kids .text-muted,
[data-bs-theme="dark"] body.site-kids .article-body,
[data-bs-theme="dark"] body.site-kids .full-description{color:#b9bfd7!important}
[data-bs-theme="dark"] body.site-kids .page-link{background:#22253d!important;color:#d9d7ff!important;border-color:rgba(255,255,255,.08)!important}
[data-bs-theme="dark"] body.site-kids .kids-ripple{background:rgba(255,255,255,.20)}
[data-bs-theme="dark"] body.site-kids .live-search-dropdown{background:#202239!important;border-color:rgba(255,255,255,.08)!important}
[data-bs-theme="dark"] body.site-kids .live-search-item{color:#f0efff!important}

/* Kids Pro 2.0 — social-video experience */
body.site-kids{overflow-x:hidden}
body.site-kids .navbar{backdrop-filter:blur(16px);background:linear-gradient(110deg,rgba(107,90,248,.96),rgba(139,102,248,.94) 35%,rgba(239,100,174,.94) 74%,rgba(255,109,133,.94))!important}
body.site-kids .navbar-brand img{width:42px;height:42px;object-fit:cover;border-radius:14px!important}
body.site-kids .navbar-brand{font-size:1rem!important}
body.site-kids .desktop-nav-wrap .nav-link{padding:.55rem .82rem}
body.site-kids .header-search-input{height:44px!important;border-radius:999px 0 0 999px!important}
body.site-kids .header-search-btn{min-width:54px!important;border-radius:0 999px 999px 0!important}

.kids-home-hero{isolation:isolate}
.kids-home-hero .kids-hero-card{overflow:hidden}
.kids-hero-feature-link{display:block;text-decoration:none;color:inherit}
.kids-hero-feature{display:grid;grid-template-columns:minmax(110px,150px) 1fr;gap:14px;align-items:center}
.kids-hero-feature-media{aspect-ratio:9/12;overflow:hidden;border-radius:22px;background:#191a2e;box-shadow:0 14px 28px rgba(52,39,113,.20);position:relative}
.kids-hero-feature-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.kids-hero-feature-link:hover .kids-hero-feature-media img{transform:scale(1.05)}
.kids-hero-feature-copy{min-width:0}
.kids-hero-feature-kicker{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#7259e8;background:#f5f0ff;padding:6px 9px;border-radius:999px}
.kids-hero-feature-title{font-weight:950;line-height:1.25;font-size:1rem;margin:10px 0 8px;color:#272b4d;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.kids-hero-feature-meta{font-size:.74rem;color:#788099;font-weight:750}
.kids-hero-feature-cta{display:inline-flex;align-items:center;gap:6px;margin-top:11px;padding:8px 12px;border-radius:999px;background:linear-gradient(90deg,#ff4f72,#ef63ae);color:#fff;font-size:.75rem;font-weight:900;box-shadow:0 8px 16px rgba(239,99,174,.18)}

.kids-short-shelf{position:relative}
.kids-short-shelf::before{content:"✨";position:absolute;right:0;top:-10px;font-size:1.3rem;opacity:.8;animation:kids-bob 2.8s ease-in-out infinite}
.kids-home-feed.kids-short-feed .card{transition:transform .22s ease,box-shadow .22s ease}
.kids-home-feed.kids-short-feed .card:hover{transform:translateY(-6px) rotate(-.25deg)}

/* Vertical Shorts viewer */
.kids-shorts-page{max-width:1320px}
.shorts-experience{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}
.shorts-scroll-shell{position:relative}
.kids-shorts-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;position:sticky;top:78px;z-index:20}
.kids-shorts-toolbar-title{display:flex;align-items:center;gap:9px;font-weight:950;font-size:1rem}
.kids-shorts-toolbar-title .bolt{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd84d,#ff9e54);box-shadow:0 8px 16px rgba(255,179,55,.2)}
.kids-shorts-toolbar-actions{display:flex;gap:7px}
.kids-shorts-toolbar button,.kids-shorts-toolbar a{border:1px solid rgba(118,87,245,.12);background:rgba(255,255,255,.90);border-radius:999px;padding:8px 11px;font-weight:850;color:#5e55c9;text-decoration:none;box-shadow:0 7px 16px rgba(57,51,105,.07)}
.kids-shorts-feed{height:calc(100vh - 155px);min-height:560px;max-height:860px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;border-radius:30px;scrollbar-width:thin;background:linear-gradient(180deg,#f4f1ff,#eefbff)}
.kids-short-slide{position:relative;min-height:100%;height:100%;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;padding:22px;scroll-snap-stop:always}
.kids-short-slide-inner{width:min(430px,100%);height:100%;max-height:810px;position:relative;display:flex;align-items:center;justify-content:center}
.kids-short-player{position:relative;width:min(100%,390px);aspect-ratio:9/16;background:#141528;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(49,39,105,.22);border:4px solid rgba(255,255,255,.88)}
.kids-short-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#111321}
.short-fallback{position:absolute;inset:0;z-index:4;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:linear-gradient(180deg,rgba(11,12,25,.05) 30%,rgba(11,12,25,.70) 100%);cursor:pointer;transition:opacity .3s ease,visibility .3s ease}
.short-fallback.is-loaded{opacity:0;visibility:hidden;pointer-events:none}
.short-fallback img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.short-fallback-content{text-align:center;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.short-fallback-play{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 9px;background:#fff;color:#ff4f72;font-size:1.5rem;box-shadow:0 15px 30px rgba(0,0,0,.23)}
.short-fallback-content strong{display:block;font-size:.92rem}
.short-fallback-content span{display:block;font-size:.71rem;margin-top:3px;opacity:.85}
.kids-short-overlay-top{position:absolute;left:13px;right:13px;top:13px;z-index:7;display:flex;justify-content:space-between;gap:9px;pointer-events:none}
.kids-short-pill{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:rgba(20,20,35,.60);backdrop-filter:blur(8px);color:#fff;font-size:.69rem;font-weight:900}
.kids-short-overlay-bottom{position:absolute;left:16px;right:66px;bottom:17px;z-index:7;color:#fff;pointer-events:none;text-shadow:0 3px 10px rgba(0,0,0,.35)}
.kids-short-overlay-bottom h2{font-size:1rem;line-height:1.25;font-weight:950;margin:0 0 7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kids-short-overlay-bottom .meta{font-size:.71rem;opacity:.9;font-weight:750}
.kids-short-actions{position:absolute;right:10px;bottom:14px;z-index:8;display:flex;flex-direction:column;gap:8px}
.kids-short-actions button,.kids-short-actions a{width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:rgba(255,255,255,.92);color:#5b4ed4;box-shadow:0 10px 20px rgba(20,18,48,.22);font-size:1rem}
.kids-short-actions .like{color:#ff4f72}
.kids-short-actions .share{color:#35a9e8}
.kids-short-index{position:absolute;left:14px;bottom:13px;z-index:8;padding:7px 10px;border-radius:999px;background:rgba(20,20,35,.56);backdrop-filter:blur(8px);color:#fff;font-size:.68rem;font-weight:900}
.kids-short-slide:not(.is-active) .kids-short-player{transform:scale(.96);opacity:.70}
.kids-short-slide.is-active .kids-short-player{transform:scale(1);opacity:1}

.kids-watch-rail{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px}
.kids-watch-panel{background:rgba(255,255,255,.91);border:2px solid rgba(118,87,245,.10);border-radius:24px;padding:15px;box-shadow:var(--kids-shadow);backdrop-filter:blur(12px)}
.kids-watch-panel h3{font-size:.92rem;font-weight:950;margin:0 0 11px;color:#2a2f4e}
.kids-watch-next-item{display:flex;gap:9px;align-items:center;padding:8px;border-radius:14px;text-decoration:none;color:inherit;transition:background .2s ease,transform .2s ease}
.kids-watch-next-item:hover{background:#f6f2ff;transform:translateX(2px)}
.kids-watch-next-thumb{width:58px;aspect-ratio:9/13;border-radius:12px;object-fit:cover;background:#17182b;flex:0 0 auto}
.kids-watch-next-title{font-size:.73rem;line-height:1.28;font-weight:850;color:#3d4361;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kids-watch-next-meta{font-size:.64rem;color:#7a8198;margin-top:4px}

/* Tiny browser-only game */
.kids-star-game{background:linear-gradient(145deg,#fff8e9,#f5efff);border:2px solid rgba(118,87,245,.11);border-radius:24px;padding:15px;box-shadow:var(--kids-shadow);overflow:hidden}
.kids-star-game .game-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.kids-star-game .game-title{font-size:.9rem;font-weight:950;color:#2b3050}
.kids-star-game .game-badge{padding:6px 8px;border-radius:999px;background:#fff;color:#6c58e8;font-size:.64rem;font-weight:900}
.kids-star-game .game-stats{display:flex;gap:6px;margin-bottom:9px}
.kids-star-game .game-stat{flex:1;padding:7px 8px;border-radius:13px;background:rgba(255,255,255,.82);border:1px solid rgba(118,87,245,.08);text-align:center}
.kids-star-game .game-stat span{display:block;font-size:.58rem;color:#788099;font-weight:800}
.kids-star-game .game-stat strong{display:block;font-size:.9rem;color:#5f53d7;margin-top:2px}
.kids-star-game [data-game-start]{width:100%;border:0;border-radius:12px;padding:9px 10px;background:linear-gradient(90deg,#ff4f72,#ef63ae);color:#fff;font-weight:900;box-shadow:0 8px 16px rgba(239,99,174,.17);cursor:pointer}
.kids-star-game [data-game-start]:disabled{opacity:.72;cursor:default}
.kids-star-game [data-game-area]{height:160px;margin-top:10px;border-radius:18px;background:radial-gradient(circle at 20% 20%,rgba(255,216,77,.40),transparent 20%),radial-gradient(circle at 80% 80%,rgba(53,189,245,.32),transparent 24%),#eef0ff;position:relative;overflow:hidden;border:1px dashed rgba(118,87,245,.15)}
.kids-star-game .game-help{text-align:center;font-size:.61rem;color:#737b93;font-weight:750;margin-top:8px}
.game-star{position:absolute;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 8px 18px rgba(48,38,100,.18);display:grid;place-items:center;font-size:1.15rem;cursor:pointer;animation:game-pop .18s ease-out}
@keyframes game-pop{from{transform:scale(.4) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}

/* Description accordion */
body.site-kids .desc-collapsed{max-height:128px;transition:max-height .35s ease}
body.site-kids .desc-collapsed.is-open{max-height:none}
body.site-kids .desc-collapsed.is-open::after{display:none}
body.site-kids #btnToggleDesc{background:#f7f3ff;border:1px solid rgba(118,87,245,.12);padding:8px 12px;border-radius:999px;color:#6556db!important}

/* Article reading/game layer */
body.site-kids .article-main{border:2px solid rgba(118,87,245,.08)}
body.site-kids .article-body p{margin-bottom:1.15rem}
body.site-kids .article-body p:first-child::first-letter{font-size:1.15em}
.article-mini-game{margin:1.4rem 0 1.8rem}
body.site-kids .article-mini-game .kids-star-game{background:linear-gradient(135deg,#effaff,#fff1f8,#fff8dd)}
body.site-kids .article-mini-game .game-help{font-size:.7rem}

@media(max-width:991.98px){
  .shorts-experience{grid-template-columns:1fr}
  .kids-watch-rail{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .kids-star-game{order:2}
  .kids-shorts-feed{height:calc(100vh - 160px)}
}
@media(max-width:767.98px){
  body.site-kids{padding-bottom:78px}
  .kids-hero-feature{grid-template-columns:95px 1fr;gap:11px}
  .kids-hero-feature-title{font-size:.87rem;-webkit-line-clamp:3}
  .kids-hero-feature-media{border-radius:17px}
  .kids-shorts-toolbar{top:64px}
  .kids-shorts-toolbar-title{font-size:.85rem}
  .kids-shorts-toolbar button,.kids-shorts-toolbar a{padding:7px 9px;font-size:.69rem}
  .kids-shorts-feed{height:calc(100svh - 145px);min-height:520px;max-height:none;border-radius:22px}
  .kids-short-slide{padding:8px}
  .kids-short-slide-inner{width:100%;max-height:none}
  .kids-short-player{width:min(100%,430px);border-radius:24px;border-width:3px;box-shadow:0 20px 45px rgba(49,39,105,.20)}
  .kids-short-overlay-bottom{left:13px;right:58px;bottom:14px}
  .kids-short-overlay-bottom h2{font-size:.9rem}
  .kids-short-actions{right:7px;bottom:11px}
  .kids-short-actions button,.kids-short-actions a{width:38px;height:38px}
  .kids-watch-rail{display:block}
  .kids-watch-rail .kids-star-game{display:none}
  .kids-watch-panel{margin-bottom:10px}
  .kids-short-index{left:12px;bottom:12px;font-size:.62rem}
}
@media(min-width:992px){
  .kids-desktop-only{display:block}
}
@media(max-width:991.98px){
  .kids-desktop-only{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .kids-short-slide.is-active .kids-short-player,.kids-short-slide:not(.is-active) .kids-short-player{transform:none}
  .game-star{animation:none}
  .kids-star-game [data-game-start]{transition:none}
}