:root{--bg:#121318;--panel:#191a20;--panel-2:#22232b;--border:#2a2b34;--text:#ececf1;--muted:#8d8f9b;--accent:#5d5cf2;--accent-hover:#6e6df5;--danger:#e5484d;--ok:#3fb950;--warn:#e3a008;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit;color:inherit}.pl{--video-w:min(100%, calc(var(--pl-max-h,100vh) * var(--ar,1.7778)));width:max(min(100%, 320px), var(--video-w));-webkit-user-select:none;user-select:none;margin:0 auto;position:relative;container-type:inline-size}.pl-stage{aspect-ratio:var(--ar,1.7778);width:min(100%, calc(var(--pl-max-h,100vh) * var(--ar,1.7778)));background:#000;border-radius:12px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000008c,0 4px 16px #00000059}.pl video{object-fit:contain;cursor:pointer;background:#000;width:100%;height:100%;display:block}.pl-idle,.pl-idle video{cursor:none}.pl-big-play{background:#34343ae0;border:0;border-radius:50%;place-items:center;width:clamp(56px,15cqw,84px);height:clamp(56px,15cqw,84px);margin:auto;transition:background .15s;display:grid;position:absolute;inset:0}.pl-big-play:hover{background:#24242aeb}.pl-big-play svg{fill:#fff;width:45%;height:45%}.pl-spinner{pointer-events:none;border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:42px;height:42px;margin:auto;animation:.8s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.pl-controls{opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000bf);border-radius:0 0 12px 12px;padding:18px 14px 8px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.pl-started .pl-controls{opacity:1;pointer-events:auto}.pl-idle .pl-controls{opacity:0;pointer-events:none}.pl-scrub{cursor:pointer;touch-action:none;padding:6px 0}.pl-scrub-track{background:#ffffff2e;border-radius:2px;height:5px;transition:transform .1s;position:relative;transform:scaleY(.6)}.pl-scrub:hover .pl-scrub-track{transform:scaleY(1)}.pl-scrub-buffered,.pl-scrub-played{border-radius:2px;position:absolute;top:0;bottom:0;left:0}.pl-scrub-buffered{background:#ffffff47}.pl-scrub-played{background:#fff}.pl-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.pl-left,.pl-right{align-items:center;gap:2px;display:flex}.pl-right{justify-content:flex-end}.pl-btn{color:#ffffffd9;background:0 0;border:0;border-radius:6px;place-items:center;min-width:32px;height:32px;padding:0 6px;display:grid}.pl-btn:hover{color:#fff;background:#ffffff14}.pl-btn svg{fill:currentColor;width:20px;height:20px}.pl-text{font-variant-numeric:tabular-nums;font-size:13px}.pl-volume{align-items:center;display:flex}.pl-volume input{opacity:0;accent-color:#fff;width:0;transition:width .15s,opacity .15s}.pl-volume:hover input,.pl-volume input:focus{opacity:1;width:72px;margin-right:6px}.pl-time{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#fff;background:#ffffff0f;border:0;border-radius:6px;align-items:center;gap:4px;padding:5px 8px 5px 10px;font-size:14px;display:flex}.pl-time:hover{background:#ffffff1f}.pl-time svg{opacity:.7;width:14px;height:14px}.pl-menu-wrap{position:relative}.pl-menu{border:1px solid var(--border);z-index:5;background:#1e1f26;border-radius:8px;min-width:150px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 10px 30px #00000080}.pl-menu-center{left:50%;transform:translate(-50%)}.pl-menu-title{color:var(--muted);padding:4px 8px 6px;font-size:12px}.pl-menu-item{text-align:left;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;width:100%;padding:7px 8px;display:flex}.pl-menu-item:hover{background:#ffffff12}.pl-menu-item svg{width:16px;height:16px;color:var(--accent-hover)}@container (width<=760px){.pl-controls,.pl.pl-idle .pl-controls{opacity:1;pointer-events:auto;background:#0d0e17;border:1px solid #ffffff0d;border-radius:10px;margin-top:14px;padding:4px 10px 6px;position:static}.pl.pl-idle,.pl.pl-idle video{cursor:auto}.pl-volume input{display:none}.pl-stage{border-radius:10px}}@container (width<=300px){.pl-left .pl-menu-wrap{display:none}.pl-time{letter-spacing:0;padding:4px 4px 4px 6px;font-size:12px}.pl-controls,.pl.pl-idle .pl-controls{padding:2px 4px 4px}.pl-stage{border-radius:8px}}@container (width<=240px){.pl-volume,.pl-time svg{display:none}}.pl:fullscreen{background:#000;flex-direction:column;justify-content:center;width:100%;display:flex}.pl:fullscreen .pl-stage{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border-radius:0}.pl:fullscreen .pl-controls{background:linear-gradient(#0000,#000000bf);border:0;border-radius:0;margin:0;padding:18px 14px 8px;position:absolute}.pl:fullscreen.pl-idle .pl-controls{opacity:0;pointer-events:none}.pl:fullscreen.pl-idle{cursor:none}.pl:fullscreen.pl-idle video{cursor:none}.btn{border:1px solid var(--border);background:var(--panel-2);border-radius:8px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 14px;font-weight:500;display:inline-flex}.btn:hover{background:#2a2b34}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{color:#ff8a8d}.btn svg{width:16px;height:16px}.field{border:1px solid var(--border);background:var(--bg);border-radius:8px;width:100%;height:36px;padding:0 10px}.field:focus{border-color:var(--accent);outline:none}.title-row{justify-content:center;align-items:center;gap:14px;min-width:0;max-width:100%;display:flex}.title-row img{object-fit:contain;border-radius:6px;flex-shrink:0;width:auto;max-width:160px;height:40px}.title-row h1{overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;margin:0;font-size:22px;font-weight:500;display:-webkit-box;overflow:hidden}