.md-mobile-dock,.md-mobile-sheet{display:none}
.md-splash{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;background:#020914;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .34s ease,visibility .34s ease}
.md-splash[hidden]{display:none}.md-splash.is-active{opacity:1;visibility:visible}.md-splash.is-leaving{opacity:0;visibility:hidden}
.md-splash-backdrop{position:absolute;inset:-3%;background:#020914 url('/images/md-original/splash/md-scan-background.png') center/cover no-repeat;transform:scaleX(.06);opacity:.3;filter:blur(2px);transform-origin:left center}
.md-splash-logo{position:relative;z-index:2;width:min(390px,58vw);height:auto;display:block;opacity:0;clip-path:inset(0 100% 0 0);filter:drop-shadow(0 0 0 rgba(50,212,244,0))}
.md-splash-skip{position:absolute;z-index:3;right:24px;top:24px;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:rgba(2,9,20,.5);color:#d8e8ef;padding:9px 15px;font:600 12px 'Noto Sans',sans-serif;opacity:0;transition:opacity .2s ease;cursor:pointer}
.md-splash.is-active .md-splash-backdrop{animation:mdSplashScan 1.18s cubic-bezier(.2,.76,.22,1) .08s forwards}
.md-splash.is-active .md-splash-logo{animation:mdSplashLogo 1.18s cubic-bezier(.2,.76,.22,1) .2s forwards}
.md-splash.is-active .md-splash-skip{opacity:.74;transition-delay:.45s}
@keyframes mdSplashScan{0%{transform:scaleX(.06);opacity:.3}58%{transform:scaleX(1);opacity:1;filter:blur(0)}100%{transform:scaleX(1.03);opacity:.72;filter:blur(0)}}
@keyframes mdSplashLogo{0%{opacity:0;clip-path:inset(0 100% 0 0);filter:drop-shadow(0 0 0 rgba(50,212,244,0))}62%{opacity:1;clip-path:inset(0 0 0 0);filter:drop-shadow(0 0 24px rgba(50,212,244,.75))}100%{opacity:1;clip-path:inset(0 0 0 0);filter:drop-shadow(0 0 12px rgba(50,212,244,.35))}}
@media(max-width:900px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom));overflow-x:hidden}
  .top,.topbar{height:68px!important}
  .top .shell,.topbar .shell{width:calc(100% - 28px)!important}
  .top .nav,.topbar .nav{gap:14px!important}
  .top .logo,.topbar .logo{width:78px!important}
  .top .links,.topbar .links{display:none!important}
  .top .tools,.topbar .tools,.top .account,.topbar .account{gap:8px!important}
  .top .round,.topbar .search{width:42px!important;height:42px!important}
  .top .profile,.topbar .avatar{width:42px!important;height:42px!important}
  .md-mobile-dock{position:fixed;z-index:100;left:0;right:0;bottom:0;height:calc(64px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(2,9,20,.96);border-top:1px solid rgba(164,223,240,.18);backdrop-filter:blur(18px);box-shadow:0 -12px 32px rgba(0,0,0,.3)}
  .md-mobile-dock a,.md-mobile-dock button{min-width:0;min-height:54px;padding:5px 2px;border:0;background:transparent;color:#8fa5b1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:600 10px 'Noto Sans',sans-serif;text-decoration:none;cursor:pointer}
  .md-mobile-dock .material-symbols-rounded{font-size:23px}
  .md-mobile-dock .active{color:#32d4f4}
  .md-mobile-sheet{position:fixed;z-index:110;inset:0;display:block}
  .md-mobile-sheet[hidden]{display:none}
  .md-mobile-sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(0,4,10,.7);backdrop-filter:blur(4px)}
  .md-mobile-sheet section{position:absolute;left:10px;right:10px;bottom:calc(70px + env(safe-area-inset-bottom));padding:10px 14px 18px;border:1px solid rgba(164,223,240,.2);border-radius:20px;background:#071827;box-shadow:0 24px 70px rgba(0,0,0,.55)}
  .md-mobile-sheet-head{height:54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(164,223,240,.14);margin-bottom:6px}
  .md-mobile-sheet-head strong{font-size:18px}.md-mobile-sheet-head button{width:42px;height:42px;border:0;border-radius:50%;background:#10283a;color:#fff;display:grid;place-items:center}
  .md-mobile-sheet section>a{min-height:54px;padding:0 8px;display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-weight:700;border-radius:10px}
  .md-mobile-sheet section>a:active{background:#10283a}.md-mobile-sheet section>a .material-symbols-rounded{color:#32d4f4}
  .hero h1{font-size:clamp(48px,15vw,68px)!important;line-height:.92!important;overflow-wrap:anywhere}
  .hero-copy,.hero-content{padding-top:110px!important;padding-bottom:62px!important}
  .hero{min-height:610px!important}
  .hero.vip-hero{min-height:0!important;padding:70px 0 46px!important}
  .section{padding:30px 0!important}.rail{margin-bottom:34px!important}
  .cards,.grid,.feature-grid{gap:14px!important}
  .card,.show{min-height:220px!important}.feature-grid .portrait{min-height:330px!important}
  .vip-strip{padding:28px 22px!important;gap:18px!important}.vip-strip .btn{justify-content:center;width:100%}
  .episode{grid-template-columns:46px minmax(0,1fr)!important;gap:12px!important;padding:13px!important}.episode>small{grid-column:2}.episode .play{width:44px!important;height:44px!important}
  .page{padding-top:24px!important;padding-bottom:54px!important}
  .player{border-radius:10px!important}.player-state{gap:8px!important;padding:18px!important}.player-state .play{width:54px!important;height:54px!important;margin:0!important}.player-state .play .material-symbols-rounded{font-size:30px!important}.player-logo{width:76px!important}.player-state strong{font-size:19px!important}.player-state>span{font-size:13px!important}
  .details{padding:30px 0!important}.details p{font-size:16px!important;line-height:1.65!important}.details h1{font-size:38px!important}
  .actions{align-items:stretch}.actions .btn{justify-content:center}.actions form{width:100%}.actions form .btn{width:100%}
  .plan{margin-bottom:34px!important}.price{font-size:44px!important}
  .md-splash-logo{width:min(260px,64vw)}.md-splash-backdrop{inset:-6%;background-position:center}.md-splash-skip{right:16px;top:16px}
}
@media(max-width:380px){.md-mobile-dock a,.md-mobile-dock button{font-size:9px}.md-mobile-dock .material-symbols-rounded{font-size:21px}.hero h1{font-size:46px!important}}
@media(prefers-reduced-motion:reduce){.md-mobile-sheet *{scroll-behavior:auto!important;transition:none!important}.md-splash-backdrop,.md-splash-logo{animation:none!important;transform:none!important;clip-path:none!important;opacity:1!important;filter:none!important}}