.ot-hub .ot-workshop-chapters{margin-top:20px;border:1px solid #dce5e3;border-radius:12px;background:#f7faf9;padding:16px 20px;color:#364b48}
.ot-hub .ot-workshop-chapters[hidden]{display:none}
.ot-hub .ot-workshop-chapters summary{cursor:pointer;color:#08776d;font-size:16px;font-weight:700;line-height:1.5}
.ot-hub .ot-workshop-chapters p{font-size:14px;margin:12px 0;line-height:1.5}
.ot-hub .ot-chapter-list{list-style:none;padding:0;margin:0;max-height:340px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.ot-hub .ot-chapter-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;border-top:1px solid #dce5e3}
.ot-hub .ot-chapter-title{font-size:14px;line-height:1.5}
.ot-hub .ot-chapter-times{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0;max-width:50%}
.ot-hub .ot-chapter-times button{border:1px solid #08776d;border-radius:7px;padding:8px 12px;min-height:44px;background:#fff;color:#08776d;font:inherit;font-size:13px;font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap}
.ot-hub .ot-chapter-times button:hover{background:#e8f5f3}
.ot-hub .ot-chapter-times button:focus-visible{outline:3px solid #e4482e;outline-offset:2px}
.ot-hub .ot-chapter-status:empty{display:none}
@media(max-width:575px){.ot-hub .ot-workshop-chapters{padding:14px}.ot-hub .ot-chapter-list li{align-items:flex-start;flex-direction:column;gap:8px}.ot-hub .ot-chapter-times{max-width:100%}}
.ot-hub .plyr .ot-player-topics{position:absolute;top:12px;right:12px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:min(420px,calc(100% - 24px));color:#fff;pointer-events:none;opacity:.75;transition:opacity .2s ease}
.ot-hub .plyr .ot-player-topics:hover,.ot-hub .plyr .ot-player-topics:focus-within{opacity:1}
@media(prefers-reduced-motion:reduce){.ot-hub .plyr .ot-player-topics{transition:none}}
.ot-hub .plyr .ot-player-topics[hidden],.ot-hub .plyr .ot-player-topics-picker[hidden],.ot-hub .plyr .ot-player-chapter-marker[hidden],.ot-hub .plyr .ot-player-chapter-tooltip[hidden]{display:none}
.ot-hub .plyr .ot-player-topics-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;max-width:100%;height:auto;min-height:44px;padding:10px 12px;border:1px solid #ffffff60;border-radius:9px;background:#182e2be6;color:#fff;font:inherit;font-size:13px;font-weight:600;line-height:1.4;white-space:normal;text-align:left;cursor:pointer;pointer-events:auto}
.ot-hub .ot-player-topics-toggle svg{width:22px;height:22px;flex-shrink:0}
.ot-hub .ot-player-topics-picker{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;padding:12px;border:1px solid #ffffff60;border-radius:9px;background:#182e2bf5;box-shadow:0 4px 16px #0004;pointer-events:auto}
.ot-hub .ot-player-topics label{font-size:12px;font-weight:700;margin:0}
.ot-hub .ot-player-topics select{flex:1;min-width:0;width:0;max-width:100%;min-height:32px;border:1px solid #ffffff60;border-radius:6px;background:#182e2b;color:#fff;font:inherit;font-size:12px;padding:5px 26px 5px 8px;text-overflow:ellipsis;cursor:pointer}
.ot-hub .ot-player-topics select:focus-visible,.ot-hub .ot-player-topics-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ot-hub .ot-player-topics .ot-chapter-status{flex:0 0 100%;margin:0;font-size:12px;color:#fff}
.ot-hub .ot-player-chapter-marker{position:absolute;top:50%;height:9px;width:3px;background:#efb867;transform:translate(-50%,-50%);border-radius:1px;pointer-events:none;z-index:2}
.ot-hub .ot-player-chapter-tooltip{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);width:max-content;max-width:100%;padding:6px 9px;border-radius:6px;background:#fff;color:#183d37;font-size:12px;font-weight:600;line-height:1.4;text-align:center;white-space:normal;overflow-wrap:anywhere;pointer-events:none;z-index:4;box-shadow:0 2px 10px #0004}