/* Selected moments: an invitation, then an uninterrupted full-frame screening. */
.sf-watch{display:flex;align-items:baseline;gap:14px;margin:18px 0 0 4px;padding:3px 0;pointer-events:auto;color:#eeeae0;font:400 21px/1.3 EB,Georgia,'Songti SC',serif;letter-spacing:0;text-shadow:0 1px 10px #0009}
.sf-watch:hover .sf-watch-label{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.sf-watch-time{font-size:14px;font-variant-numeric:tabular-nums;opacity:.8}
.sf-screen{position:fixed;inset:0;margin:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;box-shadow:none;background:#0b0908;overflow:hidden;color:#eeeae0}
.sf-screen::backdrop{background:#0b0908}
.sf-screen video{display:block;width:100%;height:100%;object-fit:contain;background:#0b0908}
.sf-screen button{min-width:44px;min-height:44px;padding:10px;font:400 14px/1.2 EB,Georgia,'Songti SC',serif;color:inherit}
.sf-screen button:hover{color:#fff}
.sf-screen button:focus-visible,.sf-screen input:focus-visible{outline:1px solid #eeeae0;outline-offset:3px}
.sf-screen-top{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));font-size:16px}
.sf-screen-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:12px max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));font-size:13px;font-variant-numeric:tabular-nums}
.sf-screen-seek{flex:1;min-width:30px;height:30px;accent-color:#eeeae0;cursor:pointer}
.sf-screen-clock{white-space:nowrap}
.sf-screen-top,.sf-screen-controls{opacity:1;transition:opacity .25s;background:linear-gradient(#0b0908cc,transparent)}
.sf-screen-controls{background:linear-gradient(transparent,#0b0908dd)}
.sf-screen.sf-idle{cursor:none}
.sf-screen.sf-idle .sf-screen-top,.sf-screen.sf-idle .sf-screen-controls{opacity:0;pointer-events:none}
.sf-screen.sf-idle :focus-visible{visibility:visible}
.sf-screen-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:80%;text-align:center;font-size:18px;pointer-events:none}
.sf-screen-status:empty{display:none}
@media(max-width:680px){.sf-watch{font-size:17px;margin:8px 0 0 1px;gap:12px}.sf-watch-time{font-size:12px}.sf-screen-top{font-size:14px}.sf-screen-controls{gap:4px;flex-wrap:wrap}.sf-screen-seek{order:-1;flex-basis:100%;width:100%;margin:0}.sf-screen-clock{margin-right:auto}.sf-screen button{font-size:14px}}
@media(max-height:450px) and (orientation:landscape){.sf-screen-top{padding-top:3px;padding-bottom:0}.sf-screen-controls{flex-wrap:nowrap;padding-top:0;padding-bottom:3px}.sf-screen-seek{order:0;flex-basis:auto;width:auto}.sf-screen button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.sf-screen-top,.sf-screen-controls{transition:none}}
@media(min-width:681px){.opening-title h1{display:inline-block}.sf-watch{display:inline-flex;margin:0 0 4px 28px;vertical-align:baseline}}
@media(max-width:680px){.opening-title{top:calc(34vw - 12px)}}
.sf-screen-content{position:relative;width:100%;height:100%;background:#0b0908}