#campaign-center,#campaign-center .campaign-content,#campaign-center .campaign-image{border-radius:clamp(12px,2vw,24px)}
#campaign-center .campaign-content{overflow:hidden}
#modal.lesson-dialog{width:min(1120px,calc(100vw - 24px));padding:clamp(10px,2vw,22px)}
.lesson-dialog>.section-head h2{font-size:clamp(17px,2.2vw,28px)}
.watch-shell{position:relative;background:#101114;border:1px solid #ffffff20;border-radius:14px;overflow:hidden}
.watch-bar,.watch-list header,.asset-row,.material-link{display:flex;align-items:center;gap:10px}
.watch-bar{justify-content:space-between;padding:7px 10px}.watch-bar>strong{font-size:13px;line-height:1.35;color:#ced0d4}.watch-bar>div{display:flex;gap:4px}
.watch-tool{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;color:#eee;background:transparent;border:1px solid #ffffff27}.watch-tool:hover,.watch-tool[aria-expanded=true]{color:var(--amber);background:#ffffff0c}
.watch-stage{position:relative;background:#050506}.watch-media{aspect-ratio:16/9}.watch-media iframe,.watch-media video{display:block;width:100%;height:100%;border:0;object-fit:contain}
.watch-list{position:absolute;z-index:2;right:0;top:0;bottom:0;width:min(320px,50%);overflow:auto;padding:9px;background:#15171af5;border-left:1px solid #ffffff25}.watch-list header{position:sticky;top:-9px;justify-content:space-between;background:#17191c;padding:4px 2px 8px}
.watch-list>button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:0;border-radius:7px;color:#f5f5f5;padding:10px 7px;line-height:1.4}.watch-list>button small{color:var(--amber)}.watch-list>button span{flex:1}.watch-list>button[aria-current=true]{background:#ffffff20;color:#ffffff}
.watch-quality{position:absolute;z-index:3;right:10px;top:49px;max-width:min(290px,92%);background:#232528;border:1px solid #ffffff38;padding:13px;border-radius:10px}.watch-quality small{display:block;margin-top:7px}
.watch-files,.asset-group{padding:12px}.watch-files summary{cursor:pointer;padding:5px;font-weight:600}.material-link{padding:9px 4px;color:inherit;text-decoration:none;min-width:0}.material-link span{flex:1;overflow-wrap:anywhere}.material-link small{white-space:nowrap;color:#abb0b6}.asset-row{justify-content:space-between}.asset-row .material-link{flex:1}.asset-group+.asset-group{border-top:1px solid #ffffff24}.asset-group form{margin-top:12px}
.watch-shell:fullscreen,.watch-expanded{display:flex;flex-direction:column;background:#08090a;border:0;border-radius:0;width:100%;height:100%;overflow:auto}.watch-shell:fullscreen .watch-stage,.watch-expanded .watch-stage{flex:1;min-height:0}.watch-shell:fullscreen .watch-media,.watch-expanded .watch-media{width:100%;height:100%}.watch-shell:fullscreen .watch-files,.watch-expanded .watch-files{max-height:22vh;overflow:auto}
#modal.watch-max{inset:0;margin:0;max-width:none;max-height:none;width:100vw;height:100dvh;border:0;padding:0}#modal.watch-max>.section-head{display:none}
@media(max-width:650px){.watch-list{width:min(250px,78%)}.watch-list>button{padding:7px 4px}.watch-bar>strong{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.watch-list:not([hidden]){animation:oai-playlist-in .2s ease-out}@keyframes oai-playlist-in{from{opacity:.5;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}}