:root{
    --dd-watch-bg:#0f0f0f;
    --dd-watch-surface:#212121;
    --dd-watch-surface-2:#272727;
    --dd-watch-border:#303030;
    --dd-watch-text:#f1f1f1;
    --dd-watch-muted:#aaa;
    --dd-watch-red:#ff0033;
    --dd-watch-blue:#3ea6ff;
    --dd-watch-topbar:56px;
}

html{scroll-behavior:smooth}

body{
    margin:0;
    background:var(--dd-watch-bg)!important;
    color:var(--dd-watch-text)!important;
}

body > header,
body > nav,
body > footer,
.site-header,
.site-nav,
.site-footer{
    display:none!important;
}

.dd-watch-page,
.dd-watch-page *{
    box-sizing:border-box;
}

.dd-watch-page{
    min-height:100vh;
    background:var(--dd-watch-bg);
    color:var(--dd-watch-text);
    font-family:Roboto,Arial,sans-serif;
    line-height:1.4;
    padding-top:var(--dd-watch-topbar);
}

.dd-watch-page svg{
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.dd-watch-topbar{
    position:fixed;
    inset:0 0 auto 0;
    z-index:300;
    height:var(--dd-watch-topbar);
    display:grid;
    grid-template-columns:minmax(250px,1fr) minmax(320px,680px) minmax(250px,1fr);
    align-items:center;
    gap:24px;
    padding:0 16px;
    background:rgba(15,15,15,.96);
    backdrop-filter:blur(10px);
}

.dd-watch-top-left,
.dd-watch-top-actions{
    display:flex;
    align-items:center;
    min-width:0;
}

.dd-watch-top-actions{
    justify-content:flex-end;
    gap:8px;
}

.dd-watch-icon-button{
    width:40px;
    height:40px;
    border:0;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:transparent;
    color:#fff;
    cursor:pointer;
}

.dd-watch-icon-button:hover,
.dd-watch-icon-button:focus-visible{
    background:#272727;
    outline:0;
}

.dd-watch-icon-button svg{
    width:24px;
    height:24px;
}

.dd-watch-voice{
    background:#272727;
}

.dd-watch-voice:hover,
.dd-watch-voice:focus-visible{
    background:#3f3f3f;
}

.dd-watch-logo{
    height:40px;
    display:flex;
    align-items:center;
    margin-left:14px;
    flex:0 0 auto;
}

.dd-watch-logo img{
    width:160px;
    height:auto;
    max-width:none;
    display:block;
    object-fit:contain;
    object-position:left center;
}

.dd-watch-search{
    width:100%;
    height:40px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 64px;
    justify-self:center;
}

.dd-watch-search input{
    width:100%;
    min-width:0;
    height:40px;
    padding:0 16px;
    border:1px solid #303030;
    border-right:0;
    border-radius:22px 0 0 22px;
    background:#121212;
    color:#fff;
    font:inherit;
    outline:0;
}

.dd-watch-search input:focus{
    border-color:#1c62b9;
    box-shadow:inset 1px 0 #1c62b9;
}

.dd-watch-search button{
    width:64px;
    height:40px;
    display:grid;
    place-items:center;
    border:1px solid #303030;
    border-radius:0 22px 22px 0;
    background:#222;
    color:#fff;
    cursor:pointer;
}

.dd-watch-search button svg{
    width:22px;
    height:22px;
}

.dd-watch-login{
    min-height:36px;
    padding:0 12px;
    display:flex;
    align-items:center;
    gap:8px;
    border:1px solid #3f3f3f;
    border-radius:18px;
    color:var(--dd-watch-blue);
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
}

.dd-watch-login:hover{
    background:#263850;
    border-color:#263850;
}

.dd-watch-login svg{
    width:22px;
    height:22px;
}

.dd-watch-more-wrap{
    position:relative;
    display:flex;
    align-items:center;
}

.dd-watch-more-menu{
    position:absolute;
    top:46px;
    right:0;
    z-index:400;
    width:240px;
    padding:8px;
    border:1px solid #303030;
    border-radius:12px;
    background:#282828;
    box-shadow:0 16px 44px rgba(0,0,0,.5);
}

.dd-watch-more-menu[hidden]{
    display:none!important;
}

.dd-watch-more-menu button,
.dd-watch-more-menu a{
    width:100%;
    min-height:42px;
    display:grid;
    grid-template-columns:24px minmax(0,1fr);
    align-items:center;
    gap:12px;
    padding:0 12px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#f1f1f1;
    text-align:left;
    text-decoration:none;
    font:inherit;
    cursor:pointer;
}

.dd-watch-more-menu button:hover,
.dd-watch-more-menu a:hover,
.dd-watch-more-menu button:focus-visible,
.dd-watch-more-menu a:focus-visible{
    background:#3b3b3b;
    outline:0;
}

.dd-watch-more-menu svg{
    width:21px;
    height:21px;
}

.dd-watch-layout{
    width:min(1720px,100%);
    margin:0 auto;
    padding:24px 24px 96px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 402px;
    gap:24px;
    align-items:start;
}

.dd-watch-main{
    min-width:0;
}

.dd-watch-player-shell{
    position:relative;
    width:100%;
    border-radius:12px;
}

.dd-watch-player-shell::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:-34px -18px -24px;
    background-image:var(--dd-watch-poster);
    background-size:cover;
    background-position:center;
    filter:blur(42px) saturate(1.15);
    opacity:.22;
    transform:scale(1.02);
    pointer-events:none;
}

