*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#080b11;color:#c4cbd7;font-family:Arial,'Hiragino Kaku Gothic ProN',sans-serif;display:flex;flex-direction:column}header{height:76px;flex-shrink:0;padding:0 35px;display:flex;justify-content:space-between;align-items:center;font:9px monospace;letter-spacing:1.6px;color:#88929f}a{color:inherit;text-decoration:none}a:hover{color:#e9f1ff}main{min-height:0;flex:1;position:relative;display:flex;align-items:center;justify-content:center}video{display:block;width:100%;height:100%;object-fit:contain;background:#080b11}#status{position:absolute;bottom:24px;font-size:11px;letter-spacing:1px;background:#080b11b8;padding:9px 14px}#status:empty{display:none}footer{height:118px;flex-shrink:0;padding:17px 35px 28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.title h1{font-size:22px;font-weight:400;letter-spacing:7px;margin:0}.title p{font:8px monospace;letter-spacing:2px;margin:9px 0 0;color:#8997a9}.playback{width:360px}.buttons{display:flex;gap:5px;justify-content:space-between}button{color:#b5c4d5;cursor:pointer;border:1px solid #3d4a5c77;background:transparent;border-radius:3px;padding:9px 11px;font-size:10px;white-space:nowrap}button:hover{background:#202a38;border-color:#66768d}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a2cfff;outline-offset:4px}.timeline{display:flex;align-items:center;gap:11px;margin-top:14px;font:9px monospace;color:#90a0b3}.timeline input{appearance:none;flex:1;width:100%;height:2px;background:#526074;cursor:pointer}.timeline input::-webkit-slider-thumb{appearance:none;width:8px;height:8px;background:#c8e1f7;border-radius:50%}.timeline input::-moz-range-thumb{width:8px;height:8px;background:#c8e1f7;border:0;border-radius:50%}.download{font-size:9px;letter-spacing:1px;color:#8090a3}@media(max-width:700px){header{height:58px;padding:0 20px;font-size:8px;letter-spacing:.7px}header span{font-size:7px}footer{height:auto;min-height:181px;padding:10px 20px 25px;display:grid;grid-template-columns:1fr auto;gap:16px}.title h1{font-size:18px;letter-spacing:5px}.title p{font-size:7px}.playback{width:100%;grid-row:2;grid-column:1/3}.buttons button{flex:1;min-height:44px;font-size:9px;padding:8px}.download{grid-row:1;grid-column:2;font-size:8px}.timeline{margin-top:16px}#status{bottom:10px;font-size:9px}}@media(max-height:560px) and (min-width:701px){header{height:35px;padding:0 22px}footer{height:78px;padding:10px 22px;gap:20px}.title h1{font-size:16px}.title p{font-size:7px;margin-top:5px}.timeline{margin-top:7px}button{padding:7px 10px}}