:root{--kanjo-primary: #2e82ff;--kanjo-primary-hover: #5a9eff;--kanjo-primary-active: #1a6ae0;--kanjo-bg: rgba(0, 0, 0, .85);--kanjo-bg-hover: rgba(255, 255, 255, .1);--kanjo-bg-active: rgba(255, 255, 255, .2);--kanjo-text: #ffffff;--kanjo-text-secondary: rgba(255, 255, 255, .7);--kanjo-text-muted: rgba(255, 255, 255, .5);--kanjo-progress-bg: rgba(255, 255, 255, .2);--kanjo-progress-buffered: rgba(255, 255, 255, .4);--kanjo-progress-filled: var(--kanjo-primary);--kanjo-progress-height: 4px;--kanjo-progress-height-hover: 6px;--kanjo-progress-minimal-height: 3px;--kanjo-scrubber-size: 14px;--kanjo-scrubber-color: var(--kanjo-primary);--kanjo-controls-padding: 12px;--kanjo-controls-gap: 8px;--kanjo-btn-size: 40px;--kanjo-icon-size: 24px;--kanjo-menu-bg: rgba(28, 28, 28, .98);--kanjo-menu-border: rgba(255, 255, 255, .1);--kanjo-menu-width: 280px;--kanjo-menu-radius: 8px;--kanjo-thumbnail-width: 160px;--kanjo-thumbnail-height: 90px;--kanjo-thumbnail-radius: 4px;--kanjo-transition-fast: .15s ease;--kanjo-transition-normal: .25s ease;--kanjo-transition-slow: .4s ease;--kanjo-shadow: 0 4px 20px rgba(0, 0, 0, .5);--kanjo-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--kanjo-z-video: 1;--kanjo-z-overlay: 10;--kanjo-z-controls: 20;--kanjo-z-menu: 30;--kanjo-z-tooltip: 40}.kanjo-theme-light{--kanjo-bg: rgba(255, 255, 255, .95);--kanjo-bg-hover: rgba(0, 0, 0, .05);--kanjo-bg-active: rgba(0, 0, 0, .1);--kanjo-text: #1a1a1a;--kanjo-text-secondary: rgba(0, 0, 0, .7);--kanjo-text-muted: rgba(0, 0, 0, .5);--kanjo-progress-bg: rgba(0, 0, 0, .15);--kanjo-progress-buffered: rgba(0, 0, 0, .25);--kanjo-menu-bg: rgba(255, 255, 255, .98);--kanjo-menu-border: rgba(0, 0, 0, .1)}.kanjo-player{position:relative;width:100%;height:100%;background:#000;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.4;color:var(--kanjo-text);user-select:none;-webkit-user-select:none}.kanjo-player *{box-sizing:border-box}.kanjo-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:var(--kanjo-z-video)}.kanjo-controls-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:var(--kanjo-z-overlay);pointer-events:none;transition:opacity var(--kanjo-transition-normal)}.kanjo-controls-overlay>*{pointer-events:auto}.kanjo-controls-hidden .kanjo-controls-bottom,.kanjo-controls-hidden .kanjo-controls-gradient,.kanjo-controls-hidden .kanjo-center-play{opacity:0;pointer-events:none}.kanjo-controls-overlay>.kanjo-progress-wrapper{opacity:1;pointer-events:auto}.kanjo-controls-gradient{position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(transparent,#000000b3);pointer-events:none;transition:opacity var(--kanjo-transition-normal)}.kanjo-controls-bottom{position:absolute;bottom:0;left:0;right:0;padding:var(--kanjo-controls-padding);padding-top:0;transition:opacity var(--kanjo-transition-normal)}.kanjo-controls-row{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.kanjo-controls-left,.kanjo-controls-center,.kanjo-controls-right{display:flex;align-items:center;gap:var(--kanjo-controls-gap)}.kanjo-controls-center{position:absolute;left:50%;transform:translate(-50%);z-index:calc(var(--kanjo-z-controls) + 1)}.kanjo-center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--kanjo-z-controls);transition:opacity var(--kanjo-transition-normal),transform var(--kanjo-transition-normal)}.kanjo-center-play.kanjo-hidden{opacity:0;transform:translate(-50%,-50%) scale(.8);pointer-events:none}.kanjo-center-play-btn{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border:none;border-radius:50%;background:var(--kanjo-primary);color:#fff;cursor:pointer;transition:transform var(--kanjo-transition-fast),background var(--kanjo-transition-fast);box-shadow:var(--kanjo-shadow)}.kanjo-center-play-btn:hover{background:var(--kanjo-primary-hover);transform:scale(1.1)}.kanjo-center-play-btn:active{background:var(--kanjo-primary-active);transform:scale(1.05)}.kanjo-center-play-btn svg{width:36px;height:36px}.kanjo-btn{display:flex;align-items:center;justify-content:center;width:var(--kanjo-btn-size);height:var(--kanjo-btn-size);padding:0;border:none;border-radius:4px;background:transparent;color:var(--kanjo-text);cursor:pointer;transition:background var(--kanjo-transition-fast),color var(--kanjo-transition-fast)}.kanjo-btn:hover{background:var(--kanjo-bg-hover)}.kanjo-btn:active{background:var(--kanjo-bg-active)}.kanjo-btn:disabled{opacity:.5;cursor:not-allowed}.kanjo-btn svg{width:var(--kanjo-icon-size);height:var(--kanjo-icon-size)}.kanjo-time-display{display:inline-flex;align-items:center;font-size:13px;font-variant-numeric:tabular-nums;color:var(--kanjo-text);white-space:nowrap;padding:0 8px;cursor:default}.kanjo-time-current{color:var(--kanjo-text)}.kanjo-time-duration{display:inline-flex;align-items:center;overflow:hidden;width:0;opacity:0;transform:translate(-8px);transition:width .25s cubic-bezier(.4,0,.2,1),opacity .2s ease-out,transform .25s cubic-bezier(.4,0,.2,1)}.kanjo-time-display:hover .kanjo-time-duration{width:70px;opacity:1;transform:translate(0)}.kanjo-time-separator{color:var(--kanjo-text-muted)}.kanjo-time-duration-text{color:var(--kanjo-text-secondary)}.kanjo-time-live-badge{display:none;align-items:center;gap:6px;padding:4px 10px;background:#e02020;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:background var(--kanjo-transition-fast),transform var(--kanjo-transition-fast)}.kanjo-time-live-badge:before{content:"";width:8px;height:8px;background:#fff;border-radius:50%;animation:kanjo-live-pulse 1.5s ease-in-out infinite}.kanjo-time-live-badge:hover{background:#c91818;transform:scale(1.02)}.kanjo-time-live-badge:focus{outline:none;box-shadow:0 0 0 2px #e0202080}@keyframes kanjo-live-pulse{0%,to{opacity:1}50%{opacity:.5}}.kanjo-time-display.kanjo-live{padding:0 4px}.kanjo-progress-wrapper{position:absolute;left:0;right:0;bottom:calc(var(--kanjo-btn-size) + var(--kanjo-controls-padding) + 8px);padding:8px var(--kanjo-controls-padding);z-index:var(--kanjo-z-controls);transition:bottom var(--kanjo-transition-normal),padding var(--kanjo-transition-normal)}.kanjo-controls-hidden .kanjo-progress-wrapper{bottom:0!important;padding:0!important;opacity:var(--kanjo-progress-minimal-opacity, 1);visibility:visible;display:flex;flex-direction:column;justify-content:flex-end}.kanjo-minimal-progress-disabled .kanjo-controls-hidden .kanjo-progress-wrapper{display:none!important}.kanjo-progress-container{position:relative;width:100%;height:20px;cursor:pointer;display:flex;align-items:center}.kanjo-progress-container:focus{outline:none}.kanjo-progress-container:focus-visible .kanjo-progress-scrubber{box-shadow:0 0 0 3px #e9456080}.kanjo-progress-track{position:relative;width:100%;height:var(--kanjo-progress-height);background:var(--kanjo-progress-bg);border-radius:2px;overflow:visible;transition:height var(--kanjo-transition-normal),border-radius var(--kanjo-transition-normal)}.kanjo-controls-hidden .kanjo-progress-track{height:var(--kanjo-progress-minimal-height);border-radius:0;background:transparent}.kanjo-controls-hidden .kanjo-progress-container:hover .kanjo-progress-track{height:var(--kanjo-progress-minimal-height)}.kanjo-progress-container:hover .kanjo-progress-track{height:var(--kanjo-progress-height-hover)}.kanjo-progress-wrapper.kanjo-live .kanjo-progress-scrubber{display:none}.kanjo-progress-wrapper.kanjo-live .kanjo-loop-marker,.kanjo-progress-wrapper.kanjo-live .kanjo-loop-region{display:none!important}.kanjo-progress-buffered{position:absolute;top:0;left:0;height:100%;background:var(--kanjo-progress-buffered);border-radius:2px;transition:width .2s ease-out}.kanjo-progress-played{position:absolute;top:0;left:0;height:100%;background:var(--kanjo-progress-filled);border-radius:2px;transition:border-radius var(--kanjo-transition-normal)}.kanjo-controls-hidden .kanjo-progress-played{border-radius:0}.kanjo-progress-scrubber{position:absolute;top:50%;width:var(--kanjo-scrubber-size);height:var(--kanjo-scrubber-size);background:var(--kanjo-scrubber-color);border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform var(--kanjo-transition-fast);box-shadow:var(--kanjo-shadow-sm)}.kanjo-progress-container:hover .kanjo-progress-scrubber,.kanjo-progress-container.kanjo-dragging .kanjo-progress-scrubber{transform:translate(-50%,-50%) scale(1)}.kanjo-controls-hidden .kanjo-progress-scrubber,.kanjo-controls-hidden .kanjo-progress-hover-time,.kanjo-controls-hidden .kanjo-progress-buffered,.kanjo-controls-hidden .kanjo-loop-marker,.kanjo-controls-hidden .kanjo-loop-region,.kanjo-controls-hidden .kanjo-thumbnail-preview,.kanjo-controls-hidden .kanjo-zoom-indicator{opacity:0!important;pointer-events:none!important}.kanjo-controls-hidden .kanjo-progress-container{pointer-events:none;cursor:default;height:var(--kanjo-progress-minimal-height);align-items:flex-end}.kanjo-progress-hover-time{position:absolute;bottom:100%;transform:translate(-50%);padding:4px 8px;background:var(--kanjo-bg);border-radius:4px;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--kanjo-transition-fast);margin-bottom:8px}.kanjo-progress-hover-time.kanjo-visible{opacity:1}.kanjo-volume-control{display:flex;align-items:center;gap:4px}.kanjo-volume-slider-container{width:0;overflow:hidden;transition:width var(--kanjo-transition-normal);position:relative;top:-2px}.kanjo-volume-control:hover .kanjo-volume-slider-container{width:80px}.kanjo-volume-slider{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--kanjo-progress-bg);border-radius:2px;cursor:pointer}.kanjo-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--kanjo-text);border-radius:50%;cursor:pointer;transition:transform var(--kanjo-transition-fast)}.kanjo-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.kanjo-volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--kanjo-text);border:none;border-radius:50%;cursor:pointer}.kanjo-settings-container{position:relative}.kanjo-settings-btn.kanjo-active{background:var(--kanjo-bg-active)}.kanjo-settings-menu{position:absolute;bottom:calc(100% + 8px);right:0;width:var(--kanjo-menu-width);background:var(--kanjo-menu-bg);border-radius:var(--kanjo-menu-radius);box-shadow:var(--kanjo-shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--kanjo-transition-fast),transform var(--kanjo-transition-fast),visibility var(--kanjo-transition-fast);overflow:hidden;z-index:var(--kanjo-z-menu)}.kanjo-settings-menu.kanjo-open{opacity:1;visibility:visible;transform:translateY(0)}.kanjo-settings-main{padding:8px 0}.kanjo-settings-menu.kanjo-submenu-open .kanjo-settings-main{display:none}.kanjo-settings-item{display:flex;align-items:center;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--kanjo-text);font-size:14px;text-align:left;cursor:pointer;transition:background var(--kanjo-transition-fast)}.kanjo-settings-item:hover{background:var(--kanjo-bg-hover)}.kanjo-settings-item-icon{width:24px;height:24px;margin-right:12px;display:flex;align-items:center;justify-content:center}.kanjo-settings-item-icon svg{width:20px;height:20px}.kanjo-settings-item-label{flex:1}.kanjo-settings-item-value{color:var(--kanjo-text-secondary);font-size:13px;margin-right:8px}.kanjo-settings-item-chevron{width:20px;height:20px;color:var(--kanjo-text-muted)}.kanjo-settings-item-chevron svg{width:20px;height:20px}.kanjo-settings-submenu{display:none;padding:8px 0}.kanjo-settings-submenu.kanjo-visible{display:block}.kanjo-settings-back{display:flex;align-items:center;width:100%;padding:12px 16px;border:none;border-bottom:1px solid var(--kanjo-menu-border);background:transparent;color:var(--kanjo-text);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background var(--kanjo-transition-fast);margin-bottom:8px}.kanjo-settings-back:hover{background:var(--kanjo-bg-hover)}.kanjo-settings-back-icon{width:20px;height:20px;margin-right:8px;transform:rotate(180deg);display:flex;align-items:center;justify-content:center}.kanjo-settings-back-icon svg{width:20px;height:20px}.kanjo-settings-option{display:flex;align-items:center;width:100%;padding:10px 16px;border:none;background:transparent;color:var(--kanjo-text);font-size:14px;text-align:left;cursor:pointer;transition:background var(--kanjo-transition-fast)}.kanjo-settings-option:hover{background:var(--kanjo-bg-hover)}.kanjo-settings-option-check{width:24px;height:24px;margin-right:12px;opacity:0;display:flex;align-items:center;justify-content:center}.kanjo-settings-option-check svg{width:18px;height:18px;color:var(--kanjo-primary)}.kanjo-settings-option.kanjo-active .kanjo-settings-option-check{opacity:1}.kanjo-settings-option.kanjo-active{color:var(--kanjo-primary)}.kanjo-abloop-control{display:flex;align-items:center;gap:2px;margin-right:4px}.kanjo-abloop-btn{opacity:.7;transition:opacity var(--kanjo-transition-fast),background var(--kanjo-transition-fast),color var(--kanjo-transition-fast)}.kanjo-abloop-btn:hover{opacity:1}.kanjo-abloop-btn.kanjo-active{opacity:1;background:var(--kanjo-primary);color:#fff}.kanjo-abloop-btn.kanjo-active:hover{background:var(--kanjo-primary-hover)}.kanjo-abloop-start,.kanjo-abloop-end{display:flex;align-items:center;gap:0;width:auto;padding:0 8px;font-family:var(--kanjo-font-mono, "SF Mono", "Monaco", "Consolas", monospace)}.kanjo-abloop-label{font-size:12px;font-weight:600;white-space:nowrap}.kanjo-abloop-time{font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.kanjo-abloop-time:empty{display:none}.kanjo-abloop-toggle-container{position:relative}.kanjo-abloop-toggle{display:flex;align-items:center;gap:2px;opacity:.5;padding:0 4px 0 8px}.kanjo-abloop-toggle:not(:disabled){opacity:.7}.kanjo-abloop-toggle:not(:disabled):hover{opacity:1}.kanjo-abloop-toggle.kanjo-active{opacity:1;background:var(--kanjo-primary);color:#fff}.kanjo-abloop-toggle.kanjo-active:hover{background:var(--kanjo-primary-hover)}.kanjo-abloop-toggle:disabled{cursor:not-allowed}.kanjo-abloop-control.kanjo-live-disabled{opacity:.5;pointer-events:none}.kanjo-skip-control.kanjo-live-hidden{display:none}.kanjo-abloop-toggle-icon{display:flex;align-items:center;justify-content:center}.kanjo-abloop-toggle-icon svg{width:20px;height:20px}.kanjo-abloop-toggle-chevron{display:flex;align-items:center;justify-content:center;width:14px;height:14px;opacity:.6;transition:transform var(--kanjo-transition-fast),opacity var(--kanjo-transition-fast)}.kanjo-abloop-toggle-chevron svg{width:14px;height:14px}.kanjo-abloop-toggle:hover .kanjo-abloop-toggle-chevron{opacity:1}.kanjo-abloop-toggle.kanjo-dropdown-open .kanjo-abloop-toggle-chevron{transform:rotate(180deg);opacity:1}.kanjo-abloop-dropdown{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--kanjo-menu-bg);border-radius:var(--kanjo-menu-radius);box-shadow:var(--kanjo-shadow);padding:6px 0;min-width:150px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--kanjo-transition-fast),transform var(--kanjo-transition-fast),visibility var(--kanjo-transition-fast);z-index:var(--kanjo-z-menu)}.kanjo-abloop-dropdown.kanjo-open{opacity:1;visibility:visible;transform:translateY(0)}.kanjo-abloop-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--kanjo-text);font-size:13px;text-align:left;cursor:pointer;transition:background var(--kanjo-transition-fast),color var(--kanjo-transition-fast)}.kanjo-abloop-dropdown-item:hover:not(:disabled){background:var(--kanjo-bg-hover)}.kanjo-abloop-dropdown-item:disabled{opacity:.4;cursor:not-allowed}.kanjo-abloop-dropdown-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.kanjo-abloop-dropdown-icon svg{width:18px;height:18px}.kanjo-abloop-dropdown-label{flex:1}.kanjo-abloop-dropdown-item.kanjo-downloading .kanjo-abloop-dropdown-icon svg{animation:kanjo-spin 1s linear infinite}@keyframes kanjo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kanjo-loop-region{position:absolute;top:0;height:100%;background:#e9456033;border-radius:2px;pointer-events:none;opacity:0;transition:opacity var(--kanjo-transition-fast)}.kanjo-loop-region.kanjo-visible{opacity:1}.kanjo-loop-region.kanjo-active{background:#e9456059}.kanjo-loop-marker{position:absolute;top:50%;width:16px;height:24px;transform:translate(-50%,-50%);cursor:ew-resize;opacity:0;pointer-events:none;transition:opacity var(--kanjo-transition-fast);z-index:5}.kanjo-loop-marker.kanjo-visible{opacity:1;pointer-events:auto}.kanjo-loop-marker-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:20px;background:var(--kanjo-primary);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;box-shadow:var(--kanjo-shadow-sm);transition:transform var(--kanjo-transition-fast),background var(--kanjo-transition-fast)}.kanjo-loop-marker:hover .kanjo-loop-marker-handle{transform:translate(-50%,-50%) scale(1.1);background:var(--kanjo-primary-hover)}.kanjo-loop-marker-start .kanjo-loop-marker-handle{border-radius:3px 0 0 3px}.kanjo-loop-marker-end .kanjo-loop-marker-handle{border-radius:0 3px 3px 0}.kanjo-zoom-indicator{position:absolute;bottom:100%;left:0;right:0;padding:8px 12px;background:var(--kanjo-bg);border-radius:6px;margin-bottom:8px;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity var(--kanjo-transition-fast),transform var(--kanjo-transition-fast),visibility var(--kanjo-transition-fast);z-index:var(--kanjo-z-tooltip);box-shadow:var(--kanjo-shadow);border:1px solid var(--kanjo-primary)}.kanjo-zoom-indicator.kanjo-visible{opacity:1;visibility:visible;transform:translateY(0)}.kanjo-zoom-label{font-size:11px;font-weight:600;color:var(--kanjo-primary);text-align:center;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.kanjo-zoom-range{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--kanjo-text-secondary)}.kanjo-zoom-time-center{font-size:10px;color:var(--kanjo-text-muted)}.kanjo-progress-container.kanjo-zoomed{background:#e9456026;border-radius:4px;padding:4px;margin:-4px}.kanjo-progress-container.kanjo-zoomed .kanjo-progress-track{height:12px;background:var(--kanjo-progress-bg);border:1px solid rgba(233,69,96,.5);border-radius:4px}.kanjo-progress-container.kanjo-zoomed .kanjo-loop-marker{height:32px}.kanjo-progress-container.kanjo-zoomed .kanjo-loop-marker-handle{transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 0 2px #e945604d,var(--kanjo-shadow)}.kanjo-progress-container.kanjo-zoomed .kanjo-loop-region{background:#e9456066}.kanjo-progress-container.kanjo-zoomed .kanjo-progress-scrubber{transform:translate(-50%,-50%) scale(.8);opacity:.5}.kanjo-thumbnail-preview{position:absolute;bottom:100%;left:0;margin-bottom:16px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--kanjo-transition-fast),transform var(--kanjo-transition-fast),visibility var(--kanjo-transition-fast);z-index:calc(var(--kanjo-z-tooltip) + 10)}.kanjo-thumbnail-preview.kanjo-visible{opacity:1;visibility:visible;transform:translateY(0)}.kanjo-thumbnail-image{width:var(--kanjo-thumbnail-width);height:var(--kanjo-thumbnail-height);background:#000;border-radius:var(--kanjo-thumbnail-radius);overflow:hidden;box-shadow:var(--kanjo-shadow)}.kanjo-thumbnail-image.kanjo-loading{background:var(--kanjo-bg)}.kanjo-thumbnail-time{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);padding:4px 8px;background:var(--kanjo-bg);border-radius:4px;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.kanjo-loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity var(--kanjo-transition-normal);z-index:var(--kanjo-z-controls)}.kanjo-controls-overlay.kanjo-loading .kanjo-loading-indicator{opacity:1}.kanjo-controls-overlay.kanjo-loading .kanjo-center-play{opacity:0;pointer-events:none}.kanjo-spinner{width:48px;height:48px;border:3px solid var(--kanjo-text-muted);border-top-color:var(--kanjo-primary);border-radius:50%;animation:kanjo-spin .8s linear infinite}@keyframes kanjo-spin{to{transform:rotate(360deg)}}.kanjo-hidden{display:none!important}.kanjo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kanjo-player:fullscreen,.kanjo-player:-webkit-full-screen{width:100vw;height:100vh}.kanjo-player:fullscreen .kanjo-controls-bottom,.kanjo-player:-webkit-full-screen .kanjo-controls-bottom{padding:16px 24px}.kanjo-player:fullscreen .kanjo-progress-wrapper,.kanjo-player:-webkit-full-screen .kanjo-progress-wrapper{bottom:calc(var(--kanjo-btn-size) + 16px + 8px);padding:8px 24px}.kanjo-player:fullscreen .kanjo-controls-hidden .kanjo-progress-wrapper,.kanjo-player:-webkit-full-screen .kanjo-controls-hidden .kanjo-progress-wrapper{bottom:0;padding:0}.kanjo-player:fullscreen .kanjo-center-play-btn,.kanjo-player:-webkit-full-screen .kanjo-center-play-btn{width:96px;height:96px}.kanjo-player:fullscreen .kanjo-center-play-btn svg,.kanjo-player:-webkit-full-screen .kanjo-center-play-btn svg{width:48px;height:48px}@media(max-width:480px){.kanjo-btn{--kanjo-btn-size: 36px;--kanjo-icon-size: 20px}.kanjo-time-display{font-size:12px;padding:0 4px}.kanjo-volume-slider-container{display:none}.kanjo-settings-menu{--kanjo-menu-width: 240px}.kanjo-center-play-btn{width:56px;height:56px}.kanjo-center-play-btn svg{width:28px;height:28px}}.kanjo-download-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:var(--kanjo-z-menu)}.kanjo-download-progress-container{position:absolute;top:12px;right:12px;background:#000000e6;border-radius:8px;padding:10px 14px;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--kanjo-transition-fast),visibility var(--kanjo-transition-fast),transform var(--kanjo-transition-fast);pointer-events:auto;box-shadow:var(--kanjo-shadow);display:flex;align-items:flex-start;gap:10px}.kanjo-download-progress-content{flex:1;min-width:0}.kanjo-download-progress-close{flex-shrink:0;width:18px;height:18px;padding:0;border:none;background:transparent;color:var(--kanjo-text-secondary);cursor:pointer;opacity:.6;transition:opacity var(--kanjo-transition-fast),color var(--kanjo-transition-fast);margin-top:-2px}.kanjo-download-progress-close:hover{opacity:1;color:var(--kanjo-text)}.kanjo-download-progress-close svg{width:100%;height:100%}.kanjo-download-progress-container.kanjo-visible{opacity:1;visibility:visible;transform:translateY(0)}.kanjo-download-progress-container.kanjo-error{border:1px solid #e74c3c}.kanjo-download-progress-container.kanjo-error .kanjo-download-progress-text{color:#e74c3c}.kanjo-download-progress-text{font-size:12px;color:var(--kanjo-text);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanjo-download-progress-track{height:4px;background:var(--kanjo-progress-bg);border-radius:2px;overflow:hidden}.kanjo-download-progress-bar{height:100%;background:var(--kanjo-primary);border-radius:2px;width:0%;transition:width .2s ease}.kanjo-indeterminate .kanjo-download-progress-bar{width:100%;background:repeating-linear-gradient(-45deg,var(--kanjo-primary),var(--kanjo-primary) 10px,rgba(255,255,255,.2) 10px,rgba(255,255,255,.2) 20px);background-size:200% 100%;animation:kanjo-barber-pole 1s linear infinite}@keyframes kanjo-barber-pole{0%{background-position:0 0}to{background-position:28px 0}}.kanjo-download-dialog-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--kanjo-transition-normal),visibility var(--kanjo-transition-normal);pointer-events:auto}.kanjo-download-dialog-overlay.kanjo-visible{opacity:1;visibility:visible}.kanjo-download-dialog{background:var(--kanjo-menu-bg);border-radius:12px;padding:24px 32px;text-align:center;max-width:320px;box-shadow:var(--kanjo-shadow);transform:scale(.95);transition:transform var(--kanjo-transition-normal)}.kanjo-download-dialog-overlay.kanjo-visible .kanjo-download-dialog{transform:scale(1)}.kanjo-download-dialog-icon{width:48px;height:48px;margin:0 auto 16px;color:var(--kanjo-primary)}.kanjo-download-dialog-icon svg{width:100%;height:100%}.kanjo-download-dialog-title{font-size:18px;font-weight:600;color:var(--kanjo-text);margin-bottom:8px}.kanjo-download-dialog-message{font-size:14px;color:var(--kanjo-text-secondary);margin-bottom:20px;line-height:1.5}.kanjo-download-dialog-buttons{display:flex;gap:12px;justify-content:center}.kanjo-download-dialog-btn{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:background var(--kanjo-transition-fast),transform var(--kanjo-transition-fast)}.kanjo-download-dialog-btn:hover{transform:translateY(-1px)}.kanjo-download-dialog-btn:active{transform:translateY(0)}.kanjo-download-dialog-btn-cancel{background:var(--kanjo-bg-hover);color:var(--kanjo-text)}.kanjo-download-dialog-btn-cancel:hover{background:var(--kanjo-bg-active)}.kanjo-download-dialog-btn-download{background:var(--kanjo-primary);color:#fff}.kanjo-download-dialog-btn-download:hover{background:var(--kanjo-primary-hover)}.kanjo-adjustments-panel{position:absolute;top:12px;right:12px;background:#232b2ff2;border-radius:8px;padding:12px 16px;min-width:280px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--kanjo-transition-fast),visibility var(--kanjo-transition-fast),transform var(--kanjo-transition-fast);pointer-events:auto;box-shadow:var(--kanjo-shadow);z-index:var(--kanjo-z-menu)}.kanjo-adjustments-panel.kanjo-visible{opacity:1;visibility:visible;transform:translateY(0)}.kanjo-adjustments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--kanjo-menu-border);font-size:13px;font-weight:600;color:var(--kanjo-text)}.kanjo-adjustments-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--kanjo-text-secondary);cursor:pointer;border-radius:4px;transition:color var(--kanjo-transition-fast),background var(--kanjo-transition-fast)}.kanjo-adjustments-close:hover{color:var(--kanjo-text);background:var(--kanjo-bg-hover)}.kanjo-adjustments-close svg{width:14px;height:14px}.kanjo-adjustments-sliders{display:flex;flex-direction:column;gap:10px}.kanjo-adjustments-row{display:flex;align-items:center;gap:10px}.kanjo-adjustments-label{flex-shrink:0;width:75px;font-size:12px;color:var(--kanjo-text-secondary)}.kanjo-adjustments-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--kanjo-progress-bg);border-radius:2px;outline:none;cursor:pointer}.kanjo-adjustments-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--kanjo-primary);border-radius:50%;cursor:pointer;transition:transform var(--kanjo-transition-fast)}.kanjo-adjustments-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.kanjo-adjustments-slider::-moz-range-thumb{width:14px;height:14px;background:var(--kanjo-primary);border:none;border-radius:50%;cursor:pointer}.kanjo-adjustments-reset{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;padding:0;border:none;background:transparent;color:var(--kanjo-text-muted);cursor:pointer;border-radius:4px;transition:color var(--kanjo-transition-fast),background var(--kanjo-transition-fast)}.kanjo-adjustments-reset:hover{color:var(--kanjo-text);background:var(--kanjo-bg-hover)}.kanjo-adjustments-reset svg{width:14px;height:14px}.kanjo-adjustments-reset-all{display:block;width:100%;margin-top:12px;padding:8px 12px;border:1px solid var(--kanjo-menu-border);background:transparent;color:var(--kanjo-text-secondary);font-size:12px;border-radius:4px;cursor:pointer;transition:color var(--kanjo-transition-fast),border-color var(--kanjo-transition-fast),background var(--kanjo-transition-fast)}.kanjo-adjustments-reset-all:hover{color:var(--kanjo-text);border-color:var(--kanjo-primary);background:var(--kanjo-bg-hover)}.kanjo-custom-button-area{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px var(--kanjo-controls-padding);margin-bottom:26px;min-height:40px;position:relative}.kanjo-custom-btn{display:flex;align-items:center;gap:6px;height:var(--kanjo-btn-size);padding:0 12px;background:var(--kanjo-bg-hover);border:none;border-radius:4px;color:var(--kanjo-text);font-size:.875rem;cursor:pointer;white-space:nowrap;transition:background var(--kanjo-transition-fast);width:auto}.kanjo-custom-btn:hover{background:var(--kanjo-bg-active)}.kanjo-custom-btn i{font-size:var(--kanjo-icon-size);line-height:1;display:flex;align-items:center;justify-content:center}.kanjo-custom-btn-text{font-weight:500}.kanjo-custom-overflow-btn{display:none;width:var(--kanjo-btn-size);padding:0;background:transparent}.kanjo-custom-overflow-btn:hover{background:var(--kanjo-bg-hover)}.kanjo-custom-overflow-btn.kanjo-active{background:var(--kanjo-bg-active)}.kanjo-custom-overflow-menu{position:absolute;bottom:calc(100% + 4px);right:var(--kanjo-controls-padding);background:var(--kanjo-menu-bg);border:1px solid var(--kanjo-menu-border);border-radius:var(--kanjo-menu-radius);padding:8px 0;min-width:160px;box-shadow:var(--kanjo-shadow);z-index:var(--kanjo-z-menu);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--kanjo-transition-fast),transform var(--kanjo-transition-fast),visibility var(--kanjo-transition-fast)}.kanjo-custom-overflow-menu.kanjo-visible{opacity:1;visibility:visible;transform:translateY(0)}.kanjo-custom-overflow-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;background:none;border:none;color:var(--kanjo-text);font-size:.875rem;text-align:left;cursor:pointer;transition:background var(--kanjo-transition-fast)}.kanjo-custom-overflow-item:hover{background:var(--kanjo-bg-hover)}.kanjo-custom-overflow-item i{font-size:var(--kanjo-icon-size);line-height:1}.kanjo-custom-mobile-toggle{display:none;width:var(--kanjo-btn-size);padding:0;background:transparent;order:100}.kanjo-custom-mobile-toggle:hover{background:var(--kanjo-bg-hover)}.kanjo-custom-mobile-toggle svg{transition:transform var(--kanjo-transition-fast);transform:rotate(180deg)}.kanjo-mobile-expanded .kanjo-custom-mobile-toggle svg{transform:rotate(0)}@media(max-width:480px){.kanjo-custom-button-area .kanjo-custom-mobile-toggle{display:flex}.kanjo-custom-button-area .kanjo-custom-btn{opacity:0;visibility:hidden;transform:translate(10px);max-width:0;padding:0;overflow:hidden;transition:opacity var(--kanjo-transition-fast),visibility var(--kanjo-transition-fast),transform var(--kanjo-transition-fast),max-width var(--kanjo-transition-normal),padding var(--kanjo-transition-normal)}.kanjo-custom-button-area.kanjo-mobile-expanded .kanjo-custom-btn{opacity:1;visibility:visible;transform:translate(0);max-width:200px;padding:0 12px}.kanjo-custom-button-area .kanjo-custom-overflow-btn{display:none!important}}.kanjo-skip-control{display:flex;align-items:center;gap:2px}.kanjo-skip-container{position:relative}.kanjo-skip-btn{display:flex;align-items:center;gap:2px;width:auto;padding:0 6px;height:var(--kanjo-btn-size)}.kanjo-skip-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.kanjo-skip-icon svg{width:18px;height:18px}.kanjo-skip-label{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;min-width:14px;text-align:center}.kanjo-skip-chevron{display:flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:-2px;opacity:.6;transition:transform var(--kanjo-transition-fast),opacity var(--kanjo-transition-fast)}.kanjo-skip-chevron svg{width:14px;height:14px}.kanjo-skip-btn:hover .kanjo-skip-chevron{opacity:1}.kanjo-skip-btn.kanjo-dropdown-open .kanjo-skip-chevron{transform:rotate(180deg);opacity:1}.kanjo-skip-dropdown{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--kanjo-menu-bg);border-radius:var(--kanjo-menu-radius);box-shadow:var(--kanjo-shadow);padding:6px 0;min-width:70px;opacity:0;visibility:hidden;transform:translate(-50%) translateY(8px);transition:opacity var(--kanjo-transition-fast),transform var(--kanjo-transition-fast),visibility var(--kanjo-transition-fast);z-index:var(--kanjo-z-menu)}.kanjo-skip-dropdown.kanjo-open{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.kanjo-skip-option{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 16px;border:none;background:transparent;color:var(--kanjo-text);font-size:13px;font-variant-numeric:tabular-nums;text-align:center;cursor:pointer;transition:background var(--kanjo-transition-fast),color var(--kanjo-transition-fast)}.kanjo-skip-option:hover{background:var(--kanjo-bg-hover)}.kanjo-skip-option.kanjo-active{color:var(--kanjo-primary);font-weight:600}@media(max-width:480px){.kanjo-skip-btn{padding:0 4px}.kanjo-skip-icon svg{width:16px;height:16px}.kanjo-skip-label{font-size:10px}.kanjo-skip-chevron{width:12px;height:12px}.kanjo-skip-chevron svg{width:12px;height:12px}}.kanjo-airplay-btn,.kanjo-cast-btn{opacity:.8;transition:opacity var(--kanjo-transition-fast),background var(--kanjo-transition-fast),color var(--kanjo-transition-fast)}.kanjo-airplay-btn:hover,.kanjo-cast-btn:hover{opacity:1}.kanjo-airplay-btn.kanjo-active,.kanjo-cast-btn.kanjo-active{opacity:1;color:var(--kanjo-primary)}.kanjo-airplay-btn.kanjo-active:hover,.kanjo-cast-btn.kanjo-active:hover{color:var(--kanjo-primary-hover)}.kanjo-responsive-hidden{display:none!important}.kanjo-responsive-compact .kanjo-controls-left,.kanjo-responsive-compact .kanjo-controls-center,.kanjo-responsive-compact .kanjo-controls-right{gap:4px}.kanjo-responsive-compact .kanjo-volume-slider-container{display:none}.kanjo-responsive-compact .kanjo-abloop-control{gap:0}.kanjo-responsive-minimal .kanjo-btn{--kanjo-btn-size: 32px;--kanjo-icon-size: 18px}.kanjo-responsive-minimal .kanjo-center-play-btn{width:48px;height:48px}.kanjo-responsive-minimal .kanjo-center-play-btn svg{width:24px;height:24px}