.dd-watch-player-stage{
    position:relative;
    z-index:1;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    border-radius:12px;
    background:#000;
    box-shadow:0 6px 28px rgba(0,0,0,.34);
    isolation:isolate;
    touch-action:manipulation;
}


.dd-watch-player-stage:fullscreen,
.dd-watch-player-stage:-webkit-full-screen{
    width:100vw;
    height:100vh;
    aspect-ratio:auto;
    border-radius:0;
}

.dd-watch-player-stage::after{
    content:"";
    position:absolute;
    z-index:4;
    inset:auto 0 0;
    height:32%;
    background:linear-gradient(transparent,rgba(0,0,0,.86));
    pointer-events:none;
    opacity:1;
    transition:opacity .18s ease;
}

.dd-watch-player-stage.is-controls-hidden::after{
    opacity:0;
}

.dd-watch-ambient{
    position:absolute;
    inset:0;
    z-index:-1;
    background-image:var(--dd-watch-poster);
    background-size:cover;
    background-position:center;
    filter:blur(28px);
    opacity:.16;
    transform:scale(1.08);
}

.dd-watch-page.is-ambient-off .dd-watch-ambient{
    opacity:0;
}

.dd-watch-player-stage video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    background:#000;
}

.dd-watch-center-controls{
    position:absolute;
    z-index:8;
    inset:50% auto auto 50%;
    transform:translate(-50%,-50%);
    display:flex;
    align-items:center;
    gap:18px;
    transition:opacity .18s ease,transform .18s ease;
}

.dd-watch-center-controls [data-dd-watch-center-previous],
.dd-watch-center-controls [data-dd-watch-center-next]{
    display:none;
}

.dd-watch-center-controls button{
    width:48px;
    height:48px;
    border:0;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:rgba(0,0,0,.58);
    color:#fff;
    cursor:pointer;
    backdrop-filter:blur(6px);
}

.dd-watch-center-controls .dd-watch-center-play{
    width:64px;
    height:64px;
    background:rgba(0,0,0,.66);
}

.dd-watch-center-controls svg{
    width:28px;
    height:28px;
    fill:currentColor;
    stroke:none;
}

.dd-watch-center-controls .dd-watch-center-play svg{
    width:34px;
    height:34px;
}

.dd-watch-icon-play[hidden],
.dd-watch-icon-pause[hidden]{
    display:none!important;
}

.dd-watch-center-controls button:disabled,
.dd-watch-controls button:disabled{
    opacity:.35;
    cursor:default;
}

.dd-watch-player-stage.is-playing .dd-watch-center-controls{
    opacity:0;
    pointer-events:none;
    transform:translate(-50%,-50%) scale(.94);
}

.dd-watch-player-stage:not(.is-playing).is-controls-visible .dd-watch-center-controls{
    opacity:1;
    pointer-events:auto;
    transform:translate(-50%,-50%) scale(1);
}

