.mp-plane{--mp-container: rgb(40 40 40 / 75%);--mp-button: #000;--mp-icon: #d9d9d9;--mp-green: #aff898;--mp-stroke: #2e2f3a;--mp-red: #b91c1c;--mp-red-icon: #f87171;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none;font:14px/1.2 Arial,sans-serif;color:var(--mp-icon);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mp-plane.mp-contained{position:absolute}.mp-plane *,.mp-plane *:before,.mp-plane *:after{box-sizing:border-box}.mp-safe-probe{position:absolute;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.mp-offset-probe{position:absolute;visibility:hidden;width:0;pointer-events:none}.mp-surface{position:absolute;background:var(--mp-container);border:1px solid var(--mp-stroke);border-radius:5px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto}.mp-dock{display:flex;align-items:center;gap:4px;padding:8px}.mp-control,.mp-handle{display:flex;align-items:center;justify-content:center;color:var(--mp-icon);padding:0;cursor:pointer;flex:1 1 40px;min-width:0;height:40px;border:1px solid var(--mp-stroke);border-radius:3px;background:var(--mp-button);touch-action:manipulation}.mp-control svg,.mp-handle svg{pointer-events:none;flex-shrink:0}.mp-control:focus-visible,.mp-handle:focus-visible,.mp-slider:focus-visible{outline:2px solid var(--mp-green);outline-offset:2px}.mp-control:hover{border-color:var(--mp-icon)}.mp-handle{flex:0 0 32px;width:32px;border-color:transparent;background:transparent;cursor:grab;touch-action:none}.mp-dock[data-dragging] .mp-handle{cursor:grabbing}.mp-accent{color:var(--mp-green)}.mp-selected{background:var(--mp-green);color:#000}.mp-collapse{color:#000;background:var(--mp-icon)}.mp-muted{color:var(--mp-red-icon);background:var(--mp-red)}.mp-passive{position:absolute;left:0;top:0;height:3px;max-width:100%;border-radius:2px;background:var(--mp-green);pointer-events:none}.mp-left,.mp-right{flex-direction:column;gap:4px;padding:6px}.mp-left{border-radius:0 5px 5px 0}.mp-right{border-radius:5px 0 0 5px}.mp-left .mp-control,.mp-right .mp-control{flex:0 1 40px;width:40px;min-height:28px}.mp-left .mp-handle,.mp-right .mp-handle{order:-1;flex:0 1 32px;width:38px;height:32px;min-height:24px}.mp-left .mp-stop,.mp-right .mp-stop{display:none}.mp-left .mp-passive,.mp-right .mp-passive{top:auto;bottom:0;width:3px;max-height:100%}.mp-left .mp-passive{left:auto;right:0}.mp-right .mp-passive{left:0;right:auto}.mp-module{z-index:1}.mp-volume{display:flex;flex-direction:column;gap:4px;padding:6px}.mp-volume .mp-control{flex:0 0 40px;width:100%}.mp-slider{position:relative;overflow:hidden;border:1px solid var(--mp-stroke);border-radius:7px;background:var(--mp-stroke);touch-action:none;cursor:pointer;height:28px;min-width:24px;flex:1 1 auto}.mp-slider:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid rgb(217 217 217 / 12%);border-radius:inherit}.mp-slider[aria-disabled=true]{cursor:default;opacity:.45}.mp-slider-fill{display:block;position:absolute;left:0;bottom:0;height:100%;background:var(--mp-green);pointer-events:none}.mp-slider-vertical{width:100%;height:auto;min-height:24px;border:3px solid #000;border-radius:4px}.mp-slider-vertical .mp-slider-fill{width:100%}.mp-timeline{display:flex;flex-direction:column;gap:4px;padding:6px 8px}.mp-information{display:flex;align-items:center;gap:10px;width:100%;min-width:0;height:22px;font-size:16px;font-weight:600;color:var(--mp-icon)}.mp-title{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-align:left}.mp-title[data-overflow]{mask-image:linear-gradient(to right,#000 calc(100% - 30px),transparent);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 30px),transparent)}.mp-detail{flex:0 0 auto;color:#b0b0b0;font-variant-numeric:tabular-nums;white-space:nowrap}.mp-timeline-row,.mp-integrated-timeline{display:flex;align-items:center;gap:8px;min-width:0}.mp-timeline-row{width:100%;height:38px;padding:5px;background:var(--mp-button);border-radius:3px}.mp-expanded{padding-top:32px}.mp-expanded>.mp-control{flex:0 0 40px}.mp-expanded .mp-passive{top:24px}.mp-desktop-information{position:absolute;top:3px;left:8px;width:calc(100% - 16px)}.mp-integrated-timeline{flex:1 1 auto;height:40px}.mp-temporary-title{padding:3px 5px;border-radius:5px 5px 0 0;cursor:pointer;animation:mp-title-fade 4s linear forwards;touch-action:manipulation}.mp-temporary-title:focus-visible{outline:2px solid var(--mp-green);outline-offset:2px}.mp-temporary-title .mp-information,.mp-temporary-title{font-size:14px}.mp-attached{border-top-left-radius:0;border-top-right-radius:0}.mp-title-below{border-radius:0 0 5px 5px}.mp-attached-below{border-radius:5px 5px 0 0}@keyframes mp-title-fade{0%,50%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.mp-temporary-title{animation:none}}.mp-time{flex:0 0 44px;text-align:center;font-variant-numeric:tabular-nums;font-size:14px}.mp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:300px){.mp-timeline{gap:4px;padding:5px}.mp-time{flex-basis:36px;font-size:12px}.mp-information{font-size:14px}}.mp-mobile{--mp-container: rgb(70 71 83 / 75%);--mp-button: #2e2f3a;--mp-stroke: #383943;--mp-mobile-border: 2px}.mp-mobile .mp-surface{border-width:var(--mp-mobile-border);border-radius:15.11px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.mp-mobile .mp-dock{overflow:hidden}.mp-mobile .mp-dock.mp-floating{gap:6px;padding:9px 6px 5px}.mp-mobile .mp-control-cluster{display:flex;flex:1 1 204px;min-width:0;height:50px;overflow:hidden;border:1px solid #000;border-radius:15.11px;background:#000}.mp-mobile .mp-control-cluster>.mp-control{flex:1 1 0;height:48px;border:0;border-radius:0}.mp-mobile .mp-control-cluster>.mp-control+.mp-control{border-left:2px solid #000}.mp-mobile .mp-dock.mp-floating>.mp-handle{flex:0 0 44px;width:44px;height:48px}.mp-mobile .mp-handle svg{width:22px;height:22px}.mp-mobile .mp-dock .mp-control:focus-visible,.mp-mobile .mp-handle:focus-visible{outline-offset:-3px}.mp-mobile .mp-temporary-title{padding:2px 9px;border-radius:15.11px 15.11px 0 0;transform:translateY(var(--mp-mobile-border))}.mp-mobile .mp-temporary-title[data-held]{animation:none;opacity:1}.mp-mobile .mp-temporary-title .mp-detail{color:var(--mp-icon)}.mp-mobile .mp-dock.mp-attached{border-top-left-radius:0;border-top-right-radius:0}.mp-mobile .mp-title-below{border-radius:0 0 15.11px 15.11px;transform:translateY(calc(-1 * var(--mp-mobile-border)))}.mp-mobile .mp-dock.mp-attached-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.mp-mobile .mp-timeline{gap:4px;padding:4px 5px}.mp-mobile .mp-volume{padding:5px}.mp-mobile .mp-timeline .mp-information{height:20px;padding:0 5px;font-size:14px}.mp-mobile .mp-timeline-row{gap:12px;height:28px;padding:4px 5px;border-radius:11.33px;background:var(--mp-button)}.mp-mobile .mp-timeline-row .mp-slider{height:16px}.mp-mobile .mp-time{flex-basis:48px}.mp-mobile .mp-slider{background:var(--mp-button)}.mp-mobile .mp-volume .mp-control{border-color:#000;border-radius:11.33px}.mp-mobile .mp-left,.mp-mobile .mp-right{border-width:0;padding:1px;gap:0}.mp-mobile .mp-left:after,.mp-mobile .mp-right:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:var(--mp-mobile-border) solid var(--mp-stroke);border-radius:inherit;pointer-events:none}.mp-mobile .mp-tucked-retrieve{border-bottom-width:var(--mp-mobile-border)}.mp-mobile .mp-left{border-radius:0 15.11px 15.11px 0}.mp-mobile .mp-right{border-radius:15.11px 0 0 15.11px}.mp-mobile .mp-left .mp-handle,.mp-mobile .mp-right .mp-handle{order:0;flex:1 1 58px;width:100%;min-height:44px;border-radius:0}.mp-tucked-retrieve{position:relative;display:block;flex:0 0 44px;width:100%;padding:0;overflow:hidden;border:0;border-bottom:1px solid var(--mp-stroke);background:transparent;color:var(--mp-icon);cursor:pointer;touch-action:manipulation}.mp-tucked-retrieve:focus-visible{outline:2px solid var(--mp-green);outline-offset:-3px}.mp-tucked-fill{position:absolute;left:0;right:0;bottom:0;background:var(--mp-green);pointer-events:none}.mp-tucked-speaker{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.mp-tucked-ink{color:#000}.mp-mobile .mp-docking-indicator{position:absolute;width:2px;background:var(--mp-green);box-shadow:0 0 5px #aff89873;pointer-events:none}