:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"PingFang TC",sans-serif;color:#fff;background:#19161b}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}#player{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;background:#19161b;isolation:isolate}#video,#cover,#poster,#start{position:absolute;inset:0;width:100%;height:100%;margin:0}#video,#poster{object-fit:contain;display:block}#video{cursor:pointer;touch-action:manipulation}#cover{pointer-events:none;background:#19161b}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#start{border:0;background:transparent;color:#fff;display:grid;place-items:center;padding:0}#title{position:absolute;bottom:0;left:0;right:0;text-align:left;padding:30px 20px 20px;background:linear-gradient(transparent,#000b);font-size:14px;overflow-wrap:anywhere}.play-icon{width:66px;height:66px;border-radius:50%;background:#ffffffed;display:grid;place-items:center;box-shadow:0 3px 20px #0004}.play-icon svg{width:32px;height:32px;fill:#92204d}button:focus-visible,input:focus-visible{outline:3px solid #ffb9d8;outline-offset:-3px}.feedback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px 20px 100px;pointer-events:none}#message{margin:0;padding:12px 16px;border-radius:8px;background:#19161be8;text-align:center;color:#fff;font-size:14px;max-width:36ch;line-height:1.6}#player[data-loading="true"] #message::before{content:"";display:block;width:22px;height:22px;margin:0 auto 10px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}#retry{pointer-events:auto;padding:10px 18px;min-height:44px;border:1px solid #8d7a88;border-radius:7px;background:#30252e;color:#fff}#controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:6px;padding:26px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:linear-gradient(transparent,#000c);color:white}.control{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:white}.control:hover{background:#ffffff20}.control:disabled{opacity:.4;cursor:default}.control svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.control .play-symbol{fill:currentColor;stroke:none}.control .pause-symbol{stroke-width:4}.timeline{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center}#seek{display:block;width:100%;height:28px;min-width:0;margin:0;accent-color:#fff;cursor:pointer}#time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px #000}.pause-symbol,.muted-mark,.collapse-symbol,#player[data-playing="true"] .play-symbol,#player[data-muted="true"] .sound-waves,#player[data-fullscreen="true"] .expand-symbol{display:none}#player[data-playing="true"] .pause-symbol,#player[data-muted="true"] .muted-mark,#player[data-fullscreen="true"] .collapse-symbol{display:block}#player:fullscreen,#player:-webkit-full-screen{width:100%;height:100%;background:#000}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#player[data-loading="true"] #message::before{animation:none}}@media(max-height:300px){#controls{padding-top:12px}.feedback{padding-bottom:70px}#message{padding:8px 12px}.play-icon{width:52px;height:52px}}