.dd-watch-controls{
    position:absolute;
    z-index:10;
    left:0;
    right:0;
    bottom:0;
    padding:0 12px 8px;
    color:#fff;
    transition:opacity .18s ease,transform .18s ease;
}

.dd-watch-player-stage.is-controls-hidden .dd-watch-controls{
    opacity:0;
    pointer-events:none;
    transform:translateY(8px);
}

.dd-watch-progress-wrap{
    height:16px;
    display:flex;
    align-items:center;
}

.dd-watch-progress-wrap input{
    appearance:none;
    width:100%;
    height:3px;
    margin:0;
    border:0;
    border-radius:999px;
    background:linear-gradient(
        to right,
        var(--dd-watch-red) 0,
        var(--dd-watch-red) var(--dd-watch-progress,0%),
        rgba(255,255,255,.52) var(--dd-watch-progress,0%),
        rgba(255,255,255,.52) var(--dd-watch-buffered,0%),
        rgba(255,255,255,.24) var(--dd-watch-buffered,0%),
        rgba(255,255,255,.24) 100%
    );
    cursor:pointer;
}

.dd-watch-progress-wrap input::-webkit-slider-thumb{
    appearance:none;
    width:13px;
    height:13px;
    border-radius:50%;
    background:var(--dd-watch-red);
    transform:scale(.1);
    transition:transform .12s ease;
}

.dd-watch-progress-wrap:hover input{
    height:5px;
}

.dd-watch-progress-wrap:hover input::-webkit-slider-thumb{
    transform:scale(1);
}

.dd-watch-progress-wrap input::-moz-range-thumb{
    width:13px;
    height:13px;
    border:0;
    border-radius:50%;
    background:var(--dd-watch-red);
}

.dd-watch-controls-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:42px;
}

.dd-watch-controls-left,
.dd-watch-controls-right{
    display:flex;
    align-items:center;
    min-width:0;
}

.dd-watch-controls button{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:4px;
    background:transparent;
    color:#fff;
    cursor:pointer;
}

.dd-watch-controls button:hover,
.dd-watch-controls button:focus-visible{
    background:rgba(255,255,255,.12);
    outline:0;
}

.dd-watch-controls svg{
    width:23px;
    height:23px;
}

.dd-watch-controls .dd-watch-icon-play,
.dd-watch-controls .dd-watch-icon-pause{
    fill:currentColor;
    stroke:none;
}

.dd-watch-volume-group{
    display:flex;
    align-items:center;
}

.dd-watch-volume-group input{
    width:0;
    opacity:0;
    transition:width .16s ease,opacity .16s ease;
    accent-color:#fff;
}

.dd-watch-volume-group:hover input,
.dd-watch-volume-group:focus-within input{
    width:74px;
    opacity:1;
}

.dd-watch-time{
    margin-left:6px;
    display:flex;
    align-items:center;
    gap:4px;
    color:#fff;
    font-size:12px;
    white-space:nowrap;
}

.dd-watch-autoplay-toggle{
    width:46px!important;
}

.dd-watch-autoplay-track{
    position:relative;
    width:30px;
    height:14px;
    border-radius:999px;
    background:#777;
    display:block;
}

.dd-watch-autoplay-track span{
    position:absolute;
    width:18px;
    height:18px;
    top:-2px;
    left:-1px;
    border-radius:50%;
    background:#ddd;
    transition:transform .16s ease,background .16s ease;
}

.dd-watch-autoplay-toggle[aria-pressed="true"] .dd-watch-autoplay-track{
    background:#8e8e8e;
}

.dd-watch-autoplay-toggle[aria-pressed="true"] .dd-watch-autoplay-track span{
    transform:translateX(14px);
    background:#fff;
}

.dd-watch-settings-wrap{
    position:relative;
}

.dd-watch-settings-menu{
    position:absolute;
    right:0;
    bottom:46px;
    width:292px;
    overflow:hidden;
    border-radius:12px;
    background:rgba(28,28,28,.98);
    color:#fff;
    box-shadow:0 10px 32px rgba(0,0,0,.56);
    backdrop-filter:blur(14px);
}

.dd-watch-settings-menu[hidden],
.dd-watch-settings-speed-panel[hidden],
.dd-watch-settings-main[hidden]{
    display:none!important;
}

