.short-player{position:relative;width:100%;aspect-ratio:9/16;min-width:0;overflow:hidden;border-radius:14px;background:#080808;color:#fff;isolation:isolate;container-type:inline-size}
.short-player video{display:block;width:100%;height:100%;object-fit:contain;background:#080808}
.short-player button{display:grid;place-items:center;border:0;color:#fff;font:inherit;cursor:pointer;touch-action:manipulation}
.short-player button:focus-visible,.short-seek:focus-visible{outline:2px solid white;outline-offset:2px}
.short-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#e81119;box-shadow:0 4px 24px #0008;font-size:22px!important;padding-left:5px;transition:background .15s,opacity .15s}
.short-start:hover{background:#ff2931}
.short-player.is-playing .short-start{opacity:0;pointer-events:none}
.short-controls{position:absolute;bottom:0;left:0;right:0;padding:22px 8px 8px;background:linear-gradient(transparent,#080808e8 40%)}
.short-toolbar{display:flex;align-items:center;gap:2px}
.short-toolbar button{flex:0 0 28px;width:28px;height:32px;border-radius:6px;background:transparent;font-size:19px}
.short-toolbar button:hover{background:#ffffff20}
.short-toolbar .short-toggle{background:#df1018;font-size:14px}
.short-toolbar svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.short-time{flex:1;min-width:0;text-align:center;white-space:nowrap;font:10px/1.2 Arial,sans-serif;font-variant-numeric:tabular-nums}
.short-seek{display:block;appearance:none;-webkit-appearance:none;width:100%;height:18px;margin:0 0 3px;background:transparent;cursor:pointer;--played:0%}
.short-seek::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:linear-gradient(to right,#ed1115 var(--played),#ffffff60 var(--played))}
.short-seek::-moz-range-track{height:4px;border-radius:3px;background:linear-gradient(to right,#ed1115 var(--played),#ffffff60 var(--played))}
.short-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#ff2028;margin-top:-3px}
.short-seek::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#ff2028}
.short-seek:disabled{opacity:.5;cursor:default}
.short-message{position:absolute;left:8px;right:8px;top:12px;margin:0;padding:10px;border-radius:8px;background:#090909e8;color:white;font:12px/1.4 Arial,sans-serif}
.short-player [hidden]{display:none}
.short-player:fullscreen{width:100%;height:100%;aspect-ratio:auto;border-radius:0}
.short-player:fullscreen .short-controls{padding:30px max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
@media(max-width:900px){.short-controls{padding:36px 12px 12px}.short-toolbar button{width:40px;height:40px;flex-basis:40px}.short-time{font-size:12px}.short-start{width:64px;height:64px}.short-seek{height:24px}}
@media(prefers-reduced-motion:reduce){.short-start{transition:none}}
@container(max-width:160px){.short-time{position:absolute;right:8px;bottom:60px;padding:3px 4px;background:#080808ba;border-radius:4px}.short-toolbar{justify-content:space-between}.short-toolbar button{flex-basis:24px;width:24px}}