@import url('/video/fonts/fonts.css');
@font-face{font-family:'Noto Sans JP';src:url('/fonts/NotoSansJP-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;padding:0;background:#111819}
a{color:inherit;text-decoration:none}
.wrap{max-width:none;gap:0;background:#111819}
.frame{box-shadow:none;cursor:pointer;flex-shrink:0}
#player-ui{position:relative;padding:0 14px 4px;color:#f4f5f3;background:#111819;border-top:1px solid #243235}
.transport{display:flex;align-items:center;gap:4px;height:44px}
.transport-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:0;border-radius:5px;background:transparent;color:#d3dedd;cursor:pointer;transition:background .15s,color .15s}
.transport-button:hover,.transport-button[aria-pressed=true]{color:#fff;background:#ffffff18}
.transport-spacer{flex:1}
.film-label{font:500 9px var(--body);letter-spacing:.2em;color:#899b9d;margin-right:16px}
#time{min-width:0;margin-left:8px;color:#e3ebeb;font:400 11px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
#time span{color:#839394}
.seek-track{display:flex;align-items:center;height:20px}
#scrub{--progress:0%;display:block;appearance:none;-webkit-appearance:none;flex:1;width:100%;min-width:0;height:22px;margin:0;cursor:pointer;background:transparent;accent-color:#cadfdb}
#scrub::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,#bfdad6 var(--progress),#3a484a var(--progress))}
#scrub::-moz-range-track{height:3px;border-radius:2px;background:#3a484a}
#scrub::-moz-range-progress{height:3px;background:#bfdad6}
#scrub::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#bfdad6;margin-top:-4px;box-shadow:0 1px 5px #0004}
#scrub::-moz-range-thumb{width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#bfdad6}
.center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:82px;height:82px;border-radius:50%;border:1px solid #ffffffa8;background:#073d47ed;box-shadow:0 0 0 7px #ffffff80,0 10px 36px #0a242a35;color:#fff;cursor:pointer;opacity:1;transition:opacity .2s,background .2s}
.center-play svg{width:29px;height:29px}
.center-play:hover{background:#0a5260}
.is-playing .center-play{opacity:0;pointer-events:none}

.buffering{position:absolute;top:calc(50% + 58px);left:calc(50% - 9px);width:18px;height:18px;border:2px solid #0a4f5c44;border-top-color:#0a4f5c;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.subtitles{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:max-content;max-width:86%;padding:7px 12px;border-radius:3px;background:#101819ed;color:#fff;font:500 clamp(11px,1.7vw,19px)/1.55 var(--body);text-align:center;pointer-events:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid #acd8d0;outline-offset:3px}
[hidden]{display:none!important}
.wrap:fullscreen,.expanded .wrap{height:100dvh;justify-content:center;background:#111819;padding:0}
.wrap:fullscreen .frame,.expanded .frame{width:min(100%,calc((100dvh - 69px)*16/9));margin-inline:auto}
.wrap:fullscreen #player-ui,.expanded #player-ui{width:min(100%,calc((100dvh - 69px)*16/9));margin-inline:auto}
html:lang(fr) #iSub{font-size:30px!important}
html:lang(fr) .node .l{font-size:19px}
@font-face{font-family:'Noto Sans SC';src:url('/fonts/NotoSansSC-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
html:lang(zh){--body:'Montserrat','Noto Sans SC','PingFang SC','Microsoft YaHei',system-ui,sans-serif;--display:'Bodoni Moda','Noto Sans SC',serif}
@media(max-width:600px){
 #player-ui{padding:0 8px 4px}
 .transport{height:44px;gap:1px}
 .transport-button{width:44px;height:44px}
 .transport-button svg{width:19px;height:19px}
 .film-label{display:none}
 #time{font-size:10px;margin-left:5px}
 .center-play{width:58px;height:58px;box-shadow:0 0 0 5px #ffffff80,0 8px 24px #0a242a30}
 .center-play svg{width:24px;height:24px}
 .subtitles{bottom:8px;padding:4px 8px;max-width:92%}
 .buffering{top:calc(50% + 43px)}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.buffering{animation:none}}

.enable-sound{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid #d4dfdc;border-radius:6px;background:#fffefcF5;box-shadow:0 4px 18px #19383b12;color:#0a4f5c;font:600 12px var(--body);cursor:pointer}
.enable-sound:hover{background:#eaf2f0}
.enable-sound svg{width:18px;height:18px}
@media(max-width:600px){.enable-sound{right:8px;bottom:8px;min-height:36px;font-size:10px;padding:7px 10px}}

html:lang(ja){--body:'Montserrat','Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',system-ui,sans-serif}