.dd-watch-settings-title{
    padding:12px 14px 8px;
    color:#fff;
    font-size:13px;
    font-weight:700;
}

.dd-watch-settings-row,
.dd-watch-settings-back,
.dd-watch-speed-option{
    width:100%!important;
    min-height:42px!important;
    height:auto!important;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:8px 14px!important;
    border-radius:0!important;
    text-align:left;
}

.dd-watch-settings-row:hover,
.dd-watch-settings-back:hover,
.dd-watch-speed-option:hover{
    background:#3f3f3f!important;
}

.dd-watch-settings-value{
    display:flex;
    align-items:center;
    gap:7px;
    color:#aaa;
    font-size:12px;
    font-weight:400;
    white-space:nowrap;
}

.dd-watch-settings-value b{
    color:#ddd;
    font-weight:400;
}

.dd-watch-settings-back{
    justify-content:flex-start;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    font-size:13px;
    font-weight:600;
}

.dd-watch-settings-back > span{
    font-size:24px;
    line-height:1;
}

.dd-watch-speed-option{
    justify-content:flex-start;
    font-size:13px;
}

.dd-watch-speed-check{
    width:18px;
    flex:0 0 18px;
    text-align:center;
}

.dd-watch-speed-option.is-active{
    background:#303030;
}

.dd-watch-autoplay-overlay{
    position:absolute;
    z-index:20;
    inset:0;
    display:grid;
    place-items:center;
    padding:24px;
    background:rgba(0,0,0,.78);
    backdrop-filter:blur(7px);
}

.dd-watch-autoplay-overlay[hidden]{
    display:none!important;
}

.dd-watch-autoplay-card{
    width:min(480px,100%);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    text-align:center;
}

.dd-watch-autoplay-kicker{
    color:#bbb;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.dd-watch-autoplay-card strong{
    font-size:clamp(18px,2vw,26px);
}

.dd-watch-autoplay-card > span:not(.dd-watch-autoplay-kicker){
    color:#ccc;
    font-size:14px;
}

.dd-watch-autoplay-actions{
    margin-top:8px;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    justify-content:center;
}

.dd-watch-autoplay-actions button{
    min-height:38px;
    padding:0 16px;
    border:0;
    border-radius:20px;
    background:#3f3f3f;
    color:#fff;
    font-weight:700;
    cursor:pointer;
}

.dd-watch-autoplay-actions button.is-primary{
    background:#fff;
    color:#0f0f0f;
}

.dd-watch-tap-feedback{
    position:absolute;
    z-index:12;
    top:50%;
    transform:translateY(-50%);
    min-width:90px;
    min-height:90px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    background:rgba(0,0,0,.44);
    color:#fff;
    pointer-events:none;
    animation:ddWatchTap .42s ease both;
}

.dd-watch-tap-feedback[hidden]{
    display:none!important;
}

.dd-watch-tap-feedback-left{
    left:7%;
}

.dd-watch-tap-feedback-right{
    right:7%;
}

.dd-watch-tap-feedback svg{
    width:24px;
    height:24px;
}

.dd-watch-unavailable{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:24px;
    text-align:center;
    color:#ddd;
}

.dd-watch-unavailable svg{
    width:44px;
    height:44px;
}

.dd-watch-unavailable span{
    color:#aaa;
    font-size:14px;
}

.dd-watch-meta{
    position:relative;
    z-index:2;
    padding-top:14px;
}

.dd-watch-meta h1{
    margin:0;
    color:#f1f1f1;
    font-size:20px;
    line-height:1.35;
    font-weight:700;
}

.dd-watch-series-row{
    margin-top:12px;
    display:grid;
    grid-template-columns:40px minmax(0,1fr) auto auto;
    align-items:center;
    gap:12px;
}

.dd-watch-series-avatar{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:50%;
    background:#303030;
    color:#fff;
    text-decoration:none;
    font-weight:700;
}

.dd-watch-series-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.dd-watch-series-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
}

.dd-watch-series-copy a{
    overflow:hidden;
    color:#f1f1f1;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.dd-watch-series-copy span{
    color:#aaa;
    font-size:12px;
}

