/* MiKO Boys' Love homepage v3 — cinematic slider + editorial grid */
body.home .miko-y-home{
  --y-ink:#10233d;--y-muted:#667b96;--y-blue:#2b6cff;--y-cyan:#37c7ef;--y-line:#dce8f7;--y-navy:#08162b;
  position:relative;margin:10px 0 28px;padding:18px;border:1px solid var(--y-line);border-radius:20px;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(circle at 10% 0%,rgba(255,255,255,.98),transparent 28%),
    radial-gradient(circle at 92% 12%,rgba(55,199,239,.14),transparent 25%),
    radial-gradient(circle at 74% 100%,rgba(43,108,255,.09),transparent 30%),
    linear-gradient(130deg,#fbfdff 0%,#f2f7ff 54%,#f8fdff 100%);
  box-shadow:0 16px 42px rgba(28,72,130,.09)
}
body.home .miko-y-home:before{
  content:"";position:absolute;inset:0;z-index:-3;pointer-events:none;
  background-image:linear-gradient(rgba(43,108,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(43,108,255,.026) 1px,transparent 1px);
  background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.82) 15%,rgba(0,0,0,.82) 85%,transparent)
}
body.home .miko-y-home:after{
  content:"";position:absolute;inset:-25% -15%;z-index:-2;pointer-events:none;
  background:linear-gradient(118deg,transparent 33%,rgba(255,255,255,.74) 45%,rgba(75,190,236,.13) 50%,rgba(255,255,255,.72) 56%,transparent 68%);
  transform:translateX(-42%);animation:mikoYLight 10s ease-in-out infinite
}
body.home .miko-y-cinema-glow{position:absolute;inset:0;z-index:-1;pointer-events:none}
body.home .miko-y-cinema-glow i{position:absolute;border-radius:50%;filter:blur(34px);opacity:.18}
body.home .miko-y-cinema-glow i:nth-child(1){width:130px;height:130px;left:7%;top:16%;background:#3ec9f2}
body.home .miko-y-cinema-glow i:nth-child(2){width:160px;height:160px;right:10%;top:32%;background:#376dff}
body.home .miko-y-cinema-glow i:nth-child(3){width:120px;height:120px;left:48%;bottom:2%;background:#8edcff}
body.home .miko-y-orbit{position:absolute;right:25px;top:14px;width:175px;height:100px;pointer-events:none;opacity:.42;z-index:0}
body.home .miko-y-orbit:before{content:"";position:absolute;inset:8px 0;border:1px solid rgba(43,108,255,.14);border-radius:50%;transform:rotate(-11deg)}
body.home .miko-y-orbit i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(43,108,255,.08),0 0 14px rgba(55,199,239,.55);animation:mikoYDot 4s ease-in-out infinite}
body.home .miko-y-orbit i:nth-child(1){right:18px;top:19px}
body.home .miko-y-orbit i:nth-child(2){right:72px;bottom:12px;animation-delay:1.1s}
body.home .miko-y-orbit i:nth-child(3){left:24px;top:29px;animation-delay:2s}

/* header */
body.home .miko-y-head{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px;min-width:0}
body.home .miko-y-title-wrap{display:flex;align-items:center;gap:12px;min-width:320px;max-width:520px;flex:1 1 420px}
body.home .miko-y-playmark{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#2b6cff,#235fe5 52%,#26bfdc);box-shadow:0 10px 24px rgba(43,108,255,.23),inset 0 1px 0 rgba(255,255,255,.55)}
body.home .miko-y-playmark svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9}
body.home .miko-y-kicker{display:block;margin-bottom:5px;color:#286bd0;font-size:9px;font-weight:950;letter-spacing:.14em}
body.home .miko-y-head h2{margin:0;color:var(--y-ink);font-size:28px;line-height:1.08;font-weight:950;letter-spacing:-.028em}
body.home .miko-y-head h2 em{font-style:normal;color:var(--y-blue)}
body.home .miko-y-head p{margin:6px 0 0;color:var(--y-muted);font-size:11.5px;font-weight:650}
body.home .miko-y-focus-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:8px}
body.home .miko-y-focus-row>span{display:inline-flex;align-items:center;gap:5px;color:#607189;font-size:9px;font-weight:850}
body.home .miko-y-focus-dot{width:6px;height:6px;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px rgba(43,108,255,.06)}
body.home .miko-y-focus-dot.is-hot{background:#2b6cff}
body.home .miko-y-focus-dot.is-chem{background:#25b9d8}
body.home .miko-y-focus-dot.is-ost{background:#6e8aff}
body.home .miko-y-more{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border:1px solid #cfe0f6;border-radius:999px;background:rgba(255,255,255,.9);color:#245cad;text-decoration:none;font-size:10.5px;font-weight:900;box-shadow:0 5px 15px rgba(32,93,170,.07);transition:.22s ease}
body.home .miko-y-more:hover{transform:translateY(-2px);border-color:#9ec1ee;box-shadow:0 10px 22px rgba(32,93,170,.12)}
body.home .miko-y-more svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
body.home .miko-y-more-inline{position:relative;isolation:isolate;overflow:hidden;flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;height:32px!important;margin:0!important;padding:0 10px!important;border-color:rgba(61,129,231,.24)!important;background:linear-gradient(135deg,#f7fbff 0%,#eef6ff 52%,#e9f7ff 100%)!important;color:#1f5eb8!important;font-size:9.8px!important;white-space:nowrap;box-shadow:0 7px 18px rgba(43,105,194,.10),inset 0 1px 0 rgba(255,255,255,.96)!important}
body.home .miko-y-more-inline::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.8) 48%,transparent 61% 100%);transform:translateX(-125%);transition:transform .55s ease}
body.home .miko-y-more-inline::after{content:"";width:6px;height:6px;flex:0 0 auto;border-radius:2px;background:#62c9ff;box-shadow:0 0 0 3px rgba(98,201,255,.08),0 0 12px rgba(82,176,255,.25);transform:rotate(45deg);order:-1}
body.home .miko-y-more-inline:hover{transform:translateY(-2px)!important;border-color:rgba(49,117,224,.34)!important;background:linear-gradient(135deg,#fff 0%,#edf7ff 45%,#e5f4ff 100%)!important;color:#174e9d!important;box-shadow:0 11px 24px rgba(43,105,194,.15),0 0 0 4px rgba(73,157,255,.06)!important}
body.home .miko-y-more-inline:hover::before{transform:translateX(125%)}
body.home .miko-y-more-inline svg{transition:transform .2s ease}
body.home .miko-y-more-inline:hover svg{transform:translateX(2px)}

/* filter strip */
body.home .miko-y-top-strip{position:relative;z-index:3;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:10px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:0;padding:9px 10px;border:1px solid rgba(197,219,246,.78);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(244,249,255,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 8px 22px rgba(38,86,151,.055);overflow:hidden;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
body.home .miko-y-strip-decor{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
body.home .miko-y-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),rgba(93,191,238,.12) 58%,transparent 70%)}
body.home .miko-y-bubble.bubble-a{width:54px;height:54px;right:7%;top:-28px;animation:mikoYFilterFloat 5.6s ease-in-out infinite}
body.home .miko-y-bubble.bubble-b{width:38px;height:38px;left:20%;bottom:-22px;animation:mikoYFilterFloat 6.4s ease-in-out infinite reverse}
body.home .miko-y-spark{position:absolute;width:5px;height:5px;transform:rotate(45deg);background:#69c9ee;box-shadow:0 0 12px rgba(55,199,239,.38);animation:mikoYFilterSpark 2.8s ease-in-out infinite}
body.home .miko-y-spark.spark-a{right:22%;top:11px}
body.home .miko-y-spark.spark-b{left:31%;bottom:10px;animation-delay:1.2s}
body.home .miko-y-strip-label{position:relative;z-index:2;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-width:max-content;color:#315f9d!important;font-size:9px;font-weight:950;letter-spacing:.05em;white-space:nowrap}
body.home .miko-y-strip-icon{width:25px;height:25px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#edf5ff;color:#2c70cc}
body.home .miko-y-strip-icon svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.9}
body.home .miko-y-filters{position:relative;z-index:2;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:6px;flex:1 1 auto;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible;scrollbar-width:none;white-space:normal}
body.home .miko-y-filters::-webkit-scrollbar{display:none}
body.home .miko-y-filters button{appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;min-height:32px!important;padding:0 9px!important;margin:0!important;border:1px solid #ccdef4!important;border-radius:999px!important;background:rgba(255,255,255,.98)!important;color:#29496f!important;font-family:inherit!important;font-size:9.8px!important;line-height:1!important;font-weight:900!important;letter-spacing:0!important;text-indent:0!important;cursor:pointer;box-shadow:0 4px 12px rgba(32,83,150,.055)!important;opacity:1!important;visibility:visible!important;transition:.18s ease}
body.home .miko-y-filters button>span:not(.miko-y-filter-icon){display:inline-block!important;position:relative!important;z-index:2!important;width:auto!important;max-width:none!important;height:auto!important;overflow:visible!important;color:inherit!important;font-size:10px!important;line-height:1!important;font-weight:900!important;opacity:1!important;visibility:visible!important;white-space:nowrap!important;text-indent:0!important}
body.home .miko-y-filters button:hover{transform:translateY(-1px);border-color:#9fbfe8!important;background:#f9fcff!important;color:#1e5da8!important;box-shadow:0 8px 17px rgba(39,100,181,.10)!important}
body.home .miko-y-filters button.is-active{border-color:transparent!important;color:#fff!important;background:linear-gradient(135deg,#2b70ff,#1a9cda)!important;box-shadow:0 8px 20px rgba(43,108,255,.22)!important}
body.home .miko-y-filter-icon{display:inline-grid!important;place-items:center!important;flex:0 0 auto!important;width:14px!important;height:14px!important;color:inherit!important;opacity:1!important;visibility:visible!important}
body.home .miko-y-filter-icon svg{display:block!important;width:12px!important;height:12px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important;opacity:1!important;visibility:visible!important}

/* slider + side picks */
body.home .miko-y-feature-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.82fr) minmax(260px,.72fr);gap:12px;margin-bottom:18px}
body.home .miko-y-feature-shell[hidden]{display:none!important}
body.home .miko-y-slider{position:relative;height:445px;border-radius:19px;overflow:hidden;background:var(--y-navy);box-shadow:0 18px 38px rgba(9,32,68,.18);outline:none}
body.home .miko-y-slider:focus-visible{box-shadow:0 0 0 3px rgba(43,108,255,.22),0 18px 38px rgba(9,32,68,.18)}
body.home .miko-y-slider-track{position:absolute;inset:0}
body.home .miko-y-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(16px);transition:opacity .58s ease,transform .58s ease,visibility .58s;overflow:hidden}
body.home .miko-y-slide.is-active{opacity:1;visibility:visible;transform:translateX(0);z-index:2}
body.home .miko-y-slide[hidden]{display:none!important}
body.home .miko-y-slide-media{position:absolute;inset:0}
body.home .miko-y-slide-media img,body.home .miko-y-slide-media .miko-image-fallback{width:100%;height:100%;display:block;object-fit:cover;transition:transform 5.2s ease}
body.home .miko-y-slide.is-active .miko-y-slide-media img{transform:scale(1.025)}
body.home .miko-y-slide-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,42,.04) 10%,rgba(8,20,42,.2) 48%,rgba(8,20,42,.9) 100%)}
body.home .miko-y-slide-glow{position:absolute;left:-8%;bottom:-28%;width:58%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(42,151,255,.33),rgba(42,151,255,0) 70%);filter:blur(16px);pointer-events:none}
body.home .miko-y-slide-content{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:34px 68px 42px 30px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.22)}
body.home .miko-y-slide-topline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px}
body.home .miko-y-slide-badge,body.home .miko-y-slide-source{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:8.5px;font-weight:950;letter-spacing:.04em;backdrop-filter:blur(10px)}
body.home .miko-y-slide-badge{background:linear-gradient(135deg,rgba(37,106,242,.92),rgba(31,177,211,.9));box-shadow:0 8px 18px rgba(15,77,169,.22)}
body.home .miko-y-slide-source{background:rgba(255,255,255,.9);color:#31577f;text-shadow:none}
body.home .miko-y-slide-editorial{display:inline-flex;align-items:center;height:22px;padding:0 8px;margin-bottom:9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(8,25,52,.32);font-size:8px;font-weight:950;letter-spacing:.08em;color:#cceaff}
body.home .miko-y-slide h3{max-width:800px;margin:0;font-size:30px;line-height:1.23;font-weight:950;letter-spacing:-.028em}
body.home .miko-y-slide h3 a{color:#fff;text-decoration:none}
body.home .miko-y-slide p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:700px;margin:9px 0 0;color:rgba(239,248,255,.9);font-size:11.5px;line-height:1.6;text-shadow:0 1px 12px rgba(0,0,0,.24)}
body.home .miko-y-slide-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:11px;color:rgba(224,239,255,.84);font-size:9px;font-weight:750}
body.home .miko-y-slide-meta span{display:inline-flex;align-items:center;gap:4px}
body.home .miko-y-slide-meta svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.9}
body.home .miko-y-slide-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:15px}
body.home .miko-y-primary-btn,body.home .miko-y-video-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:37px;padding:0 14px;border-radius:999px;text-decoration:none;font-size:10px;font-weight:950;transition:.2s ease;text-shadow:none}
body.home .miko-y-primary-btn{background:#fff;color:#164f9d;box-shadow:0 8px 18px rgba(0,0,0,.16)}
body.home .miko-y-video-btn{border:1px solid rgba(255,255,255,.34);background:rgba(7,28,61,.36);backdrop-filter:blur(8px);color:#fff}
body.home .miko-y-primary-btn:hover,body.home .miko-y-video-btn:hover{transform:translateY(-2px)}
body.home .miko-y-primary-btn svg,body.home .miko-y-video-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
body.home .miko-y-slide.is-active .miko-y-slide-topline,
body.home .miko-y-slide.is-active .miko-y-slide-editorial,
body.home .miko-y-slide.is-active h3,
body.home .miko-y-slide.is-active p,
body.home .miko-y-slide.is-active .miko-y-slide-actions{animation:mikoYContentIn .52s both}
body.home .miko-y-slide.is-active .miko-y-slide-editorial{animation-delay:.06s}
body.home .miko-y-slide.is-active h3{animation-delay:.12s}
body.home .miko-y-slide.is-active p{animation-delay:.18s}
body.home .miko-y-slide.is-active .miko-y-slide-actions{animation-delay:.24s}

body.home .miko-y-slider-nav{position:absolute;top:50%;z-index:5;width:56px;height:56px;margin-top:-28px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.58);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(189,220,255,.12) 48%,rgba(79,137,255,.18));backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%);color:rgba(255,255,255,.98);cursor:pointer;box-shadow:0 10px 26px rgba(5,24,57,.20),inset 0 1px 0 rgba(255,255,255,.58),inset 0 -8px 18px rgba(46,98,206,.08);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;will-change:transform}
body.home .miko-y-slider-nav:before{content:"";position:absolute;inset:-7px;border:1px solid rgba(135,205,255,.28);border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 22px rgba(74,163,255,.14);opacity:.68;animation:mikoYNavHalo 3.6s ease-in-out infinite;transition:transform .24s ease,opacity .24s ease,box-shadow .24s ease}
body.home .miko-y-slider-nav:after{content:"";position:absolute;left:9px;right:9px;top:7px;height:16px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(255,255,255,.08) 52%,rgba(255,255,255,0));pointer-events:none;opacity:.74;filter:blur(.2px)}
body.home .miko-y-slider-nav:hover{transform:translateY(-2px) scale(1.08);border-color:rgba(255,255,255,.86);background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(171,215,255,.18) 45%,rgba(72,131,255,.26));box-shadow:0 16px 34px rgba(5,28,68,.26),0 0 0 6px rgba(77,168,255,.08),0 0 30px rgba(82,176,255,.18),inset 0 1px 0 rgba(255,255,255,.76)}
body.home .miko-y-slider-nav:hover:before{transform:scale(1.08);opacity:1;box-shadow:0 0 0 1px rgba(255,255,255,.10),0 0 32px rgba(79,168,255,.24)}
body.home .miko-y-slider-nav:active{transform:translateY(0) scale(.96)}
body.home .miko-y-slider-nav.is-prev{left:20px}
body.home .miko-y-slider-nav.is-next{right:20px}
body.home .miko-y-slider-nav.is-prev svg{transform:rotate(180deg)}
body.home .miko-y-slider-nav svg{position:relative;z-index:2;width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 4px rgba(0,42,105,.32))}
body.home .miko-y-slider-nav:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.78),0 0 0 7px rgba(64,151,255,.26),0 14px 32px rgba(6,31,73,.24)}

