:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;background:#f4f1ea;color:#262420;font-synthesis:none;--red:#ac302e;--line:#dcd6cc;--muted:#80796f}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 100% 0,#e8d8ce77,transparent 45%)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}.page{max-width:1208px;margin:auto;padding:0 44px}
.header{min-height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:12px;align-items:center;text-decoration:none;font-size:27px;font-weight:800;letter-spacing:-1.1px}.brand-mark{width:14px;height:22px;background:var(--red);border-radius:2px}.header-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:42px 0 26px}.eyebrow{color:var(--red);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin:0 0 13px}h1{font-size:clamp(42px,5.8vw,72px);font-weight:500;letter-spacing:-.065em;line-height:1.08;margin:0}h1>span{color:var(--red)}.video-meta{display:flex;align-items:center;gap:13px;margin:0 0 7px;color:var(--muted);font-size:11px;letter-spacing:.07em;white-space:nowrap}.meta-divider{width:1px;height:12px;background:var(--line)}
.player{padding:10px;border:1px solid #d7cfc3;border-radius:14px;background:#fffdf8;box-shadow:0 12px 36px #3b27140a}.media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#090909}video{display:block;width:100%;height:100%;object-fit:contain}.enable-sound{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;border:1px solid #ffffff40;border-radius:100px;background:#fffdf8f0;color:#262420;font-size:14px;white-space:nowrap;padding:18px 25px;box-shadow:0 5px 30px #0004}.enable-sound>span{color:var(--red);font-size:12px}.enable-sound:hover{background:#fff}.error{position:absolute;inset:0;margin:0;display:grid;place-items:center;background:#090909c9;color:white;padding:20px;text-align:center;font-size:14px}
.controls{padding:16px 12px 7px}.timeline{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.timeline input{flex:1;min-width:0}.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.main-actions{display:flex;align-items:center;gap:10px}.actions button{min-height:42px;border:0;border-radius:7px;padding:0 18px;font-size:12px}.play{background:var(--red);color:white;min-width:100px}.play:hover{background:#922422}.sound,.fullscreen{background:transparent;color:#49433b}.sound:hover,.fullscreen:hover{background:#eee8df}.fullscreen{display:flex;align-items:center;justify-content:center;gap:7px}.volume{width:78px}input[type=range]{height:16px;accent-color:var(--red);cursor:pointer}.below-player{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;letter-spacing:.05em;margin:15px 5px 0}.repeat-icon{font-size:16px;vertical-align:-1px;margin-right:5px;color:var(--red)}
footer{border-top:1px solid var(--line);margin-top:44px;padding:23px 0 27px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}footer>span:first-child{color:#4d463d;letter-spacing:.09em;font-weight:700}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:4px}[hidden]{display:none!important}
.player:fullscreen{display:flex;flex-direction:column;width:100vw;height:100vh;max-width:none;padding:0;border:0;border-radius:0;background:#fffdf8}.player:fullscreen .media{flex:1;min-height:0;aspect-ratio:auto;border-radius:0}.player:fullscreen .controls{flex-shrink:0;padding-bottom:18px}
@media(max-width:640px){.page{padding:0 18px}.header{min-height:78px}.brand{font-size:24px;gap:9px}.header-label{font-size:9px;letter-spacing:.08em}.intro{padding:30px 0 21px;align-items:flex-start;flex-direction:column;gap:14px}.eyebrow{font-size:9px;margin-bottom:11px}h1{font-size:48px}.video-meta{font-size:10px;margin:0}.player{padding:6px;border-radius:10px}.media{border-radius:5px}.controls{padding:12px 4px 3px}.timeline{gap:8px;font-size:9px}.actions{gap:3px;margin-top:9px}.main-actions{gap:2px}.actions button{padding:0 10px;font-size:11px;min-height:44px}.play{min-width:85px}.volume{display:none}.fullscreen>span{display:none}.fullscreen{width:36px;padding:0!important}.enable-sound{font-size:12px;gap:10px;padding:14px 18px}.below-player{font-size:8px;letter-spacing:0;margin-top:10px;gap:5px}footer{margin-top:30px;padding:20px 0;font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}