:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#f4f7fa;background:#12151a;font-synthesis:none;--line:#343c45;--muted:#b5bfc9;--accent:#a8dbc9}
*{box-sizing:border-box;letter-spacing:0}
body{margin:0;line-height:1.5}
a{color:inherit;text-underline-offset:4px}
button,input{font:inherit}
button,a,video{touch-action:manipulation}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,video:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.wrap{width:min(1280px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:fixed;top:-100px;left:16px;z-index:20;padding:12px 20px;color:#14191f;background:#fff}.skip-link:focus{top:12px}
.library-header{background:#fff;color:#20242a;border-bottom:1px solid #e5e8eb}
.library-header>.wrap{height:82px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.library-header img{display:block;width:210px;height:auto;max-width:100%}
.library-header a:last-child{font-size:14px;text-decoration:none;font-weight:600}
.watch{padding-top:44px}
.film-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}
.eyebrow{font-size:13px;font-weight:650;color:var(--accent);margin:0 0 10px}
h1{font-size:46px;line-height:1.12;margin:0;font-weight:680;overflow-wrap:break-word}
.lead{font-size:20px;margin:14px 0 0;color:var(--muted)}
.film-duration{font-size:14px;text-align:right;white-space:nowrap;color:#e0e5e9;margin:0 0 2px}.film-duration span{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.film-stage{width:100%;aspect-ratio:16/9;background:#080b0f;overflow:hidden;border:1px solid #2e353e;border-radius:6px}
.film-stage[data-orientation="portrait"]{aspect-ratio:9/16;max-width:540px;margin-inline:auto}
.film-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#080b0f}
.film-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin-top:18px}
.film-actions>p{font-size:13px;line-height:1.7;color:var(--muted);max-width:690px;margin:0}
.action-links{display:flex;align-items:center;gap:20px;flex-shrink:0}
.action-links button,.action-links a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:550;color:#e8edf1;white-space:nowrap;border:0;background:none;padding:2px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.action-links img{filter:invert(1);opacity:.9}
.share-status{min-height:20px;font-size:12px;color:var(--accent);margin:7px 0 10px}
#share-fallback{display:grid;gap:6px;margin-top:14px;font-size:13px;color:var(--muted)}#share-url{width:100%;padding:10px;color:#12151a;background:#f5f7f8;border:1px solid #b7c1ca;border-radius:4px}
.playback-error{padding:14px;border:1px solid #c89279;border-radius:4px;color:#f4d6c9;font-size:14px}
.chapter-bar{display:flex;gap:24px;align-items:flex-start;padding:22px 0 30px;border-bottom:1px solid var(--line)}
.chapter-bar h2{font-size:14px;white-space:nowrap;margin:4px 0 0;font-weight:650}
.chapters{display:flex;flex-wrap:wrap;gap:9px 18px}
.chapters button{font-size:13px;border:0;background:none;color:var(--muted);padding:4px 0;cursor:pointer;text-align:left}.chapters button:hover,.chapters button[aria-current=true]{color:#fff;text-decoration:underline;text-underline-offset:5px}.chapters button span{font-variant-numeric:tabular-nums;color:#81908c;font-size:11px;margin-right:5px}
.library{padding:36px 0 44px}
.library-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.library-heading h2{font-size:22px;margin:0}.library-heading a{font-size:13px;color:var(--muted)}
.film-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.film-tabs button{text-align:left;min-width:0;padding:0 0 16px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:inherit;cursor:pointer}
.film-tabs button[aria-selected=true]{border-bottom-color:var(--accent)}
.film-tabs button:hover .thumbnail{border-color:#a3b1bf}.film-tabs button[aria-selected=true] .thumbnail{border-color:var(--accent)}
.thumbnail{display:block;aspect-ratio:16/9;background:#090c10;border:1px solid var(--line);border-radius:5px;overflow:hidden;transition:border-color .18s ease}
.thumbnail img{width:100%;height:100%;display:block;object-fit:contain}
.tab-title{display:block;font-size:15px;font-weight:650;margin-top:12px}.tab-detail{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);margin-top:5px}
.library-footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:26px;padding-bottom:32px;font-size:12px;color:var(--muted)}.library-footer nav{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:850px){.film-actions{flex-direction:column;gap:14px}.film-tabs{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-bar{flex-direction:column;gap:12px}.library-heading{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.library-header>.wrap{height:70px}.library-header img{width:172px}.watch{padding-top:28px}.film-heading{display:block;margin-bottom:20px}h1{font-size:34px;line-height:1.16}.lead{font-size:17px;margin-top:12px}.film-duration{display:flex;text-align:left;gap:14px;align-items:center;margin-top:14px;font-size:12px}.film-duration span{margin:0}.film-actions>p{font-size:12px}.action-links{gap:22px}.tab-title{font-size:14px;line-height:1.4}.tab-detail{font-size:11px;flex-wrap:wrap}.film-tabs{gap:22px 14px}.library-heading h2{font-size:20px}.library-footer{flex-direction:column;gap:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}