.lecture-player{--lp-blue:#3182f6;color:#fff;outline-offset:4px;background:#101318;border-radius:20px;font-family:inherit;position:relative;overflow:hidden;container-type:inline-size}.lecture-player *,.lecture-player :before,.lecture-player :after{box-sizing:border-box}.lecture-player button,.lecture-player select,.lecture-player input{font:inherit}.lp-screen{background:#101318;place-items:center;min-height:180px;display:grid;position:relative}.lecture-player .lp-screen video,.lecture-player .lp-screen .lp-poster{cursor:pointer;object-fit:contain;width:100%;max-height:70vh;display:block}.lecture-player .lp-big-play{color:#3182f6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#ffffffed;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:68px;height:68px;padding:0;transition:transform .16s,background .16s;display:grid;position:absolute;box-shadow:0 8px 32px #0002}.lp-big-play svg{margin-left:3px}.lecture-player .lp-big-play:hover{background:#fff;transform:scale(1.06)}.lecture-player .lp-big-play:active{transform:scale(.95)}.lp-controls{z-index:3;bottom:max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px)saturate(130%);background:#191f286b;border:1px solid #ffffff24;border-radius:18px;width:auto;max-width:1040px;margin-inline:auto;padding:8px 16px 12px;transition:opacity .2s,transform .2s;position:absolute;left:20px;right:20px;box-shadow:0 8px 32px #0002}.lecture-player[data-controls=hidden]:not(:has(:focus-visible)) .lp-controls{opacity:0;pointer-events:none;transform:translateY(8px)}.lecture-player[data-controls=hidden]:not(:has(:focus-visible)) .lp-screen{cursor:none}.lecture-player[data-controls=hidden]:not(:has(:focus-visible)) .lp-screen video{cursor:none}.lecture-player[data-controls=hidden]:not(:has(:focus-visible)) .lp-caption{bottom:24px}.lp-timeline{align-items:center;height:28px;display:flex;position:relative}.lecture-player .lp-controls input[type=range]{appearance:none;cursor:pointer;border:0;border-radius:99px;height:4px;min-height:0;padding:0}.lecture-player .lp-controls .lp-timeline input[type=range]{z-index:1;background:linear-gradient(to right, var(--lp-blue) var(--lp-progress), #ffffff40 var(--lp-progress));width:100%;margin:0}.lecture-player .lp-controls input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--lp-blue);border:3px solid #fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 1px 5px #191f2833}.lecture-player .lp-controls input[type=range]::-moz-range-thumb{background:var(--lp-blue);border:3px solid #fff;border-radius:50%;width:8px;height:8px;box-shadow:0 1px 5px #191f2833}.lecture-player .lp-controls input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2)}.lecture-player input:disabled{cursor:default;opacity:.4}.lp-marks{pointer-events:none;z-index:2;position:absolute;inset:12px 0}.lp-marks i{background:#fff9;width:2px;height:4px;position:absolute}.lp-toolbar{align-items:center;gap:6px;min-width:0;display:flex}.lecture-player .lp-toolbar button{color:#ffffffe6;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;width:40px;min-width:40px;height:40px;padding:0;transition:background .16s,transform .16s,color .16s;display:grid;position:relative}.lecture-player .lp-toolbar button:hover{color:#fff;background:#ffffff20}.lecture-player .lp-toolbar button:active{transform:scale(.93)}.lecture-player .lp-toolbar .lp-play{color:#fff;background:var(--lp-blue);border-radius:14px;margin-right:4px}.lecture-player .lp-toolbar .lp-play:hover{color:#fff;background:#1b64da}.lp-play svg{fill:currentColor;width:18px}.lp-skip small{font-size:8px;font-weight:700;line-height:12px;position:absolute;top:15px}.lecture-player .lp-toolbar button[aria-pressed=true],.lecture-player .lp-toolbar button[aria-expanded=true]{color:#9bc5ff;background:#3182f633}.lecture-player .lp-toolbar button:disabled{opacity:.3;cursor:default}.lecture-player .lp-toolbar select{color:#fff;cursor:pointer;background:#ffffff18;border:0;border-radius:10px;width:65px;min-height:36px;padding:6px 8px;font-size:12px;font-weight:600}.lp-toolbar select option{color:#191f28;background:#fff}.lp-time{color:#ffffffa6;white-space:nowrap;font-variant-numeric:tabular-nums;flex:1;align-items:center;gap:7px;padding:0 7px;font-size:12px;display:flex}.lp-time strong{color:#fff;font-weight:600}.lecture-player .lp-controls input.lp-volume[type=range]{background:linear-gradient(to right, #fffc var(--lp-volume), #ffffff40 var(--lp-volume));flex-shrink:0;width:48px;margin:0 8px 0 0}.lecture-player .lp-volume::-webkit-slider-thumb{background:#6b7684;border-width:2px;width:11px;height:11px}.lp-caption{text-align:center;pointer-events:none;white-space:pre-line;color:#fff;text-wrap:pretty;width:min(88%,900px);font-size:clamp(14px,2cqi,22px);font-weight:500;line-height:1.7;transition:bottom .2s;position:absolute;bottom:124px}.lp-caption span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#191f28db;border-radius:8px;padding:5px 12px}.lp-preview{color:#333d4b;pointer-events:none;z-index:4;background:#fff;border-radius:12px;width:192px;position:absolute;bottom:32px;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 24px #0003}.lp-preview canvas{background:#191f28;width:192px;height:108px;display:block}.lp-preview strong,.lp-preview span{white-space:nowrap;text-overflow:ellipsis;padding:5px 10px;font-size:11px;display:block;overflow:hidden}.lp-preview span{color:#6b7684;padding-top:0;padding-bottom:10px}.lp-chapters{z-index:4;background:#fff;border-top:1px solid #f2f4f6;border-radius:14px;width:min(400px,100% - 40px);max-height:min(240px,45%);padding:8px;position:absolute;bottom:120px;right:20px;overflow:auto;box-shadow:0 8px 32px #0003}.lecture-player .lp-chapters button{color:#4e5968;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;gap:14px;width:100%;padding:14px;font-size:13px;display:flex}.lecture-player .lp-chapters button:hover{background:#f2f6fc}.lp-chapters time{color:#3182f6;font-variant-numeric:tabular-nums}.lp-chapters span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lp-loading{color:#fff;background:#191f28cc;border-radius:10px;padding:8px 12px;font-size:12px;position:absolute;top:16px;left:16px}.lp-error{z-index:5;color:#b32d3a;background:#fff1f2;border-radius:12px;margin:0;padding:12px 20px;font-size:13px;position:absolute;top:12px;left:12px;right:12px}.lecture-player :is(button,input,select):focus-visible{outline-offset:3px;outline:3px solid #3182f6}.lecture-player:fullscreen{background:#101318;border-radius:0;flex-direction:column;height:100dvh;display:flex}.lecture-player:fullscreen .lp-screen{flex:1;min-height:0}.lecture-player:fullscreen .lp-screen video{height:100%;min-height:0;max-height:100%;position:absolute}.lecture-player:fullscreen .lp-controls{bottom:max(24px, env(safe-area-inset-bottom))}.lecture-player:fullscreen .lp-chapters{flex-shrink:0}@container (width<=560px){.lp-controls{border-radius:14px;padding:6px 10px 10px;bottom:10px;left:10px;right:10px}.lp-toolbar{flex-wrap:wrap;gap:2px}.lecture-player .lp-controls input.lp-volume[type=range]{display:none}.lecture-player .lp-toolbar button{width:36px;min-width:36px;height:40px}.lp-time{gap:4px;padding:0 4px;font-size:11px}.lecture-player .lp-toolbar select{width:58px}.lp-caption{bottom:112px}}@container (width<=420px){.lp-caption{font-size:13px;bottom:154px}.lp-chapters{bottom:152px}.lp-time{flex:1}.lecture-player .lp-toolbar{gap:4px}.lecture-player .lp-toolbar .lp-time+button{margin-left:auto}.lp-toolbar:after{content:"";order:1;width:100%}.lp-toolbar>:nth-child(n+5){order:2}}@media (prefers-reduced-motion:reduce){.lecture-player *{transition:none!important}}