.klsd-player{--volt:#cded3a;--volt-dim:#cded3a38;--volt-soft:#cded3a24;--live:#ff4257;--ink:#f4f7ee;--ink-dim:#f4f7ee9e;--glass:#0a0c0e8c;--glass-strong:#0a0c0ed1;--glass-border:#ffffff14;--glass-border-hover:color-mix(in oklab, var(--volt) 60%, transparent);touch-action:manipulation;font-family:Sarabun,system-ui,sans-serif;overflow:clip;container:klsd/size}@supports (color:lab(0% 0 0)){.klsd-player{--volt-dim:lab(89.1822% -26.8824 75.9004/.22);--volt-soft:lab(89.1822% -26.8824 75.9004/.14)}}.klsd-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.klsd-top-scrim{inset-inline:0;z-index:8;pointer-events:none;opacity:0;background:linear-gradient(#000000b8,#00000052 60%,#0000);height:96px;transition:opacity .2s;position:absolute;top:0}.klsd-player[data-controls-visible=true] .klsd-top-scrim{opacity:1}.klsd-controls,.klsd-top-row{opacity:0;pointer-events:none;transition:opacity .2s}.klsd-center-action{opacity:0;transition:opacity .2s}.klsd-player[data-controls-visible=true] .klsd-controls,.klsd-player[data-controls-visible=true] .klsd-top-row{opacity:1;pointer-events:auto}.klsd-player[data-controls-visible=true] .klsd-center-action{opacity:1}.klsd-top-row{inset-inline:0;z-index:12;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 0;display:flex;position:absolute;top:0}.klsd-live-pill{background:var(--live);color:#fff;letter-spacing:.14em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:8px;height:30px;padding:0 14px 0 12px;font-family:Oswald,system-ui,sans-serif;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 4px 16px #ff42576b,inset 0 -1px #0000002e}.klsd-live-dot{background:#fff;border-radius:9999px;width:9px;height:9px;animation:1.4s ease-out infinite klsd-pulse;box-shadow:0 0 #ffffffd9}@keyframes klsd-pulse{0%{box-shadow:0 0 #ffffffbf}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}.klsd-viewers{background:var(--glass-strong);border:1px solid var(--glass-border);height:30px;color:var(--ink);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.klsd-viewers b{letter-spacing:.02em;color:var(--ink);font-family:Oswald,system-ui,sans-serif;font-size:13px;font-weight:700}.klsd-viewers-label{color:var(--ink-dim);font-size:12px}@media(max-width:480px){.klsd-viewers-label{display:none}}.klsd-center-action{z-index:15;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.klsd-center-button{border:1px solid var(--glass-border);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#00000080;border-radius:9999px;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .16s cubic-bezier(.22,.61,.36,1),background .16s cubic-bezier(.22,.61,.36,1),border-color .16s cubic-bezier(.22,.61,.36,1),color .16s cubic-bezier(.22,.61,.36,1),box-shadow .16s cubic-bezier(.22,.61,.36,1);display:inline-flex}.klsd-center-button:hover{border-color:var(--glass-border-hover);color:var(--volt)}.klsd-center-button:active,.klsd-center-button[data-pressed=true]{border-color:color-mix(in oklab,var(--volt) 70%,transparent);color:var(--volt);box-shadow:0 0 0 4px color-mix(in oklab,var(--volt) 18%,transparent);background:#0a0c0eb8;transform:scale(.92)}@media(max-width:640px){.klsd-center-button{width:56px;height:56px;color:var(--volt);border-color:color-mix(in oklab,var(--volt) 45%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0c0e9e;box-shadow:0 6px 20px #00000059}.klsd-center-button:hover{color:var(--volt)}.klsd-center-button:active,.klsd-center-button[data-pressed=true]{border-color:color-mix(in oklab,var(--volt) 80%,transparent);box-shadow:0 0 0 5px color-mix(in oklab,var(--volt) 22%,transparent),0 4px 14px #00000073;background:#0a0c0ed1;transform:scale(.9)}.klsd-center-button svg{width:22px;height:22px}}@media(max-width:480px){.klsd-center-button{width:48px;height:48px}.klsd-center-button:active,.klsd-center-button[data-pressed=true]{box-shadow:0 0 0 4px color-mix(in oklab,var(--volt) 22%,transparent)}.klsd-center-button svg{width:20px;height:20px}}@media(max-width:380px){.klsd-center-button{width:44px;height:44px}.klsd-center-button:active,.klsd-center-button[data-pressed=true]{box-shadow:0 0 0 3px color-mix(in oklab,var(--volt) 22%,transparent)}.klsd-center-button svg{width:18px;height:18px}}@container klsd (height<=220px){.klsd-center-button{width:44px;height:44px}.klsd-center-button svg{width:18px;height:18px}}.klsd-controls{inset-inline:0;z-index:14;color:var(--ink);background:linear-gradient(#0000,#00000073 45%,#000000d9);padding:56px 12px 0;position:absolute;bottom:0}.klsd-control-row{align-items:center;gap:8px;min-height:56px;padding-bottom:8px;display:flex}.klsd-icon-button{border:1px solid var(--glass-border);width:40px;min-width:40px;height:40px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .16s,color .16s,border-color .16s,transform .12s;display:inline-flex}.klsd-icon-button:hover{border-color:var(--glass-border-hover);color:var(--volt)}.klsd-icon-button:active{transform:scale(.94)}.klsd-icon-button[data-active=true]{background:var(--volt-dim);border-color:color-mix(in oklab,var(--volt) 70%,transparent);color:var(--volt)}.klsd-live-edge{border:1px solid var(--glass-border);height:28px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;border-radius:9999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.klsd-live-edge-dot{background:var(--live);width:7px;height:7px;box-shadow:0 0 6px var(--live);border-radius:9999px}@media(max-width:480px){.klsd-live-edge{display:none}}.klsd-volume-wrap{align-items:center;gap:10px;display:inline-flex;position:relative}.klsd-volume-slider{--vol:100%;appearance:none;background:linear-gradient(to right,var(--volt) 0%,var(--volt) var(--vol),#ffffff2e var(--vol),#ffffff2e 100%);cursor:pointer;border-radius:9999px;outline:none;width:140px;height:4px}.klsd-volume-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--volt);cursor:pointer;width:16px;height:16px;box-shadow:0 0 12px color-mix(in oklab,var(--volt) 55%,transparent),0 2px 6px #0006;background:#fff;border-radius:9999px}.klsd-volume-slider::-moz-range-thumb{border:2px solid var(--volt);cursor:pointer;width:16px;height:16px;box-shadow:0 0 12px color-mix(in oklab,var(--volt) 55%,transparent),0 2px 6px #0006;background:#fff;border-radius:9999px}.klsd-volume-slider--inline{display:inline-block}@media(max-width:640px){.klsd-volume-slider--inline{display:none}}.klsd-volume-menu{border:1px solid var(--glass-border);background:var(--glass-strong);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);border-radius:9999px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 -10px 30px #0000008c,0 0 0 1px #0000004d}.klsd-volume-mute{width:32px;height:32px;color:var(--ink);background:#ffffff14;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.klsd-volume-mute:hover{color:var(--volt);background:#ffffff29}.klsd-volume-value{text-align:right;font-variant-numeric:tabular-nums;min-width:26px;color:var(--ink);font-size:12px;font-weight:700}.klsd-quality-wrap{flex:none;position:relative}.klsd-quality-menu{overscroll-behavior:contain;border:1px solid var(--glass-border);background:var(--glass-strong);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);scrollbar-width:none;border-radius:14px;gap:2px;min-width:140px;max-width:min(200px,70cqw);max-height:min(260px,100cqh - 88px);padding:8px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;overflow:hidden auto;box-shadow:0 -10px 30px #0000008c,0 0 0 1px #0000004d}.klsd-quality-menu::-webkit-scrollbar{display:none}.klsd-quality-header{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);-webkit-user-select:none;user-select:none;padding:8px 12px 6px;font-family:Oswald,system-ui,sans-serif;font-size:12px;font-weight:700}.klsd-quality-item{text-align:left;min-height:40px;color:var(--ink);white-space:nowrap;border-radius:10px;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;transition:background .16s,color .16s;display:flex}.klsd-quality-item:hover{background:#ffffff0f}.klsd-quality-item[data-active=true]{background:var(--volt-soft);color:var(--volt);font-weight:700}.klsd-quality-check{stroke-width:3px;width:16px;height:16px;color:var(--volt);flex-shrink:0}.klsd-quality-empty{color:var(--ink-dim);white-space:nowrap;padding:12px 14px;font-size:13px;font-weight:500;display:block}.klsd-live-bar-track{width:100%;padding:0 12px max(8px,env(safe-area-inset-bottom));box-sizing:border-box}.klsd-live-bar{background:#ffffff14;border-radius:9999px;width:100%;height:4px;position:relative;overflow:visible}.klsd-live-bar-fill{background:linear-gradient(to right,var(--volt),color-mix(in oklab,var(--volt) 70%,#fff));box-shadow:0 0 10px color-mix(in oklab,var(--volt) 45%,transparent);border-radius:9999px;position:absolute;inset:0}.klsd-live-bar-edge{background:var(--live);width:8px;height:8px;box-shadow:0 0 8px var(--live),0 0 0 2px #0000008c;border-radius:9999px;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}@container klsd (height<=320px){.klsd-quality-menu{max-height:calc(100cqh - 72px)}}@media(max-width:640px){.klsd-top-row{padding:10px 12px 0}.klsd-controls{padding-inline:10px;padding-top:44px}.klsd-control-row{gap:6px;min-height:52px}.klsd-icon-button{width:44px;min-width:44px;height:44px}.klsd-live-pill{height:28px;padding:0 12px 0 10px;font-size:11px}}.klsd-buffering{z-index:12;pointer-events:none;color:var(--ink);text-shadow:0 1px 6px #0009;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.klsd-spinner{border:3px solid #ffffff2e;border-top-color:var(--volt);width:44px;height:44px;box-shadow:0 0 18px color-mix(in oklab,var(--volt) 40%,transparent);border-radius:50%;animation:.9s linear infinite klsd-spin}.klsd-buffering-label{letter-spacing:.04em;color:#f4f7eee6;font-family:Sarabun,system-ui,sans-serif;font-size:12px}@keyframes klsd-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.klsd-spinner{animation-duration:2.4s}}