chapter-loop{position:relative;display:block;isolation:isolate;overflow:hidden;border-radius:16px;background:#483728;box-shadow:0 14px 38px #1a110e17;aspect-ratio:16/9;color:#fffaf1;transform:translateZ(0)}
chapter-loop video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.chapter-loop--portrait{aspect-ratio:4/5;max-height:680px}
.chapter-loop__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#160d073a 0%,transparent 25%,transparent 65%,#160d0745 100%)}
.chapter-loop__identity{position:absolute;top:22px;left:22px;display:flex;align-items:center;gap:11px;pointer-events:none;font:10px/1.3 Arial,sans-serif;letter-spacing:.15em;text-shadow:0 1px 8px #0003}
.chapter-loop__monogram{width:36px;height:36px;border:1px solid #fff7;display:grid;place-items:center;border-radius:50%;font:22px/1 Georgia,serif;letter-spacing:-.05em}
.chapter-loop__identity>span>span{display:block;font-size:9px;letter-spacing:.04em;margin-top:4px;opacity:.86}
.chapter-loop__toggle{position:absolute;bottom:20px;right:20px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #fff8;border-radius:50%;background:#2c211854;backdrop-filter:blur(8px);color:inherit;cursor:pointer;transition:background .2s}
.chapter-loop__toggle[hidden]{display:none}.chapter-loop__toggle:hover{background:#2c2118a0}.chapter-loop__toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
.chapter-loop__toggle svg{width:19px;height:19px}.chapter-loop__pause{display:none}.chapter-loop[data-playing] .chapter-loop__pause{display:block}.chapter-loop[data-playing] .chapter-loop__play{display:none}
.chapter-loop__progress{position:absolute;left:22px;right:78px;bottom:39px;height:1px;background:#fff4;overflow:hidden;pointer-events:none}.chapter-loop__progress>span{height:100%;width:100%;display:block;transform:scaleX(0);transform-origin:left;background:#fff9}
@media(max-width:749px){chapter-loop{border-radius:12px}.chapter-loop__identity{top:15px;left:15px;font-size:9px;gap:8px}.chapter-loop__monogram{width:30px;height:30px;font-size:20px}.chapter-loop__identity>span>span{font-size:8px}.chapter-loop__toggle{width:38px;height:38px;bottom:15px;right:15px}.chapter-loop__progress{left:17px;right:69px;bottom:34px}.chapter-loop--portrait{max-height:none}}
@media(prefers-reduced-motion:reduce){.chapter-loop__toggle{transition:none}}