.mila-video{border:2px solid var(--mila-accent);background:color-mix(in srgb, var(--mila-accent) 7%, transparent);padding:16px}.mila-video-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.mila-video-label strong{font:700 19px var(--body-font)}.mila-video-label>span{font:12px var(--note-font)}.mila-video-stage{padding-bottom:64px;position:relative}.mila-video-play:not([hidden]){z-index:1;color:#fff;cursor:pointer;background:linear-gradient(#0003,#0008);border:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex;position:absolute;inset:0}.mila-video-play>.mila-play-wave{background:#15332de6;border:1px solid #a5cec0;border-radius:8px;justify-content:center;align-items:center;gap:4px;height:48px;padding:8px 12px;display:flex;box-shadow:0 4px 24px #0005}.mila-play-wave i{width:4px;height:var(--bar-height);transform-origin:50%;background:#b5dfcf;border-radius:3px;display:block}.mila-video-play:hover .mila-play-wave i,.mila-video-play:focus-visible .mila-play-wave i{animation:.85s ease-in-out infinite alternate mila-wave-pulse;animation-delay:var(--bar-delay)}@keyframes mila-wave-pulse{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.mila-video-play .mila-play-wave i{animation:none!important}}.mila-video-play>strong{color:#fff;font:700 18px var(--body-font);text-shadow:0 2px 4px #000}.mila-video-play:focus-visible{outline:3px solid var(--mila-accent);outline-offset:4px}.mila-video-return:not([hidden]){right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));z-index:40;color:var(--text-color,#23333c);box-shadow:none;cursor:pointer;font:12px/1.4 var(--note-font);background:0 0;border:0;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed}html.dark .mila-video-return{color:#e2eae5;background:0 0}.mila-return-wave{width:25px;height:28px;color:var(--mila-accent);align-items:center;gap:3px;display:flex}.mila-return-wave i{background:currentColor;border-radius:2px;width:4px;height:14px;display:block}.mila-video-return i{animation:.85s ease-in-out infinite alternate mila-wave-pulse}.mila-video-return i:nth-child(2){animation-delay:.15s}.mila-video-return i:nth-child(3){animation-delay:.3s}.mila-video-return:focus-visible{outline:2px solid var(--mila-accent);outline-offset:4px}@media (prefers-reduced-motion:reduce){.mila-video-return i{animation:none!important}}@media (width<=540px){.mila-video-return:not([hidden]){padding:10px 12px;bottom:16px;right:12px}}.mila-video-canvas{position:relative}.mila-video-canvas video{touch-action:manipulation}.mila-video-controls{z-index:3;box-sizing:border-box;backdrop-filter:blur(10px);color:#e5efeb;opacity:0;pointer-events:none;width:min(470px,100% - 24px);font:12px var(--note-font);background:#1a292eb3;border:1px solid #a5cec033;border-radius:9px;align-items:center;gap:10px;padding:5px 10px;transition:opacity .35s;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 5px 24px #0003}.mila-video-controls[hidden]{display:none}.mila-video-toggle,.mila-video-speed{color:#c0dfd3;height:36px;font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0 5px}.mila-video-toggle{width:32px;font-size:18px}.mila-video-speed option{color:#e5efeb;background:#1a292e}.mila-video-controls :focus-visible{outline-offset:2px;outline:2px solid #a5cec0}.mila-video-timeline{cursor:pointer;accent-color:#a5cec0;touch-action:none;flex:1;width:100%;min-width:35px;min-height:32px;margin:0;display:block}.mila-video-time,.mila-video-remaining{font:inherit;font-variant-numeric:tabular-nums;flex-shrink:0}.mila-video-stage:fullscreen{box-sizing:border-box;padding-bottom:calc(64px + env(safe-area-inset-bottom));color:#e9efec;background:#1a242b;width:100%;height:100%;overflow:hidden}.mila-video-stage:fullscreen .mila-video-canvas{width:100%;height:100%}.mila-video-stage:fullscreen video{object-fit:contain;width:100%;height:100%;max-height:none;margin:0;display:block;position:absolute;inset:0}.mila-video-stage:fullscreen .mila-video-controls{bottom:calc(8px + env(safe-area-inset-bottom))}.mila-video-stage:has(:focus-visible) .mila-video-controls,.mila-video-stage[data-controls-visible=true] .mila-video-controls{opacity:1;pointer-events:auto}@media (hover:hover){.mila-video-stage:hover .mila-video-controls{opacity:1;pointer-events:auto}}@media (width<=420px){.mila-video-controls{gap:5px;padding:4px 6px;font-size:11px}}@media (width<=360px){.mila-video-controls{gap:3px;width:calc(100% - 8px);font-size:10px}.mila-video-toggle{width:26px}}@media (prefers-reduced-motion:reduce){.mila-video-controls{transition:none}}.mila-video-mute{color:#c0dfd3;cursor:pointer;width:28px;height:36px;font:18px var(--note-font);background:0 0;border:0;flex-shrink:0;padding:0 3px}