:root{--roboto: "Roboto", sans-serif;--lato: "Roboto", sans-serif;--ptSans: "PT Sans Narrow", sans-serif;--timeline-bg: #1e1e2a;--timeline-ruler: #181920;--timeline-digits: #fff;--timeline-border: #335c76;--light: #f9f9f9;--blue: #3c91e6;--light-blue: #cfe8ff;--grey: #eee;--dark-grey: #aaaaaa;--dark: #342e37;--red: #db504a;--yellow: #ffce26;--light-yellow: #fff2c6;--orange: #f88e60;--light-orange: #ffe0d3;--green: rgb(187, 251, 187);--green-lt: #008f399e;--salmon: #f8d4d4}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000}.app{width:100%;height:calc(100vh - 4px);display:flex;flex-direction:column}.zero-opacity{display:none}.video-wrapper{position:relative;flex-grow:1;width:100%;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.list{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-around}.list span{padding:10px;border:1px solid crimson;cursor:pointer}.player{max-width:640px;width:100%}.play-section{margin-top:50px;display:flex;gap:20px}.play-buttons{display:flex;align-items:center;gap:10px}.btn{padding:5px;border:1px solid #555;border-radius:3px;min-width:70px}.calendar{margin-top:20px}.calendar-wrapper{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap;width:90%;max-height:100%;overflow-y:auto;justify-content:flex-start}.tag{padding:10px;border:1px solid #555;background-color:#1e1e2a;border-radius:3px;cursor:pointer}.tag:hover{background-color:#f0f8ff}.timeline-wrapper{width:100%;background-color:var(--timeline-bg)}.timeline-ruler{position:relative;border-bottom:2px solid var(--timeline-border);height:26px;background-color:var(--timeline-ruler);width:100%}.digits{position:absolute;top:0;color:var(--timeline-digits);font-size:12px}.mark{position:absolute;bottom:0;display:inline-block;border:none;background-color:#fff}.timeline-parts-buttons{margin-left:5px;display:flex;gap:3px}.timeline-parts-wrapper{position:relative;overflow-x:hidden;overflow-y:hidden;width:100%;scrollbar-width:thin;height:90px}.timeline-buttons{display:flex;flex-direction:column}.timeline-buttons button{width:40px;height:100%;font-size:32px;color:#fff;background-color:transparent;border:none}.timeline-buttons button:disabled{color:#aaa}.parts-wrapper{position:relative;height:60px}.timeline-part{position:absolute;height:40px;background-color:#83abbd}.marker{position:absolute;top:0;width:2px;height:68px;background-color:#f03;z-index:100}.speed-control{display:flex;flex-direction:column}@media screen and (max-width: 767px){.play-section{flex-direction:column}}.video-btn{position:absolute;right:20px;bottom:40px;background-color:transparent;color:#f0f8ff;border:1px solid aliceblue}.video-controls{display:flex;align-items:center;justify-content:space-between}[draggable=true]{cursor:col-resize}video{object-fit:contain}.controls{position:absolute;left:0;top:0;width:100%;height:100%;background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#fff}.footer{display:flex;flex-direction:column;justify-content:space-around;width:100%;color:#fff}.date-speed-section{display:flex;justify-content:space-between;padding:20px;align-items:center}.date-time{display:flex;align-items:center;gap:10px}.date-time img{width:40px;height:auto}.date{text-align:right}