body.home .miko-y-slider-dots{position:absolute;left:30px;bottom:16px;z-index:5;display:flex;align-items:center;gap:6px;padding:4px 7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(8,27,57,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body.home .miko-y-slider-dots button{appearance:none;position:relative;width:24px;height:24px;padding:0;border:0;border-radius:99px;background:transparent;cursor:pointer;transition:transform .2s ease}
body.home .miko-y-slider-dots button:hover{transform:scale(1.08)}
body.home .miko-y-slider-dots button:before{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.7);transform:translate(-50%,-50%);opacity:.78;transition:width .22s ease,background .22s ease,box-shadow .22s ease,opacity .22s ease}
body.home .miko-y-slider-dots button span{display:none}
body.home .miko-y-slider-dots button.is-active:before{width:22px;background:linear-gradient(90deg,#37d3ff,#5575ff);opacity:1;box-shadow:0 0 14px rgba(58,187,255,.52)}
body.home .miko-y-slider-progress{position:absolute;left:0;right:0;bottom:0;z-index:6;height:2px;background:rgba(255,255,255,.18)}
body.home .miko-y-slider-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#39c8ff,#4778ff)}
body.home .miko-y-slider.is-paused .miko-y-slider-progress span{animation-play-state:paused!important}

body.home .miko-y-side-picks{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid rgba(188,214,246,.88);border-radius:20px;background:linear-gradient(165deg,rgba(255,255,255,.96),rgba(244,249,255,.88));box-shadow:0 16px 36px rgba(35,79,137,.10),0 0 34px rgba(67,151,255,.06),inset 0 1px 0 rgba(255,255,255,.94);backdrop-filter:blur(10px)}
body.home .miko-y-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:1px 2px 7px;border-bottom:1px solid rgba(92,142,204,.13)}
body.home .miko-y-side-title{display:inline-flex!important;align-items:center;gap:6px;font-size:9px;font-weight:950;letter-spacing:.12em;color:#2e67b7;text-shadow:0 2px 10px rgba(58,120,205,.08)}
body.home .miko-y-side-title svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;filter:drop-shadow(0 3px 7px rgba(46,103,183,.18))}
body.home .miko-y-side-title b{font:inherit}
body.home .miko-y-side-head small{font-size:8.5px;font-weight:800;color:#627791}
body.home .miko-y-side-card{appearance:none;position:relative;isolation:isolate;display:grid;grid-template-columns:108px minmax(0,1fr);gap:12px;align-items:center;width:100%;min-height:118px;padding:10px;border:1px solid rgba(191,216,245,.86);border-radius:16px;background:linear-gradient(155deg,rgba(255,255,255,.99),rgba(248,252,255,.98));text-align:left;cursor:pointer;box-shadow:0 8px 20px rgba(35,75,128,.055),0 0 0 1px rgba(255,255,255,.82) inset,0 0 20px rgba(74,155,255,.045);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;overflow:hidden}
body.home .miko-y-side-card:after{content:"";position:absolute;left:-34%;top:-60%;z-index:4;width:24%;height:220%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);opacity:0;pointer-events:none}
body.home .miko-y-side-card:hover{transform:translateY(-4px);border-color:rgba(112,168,238,.92);background:linear-gradient(155deg,#fff,#f5faff);box-shadow:0 15px 30px rgba(38,85,145,.12),0 0 0 1px rgba(255,255,255,.92) inset,0 0 26px rgba(75,156,255,.12)}
body.home .miko-y-side-card:hover:after{opacity:1;animation:mikoYSideSweep .78s ease forwards}
body.home .miko-y-side-card.is-active{border-color:#6fa7ff;background:linear-gradient(145deg,#fff 0%,#f7fbff 68%,#edf6ff 100%);box-shadow:0 0 0 3px rgba(69,135,255,.08),0 13px 28px rgba(38,85,145,.13),0 0 32px rgba(77,156,255,.10),inset 0 0 18px rgba(86,157,255,.045)}
body.home .miko-y-side-card.is-active:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:4px;border-radius:0 5px 5px 0;background:linear-gradient(#49d7ff,#4778ff);box-shadow:0 0 14px rgba(61,139,255,.46)}
body.home .miko-y-side-card[hidden]{display:none!important}
body.home .miko-y-side-thumb{position:relative;display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#dfeaf5;box-shadow:0 7px 16px rgba(27,67,118,.13),0 0 0 1px rgba(255,255,255,.86) inset}
body.home .miko-y-side-thumb:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 38%),radial-gradient(circle at 14% 16%,rgba(255,255,255,.22),transparent 28%);opacity:.82;transition:opacity .3s ease}
body.home .miko-y-side-thumb:after{content:"";position:absolute;inset:0;z-index:3;border:1px solid rgba(255,255,255,.34);border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 18px rgba(69,145,255,.035)}
body.home .miko-y-side-thumb img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01);transition:transform .7s cubic-bezier(.22,.61,.36,1),filter .35s ease}
body.home .miko-y-side-card:hover .miko-y-side-thumb img{transform:scale(1.065);filter:saturate(1.05) contrast(1.02) brightness(1.015)}
body.home .miko-y-side-card:hover .miko-y-side-thumb:before{opacity:1}
body.home .miko-y-side-info{display:block;min-width:0}
body.home .miko-y-side-kicker{display:inline-flex;align-items:center;max-width:100%;gap:4px;margin-bottom:7px;padding:4px 8px 4px 6px;border:1px solid rgba(82,137,210,.18);border-radius:999px;background:linear-gradient(135deg,#f4f8ff,#eaf4ff);color:#2f6bc7;font-size:7.2px;font-weight:950;line-height:1.2;letter-spacing:.065em;white-space:nowrap;box-shadow:0 4px 10px rgba(49,103,181,.07),inset 0 1px 0 rgba(255,255,255,.9)}
body.home .miko-y-side-kicker-icon{display:inline-grid;place-items:center;width:14px;height:14px;flex:0 0 14px;border-radius:50%;background:rgba(255,255,255,.8);color:#3978cf;font-style:normal;box-shadow:0 0 0 1px rgba(79,139,219,.10),0 2px 6px rgba(61,119,198,.08)}
body.home .miko-y-side-kicker-icon svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.9}
body.home .miko-y-side-info strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#16304f;font-size:11px;line-height:1.42;font-weight:900;letter-spacing:-.01em}
body.home .miko-y-side-info small{display:block;margin-top:7px;color:#6a7e96;font-size:7.4px;font-weight:850;letter-spacing:.025em}
body.home .miko-y-side-card:nth-of-type(2) .miko-y-side-kicker{background:linear-gradient(135deg,#f6f2ff,#eef6ff);color:#5c66c9}
body.home .miko-y-side-card:nth-of-type(3) .miko-y-side-kicker{background:linear-gradient(135deg,#eefaff,#edf5ff);color:#2677b9}
@keyframes mikoYSideSweep{from{left:-34%}to{left:122%}}
@media(prefers-reduced-motion:reduce){body.home .miko-y-side-card,body.home .miko-y-side-thumb img,body.home .miko-y-side-thumb:before{transition:none!important}body.home .miko-y-side-card:hover{transform:none!important}body.home .miko-y-side-card:hover .miko-y-side-thumb img{transform:scale(1.01)!important}body.home .miko-y-side-card:hover:after{animation:none!important;opacity:0!important}}

/* Keep TOP PICKS balanced when the hero carousel contains five newest BL stories. */
body.home .miko-y-side-picks{gap:7px;padding:10px}
body.home .miko-y-side-head{padding-bottom:5px}
body.home .miko-y-side-card{grid-template-columns:78px minmax(0,1fr);gap:9px;min-height:72px;padding:7px;border-radius:14px}
body.home .miko-y-side-kicker{margin-bottom:4px;padding:3px 7px 3px 5px;font-size:6.8px}
body.home .miko-y-side-kicker-icon{width:12px;height:12px;flex-basis:12px}
body.home .miko-y-side-kicker-icon svg{width:9px;height:9px}
body.home .miko-y-side-info strong{-webkit-line-clamp:2;font-size:10.2px;line-height:1.32}
body.home .miko-y-side-info small{margin-top:4px;font-size:7px}

/* grid */
body.home .miko-y-grid-zone{position:relative;z-index:2}
body.home .miko-y-grid-zone[hidden]{display:none!important}
body.home .miko-y-grid-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 1px 10px}
body.home .miko-y-grid-head small{display:block;margin-bottom:3px;color:#2d69c7;font-size:8px;font-weight:950;letter-spacing:.13em}
body.home .miko-y-grid-head h3{margin:0;color:#162b46;font-size:18px;line-height:1.2;font-weight:950}
body.home .miko-y-grid-head>span{color:#60748d;font-size:9px;font-weight:850}
body.home .miko-y-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
body.home .miko-y-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid rgba(173,205,244,.82);border-radius:16px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);overflow:hidden;box-shadow:0 8px 22px rgba(25,58,101,.07),0 0 0 1px rgba(255,255,255,.86) inset,0 0 24px rgba(60,138,255,.08);transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}
body.home .miko-y-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(88,176,255,.34),rgba(103,123,255,.18) 36%,rgba(255,255,255,.08) 58%,rgba(61,205,255,.28) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3;opacity:.72;transition:opacity .32s ease,filter .32s ease}
body.home .miko-y-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;box-shadow:0 0 24px rgba(77,155,255,.10),0 0 46px rgba(67,195,255,.06);opacity:.72;transition:opacity .32s ease,box-shadow .32s ease}
body.home .miko-y-card[hidden]{display:none!important}
body.home .miko-y-card:hover{transform:translateY(-5px);border-color:rgba(111,168,239,.82);box-shadow:0 18px 34px rgba(25,58,101,.14),0 0 0 1px rgba(255,255,255,.92) inset,0 0 30px rgba(71,151,255,.14),0 0 48px rgba(63,194,255,.08)}
body.home .miko-y-card:hover::before{opacity:1;filter:drop-shadow(0 0 8px rgba(77,170,255,.24))}
body.home .miko-y-card:hover::after{opacity:1;box-shadow:0 0 30px rgba(77,155,255,.15),0 0 54px rgba(67,195,255,.10)}
body.home .miko-y-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#dce8f4}
body.home .miko-y-media::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 34%),radial-gradient(circle at 18% 14%,rgba(255,255,255,.18),transparent 29%);opacity:.78;transition:opacity .35s ease}
body.home .miko-y-media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01);transition:transform 3.8s cubic-bezier(.22,.61,.36,1),filter .45s ease}
body.home .miko-y-card:hover .miko-y-media img{transform:scale(1.06);filter:saturate(1.045) contrast(1.018) brightness(1.015)}
body.home .miko-y-card:hover .miko-y-media::before{opacity:.95}
body.home .miko-y-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,49,0) 30%,rgba(10,26,49,.11) 68%,rgba(10,26,49,.42) 100%);pointer-events:none}
body.home .miko-y-badge{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;height:27px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,rgba(24,70,153,.94),rgba(23,150,202,.9));backdrop-filter:blur(8px);color:#fff;font-size:8.5px;font-weight:950;letter-spacing:.03em;box-shadow:0 5px 12px rgba(0,0,0,.13)}
body.home .miko-y-credit{position:absolute;right:10px;top:10px;display:inline-flex;align-items:center;height:23px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);color:#315579;font-size:7.5px;font-weight:950;letter-spacing:.05em;box-shadow:0 4px 12px rgba(12,43,85,.09)}
body.home .miko-y-card-play{position:absolute;right:10px;bottom:10px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.92);color:var(--y-blue);box-shadow:0 6px 18px rgba(21,66,132,.18);transition:.22s ease}
body.home .miko-y-card-play svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
body.home .miko-y-card:hover .miko-y-card-play{transform:scale(1.08);background:#2b6cff;color:#fff;box-shadow:0 0 0 6px rgba(43,108,255,.09),0 8px 20px rgba(43,108,255,.24)}
body.home .miko-y-card:hover .miko-y-media:after{content:"";position:absolute;inset:-35% auto -35% -30%;width:24%;transform:skewX(-16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:mikoYCardSweep .8s ease forwards}
body.home .miko-y-body{display:flex;flex-direction:column;flex:1;min-height:202px;padding:12px 13px 12px}
body.home .miko-y-editorial{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:8px}
body.home .miko-y-story-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:linear-gradient(135deg,#eaf2ff,#eefbff);color:#2265ca;border:1px solid #d4e4fb;font-size:8px;font-weight:950;letter-spacing:.06em}
body.home .miko-y-story-topic{color:#5f7189;font-size:9px;font-weight:800}
body.home .miko-y-body h3{margin:0;color:var(--y-ink);font-size:14px;line-height:1.42;font-weight:950;letter-spacing:-.012em}
body.home .miko-y-body h3 a{color:inherit;text-decoration:none}
body.home .miko-y-body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:7px 0 0;color:var(--y-muted);font-size:10.5px;line-height:1.55}
body.home .miko-y-signature{display:flex;align-items:center;gap:6px;margin:10px 0 6px;color:#7790b1;opacity:.78}
body.home .miko-y-signature span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#c6d7ee)}
body.home .miko-y-signature span:last-child{background:linear-gradient(90deg,#c6d7ee,transparent)}
body.home .miko-y-signature em{font-size:8px;font-style:normal;font-weight:800;letter-spacing:.05em;white-space:nowrap}
body.home .miko-y-signature-mark{width:5px;height:5px;border:1px solid #46a6db;transform:rotate(45deg)}
body.home .miko-y-meta{display:flex;gap:10px;flex-wrap:wrap;color:#60748d;font-size:9px;font-weight:700}
body.home .miko-y-meta span{display:inline-flex;align-items:center;gap:4px}
body.home .miko-y-meta svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.8}
body.home .miko-y-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:11px}
body.home .miko-y-read,body.home .miko-y-trailer{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;text-decoration:none;font-size:9.5px;font-weight:900;transition:.18s ease}
body.home .miko-y-read{background:#173d73;color:#fff}
body.home .miko-y-trailer{background:#edf4ff;color:#245ebd}
body.home .miko-y-read:hover,body.home .miko-y-trailer:hover{transform:translateY(-1px)}
body.home .miko-y-trailer:hover{background:#2b6cff;color:#fff}
body.home .miko-y-read svg,body.home .miko-y-trailer svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}
body.home .miko-y-empty{margin-top:10px;min-height:105px;display:grid;place-items:center;padding:22px;border:1px dashed #bed3ef;border-radius:14px;background:rgba(255,255,255,.66);color:#55708f;font-size:11px;font-weight:850;text-align:center}
body.home .miko-y-empty[hidden]{display:none!important}

/* source note */
body.home .miko-y-source-note{position:relative;z-index:2;display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px 12px;border:1px solid #dce8f7;border-radius:12px;background:rgba(255,255,255,.78);color:#566b84;font-size:9.5px;font-weight:750;line-height:1.5}
body.home .miko-y-source-verify{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:50%;background:#eaf5ff;color:#2d70ca}
body.home .miko-y-source-verify svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}

/* filtered states */
body.home .miko-y-home.is-filtering .miko-y-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
body.home .miko-y-home.is-filtering .miko-y-side-picks{min-height:0}

/* motion */
@keyframes mikoYLight{0%,100%{transform:translateX(-45%)}50%{transform:translateX(45%)}}
@keyframes mikoYDot{0%,100%{transform:scale(.7);opacity:.35}50%{transform:scale(1.25);opacity:1}}
@keyframes mikoYContentIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes mikoYCardSweep{from{left:-30%}to{left:130%}}
@keyframes mikoYProgress{from{width:0}to{width:100%}}
@keyframes mikoYFilterFloat{0%,100%{transform:translate3d(0,0,0);opacity:.42}50%{transform:translate3d(0,-5px,0);opacity:.75}}
@keyframes mikoYFilterSpark{0%,100%{transform:rotate(45deg) scale(.72);opacity:.28}50%{transform:rotate(45deg) scale(1.18);opacity:.82}}
@keyframes mikoYNavHalo{0%,100%{transform:scale(.98);opacity:.5}50%{transform:scale(1.06);opacity:.82}}

/* tablet */
@media(max-width:1050px){
  body.home .miko-y-feature-shell{grid-template-columns:1fr}
  body.home .miko-y-side-picks{display:flex}
  body.home .miko-y-slider{height:430px}
  body.home .miko-y-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.home .miko-y-head{display:block;align-items:flex-start}
  body.home .miko-y-title-wrap{max-width:none}
  body.home .miko-y-top-strip{max-width:none;width:100%;margin:12px 0 0}
}

/* mobile */
@media(max-width:720px){
  body.home .miko-y-home{padding:14px;border-radius:17px}
  body.home .miko-y-head{display:block;margin-bottom:12px}
  body.home .miko-y-more{margin-top:10px}
  body.home .miko-y-more-inline{margin-top:0!important}
  body.home .miko-y-head h2{font-size:23px}
  body.home .miko-y-head p{font-size:10.5px}
  body.home .miko-y-top-strip{display:grid;grid-template-columns:1fr;align-items:center;gap:8px;width:100%;max-width:100%;padding:9px;overflow:hidden}
  body.home .miko-y-strip-label{margin:0;justify-self:start;flex:0 0 auto}
  body.home .miko-y-filters{display:flex!important;flex:1 1 auto;width:100%;max-width:100%;min-width:0;flex-wrap:nowrap;justify-content:flex-start!important;padding-bottom:2px;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}
  body.home .miko-y-filters button{flex:0 0 auto!important;min-height:36px!important;padding:0 11px!important;font-size:10px!important}
  body.home .miko-y-filters button>span:not(.miko-y-filter-icon){font-size:10px!important}
  body.home .miko-y-filter-icon{display:inline-grid!important}
  body.home .miko-y-slider{height:470px;border-radius:16px}
  body.home .miko-y-slide-content{padding:30px 48px 44px 18px}
  body.home .miko-y-slide h3{font-size:22px;line-height:1.28}
  body.home .miko-y-slide p{font-size:10.5px}
  body.home .miko-y-slide-actions{gap:7px}
  body.home .miko-y-primary-btn,body.home .miko-y-video-btn{height:35px;padding:0 12px;font-size:9.5px}
  body.home .miko-y-slider-nav{width:42px;height:42px;margin-top:-21px}
  body.home .miko-y-slider-nav:before{inset:-5px}
  body.home .miko-y-slider-nav:after{left:8px;right:8px;top:5px;height:12px}
  body.home .miko-y-slider-nav svg{width:17px;height:17px}
  body.home .miko-y-slider-nav.is-prev{left:10px}
  body.home .miko-y-slider-nav.is-next{right:10px}
  body.home .miko-y-slider-dots{left:18px;bottom:15px}
  body.home .miko-y-grid-head{align-items:flex-start}
  body.home .miko-y-grid-head>span{display:none}
  body.home .miko-y-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:5px;scrollbar-width:none}
  body.home .miko-y-grid::-webkit-scrollbar{display:none}
  body.home .miko-y-card{flex:0 0 87%;scroll-snap-align:start}
  body.home .miko-y-home.is-filtering .miko-y-grid{display:flex}
  body.home .miko-y-body{min-height:198px}
  body.home .miko-y-source-note{align-items:flex-start}
}

@media(max-width:430px){
  body.home .miko-y-orbit{display:none}
  body.home .miko-y-slider{height:485px}
  body.home .miko-y-slide-content{padding-right:42px}
  body.home .miko-y-card{flex-basis:90%}
  body.home .miko-y-credit{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.home .miko-y-signature em{font-size:7px}
}

/* reduced motion */
@media(prefers-reduced-motion:reduce){
  body.home .miko-y-home:after,body.home .miko-y-orbit i,
  body.home .miko-y-slide.is-active .miko-y-slide-topline,
  body.home .miko-y-slide.is-active .miko-y-slide-editorial,
  body.home .miko-y-slide.is-active h3,
  body.home .miko-y-slide.is-active p,
  body.home .miko-y-slide.is-active .miko-y-slide-actions,body.home .miko-y-slider-nav:before{animation:none!important}
  body.home .miko-y-slide,body.home .miko-y-slide-media img,body.home .miko-y-card,body.home .miko-y-card::before,body.home .miko-y-card::after,body.home .miko-y-media img,body.home .miko-y-media::before,body.home .miko-y-slider-nav,body.home .miko-y-more{transition:none!important}
  body.home .miko-y-card:hover{transform:none!important}
  body.home .miko-y-card:hover .miko-y-media img{transform:scale(1.01)!important}
  body.home .miko-y-card:hover .miko-y-media:after{display:none!important}
}