:root{color-scheme:dark}.screen{display:flex;align-items:center;justify-content:center;height:100vh;flex-direction:column;gap:12px;padding:24px;text-align:center}.screen .spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.2);border-top-color:#4aa3ff;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-root{position:fixed;inset:0;background:#000;overflow:hidden;touch-action:manipulation}.player-root video{width:100%;height:100%;object-fit:contain;background:#000;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.overlay{position:absolute;inset:0;pointer-events:none}.watermark{position:absolute;padding:6px 10px;font-size:12px;font-weight:600;letter-spacing:.3px;color:#ffffff8c;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 1px #000;background:#0000002e;border-radius:6px;white-space:nowrap;transition:top .8s ease,left .8s ease,right .8s ease,bottom .8s ease,opacity .8s ease;mix-blend-mode:screen;pointer-events:none}.controls{position:absolute;left:0;right:0;bottom:0;padding:14px 16px 22px;background:linear-gradient(to top,#000000d1,#0000);pointer-events:auto;transition:opacity .2s ease,transform .2s ease}.controls.hidden{opacity:0;transform:translateY(6px);pointer-events:none}.row{display:flex;align-items:center;gap:10px}.time{font-variant-numeric:tabular-nums;font-size:12px;opacity:.85;min-width:78px}.btn{appearance:none;border:none;background:transparent;color:#fff;font-size:20px;padding:8px 10px;border-radius:8px;cursor:pointer;pointer-events:auto}.btn:active{background:#ffffff14}.btn.fullscreen{margin-left:auto;font-size:18px}.seek{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;background:#ffffff40;outline:none}.seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#4aa3ff;cursor:pointer}.seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#4aa3ff;cursor:pointer;border:none}.title-bar{position:absolute;top:0;left:0;right:0;padding:12px 16px;background:linear-gradient(to bottom,#000000bf,#0000);font-size:14px;font-weight:600;opacity:.9;pointer-events:none;transition:opacity .2s ease}.title-bar.hidden{opacity:0}.center-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto}.center-play button{width:72px;height:72px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:28px;cursor:pointer}.buffer-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#00000059;pointer-events:none}.buffer-overlay .spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.2);border-top-color:#4aa3ff;border-radius:50%;animation:spin .9s linear infinite}.buffer-label{font-size:13px;opacity:.85;letter-spacing:.3px}.err{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}