*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#101114;color:#eceef1;font:18px/1.4 Arial,sans-serif;overflow:hidden}header{height:4.2rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.6rem;border-bottom:1px solid #282a30}h1{font-size:1.7rem;margin:0;white-space:nowrap}h1 b{color:#f28b35}h1 span{color:#bec2ca;font-weight:400}nav{display:flex;margin-left:1rem}nav button+button{margin-left:.5rem}[hidden]{display:none!important}button,input,a{font:inherit}button{background:#262b34;border:1px solid #444c5b;color:#eceef1;border-radius:.45rem;padding:.5rem .85rem;min-height:2.5rem;cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}button:focus,a:focus{outline:1px solid #c0c9d7;outline-offset:2px;background:#414b5b;transform:translateY(-.12rem);box-shadow:0 .4rem 1rem rgba(0,0,0,.5)}input:focus{outline:2px solid #a7b7ce;outline-offset:2px}button:disabled{opacity:.45}input{width:100%;border:1px solid #505766;border-radius:.35rem;background:#1b1d22;color:#fff;padding:.6rem}label{display:block;text-align:left;margin:.5rem 0 .2rem}#login{height:calc(100% - 4.2rem);overflow:auto;display:flex;justify-content:center;padding:1rem}form{width:29rem;max-width:88vw;align-self:center;text-align:center}h2{font-size:1.5rem;margin:.4rem 0}p{margin:.5rem 0;color:#c8cbd2}form button{display:block;width:100%;margin-top:.7rem}#submit{background:#a9561b;font-weight:bold}.hint,small{font-size:.8rem;color:#a8aeb8}#viewer{height:calc(100% - 4.2rem)}iframe{width:100%;height:100%;border:0;background:#101114}#player{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:20}video{width:100%;height:100%;object-fit:contain}#controls{position:absolute;bottom:0;left:0;right:0;padding:1.3rem 1.6rem;background:linear-gradient(transparent,rgba(0,0,0,.9) 30%)}#controls h2{font-size:1.3rem}.buttons{display:flex;justify-content:center}.buttons button+button{margin-left:.5rem}.timeline{display:flex;align-items:center;margin:1rem 0}.timeline input{margin:0 1rem;padding:0;border:0}.timeline span{white-space:nowrap}#video-status{color:#ffd0a6}dialog{position:fixed;top:8%;left:18%;right:18%;margin:auto;background:#222831;color:white;border:1px solid #4b5668;border-radius:.8rem;padding:1.5rem;z-index:30;max-width:64%;max-height:84%;overflow:auto;white-space:pre-line;box-shadow:0 1rem 4rem #000}dialog::backdrop{background:rgba(0,0,0,.7)}dialog a,dialog button{display:block;margin-top:.7rem;color:#f5b37e}dialog button{width:100%;color:white}dialog:not([open]){display:none}dialog[open]{display:block}#extension-form{white-space:normal}#extension-status{font-size:.9rem}#player.compact #controls{opacity:0}#player.compact:focus-within #controls{opacity:1}@media(prefers-reduced-motion:reduce){button{transition:none}}