.dd-watch-series-button{
    min-height:36px;
    padding:0 15px;
    display:flex;
    align-items:center;
    border-radius:18px;
    background:#f1f1f1;
    color:#0f0f0f;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
}

.dd-watch-actions{
    display:flex;
    align-items:center;
    gap:8px;
}

.dd-watch-actions button,
.dd-watch-actions a{
    min-height:36px;
    padding:0 14px;
    display:flex;
    align-items:center;
    gap:7px;
    border:0;
    border-radius:18px;
    background:#272727;
    color:#f1f1f1;
    font:inherit;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
}

.dd-watch-actions button:hover,
.dd-watch-actions a:hover{
    background:#3f3f3f;
}

.dd-watch-actions svg{
    width:19px;
    height:19px;
}

.dd-watch-description{
    margin-top:12px;
}

.dd-watch-description > button{
    width:100%;
    display:block;
    padding:12px;
    border:0;
    border-radius:12px;
    background:#272727;
    color:#f1f1f1;
    text-align:left;
    font:inherit;
    cursor:pointer;
}

.dd-watch-description-meta{
    display:block;
    margin-bottom:5px;
    font-size:13px;
    font-weight:700;
}

.dd-watch-description-text{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    color:#ddd;
    font-size:14px;
    white-space:pre-line;
}

.dd-watch-description.is-expanded .dd-watch-description-text{
    display:block;
    overflow:visible;
    -webkit-line-clamp:unset;
}

.dd-watch-description strong{
    display:inline-block;
    margin-top:4px;
    font-size:13px;
}

.dd-watch-up-next{
    min-width:0;
}

