*{box-sizing:border-box}body{margin:0;background:#f5f4f0;color:#3d3d3d;font:16px/1.55 system-ui,sans-serif}.chapter-player{max-width:1060px;margin:auto;padding:28px}header img{display:block;width:260px;max-width:70%;margin-bottom:18px}h1,h2{color:#104a78;line-height:1.25}.badge{display:inline-block;font-size:12px;font-weight:700;color:#104a78;background:#eaf4fa;padding:6px 10px;border-radius:6px}.notice{border-left:4px solid #3195d3;background:#eaf4fa;padding:12px 16px}.stage{position:relative;background:#104a78;aspect-ratio:16/9;min-height:0;border-radius:12px;overflow:hidden;color:white;display:grid;align-items:center}.stage h2{color:white;font-size:clamp(22px,3.5vw,36px);margin:12px 0}.stage video{position:absolute;width:100%;height:100%;object-fit:contain}#stageText{position:relative;pointer-events:none;padding:36px;max-width:850px}.stage p{margin:8px 0}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0}button,select{font:inherit;color:#104a78;border:1px solid #b7cbd9;border-radius:6px;background:white;padding:10px 14px;min-height:44px}button{cursor:pointer}button:hover{background:#eaf4fa}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ec8b1d;outline-offset:3px}output{margin-left:auto;font-variant-numeric:tabular-nums}label{display:block}#chapterSelect{width:100%;margin-top:8px}.rail{position:relative;margin:16px 0 28px}.rail input{display:block;width:100%;min-height:44px;accent-color:#3195d3;margin:0}.markers{position:relative;height:32px;margin:0 8px}.marker{position:absolute;transform:translateX(-50%);min-width:28px;min-height:28px;padding:1px 4px;border-color:#3195d3;font-size:11px;white-space:nowrap}.marker[aria-current="true"]{background:#104a78;color:white}details{background:white;border:1px solid #dce5eb;border-radius:8px;padding:15px;margin:16px 0}summary{cursor:pointer;font-weight:600}ol{padding-left:24px}li{margin:8px 0}li button{text-align:left;width:100%;font-size:15px}.foot{font-size:13px;color:#677684}@media(max-width:600px){.chapter-player{padding:16px}.stage{min-height:0}#stageText{padding:24px}.controls button{flex:1 1 40%}output{margin:0}.marker{min-width:24px;font-size:10px}.controls label{width:100%}}