:root{--app-max:1600px;--app-gutter:24px}body{background:#0f0f0f;color:#e9e9e9;color-scheme:dark}body.watch-page:not(.clips-page){--clipper-layout-max:var(--app-max);--clipper-layout-gutter:var(--app-gutter)}body>.top,body>.watch-container,.site-nav,.site-main,.site-footer,.ai-nav,.ai-main,.clips-dashboard,.container.admin,.utility-main{width:calc(100% - var(--app-gutter)*2);max-width:var(--app-max);margin-left:auto;margin-right:auto;box-sizing:border-box}.site-nav,.site-main,.site-footer,.ai-nav,.ai-main{padding-left:0;padding-right:0}body>.top{padding:16px 0;min-height:64px;height:auto;gap:16px}.top nav{display:flex;gap:18px;align-items:center}.utility-main{padding:30px 0}.utility-main form{max-width:560px;display:grid;gap:18px;margin:24px 0}.utility-main label{display:grid;gap:8px}.utility-main input,.utility-main select{box-sizing:border-box;width:100%;padding:13px;border:1px solid #4b5564;border-radius:7px;background:#191919;color:#eee;font:inherit}.mark-primary,.quick-mark{border:1px solid #619fff;background:#347fed;color:#fff;border-radius:7px;padding:13px 18px;font:inherit;min-height:44px;cursor:pointer}.saved-moments{border-bottom:1px solid #333;padding-bottom:25px;margin:24px 0}.saved-moment{padding:16px 0;border-top:1px solid #333;display:flex;gap:16px;align-items:center;justify-content:space-between}.saved-moment p{margin:6px 0;font-size:13px}.saved-moment small{color:#9faabb}.moment-actions{display:flex;gap:16px;align-items:center;flex-shrink:0}.moment-actions button{min-height:44px;padding:9px 14px;cursor:pointer}.moment-actions a{color:#a5c9ff}.admin input,.admin select,.admin textarea{background:#191919;color:#eee;border:1px solid #536074}.admin h1,.admin h2,.admin strong{color:#eee}.admin-cards article,.admin-panel,.admin-source{background:#171b22;color:#d9e3f1}.admin-source,.admin-panel{box-sizing:border-box}.admin .source-row{flex-wrap:wrap}.admin .source-row>*{min-width:0}.admin-message{color:#e9b36c}#quick-mark-status{font-size:11px}a{color:#a4c9ff}@media(max-width:700px){:root{--app-gutter:12px}body>.top{flex-wrap:wrap;gap:12px}.site-nav{height:auto;min-height:70px;gap:12px;flex-wrap:wrap}.site-nav nav{gap:12px;flex-wrap:wrap}.site-nav nav a{font-size:12px}.admin-cards,.resource-grid{grid-template-columns:minmax(0,1fr)!important}.source-row{flex-wrap:wrap}.source-row>input{flex:1 1 100%;width:100%}.saved-moment{align-items:flex-start;flex-direction:column}.moment-actions{width:100%;justify-content:space-between}.clips-dashboard{padding-left:0;padding-right:0}.clips-return{white-space:normal}.clip-policy{flex-wrap:wrap;gap:9px}.clip-policy span{white-space:normal}.attention-card{flex-wrap:wrap}.utility-main h1{font-size:30px}input,select,textarea{max-width:100%}}
.legal-footer{width:calc(100% - var(--app-gutter)*2);max-width:var(--app-max);margin:36px auto 0;padding:24px 0;border-top:1px solid #303030;color:#aaa;font-size:12px;line-height:1.65;box-sizing:border-box}.legal-footer strong{color:#ddd}.legal-footer address{font-style:normal;margin:8px 0}.legal-footer p{max-width:1050px}.admin{min-width:0}.admin pre{white-space:pre-wrap;overflow-wrap:anywhere}

body>.top{background:#0f0f0f;border-bottom:1px solid #303030}.utility-main h1,.utility-main h2,.admin h1,.admin h2{color:#ededed}.utility-main{color:#eee}.admin .card{background:#191919;color:#ddd}.admin .card strong{color:#eee}

/* One workspace width for the editor, account pages and their navigation. */
:root{--app-max:2560px}
body.clips-page>.top,body.clips-page #my-clips{width:calc(100% - var(--app-gutter)*2);max-width:var(--app-max);margin-left:auto;margin-right:auto;box-sizing:border-box}
body.clips-page>.top{padding:16px 0;justify-content:space-between}
body.clips-page #my-clips{padding:0;margin-top:28px}
body.clips-page #my-clips-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px}
body.clips-page .my-clip-row{max-width:520px}
@media(max-width:700px){body.clips-page>.top{padding:12px 0}body.clips-page #my-clips{margin-top:20px}body.clips-page #my-clips-list{grid-template-columns:minmax(0,1fr)}}

.calendar-panel>summary{display:none}.mobile-download-bar{display:none}
@media(max-width:700px){
body.watch-page:not(.clips-page)>.top{position:relative;top:auto}
.calendar-panel{background:#171717;border-bottom:1px solid #303030}
.calendar-panel>summary{display:list-item;cursor:pointer;padding:11px 12px;font-size:12px;color:#bbb;min-height:22px}
.calendar-panel .calendar-jump{padding:10px 12px;gap:10px;flex-wrap:wrap}
.calendar-panel .calendar-jump-title{display:none}
.calendar-panel .calendar-jump label{flex:1 1 130px;min-width:0}
.calendar-panel input{width:100%;box-sizing:border-box}
.mobile-download-bar{display:flex;position:sticky;top:0;z-index:19;background:#0f0f0f;padding:8px 0;border-bottom:1px solid #303030}
.mobile-download-bar .download-action{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:46px;margin:0;padding:10px 14px;font-size:15px;border-radius:8px}
.mobile-download-bar .download-resolution{font-size:11px}
.clip-policy{padding:10px!important;gap:8px!important}
.clip-policy>strong{flex:1 1 100%;font-size:13px}
.clip-policy>span:not(#quick-mark-status){flex:1 1 100%;font-size:11px}
.clip-policy .quick-mark,.clip-policy #my-clips-open{min-height:38px;padding:8px 12px;font-size:12px}
#quick-mark-status:empty{display:none}
}

@media(max-width:700px){
body.watch-page:not(.clips-page){padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
.mobile-download-bar{position:fixed;top:auto;bottom:0;left:0;right:0;box-sizing:border-box;width:100%;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid #333;border-bottom:0;box-shadow:0 -5px 18px #0006;z-index:40}
}

@media(max-width:700px){.mobile-download-bar .download-action{background:#3e8bff;color:#fff;border:0;font-weight:650;box-shadow:none}.mobile-download-bar .download-action:disabled{background:#293d58;color:#a8bbd2;opacity:1;cursor:not-allowed}}