.dd-watch-up-next-head{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.dd-watch-up-next-head h2{
    margin:0;
    font-size:16px;
    font-weight:700;
}

.dd-watch-up-next-list{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.dd-watch-up-next-card{
    position:relative;
    display:grid;
    grid-template-columns:168px minmax(0,1fr) 18px;
    gap:8px;
    padding:0;
    color:inherit;
    text-decoration:none;
}

.dd-watch-up-next-media{
    position:relative;
    width:168px;
    aspect-ratio:16/9;
    overflow:hidden;
    border-radius:8px;
    background:#202020;
    display:grid;
    place-items:center;
    color:#aaa;
    font-size:12px;
}

.dd-watch-up-next-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.dd-watch-duration{
    position:absolute;
    right:4px;
    bottom:4px;
    padding:2px 4px;
    border-radius:4px;
    background:rgba(0,0,0,.8);
    color:#fff;
    font-size:11px;
    font-weight:700;
}

.dd-watch-up-next-copy{
    min-width:0;
    padding-top:1px;
    display:flex;
    flex-direction:column;
    gap:3px;
}

.dd-watch-up-next-copy strong{
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    color:#f1f1f1;
    font-size:14px;
    line-height:1.35;
}

.dd-watch-up-next-copy span{
    overflow:hidden;
    color:#aaa;
    font-size:12px;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.dd-watch-card-more{
    color:#aaa;
    font-size:20px;
    line-height:1;
}

.dd-watch-up-next-empty{
    padding:18px;
    border-radius:10px;
    background:#202020;
    color:#aaa;
    font-size:13px;
    text-align:center;
}

.dd-watch-drawer-backdrop{
    position:fixed;
    z-index:440;
    inset:0;
    background:rgba(0,0,0,.62);
}

.dd-watch-drawer-backdrop[hidden],
.dd-watch-drawer[hidden]{
    display:none!important;
}

.dd-watch-drawer{
    position:fixed;
    z-index:450;
    inset:0 auto 0 0;
    width:min(280px,86vw);
    padding:8px 12px 20px;
    background:#0f0f0f;
    box-shadow:12px 0 36px rgba(0,0,0,.45);
}

.dd-watch-drawer-head{
    height:48px;
    display:flex;
    align-items:center;
}

.dd-watch-drawer-nav{
    margin-top:8px;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.dd-watch-drawer-nav a{
    min-height:46px;
    padding:0 12px;
    display:grid;
    grid-template-columns:26px minmax(0,1fr);
    align-items:center;
    gap:16px;
    border-radius:10px;
    color:#f1f1f1;
    text-decoration:none;
    font-size:14px;
}

.dd-watch-drawer-nav a:hover,
.dd-watch-drawer-nav a.is-active{
    background:#272727;
}

.dd-watch-drawer-nav svg{
    width:23px;
    height:23px;
}

.dd-watch-mobile-nav{
    display:none;
}

.dd-watch-login-modal[hidden]{
    display:none!important;
}

.dd-watch-login-modal{
    position:fixed;
    z-index:600;
    inset:0;
    display:grid;
    place-items:center;
    padding:20px;
}

.dd-watch-login-backdrop{
    position:absolute;
    inset:0;
    border:0;
    background:rgba(0,0,0,.72);
    backdrop-filter:blur(6px);
}

.dd-watch-login-card{
    position:relative;
    z-index:1;
    width:min(420px,100%);
    padding:32px;
    border:1px solid #303030;
    border-radius:18px;
    background:#181818;
    box-shadow:0 24px 70px rgba(0,0,0,.6);
}

.dd-watch-login-close{
    position:absolute;
    top:10px;
    right:12px;
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    background:transparent;
    color:#fff;
    font-size:28px;
    cursor:pointer;
}

.dd-watch-login-close:hover{
    background:#2c2c2c;
}

.dd-watch-login-logo{
    width:190px;
    max-width:none;
    height:auto;
    display:block;
    margin:0 auto 18px;
}

.dd-watch-login-card h2{
    margin:0;
    text-align:center;
    font-size:23px;
}

.dd-watch-login-card p{
    margin:8px 0 22px;
    color:#aaa;
    text-align:center;
    font-size:14px;
}

.dd-watch-login-google,
.dd-watch-login-continue{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:22px;
    text-decoration:none;
    font-weight:700;
}

.dd-watch-login-google{
    border:1px solid #444;
    background:#fff;
    color:#111;
}

.dd-watch-login-google span{
    font-size:18px;
    font-weight:800;
}

.dd-watch-login-separator{
    margin:18px 0;
    display:flex;
    align-items:center;
    gap:10px;
    color:#777;
    font-size:12px;
}

.dd-watch-login-separator::before,
.dd-watch-login-separator::after{
    content:"";
    height:1px;
    flex:1;
    background:#333;
}

.dd-watch-login-card input{
    width:100%;
    height:44px;
    padding:0 14px;
    border:1px solid #444;
    border-radius:8px;
    background:#121212;
    color:#fff;
    font:inherit;
}

.dd-watch-login-continue{
    margin-top:12px;
    background:#fff;
    color:#111;
}

.dd-watch-live-status{
    position:fixed;
    z-index:700;
    right:18px;
    bottom:22px;
    max-width:min(360px,calc(100vw - 32px));
    padding:10px 14px;
    border:1px solid #3b3b3b;
    border-radius:10px;
    background:#282828;
    color:#fff;
    box-shadow:0 10px 28px rgba(0,0,0,.45);
    font-size:13px;
}

.dd-watch-live-status[hidden]{
    display:none!important;
}

body.dd-watch-modal-open{
    overflow:hidden!important;
}

body.dd-watch-cinema .dd-watch-layout{
    width:100%;
    max-width:none;
    grid-template-columns:minmax(0,1fr);
    padding-left:0;
    padding-right:0;
    padding-top:0;
}

body.dd-watch-cinema .dd-watch-player-shell{
    border-radius:0;
}

body.dd-watch-cinema .dd-watch-player-stage{
    width:100%;
    max-height:calc(100vh - var(--dd-watch-topbar));
    border-radius:0;
}

body.dd-watch-cinema .dd-watch-meta{
    width:min(1100px,calc(100% - 48px));
    margin:0 auto;
}

body.dd-watch-cinema .dd-watch-up-next{
    width:min(1100px,calc(100% - 48px));
    margin:0 auto;
}

@keyframes ddWatchTap{
    0%{opacity:0;transform:translateY(-50%) scale(.75)}
    28%{opacity:1;transform:translateY(-50%) scale(1)}
    100%{opacity:0;transform:translateY(-50%) scale(1.05)}
}

@media (max-width:1200px){
    .dd-watch-layout{
        grid-template-columns:minmax(0,1fr) 360px;
        gap:18px;
    }

    .dd-watch-up-next-card{
        grid-template-columns:152px minmax(0,1fr) 14px;
    }

    .dd-watch-up-next-media{
        width:152px;
    }

    .dd-watch-series-row{
        grid-template-columns:40px minmax(0,1fr) auto;
    }

    .dd-watch-actions{
        grid-column:2/4;
        justify-content:flex-start;
    }
}

@media (max-width:980px){
    .dd-watch-topbar{
        grid-template-columns:auto minmax(240px,1fr) auto;
        gap:14px;
    }

    .dd-watch-layout{
        grid-template-columns:minmax(0,1fr);
        width:min(900px,100%);
    }

    .dd-watch-up-next{
        margin-top:6px;
    }

    .dd-watch-up-next-list{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px;
    }

    .dd-watch-up-next-card{
        grid-template-columns:168px minmax(0,1fr) 14px;
    }

    .dd-watch-up-next-media{
        width:168px;
    }
}

@media (max-width:780px){
    :root{
        --dd-watch-topbar:52px;
    }

    body{
        padding-bottom:58px;
    }

    .dd-watch-page{
        padding-top:var(--dd-watch-topbar);
    }

    .dd-watch-topbar{
        height:var(--dd-watch-topbar);
        grid-template-columns:minmax(0,1fr) auto auto;
        gap:8px;
        padding:0 10px;
    }

    .dd-watch-top-left .dd-watch-icon-button{
        display:none;
    }

    .dd-watch-logo{
        margin-left:0;
        height:40px;
    }

    .dd-watch-logo img{
        width:145px;
        height:auto;
        max-width:none;
    }

    .dd-watch-search{
        justify-self:end;
        width:42px;
        height:40px;
        grid-template-columns:1fr;
    }

    .dd-watch-search input{
        position:absolute;
        width:1px;
        height:1px;
        clip:rect(0,0,0,0);
        overflow:hidden;
        border:0;
    }

    .dd-watch-search button{
        width:40px;
        height:40px;
        border:0;
        border-radius:50%;
        background:transparent;
    }

    .dd-watch-search.is-mobile-open{
        position:absolute;
        z-index:330;
        left:10px;
        right:54px;
        width:auto;
        height:40px;
        display:grid;
        grid-template-columns:minmax(0,1fr) 44px;
        background:#0f0f0f;
    }

    .dd-watch-search.is-mobile-open input{
        position:static;
        width:100%;
        height:40px;
        padding:0 14px;
        clip:auto;
        overflow:visible;
        border:1px solid #303030;
        border-right:0;
        border-radius:22px 0 0 22px;
        background:#121212;
        color:#fff;
    }

    .dd-watch-search.is-mobile-open button{
        width:44px;
        height:40px;
        border:1px solid #303030;
        border-radius:0 22px 22px 0;
        background:#222;
    }

    .dd-watch-top-actions{
        gap:0;
    }

    .dd-watch-top-actions .dd-watch-voice{
        display:none;
    }

    .dd-watch-login{
        width:40px;
        height:40px;
        min-height:40px;
        padding:0;
        justify-content:center;
        border:0;
        border-radius:50%;
    }

    .dd-watch-login span{
        display:none;
    }

    .dd-watch-layout{
        display:block;
        width:100%;
        padding:0 0 82px;
    }

    .dd-watch-player-shell{
        border-radius:0;
    }

    .dd-watch-player-shell::before{
        display:none;
    }

    .dd-watch-player-stage{
        aspect-ratio:16/9;
        border-radius:0;
        box-shadow:none;
    }

    .dd-watch-player-stage::after{
        height:42%;
    }

    .dd-watch-center-controls{
        gap:22px;
    }

    .dd-watch-center-controls [data-dd-watch-center-previous],
    .dd-watch-center-controls [data-dd-watch-center-next]{
        display:grid;
    }

    .dd-watch-center-controls button{
        width:44px;
        height:44px;
    }

    .dd-watch-center-controls .dd-watch-center-play{
        width:58px;
        height:58px;
    }

    .dd-watch-player-stage.is-playing.is-controls-visible .dd-watch-center-controls{
        opacity:1;
        pointer-events:auto;
        transform:translate(-50%,-50%) scale(1);
    }

    .dd-watch-controls{
        padding:0 8px 6px;
    }

    .dd-watch-controls-row{
        min-height:36px;
    }

    .dd-watch-controls button{
        width:34px;
        height:34px;
    }

    .dd-watch-desktop-seek,
    .dd-watch-volume-group input,
    [data-dd-watch-cinema]{
        display:none!important;
    }

    .dd-watch-time{
        font-size:11px;
    }

    .dd-watch-controls-right{
        margin-left:auto;
    }

    [data-dd-watch-pip]{
        display:none!important;
    }

    .dd-watch-meta{
        padding:12px 12px 0;
    }

    .dd-watch-meta h1{
        font-size:18px;
        line-height:1.35;
    }

    .dd-watch-series-row{
        margin-top:12px;
        grid-template-columns:36px minmax(0,1fr) auto;
        gap:10px;
    }

    .dd-watch-series-avatar{
        width:36px;
        height:36px;
    }

    .dd-watch-series-button{
        min-height:34px;
        padding:0 12px;
        border-radius:17px;
        font-size:13px;
    }

    .dd-watch-actions{
        grid-column:1/4;
        width:calc(100% + 12px);
        margin-right:-12px;
        overflow-x:auto;
        scrollbar-width:none;
        padding:2px 12px 2px 0;
    }

    .dd-watch-actions::-webkit-scrollbar{
        display:none;
    }

    .dd-watch-actions button,
    .dd-watch-actions a{
        flex:0 0 auto;
        min-height:34px;
        border-radius:17px;
        font-size:13px;
    }

    .dd-watch-description{
        margin-top:10px;
    }

    .dd-watch-description > button{
        padding:11px;
        border-radius:10px;
    }

    .dd-watch-up-next{
        margin-top:18px;
        padding:0 12px;
    }

    .dd-watch-up-next-head{
        min-height:38px;
    }

    .dd-watch-up-next-list{
        display:flex;
        flex-direction:column;
        gap:12px;
    }

    .dd-watch-up-next-card{
        grid-template-columns:160px minmax(0,1fr) 12px;
        gap:9px;
    }

    .dd-watch-up-next-media{
        width:160px;
        border-radius:8px;
    }

    .dd-watch-up-next-copy strong{
        font-size:13px;
    }

    .dd-watch-mobile-nav{
        position:fixed;
        z-index:320;
        left:0;
        right:0;
        bottom:0;
        height:58px;
        padding:4px 8px max(4px,env(safe-area-inset-bottom));
        display:grid;
        grid-template-columns:repeat(4,1fr);
        border-top:1px solid #272727;
        background:rgba(15,15,15,.98);
    }

    .dd-watch-mobile-nav a{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:2px;
        color:#aaa;
        font-size:10px;
        text-decoration:none;
    }

    .dd-watch-mobile-nav a.is-active{
        color:#fff;
    }

    .dd-watch-mobile-nav svg{
        width:22px;
        height:22px;
    }

    .dd-watch-login-modal{
        align-items:end;
        padding:0;
    }

    .dd-watch-login-card{
        width:100%;
        max-width:none;
        padding:28px 20px calc(24px + env(safe-area-inset-bottom));
        border-radius:18px 18px 0 0;
    }

    .dd-watch-login-logo{
        width:170px;
    }

    .dd-watch-live-status{
        left:16px;
        right:16px;
        bottom:72px;
        max-width:none;
        text-align:center;
    }
}

@media (max-width:480px){
    .dd-watch-up-next-card{
        grid-template-columns:44% minmax(0,1fr) 10px;
    }

    .dd-watch-up-next-media{
        width:100%;
    }

    .dd-watch-time span:last-child,
    .dd-watch-time span:nth-child(2){
        display:none;
    }

    .dd-watch-autoplay-toggle{
        width:38px!important;
    }

    .dd-watch-controls-right [data-dd-watch-speed-toggle]{
        display:none;
    }
}

@media (prefers-reduced-motion:reduce){
    *,
    *::before,
    *::after{
        scroll-behavior:auto!important;
        animation-duration:.001ms!important;
        animation-iteration-count:1!important;
        transition-duration:.001ms!important;
    }
}