#media-container{background-color:var(--bg);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light)}#header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 4px 2px;background-color:var(--bg);border-bottom:1px solid var(--border-dark);height:25px}#header-left{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}#header-text{color:var(--text);font-size:16px;line-height:15px;text-decoration:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#header-right{display:flex;align-items:center;gap:6px;padding-right:3px}#toggle-panels-btn{width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:14px;font-weight:700;border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);background-color:var(--bg)}#toggle-panels-btn:hover{background-color:var(--secondary-bg)}#toggle-panels-btn:active{border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}#player-wrapper{position:relative;margin:8px;border:1px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);background-color:var(--secondary-bg)}#player-content{position:relative;width:100%;height:100%}#thumbnail-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}#thumbnail-overlay img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 9;filter:brightness(.5);z-index:0}.tint-overlay{position:absolute;width:100%;height:100%;background-color:var(--accent);opacity:.3;z-index:1;inset:0;-webkit-user-select:none;user-select:none}.cs16-play-btn{position:relative;z-index:2;width:64px;height:64px;background-color:var(--bg);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);display:flex;align-items:center;justify-content:center}.cs16-play-btn:active{border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}.play-icon-large{width:0;height:0;border-style:solid;border-width:15px 0 15px 24px;border-color:transparent transparent transparent var(--accent);margin-left:6px}#player-container{position:relative;width:100%;height:100%;z-index:1}#player-container.hidden{visibility:hidden}#controls-container{display:flex;align-items:center;margin:0 8px 8px;padding:6px;background-color:var(--secondary-bg);border:1px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}#controls-left{display:flex;align-items:center}#play-pause-btn{width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center}#play-pause-btn,#mute-btn,#fullscreen-btn{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}#play-icon{width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--accent);margin-left:2px;will-change:transform;backface-visibility:hidden}#pause-icon{width:8px;height:10px;position:relative;will-change:transform;backface-visibility:hidden}#pause-icon:before,#pause-icon:after{content:"";position:absolute;background-color:var(--accent);width:3px;height:10px;will-change:transform;backface-visibility:hidden}#pause-icon:before{left:0}#pause-icon:after{right:0}#time-display{font-size:13px;color:var(--text);display:flex;gap:3px;margin-top:1px;justify-content:center;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}#time-separator{color:var(--text-3)}#controls-right{display:flex;align-items:center;margin-left:11px;gap:6px}#mute-btn{width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M0,4 1,4 1,8 0,8 M1,4 2,4 2,8 1,8 M2,3 3,3 3,9 2,9 M3,2 4,2 4,10 3,10 M4,1 5,1 5,11 4,11 ' fill='%238c9284'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}#mute-btn.active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath d='M0,4 1,4 1,8 0,8 M1,4 2,4 2,8 1,8 M2,3 3,3 3,9 2,9 M3,2 4,2 4,10 3,10 M4,1 5,1 5,11 4,11 M7,3 8,3 8,4 7,4 M8,4 9,4 9,5 8,5 M9,5 10,5 10,7 9,7 M8,7 9,7 9,8 8,8 M7,8 8,8 8,9 7,9 M10,2 11,2 11,3 10,3 M11,3 12,3 12,4 11,4 M12,4 13,4 13,8 12,8 M11,8 12,8 12,9 11,9 M10,9 11,9 11,10 10,10' fill='%23c4b550'/%3E%3C/svg%3E")}#fullscreen-btn{width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M0,0 4,0 4,1 1,1 1,4 0,4 M8,0 12,0 12,4 11,4 11,1 8,1 M0,8 1,8 1,11 4,11 4,12 0,12 M11,8 12,8 12,12 8,12 8,11 11,11' fill='%238c9284'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}#fullscreen-btn.active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M0,0 4,0 4,1 1,1 1,4 0,4 M8,0 12,0 12,4 11,4 11,1 8,1 M0,8 1,8 1,11 4,11 4,12 0,12 M11,8 12,8 12,12 8,12 8,11 11,11' fill='%23c4b550'/%3E%3C/svg%3E")}#next-segment-btn{width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M1,4 1,12 6,8 M6,4 6,12 11,8 M11,3 13,3 13,13 11,13' fill='%23c4b550'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center left 3.5px}#line-and-segments-bar-container{position:relative;flex-grow:1}#line-container{position:absolute;top:-5px;left:0;right:0;height:10px}#line-container svg{display:block;width:100%;height:100%;transform:translateZ(0)}#progress-bar-container{position:relative;height:14px;cursor:pointer;background-color:var(--slider-bg);border:1px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}#time-tracker-marker{position:absolute;--marker-height: 23px;--marker-width: 2px;top:calc(50% - var(--marker-height) / 2);height:var(--marker-height);width:var(--marker-width);z-index:100;pointer-events:none;transform:translate(-50%);will-change:transform;backface-visibility:hidden}.marker-line{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--accent);box-shadow:0 0 4px #ffffffb3,0 0 8px #00000080}:global(#player-container iframe){display:block;width:100%;margin:0;border:none}#media-container.demo-variant{--bg: var(--demo-surface-bg, #faf9f5);--secondary-bg: var(--demo-raised-bg, #ffffff);--text: var(--demo-text, #171717);--text-3: var(--demo-muted-text, #716d64);--accent: var(--demo-accent, #d99118);--secondary-accent: var(--demo-accent-strong, #8a5a0a);--slider-bg: var(--demo-inset-bg, #e8e6de);--border-light: var(--demo-bevel-light, #ffffff);--border-dark: var(--demo-strong-border, #b9b4a8);box-sizing:border-box;width:100%;min-width:0;overflow:visible;border:1px solid var(--demo-border, #d8d4c9);border-radius:12px;color:var(--text);background:var(--bg);box-shadow:var( --demo-shadow-subtle, 0 1px 3px rgb(36 32 22 / 8%) );font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}#media-container.demo-variant,#media-container.demo-variant *{box-sizing:border-box}#media-container.demo-variant #header{height:42px;padding:10px 12px;border-bottom-color:var(--demo-divider, #e2ded4);border-radius:11px 11px 0 0;background:var(--demo-section-header-bg, #faf9f5)}#media-container.demo-variant #header-left{flex:1 1 auto;min-width:0;gap:0}#media-container.demo-variant #header-icon{display:none}#media-container.demo-variant #header-text{color:var(--text);font-family:inherit;font-size:.95rem;font-weight:600;line-height:1.2}#media-container.demo-variant.audio-media #header{height:var(--demo-audio-header-height, 42px);padding-block:var(--demo-audio-header-padding-block, 10px)}#media-container.demo-variant #player-wrapper{overflow:hidden;margin:12px;border:1px solid var(--demo-control-border, #c9c4b8);border-radius:8px;background:var(--demo-media-bg, #171717)}#media-container.demo-variant #thumbnail-overlay img{filter:brightness(.62)}#media-container.demo-variant .tint-overlay{background:var(--demo-accent-strong, #8a5a0a);opacity:.16}#media-container.demo-variant .cs16-play-btn{width:58px;height:58px;padding:0;border:1px solid var(--demo-border, #d8d4c9);border-radius:50%;background-color:var( --demo-raised-translucent, rgb(250 249 245 / 94%) );box-shadow:var(--demo-shadow-play, 0 3px 14px rgb(0 0 0 / 22%))}#media-container.demo-variant .cs16-play-btn:active{border-color:var(--demo-strong-border, #b9b4a8);background-color:var(--demo-muted-bg, #f1efe8);transform:translateY(1px)}#media-container.demo-variant .play-icon-large{border-width:12px 0 12px 19px;border-left-color:var(--demo-accent-strong, #8a5a0a);margin-left:4px}#media-container.demo-variant #controls-container{min-width:0;gap:8px;margin:0 12px 12px;padding:8px;border:1px solid var(--demo-border, #d8d4c9);border-radius:8px;background:var(--demo-raised-bg, #ffffff)}#media-container.demo-variant.audio-media #controls-container{margin-top:var(--demo-audio-controls-top-gap, 0)}#media-container.demo-variant .cs-btn{border:1px solid var(--demo-control-border, #c9c4b8);border-radius:6px;color:var(--text);background-color:var(--demo-surface-bg, #faf9f5);box-shadow:none;font-family:inherit}#media-container.demo-variant .cs-btn:hover{border-color:var(--demo-hover-border, #a9a397);background-color:var(--demo-muted-bg, #f1efe8)}#media-container.demo-variant .cs-btn:active{border-color:var(--demo-active-border, #8f897e);background-color:var(--demo-inset-bg, #e8e6de);transform:translateY(1px)}#media-container.demo-variant .cs-btn:focus-visible{outline:2px solid var( --demo-focus-ring, rgb(217 145 24 / 55%) );outline-offset:2px}#media-container.demo-variant #play-pause-btn{width:28px;height:28px;padding:0;flex:0 0 auto}#media-container.demo-variant #line-and-segments-bar-container{flex:1 1 auto;min-width:40px}#media-container.demo-variant #progress-bar-container{height:19.25px;border:1px solid var(--demo-control-border, #c9c4b8);border-radius:0;background:var(--slider-bg)}#media-container.demo-variant #time-tracker-marker{--marker-height: 25px;--accent: #c4b550}@media(max-width:720px){#media-container.demo-variant #header{height:39px;padding:8px 10px}#media-container.demo-variant #player-wrapper{margin:10px}#media-container.demo-variant #controls-container{gap:5px;margin:0 10px 10px;padding:6px}}@media(pointer:coarse){#media-container.demo-variant #play-pause-btn{width:44px;height:44px}#media-container.demo-variant #progress-bar-container{height:30.25px;touch-action:manipulation}}.video-container.svelte-ipatbi{position:relative;width:100%;height:0;overflow:hidden;background-color:#000}#player{--overflow-amount: 2px;position:absolute;z-index:10;top:calc(-50% - var(--overflow-amount));left:calc(-1 * var(--overflow-amount));width:calc(100% + (var(--overflow-amount) * 2));height:calc(200% + (var(--overflow-amount) * 2));box-sizing:border-box;border:0}.player-host.svelte-ipatbi{display:contents}.click-blocker.svelte-ipatbi{position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;cursor:default;background:transparent;-webkit-user-select:none;user-select:none}.video-container.svelte-1ki65cf{position:relative;width:100%;height:0;overflow:hidden;background-color:#000}#html-player.svelte-1ki65cf{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}audio#html-player.svelte-1ki65cf{display:none}.audio-placeholder.svelte-1ki65cf{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#333,#111);display:flex;align-items:center;justify-content:center}.audio-placeholder.svelte-1ki65cf:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5L6 9H2v6h4l5 4zM19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:64px;width:100%;height:100%;opacity:.5}.click-blocker.svelte-1ki65cf{position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;cursor:default;background:transparent;-webkit-user-select:none;user-select:none}img.svelte-1yffitq,canvas.svelte-1yffitq{display:block;object-fit:cover;background-color:#000}svg.svelte-xsxiqq{width:100%;height:100%;position:absolute;pointer-events:none}#container.svelte-xsxiqq{position:absolute;width:100%;height:100%;cursor:pointer;background-color:#595959}.loading-container.svelte-xsxiqq{position:absolute;width:100%;height:100%;background-color:#333;overflow:hidden}.loading-bar.svelte-xsxiqq{height:100%;width:30%;background-color:#555;position:absolute;animation:svelte-xsxiqq-loading-pulse 1.5s infinite ease-in-out}@keyframes svelte-xsxiqq-loading-pulse{0%{left:-30%}to{left:100%}}.fade-in.svelte-xsxiqq{animation:svelte-xsxiqq-fadeIn .4s ease-in-out}@keyframes svelte-xsxiqq-fadeIn{0%{opacity:0}to{opacity:1}}.thumbnail-container.svelte-xsxiqq{z-index:101;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;transition:opacity .15s ease-in-out}.thumbnail-container.visible.svelte-xsxiqq{opacity:1}.thumbnail-container.cursor-mode.svelte-xsxiqq{position:fixed;transform:translate(-50%,-100%);margin-top:-31px}.thumbnail-container.fixed-mode.svelte-xsxiqq{position:absolute;transform:translate(-50%);margin-top:17px}.thumbnail-container.cursor-mode.no-storyboard.svelte-xsxiqq{margin-top:-13px}.thumbnail-container.fixed-mode.no-storyboard.svelte-xsxiqq{margin-top:5px}.thumbnail-preview.svelte-xsxiqq{background-color:var(--bg);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);padding:3px;box-shadow:2px 2px 4px #0006;-webkit-user-select:none;user-select:none}.thumbnail-image-container.svelte-xsxiqq{position:relative;border:1px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}.thumbnail-time.svelte-xsxiqq{position:absolute;bottom:0;right:0;background-color:#000c;color:var(--text);font-size:12px;padding:2px 4px;display:flex;align-items:center;justify-content:center;line-height:1;font-variant-numeric:tabular-nums}.thumbnail-chapter.svelte-xsxiqq{background-color:var(--bg);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);padding:1px 3px 0;margin-bottom:-1px;font-size:13px;color:var(--accent);font-weight:400;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:15px;max-width:400px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.time-marker.svelte-xsxiqq{background-color:var(--bg);border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);padding:0 3px;font-size:12px;color:var(--accent);font-weight:400;text-align:center;white-space:nowrap;line-height:15px;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.demo-skin.svelte-xsxiqq #container:where(.svelte-xsxiqq){background-color:var(--demo-inset-bg, #e8e6de)}.demo-skin.svelte-xsxiqq .loading-container:where(.svelte-xsxiqq){background-color:var(--demo-inset-bg, #e8e6de)}.demo-skin.svelte-xsxiqq .loading-bar:where(.svelte-xsxiqq){background-color:var(--demo-border, #d8d4c9)}.demo-skin.svelte-xsxiqq .thumbnail-preview:where(.svelte-xsxiqq){padding:4px;border:1px solid var(--demo-control-border, #c9c4b8);border-radius:7px;background-color:var(--demo-raised-bg, #ffffff);box-shadow:var( --demo-shadow-storyboard, 0 5px 16px rgb(36 32 22 / 18%) )}.demo-skin.svelte-xsxiqq .thumbnail-image-container:where(.svelte-xsxiqq){overflow:hidden;border:0;border-radius:4px}.demo-skin.svelte-xsxiqq .thumbnail-time:where(.svelte-xsxiqq){right:4px;bottom:4px;padding:3px 5px;border-radius:4px;color:var(--demo-on-dark, #ffffff);background-color:var( --demo-overlay-bg, rgb(23 23 23 / 84%) );font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.demo-skin.svelte-xsxiqq .thumbnail-chapter:where(.svelte-xsxiqq),.demo-skin.svelte-xsxiqq .time-marker:where(.svelte-xsxiqq){padding:3px 6px;border:1px solid var(--demo-control-border, #c9c4b8);border-radius:5px;color:var(--demo-accent-strong, #8a5a0a);background-color:var(--demo-raised-bg, #ffffff);box-shadow:var( --demo-shadow-floating, 0 3px 10px rgb(36 32 22 / 14%) );font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.2}.demo-skin.svelte-xsxiqq .thumbnail-chapter:where(.svelte-xsxiqq){margin-bottom:0}.info-link.svelte-16jqa96{appearance:none;border:0;background:transparent;font:inherit;color:var(--text-3);cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 0 0 2px}.info-link.active.svelte-16jqa96{color:var(--accent)}.info-link.svelte-16jqa96:hover{filter:brightness(1.2)}