.mmp{--mmp-p:var(--ma-p,#00D4AA);--mmp-w:var(--ma-w,#FFC53D);--mmp-ink:var(--ma-ink,#0D1117);--mmp-line:var(--ma-line,#262D36);--mmp-text:var(--ma-text,#E6EDF3);--mmp-text3:var(--ma-text3,#A6AEB8);--mmp-spine:var(--mmp-p);position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(8,11,16,.97);backdrop-filter:blur(12px);border-top:2px solid var(--mmp-p);padding-bottom:env(safe-area-inset-bottom,0);color:var(--mmp-text);font-family:Inter,system-ui,sans-serif}.mmp *,.mmp :after,.mmp :before{box-sizing:border-box}.mmp :focus-visible{outline:3px solid var(--mmp-w);outline-offset:2px;border-radius:10px}.mmp-inner{max-width:1140px;margin:0 auto;padding:8px 16px 6px}.mmp-row{gap:10px;min-width:0}.mmp-art,.mmp-row{display:flex;align-items:center}.mmp-art{width:42px;height:42px;flex:none;border-radius:11px;justify-content:center;background:color-mix(in srgb,var(--mmp-spine) 14%,var(--mmp-ink));border:2px solid var(--mmp-spine);color:var(--mmp-spine);font-family:var(--ma-mono,monospace);font-size:11px;font-weight:700;cursor:pointer;padding:0}.mmp-text{flex:1;min-width:0;display:block;text-align:left;background:none;border:0;padding:0;color:inherit;cursor:default}button.mmp-text{cursor:pointer}.mmp-title{font-family:var(--ma-display,Inter,sans-serif);font-size:15px;letter-spacing:-.015em;line-height:1.25}.mmp-sub,.mmp-title{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mmp-sub{margin-top:1px;font-family:var(--ma-mono,monospace);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mmp-text3)}.mmp-ctls{display:flex;flex:none}.mmp-ctl,.mmp-ctls{align-items:center;gap:2px}.mmp-ctl{min-width:44px;height:44px;padding:0 4px;display:inline-flex;justify-content:center;border:0;border-radius:12px;background:transparent;color:var(--mmp-text);cursor:pointer;font-family:var(--ma-mono,monospace);font-size:11px;font-weight:700}.mmp-ctl:hover{background:#1C232C}.mmp-ctl:disabled{opacity:.35;cursor:not-allowed;background:transparent}.mmp-speed span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:30px;padding:0 8px;border-radius:999px;border:1.5px solid var(--mmp-line);font-variant-numeric:tabular-nums}.mmp-speed:hover{background:transparent}.mmp-speed:hover span{border-color:var(--mmp-text3)}.mmp-play{width:46px;height:46px;flex:none;margin:0 4px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--mmp-p);color:var(--mmp-ink);border:2px solid var(--mmp-ink);box-shadow:3px 3px 0 var(--mmp-w);cursor:pointer}.mmp-seek{display:flex;align-items:center;gap:10px;margin-top:2px}.mmp-time{font-family:var(--ma-mono,monospace);font-size:11px;font-weight:700;color:var(--mmp-text3);min-width:40px;flex:none;font-variant-numeric:tabular-nums}.mmp-time:last-child{text-align:right}
/* !important: the site-wide dark input rule ([data-theme="dark"] input:not(...)) would paint a grey box. */.mmp-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;width:100%;min-width:0;height:24px;background:transparent!important;border:0!important;cursor:pointer;margin:0}.mmp-range::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:linear-gradient(to right,var(--mmp-p) var(--pct,0),var(--mmp-line) var(--pct,0))}.mmp-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--mmp-p);border:2px solid var(--mmp-ink)}.mmp-range::-moz-range-track{height:4px;border-radius:99px;background:var(--mmp-line)}.mmp-range::-moz-range-progress{height:4px;border-radius:99px;background:var(--mmp-p)}.mmp-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--mmp-p);border:2px solid var(--mmp-ink)}.mmp-wide{display:inline-flex}@media (max-width:767px){.mmp{bottom:calc(64px + env(safe-area-inset-bottom, 0px));padding-bottom:0;border-bottom:1px solid var(--mmp-line)}}@media (max-width:639px){.mmp-inner{padding:6px 12px 4px}.mmp-art,.mmp-wide{display:none}.mmp-row{gap:6px}}