.db-film-stories{margin:6px 0 32px}.db-film-stories h2{font-size:19px;margin:0 0 15px;color:#f5f5f7}.db-film-stories-rail{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:3px 1px 12px}.db-film-stories-rail::-webkit-scrollbar{display:none}.db-film-story{flex:0 0 120px;aspect-ratio:120/174;padding:2px;border:2px solid #e9314b;border-radius:13px;overflow:hidden;background:#17181c;cursor:pointer;scroll-snap-align:start;transition:transform .16s}.db-film-story img{border-radius:9px;display:block;width:100%;height:100%;object-fit:cover}.db-film-story:hover{transform:translateY(-3px);border-color:#e9314b}.db-film-story:focus-visible,.db-reels button:focus-visible,.db-reels a:focus-visible{outline:3px solid #fff;outline-offset:3px}
html.db-reels-open{overflow:hidden}.db-reels{padding:0;border:1px solid #ffffff22;border-radius:18px;background:#101114;color:white;width:min(440px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 24px);overflow:hidden;margin:auto;box-shadow:0 24px 90px #000b}.db-reels::backdrop{background:#000d;backdrop-filter:blur(8px)}.db-reels-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 24px)}.db-reels-top{display:flex;align-items:center;gap:12px;padding:12px 15px;font-size:11px;letter-spacing:.1em;flex-shrink:0}.db-reels-top [data-reel-count]{margin-left:auto;color:#bbb}.db-reels button{border:0;background:transparent;color:white;min-width:44px;min-height:44px;cursor:pointer;border-radius:9px}.db-reels-top button{font-size:23px;min-height:32px}.db-reels progress{width:calc(100% - 28px);margin:0 14px;height:3px;border:0;appearance:none;background:#ffffff24;flex-shrink:0}.db-reels progress::-webkit-progress-bar{background:#ffffff24}.db-reels progress::-webkit-progress-value{background:#e9314b}.db-reels progress::-moz-progress-bar{background:#e9314b}.db-reels-screen{position:relative;aspect-ratio:9/14;min-height:0;max-height:calc(100dvh - 180px);background:#000;touch-action:pan-y;overflow:hidden}.db-reels video{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.db-reels-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#e9314b!important;border-radius:50%!important;width:64px;height:64px;font-size:26px}.db-reels-end,.db-reels-error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:28px;background:#101114ed;text-align:center;overflow-y:auto}.db-reels [hidden]{display:none!important}.db-reels-end>span{font-size:11px;letter-spacing:.13em;color:#c5c5ce}.db-reels-end h2{font-size:27px;line-height:1.2;margin:20px 0 10px}.db-reels-end p{font-size:14px;line-height:1.6;color:#bbb;margin:0 0 22px}.db-reels a{display:block;border-radius:9px;padding:14px 12px;text-decoration:none;color:white;font-weight:700;font-size:14px;cursor:pointer}.db-reels-primary{background:#e9314b}.db-reels-secondary,.db-reels-error a{border:1px solid #ffffff35;margin-top:10px;background:#ffffff08}.db-reels-controls{display:flex;justify-content:space-between;align-items:center;padding:6px 14px;flex-shrink:0}.db-reels-controls button{font-size:19px}.db-reels-controls [data-reel-sound]{font-size:12px}.db-reels-hint{font-size:11px;color:#93939d;margin:0 0 12px;text-align:center;flex-shrink:0}
@media(max-width:767px){.db-film-story{flex-basis:100px}.db-film-stories-rail{gap:10px}.db-reels{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.db-reels-shell{max-height:calc(100dvh - 16px)}.db-reels-screen{max-height:calc(100dvh - 160px)}.db-reels-end{padding:22px}.db-reels-end h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.db-film-story{transition:none}}
.db-stories-heading{display:flex;gap:12px;align-items:center;margin-bottom:12px}.db-stories-heading h2{margin:0;flex:1}.db-stories-heading button{border:1px solid #ffffff35;border-radius:30px;background:#ffffff0d;color:#fff;padding:8px 14px;cursor:pointer;font:inherit;font-size:12px}.db-film-stories [hidden]{display:none!important}.db-film-stories [data-clips-empty]{font-size:14px;color:#aaa}.db-clips-caption{position:absolute;bottom:0;left:0;right:0;padding:80px 70px 16px 18px;background:linear-gradient(transparent,#000d);pointer-events:none}.db-clips-caption h2{font-size:22px;line-height:1.2;margin:0 0 8px}.db-clips-caption p{margin:5px 0;font-size:12px;line-height:1.4;color:#e1e1e1}.db-clips-caption [data-reel-synopsis]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.db-clips-caption a{pointer-events:auto;font-size:12px;padding:8px 0}.db-clips-actions{position:absolute;right:12px;bottom:30px;display:flex;flex-direction:column;gap:12px}.db-clips-actions button{border-radius:50%;background:#262626b8;width:46px;height:46px;font-size:25px;backdrop-filter:blur(8px)}.db-clips-status{font-size:12px;text-align:center;margin:0;padding:0 12px;background:#101114}.db-clips-status:empty{display:none}.db-clips-status a{font-size:12px;padding:6px}.db-reels-end,.db-reels-error{z-index:3}.db-reels-start{z-index:2}.db-clips-page{max-width:520px;margin:0 auto;padding:12px 12px 110px}.db-film-stories--clips{margin:0 0 10px}.db-film-stories--clips .db-film-stories-rail{display:none}.db-reels--inline{position:relative;margin:0 auto;inset:auto;width:100%;max-height:none;border-radius:22px;overflow:hidden}.db-reels--inline[hidden]{display:none}.db-reels--inline .db-reels-shell{max-height:none}.db-reels--inline .db-reels-screen{height:calc(100dvh - 295px);max-height:740px;min-height:330px;aspect-ratio:auto;touch-action:pan-x}.db-reels--inline .db-reels-controls{padding:3px 12px}.db-reels--inline .db-reels-hint{margin-bottom:8px}.db-reels--inline .db-reels-top{padding:5px 15px}.db-reels--inline [data-reel-kind]{font-size:10px;letter-spacing:.08em}.db-reels--inline video{object-fit:contain}@media(max-width:767px){.db-clips-page{padding:6px 0 105px}.db-clips-page .db-stories-heading{padding:0 16px}.db-reels--inline{border:0;border-radius:0;width:100%}.db-reels--inline .db-reels-screen{height:calc(100dvh - 260px);min-height:300px}.db-clips-caption{padding-left:20px}.db-clips-caption h2{font-size:22px}}
@media(max-width:767px){.db-reels--inline .db-reels-screen{height:calc(100dvh - 325px);min-height:260px}.db-clips-caption h2{font-size:20px}.db-clips-caption [data-reel-title]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
/* Clips is an uninterrupted video canvas, with controls above the floating navigation. */
.db-reels--inline{position:fixed;inset:0;z-index:900;width:100%;height:100dvh;max-height:none;max-width:500px;margin:0 auto;border:0;border-radius:0;padding:0;box-shadow:none;background:#000}
.db-reels--inline .db-reels-shell,.db-reels--inline .db-reels-screen{height:100%;width:100%;max-height:none;min-height:0;aspect-ratio:auto}
.db-reels--inline .db-reels-screen{touch-action:none}
.db-reels--inline video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.db-reels--inline[data-landscape="true"] video{object-fit:contain}
.db-reels--inline .db-reels-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.18) 65%,rgba(0,0,0,.82) 100%);pointer-events:none}
.db-reels--inline .db-reels-top,.db-reels--inline .db-reels-controls,.db-reels--inline .db-reels-hint{display:none}
.db-reels--inline .db-clips-caption{z-index:2;bottom:calc(105px + env(safe-area-inset-bottom,0px));left:0;right:0;padding:0 84px 0 20px;background:none}
.db-reels--inline .db-clips-caption [data-reel-title]{font-size:20px;line-height:1.2;max-height:2.4em;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.db-reels--inline .db-clips-caption [data-reel-genres]{font-size:12px;font-weight:600;margin:0 0 8px}
.db-reels--inline .db-clips-caption [data-reel-synopsis]{font-size:13px;line-height:1.45;-webkit-line-clamp:2;margin:0 0 5px}
.db-reels--inline .db-clips-caption [data-reel-watch]{font-size:12px;line-height:1.3;margin:0 0 10px;padding:4px 0}
.db-reels--inline .db-clips-timeline{width:calc(100% + 64px);display:flex;align-items:center;gap:10px;height:16px}
.db-reels--inline .db-clips-timeline progress{margin:0;width:auto;flex:1;min-width:0;height:2px;background:#ffffff45}
.db-reels--inline .db-clips-timeline progress::-webkit-progress-value{background:#fff}
.db-reels--inline .db-clips-timeline progress::-moz-progress-bar{background:#fff}
.db-reels--inline [data-reel-time]{font-size:11px;line-height:1;white-space:nowrap;color:#c8c8ca;font-variant-numeric:tabular-nums}
.db-reels--inline .db-clips-actions{z-index:4;right:16px;bottom:calc(173px + env(safe-area-inset-bottom,0px));gap:12px}
.db-reels--inline .db-clips-actions button{width:44px;height:44px;min-height:44px;min-width:44px;border-radius:50%;background:rgba(46,45,47,.72);font-size:32px;font-weight:300;padding:10px}
.db-clips-actions svg{width:24px;height:24px;display:block}
[data-reel-sound][data-muted="true"] .db-sound-on,[data-reel-sound][data-muted="false"] .db-sound-off{display:none}
.db-reels--inline .db-reels-start{z-index:3;background:rgba(0,0,0,.3)!important;width:58px;height:58px;font-size:22px}
.db-reels--inline .db-reels-end,.db-reels--inline .db-reels-error{z-index:5;padding-bottom:130px}
.db-reels--inline .db-clips-status{position:absolute;z-index:6;top:70px;left:20px;right:20px;border-radius:10px;padding:10px;background:#161618dd}
.db-clips-page{padding:0;margin:0;max-width:none}
.db-film-stories--clips .db-stories-heading{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));right:max(16px,calc((100vw - 468px)/2));z-index:950;margin:0;padding:0}
.db-film-stories--clips .db-stories-heading h2{display:none}
.db-film-stories--clips .db-stories-heading button{font-size:11px;padding:7px 11px;color:#ddd;border:1px solid #ffffff20;background:#16161870;backdrop-filter:blur(10px)}
.db-film-stories--clips [data-clips-empty]{position:fixed;z-index:901;inset:40% 24px auto;text-align:center;background:#000;padding:24px}
@media(max-width:767px){.db-reels--inline{max-width:none}.db-reels--inline .db-reels-screen{height:100%;min-height:0}.db-clips-page{padding:0}}
@media(max-height:700px){.db-reels--inline .db-clips-caption{bottom:calc(99px + env(safe-area-inset-bottom,0px))}.db-reels--inline .db-clips-caption [data-reel-title]{font-size:19px}.db-reels--inline .db-clips-caption [data-reel-synopsis]{-webkit-line-clamp:1}}